@charset "utf-8";
/* ============================================================
   线报酷 · 统一设计令牌 v2（2026-10-04）
   单一来源：前台主题（xianbao_theme）与用户中心（mochu_us）共用本文件。
   结构分三层：
     ① zinc 原色板  —— 原子层，组件不要直接引用；
     ② 规范语义层   —— 新组件一律只用这一层的名字；
     ③ 兼容别名层   —— 用户中心旧名（--card/--muted/--foreground…）
                       与前台旧名（--c-primary/--radius-card…），
                       现役组件代码逐步迁移到②后可删。
   规则：换值不换名 —— 组件只引用令牌名，不写裸色值。
   纪律：界面只留黑与灰（zinc）；语义色只进徽章圆点/危险文字；
        链接悬停只用 zinc 灰阶，全站不用蓝。
   暗色：html.night（前台夜间模式）；用户中心暗色预留 html.uc-dark，
        恢复时复制 html.night 块改选择器即可。
   修改本文件后必须递增所有挂载点的 ?v= 版本戳：
     前台 template/header.php、用户中心 src/index.php。
   ============================================================ */

/* ---------- ① zinc 原色板 ---------- */
:root{
  --zinc-50:#fafafa;  --zinc-100:#f4f4f5; --zinc-200:#e4e4e7; --zinc-300:#d4d4d8;
  --zinc-400:#a1a1aa; --zinc-500:#71717a; --zinc-600:#52525b; --zinc-700:#3f3f46;
  --zinc-800:#27272a; --zinc-900:#18181b; --zinc-950:#09090b;
}

/* ============================================================
   ② 规范语义层（亮色）
   ============================================================ */
:root{
  /* ---------- 面 ---------- */
  --bg:#fafafa;               /* zinc-50  画布 */
  --surface:#ffffff;          /* 卡片 */
  --surface-2:#f4f4f5;        /* zinc-100 悬停/选中/筛选组底（登录页画布同此值） */
  --surface-3:#fafafa;        /* 表头/版权框等次级面 */
  --surface-hover:#ebebec;    /* surface-2 再深一档（用户中心 muted-hover） */
  /* ---------- 线 ---------- */
  --border:#e4e4e7;           /* zinc-200 结构线 */
  --border-strong:#d4d4d8;    /* zinc-300 控件描边 */
  /* ---------- 字 ---------- */
  --text:#09090b;             /* zinc-950 标题/正文 */
  --text-body:#3f3f46;        /* zinc-700 列表正文/标题墨色（20261004c：zinc-950 过黑，用户反馈调软） */
  --text-2:#71717a;           /* zinc-500 次要文字 */
  --text-3:#a1a1aa;           /* zinc-400 时间戳/占位/禁用 */
  --text-read:#d4d4d8;             /* zinc-300 已读链接色（20261006 主题化：原 style.css 字面值） */
  /* ---------- 主色（近黑，夜间反白） ---------- */
  --primary:#18181b;          /* zinc-900 主按钮/强调 */
  --primary-hover:#27272a;    /* zinc-800 */
  --on-primary:#ffffff;
  /* ---------- 链接 ---------- */
  --link:#09090b;
  --link-hover:#52525b;
  --link-ext:#2563eb;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#1d4ed8;       /* zinc-600 悬停（全站不用蓝） */
  /* ---------- 语义色（只进徽章圆点/危险文字；两端现役对齐值 20261004） ---------- */
  --success:#10b981;                /* emerald-500（用户中心旧导出值 #16a34a 已废弃，以线上对齐值为准） */
  --success-text:#059669;           /* emerald-600 小字可读档（线报状态结论文字 20261005） */
  --tint-ok:rgba(16,185,129,.12);       /* emerald 浅绿底（文章页按钮行统一绿调 20261005；d2 设计稿 qbtn.faved 引用） */
  --tint-ok-strong:rgba(16,185,129,.24);/* 浅绿底加深档（已收藏态区分用） */
  --warning:#f59e0b;                /* amber-500（同上，旧导出值 #d97706 已废弃） */
  --warning-text:#b45309;
  --warning-bg:#fffbeb;
  --danger:#dc2626;
  --danger-hover:#b91c1c;
  --danger-text:#dc2626;
  --danger-bg:rgba(220,38,38,.08);  /* 今日时间胶囊淡染 */
  --vip:#b45309;
  /* ---------- 环阴影配方 ---------- */
  --ring:#e4e4e7;
  --ring-strong:#d4d4d8;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.04);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.04);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.08);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.04);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.08); /* 弹层（同 ring-lg 配方，用户中心名） */
  /* ---------- 焦点 ---------- */
  --focus-ring:#71717a;
  --focus-halo:rgba(24,24,27,.08);
  /* ---------- 圆角 ---------- */
  --radius-lg:12px;           /* 卡片/弹窗 */
  --radius:8px;               /* 控件（输入框/按钮） */
  --radius-sm:6px;            /* 小钮/徽标内芯 */
  --radius-pill:999px;        /* 胶囊 */
  /* ---------- 间距 ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;
  /* ---------- 字号 ---------- */
  --fs-12:.75rem; --fs-13:.8125rem; --fs-14:.875rem; --fs-15:.9375rem;
  --fs-16:1rem; --fs-18:1.125rem; --fs-22:1.375rem; --fs-28:1.75rem;
  /* ---------- 字重 ---------- */
  --fw-400:400; --fw-500:500; --fw-600:600; --fw-700:700;
  /* ---------- 动效 ---------- */
  --dur-fast:.15s; --dur:.2s; --ease:cubic-bezier(.4,0,.2,1);
  /* ---------- 字体栈 ---------- */
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","MiSans",
    "HarmonyOS Sans SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
  /* ---------- 布局 ---------- */
  --container:1280px;         /* 前台内容宽度规格 */
  --header-total:60px;        /* 前台桌面顶栏高度（nav2 仅移动端显示），侧栏吸顶用 */
  --header-h:56px;            /* 用户中心顶栏高度 */
  color-scheme:light;
}

