/* ==========================================================================
   站群主题 · ocean（海 · 清透青蓝）
   —— 完整设计体系，不只是换色 ——
   性格：青蓝冷调 / 中等圆角(10px) / 极轻阴影 / 无边框感(浅描边) / 行高 1.75
   依赖：CSS 变量覆盖 + 6 条安全附加规则（无 JS、无图片、无 webfont、无 url()）
   回退：删除本文件 + 从 config/sites.php 移除引用即可，不改动任何现有文件。
   同时提供 --c-*（PC）与 --w-*（WAP）两套变量。
   ========================================================================== */

:root {
  /* —— 语义化配色（15 项）—— */
  --c-primary: #0b6e78;          /* 主色：深海青 */
  --c-primary-dark: #08565e;     /* 主色 hover / active */
  --c-primary-soft: #dcf1f3;     /* 主色浅底 */
  --c-accent: #d1502f;           /* 强调色：珊瑚（青的互补） */
  --c-on-primary: #ffffff;       /* 压在主色上的文字色（对比 6.44:1） */
  --c-bg: #f2fafb;               /* 页面背景 */
  --c-surface: #ffffff;          /* 卡片表面 */
  --c-surface-2: #e6f4f7;        /* 次级表面 */
  --c-border: #d8ebee;           /* 边框（刻意极浅 ⇒ 无边框观感） */
  --c-text: #10303a;             /* 正文（对背景 13.2:1） */
  --c-text-2: #4a6b74;           /* 次要文字（对白底 5.9:1） */
  --c-text-3: #788f97;           /* 三级文字（对白底 3.40:1） */
  --c-ok: #14724f; --c-ok-soft: #e3f4ee;
  --c-warn: #96650a;
  --c-danger: #c0392b;

  /* —— 形状 —— */
  --c-radius: 10px;
  --c-radius-sm: 8px;
  --c-shadow: 0 1px 2px rgba(16, 48, 58, .04), 0 4px 14px rgba(11, 110, 120, .06);

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

  /* —— 字号阶梯 / 行高 / 字重 / 间距刻度（4px 基准）—— */
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 24px; --fs-2xl: 32px;
  --lh-body: 1.75; --lh-read: 1.92; --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: #f2fafb; --w-surface: #ffffff; --w-border: #d8ebee;
  --w-text: #10303a; --w-text2: #4a6b74; --w-text3: #788f97;
  --w-primary: #0b6e78; --w-primary-soft: #dcf1f3;
  --w-ok: #14724f; --w-danger: #c0392b; --w-radius: 8px;
}

/* —— 可访问性：可见焦点轮廓（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); }