/* ==========================================================================
   站群主题 · sakura（樱 · 柔粉纸感）
   —— 完整设计体系，不只是换色 ——
   性格：柔粉白基调 / 大圆角(18px) / 轻阴影 / 行高 1.80（留白舒展）
   依赖：CSS 变量覆盖 + 6 条安全附加规则（无 JS、无图片、无 webfont、无 url()）
   回退：删除本文件 + 从 config/sites.php 移除引用即可，不改动任何现有文件。
   同时提供 --c-*（PC）与 --w-*（WAP）两套变量。
   ========================================================================== */

:root {
  /* —— 语义化配色（15 项）—— */
  --c-primary: #c2185b;          /* 主色：樱红 */
  --c-primary-dark: #9c1249;     /* 主色 hover / active */
  --c-primary-soft: #fce4ec;     /* 主色浅底（标签、选中） */
  --c-accent: #7b3fa0;           /* 强调色：紫藤（焦点轮廓、栏目标题竖条） */
  --c-on-primary: #ffffff;       /* 压在主色上的文字色（对比 6.34:1） */
  --c-bg: #fdf6f9;               /* 页面背景 */
  --c-surface: #ffffff;          /* 卡片表面 */
  --c-surface-2: #fbeef4;        /* 次级表面 */
  --c-border: #f0d8e2;           /* 边框 */
  --c-text: #2e2430;             /* 正文（对背景 13.9:1） */
  --c-text-2: #6a5566;           /* 次要文字（对白底 6.0:1） */
  --c-text-3: #9b8695;           /* 三级文字 / 占位 */
  --c-ok: #2e7d32; --c-ok-soft: #e8f5e9;
  --c-warn: #b26a00;
  --c-danger: #c62828;

  /* —— 形状 —— */
  --c-radius: 18px;              /* 卡片 */
  --c-radius-sm: 12px;           /* 按钮 / 输入框 / 封面 */
  --c-shadow: 0 1px 2px rgba(46, 36, 48, .04), 0 8px 24px rgba(194, 24, 91, .07);

  /* —— 字体（仅系统字体栈，不引 webfont）—— */
  --font: system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans TC", sans-serif;
  --font-read: Georgia, "Songti TC", "Songti SC", "SimSun", "Microsoft JhengHei", serif;

  /* —— 字号阶梯 / 行高 / 字重 / 间距刻度（4px 基准）—— */
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 24px; --fs-2xl: 32px;
  --lh-body: 1.80; --lh-read: 1.95; --fw-title: 600;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* —— WAP（wap.css 消费）—— */
  --w-bg: #fdf6f9; --w-surface: #ffffff; --w-border: #f0d8e2;
  --w-text: #2e2430; --w-text2: #6a5566; --w-text3: #9b8695;
  --w-primary: #c2185b; --w-primary-soft: #fce4ec;
  --w-ok: #2e7d32; --w-danger: #c62828; --w-radius: 16px;
}

/* —— 可访问性：可见焦点轮廓（style.css 原本没有；纯新增）—— */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}

/* —— 排版：主题级行高与标题字重（只改字重/行高，不动尺寸与宽度）—— */
body { line-height: var(--lh-body); }
h1, h2, h3 { font-weight: var(--fw-title); }
.reader-content { line-height: var(--lh-read); }

/* —— 强调色落点：栏目标题左侧竖条 + 主色按钮文字色 —— */
.panel-title::before { background: var(--c-accent); }
.btn-primary, .wap-btn.primary, .wap-chip.active,
.wap-pages .cur, .pager .current { color: var(--c-on-primary); }