/* ============================================================
   ② 规范语义层（暗色 · html.night，前台夜间模式）
   ============================================================ */
html.night{
  /* 20261004b 提亮：用户反馈夜间太黑。zinc 梯度整体上移一档：
     页面底=zinc-900、卡片=900/800 之间、轨道=zinc-800（原 页面底=950、卡片=900） */
  --bg:#18181b;
  --surface:#1f1f23;
  --surface-2:#27272a;
  --surface-3:#232327;
  --surface-hover:#3f3f46;
  --border:#2e2e33;
  --border-strong:#3f3f46;
  --text:#fafafa;
  --text-body:#d4d4d8;        /* zinc-300，夜间列表墨色同步软化 */
  --text-2:#a1a1aa;
  --text-3:#71717a;
  --text-read:#52525b;             /* 夜间已读链接色（20261006 对齐 style.css 原字面值） */
  --primary:#fafafa;
  --primary-hover:#e4e4e7;
  --on-primary:#18181b;
  --link:#fafafa;
  --link-hover:#a1a1aa;
  --link-ext:#60a5fa;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#93c5fd;       /* zinc-400 悬停 */
  --success:#34d399;
  --success-text:#34d399;
  --tint-ok:rgba(52,211,153,.16);
  --tint-ok-strong:rgba(52,211,153,.30);
  --warning:#fbbf24;
  --warning-text:#fbbf24;
  --warning-bg:rgba(251,191,36,.12);
  --danger:#ff7076;
  --danger-hover:#ff7076;     /* 用户中心暗色未启用，预留同 danger */
  --danger-text:#ff7076;
  --danger-bg:rgba(255,112,118,.14);
  --vip:#fbbf24;              /* 预留未启用 */
  --ring:#2e2e33;
  --ring-strong:#3f3f46;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.16);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.16);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.16);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#a1a1aa;
  --focus-halo:rgba(250,250,250,.08);
  color-scheme:dark;
}

