/* ═══════════════════════════════════════════════════════════════════
   gervas.wang · 全站主题样式表
   ───────────────────────────────────────────────────────────────────
   风格：技术文档 / 深色侧栏（方案 C）
   落位：仓库根目录，子页用 <link rel="stylesheet" href="../theme.css">
         **必须放在子页自身 <style> 之前**（基础样式先加载）

   维护原则：
   1. 只在本文件改配色 / 字体 / 圆角 / 阴影 → 全站 15 个子页同步生效
   2. 「别名层」把各子页历史变量名归一到同一套值，页面组件 CSS 无需改动
   3. 页面自己的语义色（涨跌色 --up / --down、分级色 --lvl-a / --lvl-b、
      体例变量 --sc、--sp1..--sp7、--s1..--s5、--ph1..--ph5、古典字体
      --serif / --kai）**不在收编范围**，继续由各页 :root 自行定义
   ⚠️ 本文件里的注释严禁出现 `*` + `/` 相邻（会被当作注释结束符），
      写变量通配时请用 ".." 或列举，不要写星号加斜杠。
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. 主题 token ─────────────────────────────────────────────── */
:root{
  /* 背景层 */
  --bg:#f7f8fa;
  --band:#eef1f5;
  --surface:#ffffff;
  --card:#ffffff;
  --panel:#ffffff;
  --code:#f1f5f9;

  /* 文字层 */
  --ink:#0f172a;
  --ink-2:#334155;
  --ink-3:#64748b;
  --muted:#64748b;
  --muted-2:#8494a8;

  /* 描边层 */
  --line:#dfe6ef;
  --line-2:#c3ceda;
  --border:#dfe6ef;

  /* 主色：青 */
  --accent:#0d9488;
  --accent-ink:#0f766e;
  --accent-soft:#e3f5f2;

  /* 语义色 */
  --warn:#b45309;
  --warn-soft:#fdf3e3;
  --danger:#b91c1c;
  --danger-soft:#fdeceb;
  --ok:#047857;
  --ok-soft:#e6f4ef;
  --info:#475569;
  --info-soft:#eef1f5;

  /* 形状 */
  --radius:8px;
  --radius-sm:5px;
  --shadow:0 1px 2px rgba(15,23,42,.05), 0 10px 26px -16px rgba(15,23,42,.2);
  --shadow-hover:0 2px 6px rgba(15,23,42,.07), 0 18px 40px -18px rgba(13,148,136,.28);

  /* 字体 */
  --mono:"JetBrains Mono","Cascadia Mono",Consolas,"SFMono-Regular",Menlo,monospace;
  --sans:"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;

  /* 版心 */
  --maxw:1180px;
}

/* ── 2. 别名层：归一各子页历史变量名 ──────────────────────────
   子页只需删掉自己 :root 里的同名定义，组件 CSS 一行都不用动。
   注意：仅覆盖「主题色 / 中性色 / 字体 / 圆角 / 阴影」，
        语义色与体例变量不在此列（见文件头说明）。            */
:root{
  /* 主色系 */
  --primary:var(--accent);
  --primary-dark:var(--accent-ink);
  --primary-light:var(--accent-soft);
  --brand:var(--accent);
  --brand2:var(--accent-ink);
  --brand-2:var(--accent-ink);
  --brandsoft:var(--accent-soft);
  --brandline:#5eead4;
  --accent-dark:var(--accent-ink);
  --accent-deep:var(--accent-ink);

  /* 文字色系 */
  --text:var(--ink);
  --paper:var(--surface);
  --ink2:var(--ink-2);
  --ink3:var(--ink-3);
  --ink-soft:var(--ink-2);

  /* 背景 / 描边系 */
  --card2:var(--band);
  --hairline:1px solid var(--line);
  --line2:var(--line-2);

  /* 形状 */
  --r:var(--radius);
  --r2:var(--radius-sm);
  --sh:var(--shadow);
  --sh2:var(--shadow-hover);

  /* 状态色别名 */
  --red:var(--danger);
  --redsoft:var(--danger-soft);
  --redline:#f3c6c4;
  --green:var(--ok);
  --oksoft:var(--ok-soft);
  --safe:var(--ok);
  --amber:var(--warn);
  --amber-bg:var(--warn-soft);
  --amber-line:#fcd9a8;
  --warnsoft:var(--warn-soft);
  --warnline:#f3ddb4;
  --slate:var(--info);
  --slate-bg:var(--info-soft);
  --slate-line:var(--line-2);
  --purple:#6d5ce7;
}

/* ── 3. 全站统一的「返回首页」浮钮 ─────────────────────────── */
.g-pill{
  position:fixed; inset-inline-end:18px; top:18px; z-index:9999;
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 14px; border-radius:6px;
  background:#0f172a; color:#f1f5f9;
  font-family:var(--mono); font-size:12px; letter-spacing:.04em;
  text-decoration:none; box-shadow:0 2px 10px rgba(15,23,42,.18);
  transition:background .15s, transform .15s;
}
.g-pill:hover{ background:var(--accent); transform:translateY(-1px) }
.g-pill:focus-visible{ outline:2px solid var(--accent); outline-offset:2px }
@media (max-width:640px){ .g-pill{ inset-inline-end:14px; top:14px; padding:8px 12px } }
/* 兼容旧类名，避免老页面漏改 */
.site-home-pill{
  position:fixed; inset-inline-end:18px; top:18px; z-index:9999;
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 14px; border-radius:6px;
  background:#0f172a; color:#f1f5f9;
  font-family:var(--mono); font-size:12px; letter-spacing:.04em;
  text-decoration:none; box-shadow:0 2px 10px rgba(15,23,42,.18);
  transition:background .15s, transform .15s;
}
.site-home-pill:hover{ background:var(--accent); transform:translateY(-1px) }
@media (max-width:640px){ .site-home-pill{ inset-inline-end:14px; top:14px; padding:8px 12px } }

/* ── 4. 基础兜底：选中态、焦点环、滚动条 ───────────────────── */
::selection{ background:var(--accent-soft); color:var(--ink) }
:focus-visible{ outline:2px solid var(--accent); outline-offset:2px }
html{ -webkit-text-size-adjust:100% }
*{ -webkit-font-smoothing:antialiased }