/* ============================================================
   ③ 兼容别名层 —— 用户中心 zinc.css 现役名（勿在新组件使用）
   ============================================================ */
:root{
  --background:var(--bg);
  --foreground:var(--text);
  --card:var(--surface);
  --muted:var(--surface-2);
  --muted-hover:var(--surface-hover);
  --muted-foreground:var(--text-2);
  --subtle:var(--text-3);
  /* 同名同值无需别名：--border、--border-strong、--primary、--primary-hover、
     --link-hover、--success、--warning、--warning-text、--danger、--danger-hover、
     --vip、--shadow-ring 系列、--shadow-pop、--radius 系列、--sp 系列、--fs 系列、
     --fw 系列、--dur 系列、--ease、--font、--header-h */
}
html.night{
  --background:var(--bg);
  --foreground:var(--text);
  --card:var(--surface);
  --muted:var(--surface-2);
  --muted-hover:var(--surface-hover);
  --muted-foreground:var(--text-2);
  --subtle:var(--text-3);
}

/* ============================================================
   ③ 兼容别名层 —— 前台 xianbao_theme 现役旧名（勿在新组件使用）
   ============================================================ */
:root{
  --radius-card:var(--radius-lg);
  --radius-control:var(--radius);
  --radius-badge:var(--radius-pill);
  /* 旧令牌名兼容（mochu_us 兼容层/内联样式仍引用） */
  --c-primary:var(--primary);
  --c-primary-dark:#3f3f46;   /* zinc-700 */
  --shadow:var(--shadow-ring-sm);
  /* 前台专属 */
  --header-bg:rgba(255,255,255,.86);
  /* 列表行密度（2026-10-05 三轮：8px 再放宽至 9px，原舒适档 11px） */
  --row-pad-y:9px;
  --row-gap:10px;
  /* 列表行分隔线（比 --border 浅一档，行线专用） */
  --row-border:#ececef;
}
html.night{
  --radius-card:var(--radius-lg);
  --radius-control:var(--radius);
  --radius-badge:var(--radius-pill);
  --c-primary:var(--primary);
  --c-primary-dark:#e4e4e7;
  --shadow:var(--shadow-ring-sm);
  --header-bg:rgba(24,24,27,.86);
  /* 列表行密度夜间不变化，继承即可；行线比夜间 --border 浅一档 */
  --row-border:#27272a;
}

/* ============================================================
   多主题扩展（2026-10-06，正式站与测试站同步上线）
   12 个主题：护眼/日落/深灰/羊皮纸 + 8 个社区候选
   （dracula/nord/tokyo/catppuccin/rosepine/gruvbox/everforest/solarized）。
   高对比度已否决未收录。切换机制：
     白天=默认 :root；夜间=html.night；其余=html[data-xb-theme="…"]；
     跟随系统=JS 按 prefers-color-scheme 落到白天/夜间。
   用户选择存 cookie xb_theme（365 天），旧 night cookie 只读兼容。
   换值不换名：只覆盖语义层 + 前台硬编码（--header-bg/--row-border/--c-primary-dark/--text-read）。
   ============================================================ */

/* ============================================================
   新主题 1 · 护眼模式（data-xb-theme="eye"）
   豆沙绿浅色：低饱和绿画布降刺激，卡片近白带绿；
   主色 = 深墨绿（近黑），语义色沿用绿/琥珀/红体系。
   ============================================================ */
html[data-xb-theme="eye"]{
  --bg:#cfe6d0;
  --surface:#eef6ee;
  --surface-2:#e0eddf;
  --surface-3:#e8f2e7;
  --surface-hover:#d3e5d2;
  --border:#c3d9c3;
  --border-strong:#adc7ae;
  --text:#1d2b1e;
  --text-body:#3b4d3d;
  --text-2:#68796a;
  --text-3:#92a494;
  --primary:#243524;
  --primary-hover:#334833;
  --on-primary:#eef6ee;
  --link:#1d2b1e;
  --link-hover:#54685a;
  --link-ext:#1a5fb4;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#144a8f;
  --success:#2e7d4f;
  --success-text:#2e7d4f;
  --tint-ok:rgba(46,125,79,.12);
  --tint-ok-strong:rgba(46,125,79,.24);
  --warning:#b45309;
  --warning-text:#92400e;
  --warning-bg:rgba(180,83,9,.10);
  --danger:#b3261e;
  --danger-hover:#8f1e17;
  --danger-text:#b3261e;
  --danger-bg:rgba(179,38,30,.09);
  --vip:#92400e;
  --ring:#c3d9c3;
  --ring-strong:#adc7ae;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(29,43,30,.05);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(29,43,30,.05);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(29,43,30,.10);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(29,43,30,.05);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(29,43,30,.10);
  --focus-ring:#68796a;
  --focus-halo:rgba(36,53,36,.10);
  /* 前台专属硬编码换值 */
  --c-primary-dark:#334833;
  --header-bg:#eef6ee;
  --row-border:#d8e7d6;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:light;
}

/* ============================================================
   新主题 2 · 日落模式（data-xb-theme="sunset"）
   暮色暖调深色：深暖棕紫画布、暖白文字；
   主色 = 暖琥珀（夜间反转逻辑在深暖底上的等价物），
   适合黄昏/弱光环境，比夜间模式更暖更柔。
   ============================================================ */
html[data-xb-theme="sunset"]{
  --bg:#241a1f;
  --surface:#2e2126;
  --surface-2:#3a2a2e;
  --surface-3:#332529;
  --surface-hover:#4a3539;
  --border:#48343a;
  --border-strong:#5c444a;
  --text:#f7ebe0;
  --text-body:#e3cfc0;
  --text-2:#bd9f8d;
  --text-3:#8f7364;
  --primary:#f2a65e;
  --primary-hover:#f7b878;
  --on-primary:#2b1c22;
  --link:#f7ebe0;
  --link-hover:#d9a982;
  --link-ext:#ffa07a;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#ffb598;
  --success:#5ad191;
  --success-text:#5ad191;
  --tint-ok:rgba(90,209,145,.16);
  --tint-ok-strong:rgba(90,209,145,.28);
  --warning:#f2b04e;
  --warning-text:#f2b04e;
  --warning-bg:rgba(242,176,78,.14);
  --danger:#ff7a6e;
  --danger-hover:#ff7a6e;
  --danger-text:#ff7a6e;
  --danger-bg:rgba(255,122,110,.15);
  --vip:#f2b04e;
  --ring:#48343a;
  --ring-strong:#5c444a;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.28);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.28);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.45);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.28);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.45);
  --focus-ring:#d9a982;
  --focus-halo:rgba(242,166,94,.12);
  --c-primary-dark:#f7b878;
  --header-bg:#2e2126;
  --row-border:#3e2d32;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   新主题 3 · 深灰模式（data-xb-theme="gray"）
   舒适暗灰（dim 档）：比夜间模式整体亮一档的中灰深色，
   适合不喜欢纯黑/纯 zinc-900 底的用户；主色近白反转同夜间。
   ============================================================ */
html[data-xb-theme="gray"]{
  --bg:#2b2b2f;
  --surface:#343439;
  --surface-2:#3f3f45;
  --surface-3:#38383d;
  --surface-hover:#4a4a51;
  --border:#44444a;
  --border-strong:#54545b;
  --text:#f4f4f5;
  --text-body:#d6d6da;
  --text-2:#a7a7ae;
  --text-3:#86868d;
  --primary:#f4f4f5;
  --primary-hover:#e4e4e7;
  --on-primary:#2b2b2f;
  --link:#f4f4f5;
  --link-hover:#a7a7ae;
  --link-ext:#6c9ef8;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#8db4fa;
  --success:#3ccf8e;
  --success-text:#3ccf8e;
  --tint-ok:rgba(60,207,142,.15);
  --tint-ok-strong:rgba(60,207,142,.27);
  --warning:#f5b431;
  --warning-text:#f5b431;
  --warning-bg:rgba(245,180,49,.13);
  --danger:#ff7b85;
  --danger-hover:#ff7b85;
  --danger-text:#ff7b85;
  --danger-bg:rgba(255,123,133,.14);
  --vip:#f5b431;
  --ring:#44444a;
  --ring-strong:#54545b;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.22);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.22);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.40);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.22);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.40);
  --focus-ring:#a7a7ae;
  --focus-halo:rgba(244,244,245,.10);
  --c-primary-dark:#e4e4e7;
  --header-bg:#343439;
  --row-border:#404046;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   新主题 4 · 羊皮纸模式（data-xb-theme="parchment"）
   暖褐纸质浅色：仿旧纸底色，长文阅读友好；
   主色 = 深褐（近黑），文字全体系暖褐墨色。
   ============================================================ */
html[data-xb-theme="parchment"]{
  --bg:#efe4cd;
  --surface:#f7efdd;
  --surface-2:#e9dcc0;
  --surface-3:#f2e8d3;
  --surface-hover:#e0d2b3;
  --border:#d9c9a5;
  --border-strong:#c6b287;
  --text:#3d2f1c;
  --text-body:#584728;
  --text-2:#83714f;
  --text-3:#ab9a76;
  --primary:#4a3a22;
  --primary-hover:#5c4930;
  --on-primary:#f7efdd;
  --link:#3d2f1c;
  --link-hover:#6e5a38;
  --link-ext:#3e6b8f;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#2f5472;
  --success:#4d7c43;
  --success-text:#3f6b36;
  --tint-ok:rgba(77,124,67,.13);
  --tint-ok-strong:rgba(77,124,67,.25);
  --warning:#b45309;
  --warning-text:#92400e;
  --warning-bg:rgba(180,83,9,.10);
  --danger:#a93226;
  --danger-hover:#8a281e;
  --danger-text:#a93226;
  --danger-bg:rgba(169,50,38,.09);
  --vip:#92400e;
  --ring:#d9c9a5;
  --ring-strong:#c6b287;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(61,47,28,.06);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(61,47,28,.06);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(61,47,28,.12);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(61,47,28,.06);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(61,47,28,.12);
  --focus-ring:#83714f;
  --focus-halo:rgba(74,58,34,.10);
  --c-primary-dark:#5c4930;
  --header-bg:#f7efdd;
  --row-border:#e2d5b6;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:light;
}

/* ============================================================
   候选主题 A · Dracula（data-xb-theme="dracula"）
   网最火暗色主题之一：深蓝紫底、亮紫主色、荧光语义色。
   ============================================================ */
html[data-xb-theme="dracula"]{
  --bg:#282a36;
  --surface:#343746;
  --surface-2:#44475a;
  --surface-3:#303241;
  --surface-hover:#4e5166;
  --border:#414558;
  --border-strong:#565971;
  --text:#f8f8f2;
  --text-body:#e2e2dc;
  --text-2:#9ba0b8;
  --text-3:#7a7f9a;
  --primary:#bd93f9;
  --primary-hover:#c8a9f8;
  --on-primary:#282a36;
  --link:#f8f8f2;
  --link-hover:#a3a8d4;
  --link-ext:#8be9fd;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#a8f0ff;
  --success:#50fa7b;
  --success-text:#50fa7b;
  --tint-ok:rgba(80,250,123,.14);
  --tint-ok-strong:rgba(80,250,123,.26);
  --warning:#ffb86c;
  --warning-text:#ffb86c;
  --warning-bg:rgba(255,184,108,.14);
  --danger:#ff5555;
  --danger-hover:#ff5555;
  --danger-text:#ff5555;
  --danger-bg:rgba(255,85,85,.15);
  --vip:#f1fa8c;
  --ring:#414558;
  --ring-strong:#565971;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.3);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#9399c4;
  --focus-halo:rgba(189,147,249,.12);
  --c-primary-dark:#c8a9f8;
  --header-bg:#343746;
  --row-border:#3b3e51;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 B · Nord（data-xb-theme="nord"）
   北欧冷灰蓝：极地夜深蓝底、霜蓝主色，整体低饱和冷调。
   ============================================================ */
html[data-xb-theme="nord"]{
  --bg:#2e3440;
  --surface:#3b4252;
  --surface-2:#434c5e;
  --surface-3:#383f4e;
  --surface-hover:#4c566a;
  --border:#434c5e;
  --border-strong:#4c566a;
  --text:#eceff4;
  --text-body:#d8dee9;
  --text-2:#a7b1c5;
  --text-3:#7f8aa1;
  --primary:#88c0d0;
  --primary-hover:#94c9d8;
  --on-primary:#2e3440;
  --link:#eceff4;
  --link-hover:#88c0d0;
  --link-ext:#88c0d0;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#a3d4e2;
  --success:#a3be8c;
  --success-text:#a3be8c;
  --tint-ok:rgba(163,190,140,.15);
  --tint-ok-strong:rgba(163,190,140,.27);
  --warning:#ebcb8b;
  --warning-text:#ebcb8b;
  --warning-bg:rgba(235,203,139,.14);
  --danger:#bf616a;
  --danger-hover:#bf616a;
  --danger-text:#bf616a;
  --danger-bg:rgba(191,97,106,.16);
  --vip:#ebcb8b;
  --ring:#434c5e;
  --ring-strong:#4c566a;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.28);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.28);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.45);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.28);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.45);
  --focus-ring:#88c0d0;
  --focus-halo:rgba(136,192,208,.12);
  --c-primary-dark:#94c9d8;
  --header-bg:#3b4252;
  --row-border:#3b4252;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 C · Tokyo Night（data-xb-theme="tokyo"）
   东京夜霓虹：深蓝夜底、雾蓝文字、霓虹蓝主色，程序员圈顶流。
   ============================================================ */
html[data-xb-theme="tokyo"]{
  --bg:#1a1b26;
  --surface:#1f2335;
  --surface-2:#2f334d;
  --surface-3:#22243a;
  --surface-hover:#343a55;
  --border:#2b2f44;
  --border-strong:#3b4261;
  --text:#c0caf5;
  --text-body:#a9b1d6;
  --text-2:#7d84ac;
  --text-3:#565f89;
  --primary:#7aa2f7;
  --primary-hover:#89a8f8;
  --on-primary:#1a1b26;
  --link:#c0caf5;
  --link-hover:#7aa2f7;
  --link-ext:#7dcfff;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#9adcff;
  --success:#9ece6a;
  --success-text:#9ece6a;
  --tint-ok:rgba(158,206,106,.14);
  --tint-ok-strong:rgba(158,206,106,.26);
  --warning:#e0af68;
  --warning-text:#e0af68;
  --warning-bg:rgba(224,175,104,.14);
  --danger:#f7768e;
  --danger-hover:#f7768e;
  --danger-text:#f7768e;
  --danger-bg:rgba(247,118,142,.15);
  --vip:#e0af68;
  --ring:#2b2f44;
  --ring-strong:#3b4261;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.3);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#7aa2f7;
  --focus-halo:rgba(122,162,247,.12);
  --c-primary-dark:#89a8f8;
  --header-bg:#1f2335;
  --row-border:#262a3d;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 D · Catppuccin Mocha（data-xb-theme="catppuccin"）
   柔和粉彩暗色（Mocha 档）：深可可底、淡紫主色、低刺激糖果色。
   ============================================================ */
html[data-xb-theme="catppuccin"]{
  --bg:#1e1e2e;
  --surface:#262637;
  --surface-2:#313244;
  --surface-3:#232332;
  --surface-hover:#3d3d52;
  --border:#313244;
  --border-strong:#45475a;
  --text:#cdd6f4;
  --text-body:#bac2de;
  --text-2:#a6adc8;
  --text-3:#7f849c;
  --primary:#cba6f7;
  --primary-hover:#d4b3f9;
  --on-primary:#1e1e2e;
  --link:#cdd6f4;
  --link-hover:#cba6f7;
  --link-ext:#89b4fa;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#a5c6ff;
  --success:#a6e3a1;
  --success-text:#a6e3a1;
  --tint-ok:rgba(166,227,161,.14);
  --tint-ok-strong:rgba(166,227,161,.26);
  --warning:#f9e2af;
  --warning-text:#f9e2af;
  --warning-bg:rgba(249,226,175,.13);
  --danger:#f38ba8;
  --danger-hover:#f38ba8;
  --danger-text:#f38ba8;
  --danger-bg:rgba(243,139,168,.15);
  --vip:#f9e2af;
  --ring:#313244;
  --ring-strong:#45475a;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.3);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#cba6f7;
  --focus-halo:rgba(203,166,247,.12);
  --c-primary-dark:#d4b3f9;
  --header-bg:#262637;
  --row-border:#2b2b3f;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 E · Rosé Pine（data-xb-theme="rosepine"）
   玫瑰松木：深紫夜底、玫瑰粉主色、灰紫雾面文字，近年设计圈爆款。
   ============================================================ */
html[data-xb-theme="rosepine"]{
  --bg:#191724;
  --surface:#1f1d2e;
  --surface-2:#26233a;
  --surface-3:#201d30;
  --surface-hover:#2f2b45;
  --border:#26233a;
  --border-strong:#312f44;
  --text:#e0def4;
  --text-body:#d5d1e8;
  --text-2:#908caa;
  --text-3:#6e6a86;
  --primary:#ebbcba;
  --primary-hover:#f0c6c4;
  --on-primary:#191724;
  --link:#e0def4;
  --link-hover:#ebbcba;
  --link-ext:#c4a7e7;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#d4bfef;
  --success:#9ccfd8;
  --success-text:#9ccfd8;
  --tint-ok:rgba(156,207,216,.14);
  --tint-ok-strong:rgba(156,207,216,.26);
  --warning:#f6c177;
  --warning-text:#f6c177;
  --warning-bg:rgba(246,193,119,.13);
  --danger:#eb6f92;
  --danger-hover:#eb6f92;
  --danger-text:#eb6f92;
  --danger-bg:rgba(235,111,146,.15);
  --vip:#f6c177;
  --ring:#26233a;
  --ring-strong:#312f44;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.3);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#908caa;
  --focus-halo:rgba(235,188,186,.12);
  --c-primary-dark:#f0c6c4;
  --header-bg:#1f1d2e;
  --row-border:#232030;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 F · Gruvbox Dark（data-xb-theme="gruvbox"）
   复古暖褐：棕褐底、芥黄主色、荧光绿/橙语义色，复古终端风。
   ============================================================ */
html[data-xb-theme="gruvbox"]{
  --bg:#282828;
  --surface:#32302f;
  --surface-2:#3c3836;
  --surface-3:#2f2d2b;
  --surface-hover:#4a463f;
  --border:#3c3836;
  --border-strong:#504945;
  --text:#ebdbb2;
  --text-body:#d5c4a1;
  --text-2:#bdae93;
  --text-3:#a89984;
  --primary:#fabd2f;
  --primary-hover:#fcc544;
  --on-primary:#282828;
  --link:#ebdbb2;
  --link-hover:#fabd2f;
  --link-ext:#8ec07c;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#a6d494;
  --success:#b8bb26;
  --success-text:#b8bb26;
  --tint-ok:rgba(184,187,38,.14);
  --tint-ok-strong:rgba(184,187,38,.26);
  --warning:#fe8019;
  --warning-text:#fe8019;
  --warning-bg:rgba(254,128,25,.14);
  --danger:#fb4934;
  --danger-hover:#fb4934;
  --danger-text:#fb4934;
  --danger-bg:rgba(251,73,52,.15);
  --vip:#fabd2f;
  --ring:#3c3836;
  --ring-strong:#504945;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.3);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.3);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#fabd2f;
  --focus-halo:rgba(250,189,47,.12);
  --c-primary-dark:#fcc544;
  --header-bg:#32302f;
  --row-border:#363430;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 G · Everforest Dark（data-xb-theme="everforest"）
   永恒森林：林绿深底、嫩绿主色，与站内绿色语义天然契合。
   ============================================================ */
html[data-xb-theme="everforest"]{
  --bg:#2d353b;
  --surface:#343f44;
  --surface-2:#3d484d;
  --surface-3:#374247;
  --surface-hover:#475258;
  --border:#414b50;
  --border-strong:#4f585e;
  --text:#d3c6aa;
  --text-body:#c8c1a5;
  --text-2:#9daaa0;
  --text-3:#7a8478;
  --primary:#a7c080;
  --primary-hover:#b2ca8f;
  --on-primary:#2d353b;
  --link:#d3c6aa;
  --link-hover:#a7c080;
  --link-ext:#7fbbb3;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#99cdc6;
  --success:#a7c080;
  --success-text:#a7c080;
  --tint-ok:rgba(167,192,128,.14);
  --tint-ok-strong:rgba(167,192,128,.26);
  --warning:#dbbc7f;
  --warning-text:#dbbc7f;
  --warning-bg:rgba(219,188,127,.13);
  --danger:#e67e80;
  --danger-hover:#e67e80;
  --danger-text:#e67e80;
  --danger-bg:rgba(230,126,128,.15);
  --vip:#dbbc7f;
  --ring:#414b50;
  --ring-strong:#4f585e;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.28);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.28);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.45);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.28);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.45);
  --focus-ring:#a7c080;
  --focus-halo:rgba(167,192,128,.12);
  --c-primary-dark:#b2ca8f;
  --header-bg:#343f44;
  --row-border:#3a4449;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:dark;
}

/* ============================================================
   候选主题 H · Solarized Light（data-xb-theme="solarized"）
   经典 Solarized 浅色：暖米纸底、深青黑主色、天青链接色，
   文献阅读界常青树。
   ============================================================ */
html[data-xb-theme="solarized"]{
  --bg:#fdf6e3;
  --surface:#fffbf0;
  --surface-2:#eee8d5;
  --surface-3:#f5eeda;
  --surface-hover:#e3dac2;
  --border:#ded5b8;
  --border-strong:#cfc6a5;
  --text:#073642;
  --text-body:#4a5b66;
  --text-2:#7c8f93;
  --text-3:#a5b2af;
  --primary:#073642;
  --primary-hover:#0a4250;
  --on-primary:#fdf6e3;
  --link:#073642;
  --link-hover:#268bd2;
  --link-ext:#268bd2;        /* 正文外链色（20261006 主题化：原 style.css 字面值） */
  --link-ext-hover:#1a78b8;
  --success:#859900;
  --success-text:#7a8f00;
  --tint-ok:rgba(133,153,0,.12);
  --tint-ok-strong:rgba(133,153,0,.24);
  --warning:#b58900;
  --warning-text:#b58900;
  --warning-bg:rgba(181,137,0,.10);
  --danger:#dc322f;
  --danger-hover:#b92c29;
  --danger-text:#dc322f;
  --danger-bg:rgba(220,50,47,.09);
  --vip:#b58900;
  --ring:#ded5b8;
  --ring-strong:#cfc6a5;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(7,54,66,.06);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(7,54,66,.06);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(7,54,66,.10);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(7,54,66,.06);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(7,54,66,.10);
  --focus-ring:#7c8f93;
  --focus-halo:rgba(7,54,66,.10);
  --c-primary-dark:#0a4250;
  --header-bg:#fffbf0;
  --row-border:#ece5cf;
  --text-read:var(--text-3);        /* 已读链接色随主题 */
  color-scheme:light;
}