/**
 * 深色主题覆盖层 · 自动生成，请勿手工编辑
 *
 * 本文件只包含「语义层 + 少数组件层」令牌 —— 其余组件通过 var() 引用自动级联。
 *
 * 为何需要少数组件层覆盖：笔记框(note)与页脚(footer)的颜色直接引用
 * Primitive 层（如 color.gold.100）。Primitive 是主题无关的常量，不会被
 * 深色主题覆盖，因此这些组件必须在此显式给出深色取值。
 *
 * 切换方式（Web）：
 *   document.documentElement.dataset.theme = 'dark'
 * 切换方式（小程序 / uni-app）：根 view 绑 class
 *   <view class="hc-root theme-dark"> … </view>
 *   必须是同时承载令牌的 .hc-root，见 variables.wxss 的作用域说明。
 */

[data-theme="dark"] {
  /* 卡片阴影 —— 暗底吸收阴影，需比浅色主题更强（30% 黑 vs 5% 品牌色）才能显现层次 */
  --shadow-sm: 0px 1px 3px 0px #0000004d;
  /* 卡片 hover 抬升阴影 */
  --shadow-md: 0px 10px 26px 0px #00000073;
  /* 顶栏阴影 */
  --shadow-nav: 0px 2px 14px 0px #00000080;
  /* 深海军蓝底而非纯黑 —— 保留品牌色相，纯黑会让金色强调显得刺眼 */
  --surface-page: #0a1726;
  /* 页面底色次档 */
  --surface-page-alt: #0d1c2e;
  /* 卡片底 —— 高于页面底色一档，形成层次 */
  --surface-card: #12233a;
  /* 卡片 hover 底 */
  --surface-card-hover: #172a44;
  /* 次级填充底（标签/徽标/进度条槽） */
  --surface-subtle: #1a3049;
  /* 深色区块底（Hero/顶栏/页脚）—— 比页面底色更深，保持区块可辨识 */
  --surface-inverse: #071120;
  /* 模态遮罩，72% 不透明 */
  --surface-overlay: rgba(3, 10, 18, 0.72);
  /* 主文字 */
  --text-primary: #e8eef6;
  /* 次要文字 */
  --text-secondary: #8fa4bc;
  /* 第三级文字（表格/列表正文） */
  --text-tertiary: #b6c6d9;
  /* 深色区块上的文字 —— 与浅色主题相同 */
  --text-on-brand: #ffffff;
  /* 深色区块上的次要文字 */
  --text-on-brand-muted: #a9bdd4;
  /* 强调文字 —— 暗底上金色需提亮一档才够对比 */
  --text-accent: #e0bd6e;
  /* 品牌色文字 —— 由海军蓝翻转为金色 */
  --text-brand: #e0bd6e;
  /* 深色底上的文字（语义别名） */
  --text-inverse: #ffffff;
  /* 禁用态文字 */
  --text-disabled: #5b6d82;
  /* 极浅分隔线。原值 #16263c 与深色页底 surface.card(#12233a) 只差 RGB(4,3,2)，实测对比度 1.037 —— 等于看不见，而它正是详情页去掉交替色带后**唯一**的结构分隔手段（区块间细线、清单行分隔），后台表格行分隔与移动端列表分隔也用同一令牌，故三端同样失效。改为 #1e2e44（页底叠 5% 白），实测 1.152；与 default(1.268) 的比值 1.10 与浅色档位的 1.10 一致，三档层级关系保持不变 */
  --border-subtle: #1e2e44;
  /* 默认描边 */
  --border-default: #1f3550;
  /* 强调描边 / hover */
  --border-strong: #2d4a6b;
  /* 品牌描边 —— 深色下海军蓝描边不可见，改金色 */
  --border-brand: #e0bd6e;
  /* 金色描边 —— 暗底上需加深而非提亮，否则描边比底色还跳 */
  --border-accent: #8a7133;
  /* 深色区块内的分隔线 */
  --border-inverse: #ffffff;
  /* ★ 品牌标识色翻转为金色 —— 海军蓝在深色底上无法承担强调作用。这是深色主题最关键的一处决策 */
  --brand-primary: #e0bd6e;
  /* 品牌次档 —— 暗底上取更深一档金 */
  --brand-primary-alt: #c8a24b;
  /* 品牌色 hover */
  --brand-primary-hover: #f0dcae;
  /* 主行动按钮底 —— 深色下改用金底 */
  --brand-cta-bg: #e0bd6e;
  /* 主行动按钮字 —— 金底必须配深字。与 cta.bg 成对覆盖，不可单独改 */
  --brand-cta-fg: #0a1726;
  /* 品牌辅色 */
  --brand-accent: #e0bd6e;
  /* 品牌辅色亮档 */
  --brand-accent-light: #f0dcae;
  /* 品牌色阶·深 —— 深色下整体上移一档，否则与底色融为一体 */
  --brand-shade-deep: #3d6b94;
  /* 品牌色阶·中 */
  --brand-shade-mid: #5485b0;
  /* 品牌色阶·浅 */
  --brand-shade-soft: #6b9bc4;
  /* 品牌色阶·最浅 */
  --brand-shade-pale: #8fb4d4;
  /* 顶栏渐变 —— 提亮一档以区别于页面底色 */
  --brand-gradient-brand: linear-gradient(90deg, #0d1f33, #16304d);
  /* Hero 渐变 */
  --brand-gradient-hero: linear-gradient(120deg, #0d1f33, #16304d);
  /* 金色渐变 */
  --brand-gradient-accent: linear-gradient(135deg, #e0bd6e, #f0dcae);
  /* 暗部噪点更不易察觉，强度上调 */
  --decor-noise-opacity: 0.08;
  /* 金线深色档 —— 中段提亮到香槟白，暗底上才有金属反光感 */
  --decor-gold-line: linear-gradient(90deg, transparent 0%, var(--color-gold-400) 22%, #f7ead0 50%, var(--color-gold-400) 78%, transparent 100%);
  /* 金属填充面深色档 —— 整体上移一档。深色主题 CTA 已是金底深字，此渐变用于等级带与徽标 */
  --decor-gold-metal-fill: linear-gradient(135deg, #dcb45c 0%, #f0dcae 45%, #fff6e0 55%, var(--color-gold-400) 100%);
  /* 金属字深色档 —— 边缘由 gold.700 提到 gold.400：暗底上深金端会读成脏色 */
  --decor-gold-text: linear-gradient(105deg, var(--color-gold-400) 0%, #f0dcae 30%, #fff6e0 50%, #f0dcae 70%, var(--color-gold-400) 100%);
  /* 兜底色随之提亮 —— 暗底上 gold.400 才够对比 */
  --decor-gold-text-fallback: var(--color-gold-400);
  /* 金色发丝深色档 —— 换亮金：30% 深金在暗底不可见 */
  --decor-hairline-gold: rgba(224, 189, 110, 0.35);
  /* 金属面文字深色档 —— 深色下金属面整体提亮，墨字取页面底同款深蓝保持成对 */
  --decor-metal-ink: #0a1726;
  /* 水印深色下略收敛 —— 暗底亮纹比亮底暗纹更显眼 */
  --decor-watermark-opacity: 0.05;
  /* 成功前景 —— 暗底需提亮 */
  --status-success-fg: #4fd18b;
  /* 成功底色 —— 深色半透明感 */
  --status-success-bg: #0e3020;
  /* 成功亮档 —— 渐变终点 */
  --status-success-light: #6ee7a8;
  /* 警告前景 */
  --status-warning-fg: #f0b355;
  /* 警告底色 */
  --status-warning-bg: #382710;
  /* 警告强化前景 —— 暗底上亮度本身已足够，不再加深 */
  --status-warning-strong: #f0b355;
  /* 危险前景 */
  --status-danger-fg: #f08a86;
  /* 危险底色 */
  --status-danger-bg: #3a1a1a;
  /* 高优危险 —— 安全合规层 */
  --status-danger-strong: #ff9b96;
  /* 危险亮档 —— 渐变终点 */
  --status-danger-light: #ffa9a5;
  /* 信息前景 */
  --status-info-fg: #6aa9e0;
  /* 信息底色 */
  --status-info-bg: #112a42;
  /* 中性前景 */
  --status-neutral-fg: #8fa4bc;
  /* 中性底色 */
  --status-neutral-bg: #1a3049;
  /* 紫色标签底 —— 浅色主题的 #f0e6ff 在暗底上会刺眼，改为深紫 */
  --tag-purple-bg: #2a1f45;
  /* 紫色标签字 */
  --tag-purple-fg: #c4b5fd;
  /* 紫色标签亮档 —— 渐变终点 */
  --tag-purple-light: #a78bfa;
  /* 青色标签底 */
  --tag-teal-bg: #10323a;
  /* 青色标签字 */
  --tag-teal-fg: #67d4e8;
  /* 提示框底色 —— 浅金底在暗色下会刺眼 */
  --note-bg: #2a2110;
  /* 提示框描边 */
  --note-border: #8a7133;
  /* 提示框正文 */
  --note-fg: #f0dcae;
  /* 左侧强调竖条 */
  --note-accent-bar: #e0bd6e;
  /* 危险提示框底 */
  --note-danger-bg: #2e1516;
  /* 危险提示框描边 */
  --note-danger-border: #6b3231;
  /* 危险提示框正文 */
  --note-danger-fg: #f0a8a5;
  /* 危险提示框竖条 */
  --note-danger-accent-bar: #f08a86;
  /* 信息提示框底 */
  --note-info-bg: #10263c;
  /* 信息提示框描边 */
  --note-info-border: #2b4d70;
  /* 信息提示框正文 */
  --note-info-fg: #9cc4e8;
  /* 信息提示框竖条 */
  --note-info-accent-bar: #6aa9e0;
  /* 成功提示框底 */
  --note-success-bg: #0e3020;
  /* 成功提示框描边 */
  --note-success-border: #1f6b45;
  /* 成功提示框正文 */
  --note-success-fg: #7fe0ac;
  /* 成功提示框竖条 */
  --note-success-accent-bar: #4fd18b;
  /* 警告提示框底 */
  --note-warning-bg: #382710;
  /* 警告提示框描边 */
  --note-warning-border: #8a6a23;
  /* 警告提示框正文 */
  --note-warning-fg: #f5cd7a;
  /* 警告提示框竖条 */
  --note-warning-accent-bar: #f0b355;
  /* 页脚底色 —— 保持深色，不随 brand.primary 变金 */
  --footer-bg: #071120;
  /* 页脚文字 */
  --footer-fg: #8fa4bc;
  /* 密级标签描边 —— 深色下略微加强 */
  --secret-tag-border: rgba(255, 160, 158, 0.35);
  /* 顶栏底色 —— 深色下并入全局画布（同 heroBg）：此前单独更暗一档（#0b1e30），与画布 #12233a、色带 #0a1726、页脚 #0f1f33 凑成四档近似藏青，视觉上成了斑驳的色块拼接。深色只保留两档：画布 + 色带（#0a1726）。吸顶栏与内容的分隔交给 shadow.nav */
  --site-header-bg: var(--surface-card);
  /* 深色下**取消独立色带**：直接用全局页面底色，首屏与后续区块连成一整块暗色画布。故此处取单一颜色而非渐变 —— 类型记作 gradient 与值略有出入，但 CSS 的 background 对两者写法一致，好过为「取消一个渐变」另建一套令牌。层次改由 #tiers 色带（surface.page #0a1726）提供 */
  --site-hero-bg: var(--surface-card);
  /* 深色下无色带，发丝线无可收之边 —— 留着会变成一条悬空的金线 */
  --site-hero-edge: rgba(0, 0, 0, 0);
  /* CTA hover —— 深色下向亮走。浅色主题的 #b8923b 是「压暗」，在深色页面上会被读成禁用态 */
  --site-cta-hover: #dcb45c;
  /* 页脚底色 —— 深色下对齐 #tiers 色带（surface.page 深色态），与页脚自身的旧值 #0f1f33 合并。深色页面的底色体系收敛为「画布 #12233a + 深带 #0a1726」两档，多出的近似藏青一律视为漂移 */
  --site-footer-bg: #0a1726;
}

/* 同时支持 class 方式与系统偏好自动跟随 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  /* 卡片阴影 —— 暗底吸收阴影，需比浅色主题更强（30% 黑 vs 5% 品牌色）才能显现层次 */
  --shadow-sm: 0px 1px 3px 0px #0000004d;
  /* 卡片 hover 抬升阴影 */
  --shadow-md: 0px 10px 26px 0px #00000073;
  /* 顶栏阴影 */
  --shadow-nav: 0px 2px 14px 0px #00000080;
  /* 深海军蓝底而非纯黑 —— 保留品牌色相，纯黑会让金色强调显得刺眼 */
  --surface-page: #0a1726;
  /* 页面底色次档 */
  --surface-page-alt: #0d1c2e;
  /* 卡片底 —— 高于页面底色一档，形成层次 */
  --surface-card: #12233a;
  /* 卡片 hover 底 */
  --surface-card-hover: #172a44;
  /* 次级填充底（标签/徽标/进度条槽） */
  --surface-subtle: #1a3049;
  /* 深色区块底（Hero/顶栏/页脚）—— 比页面底色更深，保持区块可辨识 */
  --surface-inverse: #071120;
  /* 模态遮罩，72% 不透明 */
  --surface-overlay: rgba(3, 10, 18, 0.72);
  /* 主文字 */
  --text-primary: #e8eef6;
  /* 次要文字 */
  --text-secondary: #8fa4bc;
  /* 第三级文字（表格/列表正文） */
  --text-tertiary: #b6c6d9;
  /* 深色区块上的文字 —— 与浅色主题相同 */
  --text-on-brand: #ffffff;
  /* 深色区块上的次要文字 */
  --text-on-brand-muted: #a9bdd4;
  /* 强调文字 —— 暗底上金色需提亮一档才够对比 */
  --text-accent: #e0bd6e;
  /* 品牌色文字 —— 由海军蓝翻转为金色 */
  --text-brand: #e0bd6e;
  /* 深色底上的文字（语义别名） */
  --text-inverse: #ffffff;
  /* 禁用态文字 */
  --text-disabled: #5b6d82;
  /* 极浅分隔线。原值 #16263c 与深色页底 surface.card(#12233a) 只差 RGB(4,3,2)，实测对比度 1.037 —— 等于看不见，而它正是详情页去掉交替色带后**唯一**的结构分隔手段（区块间细线、清单行分隔），后台表格行分隔与移动端列表分隔也用同一令牌，故三端同样失效。改为 #1e2e44（页底叠 5% 白），实测 1.152；与 default(1.268) 的比值 1.10 与浅色档位的 1.10 一致，三档层级关系保持不变 */
  --border-subtle: #1e2e44;
  /* 默认描边 */
  --border-default: #1f3550;
  /* 强调描边 / hover */
  --border-strong: #2d4a6b;
  /* 品牌描边 —— 深色下海军蓝描边不可见，改金色 */
  --border-brand: #e0bd6e;
  /* 金色描边 —— 暗底上需加深而非提亮，否则描边比底色还跳 */
  --border-accent: #8a7133;
  /* 深色区块内的分隔线 */
  --border-inverse: #ffffff;
  /* ★ 品牌标识色翻转为金色 —— 海军蓝在深色底上无法承担强调作用。这是深色主题最关键的一处决策 */
  --brand-primary: #e0bd6e;
  /* 品牌次档 —— 暗底上取更深一档金 */
  --brand-primary-alt: #c8a24b;
  /* 品牌色 hover */
  --brand-primary-hover: #f0dcae;
  /* 主行动按钮底 —— 深色下改用金底 */
  --brand-cta-bg: #e0bd6e;
  /* 主行动按钮字 —— 金底必须配深字。与 cta.bg 成对覆盖，不可单独改 */
  --brand-cta-fg: #0a1726;
  /* 品牌辅色 */
  --brand-accent: #e0bd6e;
  /* 品牌辅色亮档 */
  --brand-accent-light: #f0dcae;
  /* 品牌色阶·深 —— 深色下整体上移一档，否则与底色融为一体 */
  --brand-shade-deep: #3d6b94;
  /* 品牌色阶·中 */
  --brand-shade-mid: #5485b0;
  /* 品牌色阶·浅 */
  --brand-shade-soft: #6b9bc4;
  /* 品牌色阶·最浅 */
  --brand-shade-pale: #8fb4d4;
  /* 顶栏渐变 —— 提亮一档以区别于页面底色 */
  --brand-gradient-brand: linear-gradient(90deg, #0d1f33, #16304d);
  /* Hero 渐变 */
  --brand-gradient-hero: linear-gradient(120deg, #0d1f33, #16304d);
  /* 金色渐变 */
  --brand-gradient-accent: linear-gradient(135deg, #e0bd6e, #f0dcae);
  /* 暗部噪点更不易察觉，强度上调 */
  --decor-noise-opacity: 0.08;
  /* 金线深色档 —— 中段提亮到香槟白，暗底上才有金属反光感 */
  --decor-gold-line: linear-gradient(90deg, transparent 0%, var(--color-gold-400) 22%, #f7ead0 50%, var(--color-gold-400) 78%, transparent 100%);
  /* 金属填充面深色档 —— 整体上移一档。深色主题 CTA 已是金底深字，此渐变用于等级带与徽标 */
  --decor-gold-metal-fill: linear-gradient(135deg, #dcb45c 0%, #f0dcae 45%, #fff6e0 55%, var(--color-gold-400) 100%);
  /* 金属字深色档 —— 边缘由 gold.700 提到 gold.400：暗底上深金端会读成脏色 */
  --decor-gold-text: linear-gradient(105deg, var(--color-gold-400) 0%, #f0dcae 30%, #fff6e0 50%, #f0dcae 70%, var(--color-gold-400) 100%);
  /* 兜底色随之提亮 —— 暗底上 gold.400 才够对比 */
  --decor-gold-text-fallback: var(--color-gold-400);
  /* 金色发丝深色档 —— 换亮金：30% 深金在暗底不可见 */
  --decor-hairline-gold: rgba(224, 189, 110, 0.35);
  /* 金属面文字深色档 —— 深色下金属面整体提亮，墨字取页面底同款深蓝保持成对 */
  --decor-metal-ink: #0a1726;
  /* 水印深色下略收敛 —— 暗底亮纹比亮底暗纹更显眼 */
  --decor-watermark-opacity: 0.05;
  /* 成功前景 —— 暗底需提亮 */
  --status-success-fg: #4fd18b;
  /* 成功底色 —— 深色半透明感 */
  --status-success-bg: #0e3020;
  /* 成功亮档 —— 渐变终点 */
  --status-success-light: #6ee7a8;
  /* 警告前景 */
  --status-warning-fg: #f0b355;
  /* 警告底色 */
  --status-warning-bg: #382710;
  /* 警告强化前景 —— 暗底上亮度本身已足够，不再加深 */
  --status-warning-strong: #f0b355;
  /* 危险前景 */
  --status-danger-fg: #f08a86;
  /* 危险底色 */
  --status-danger-bg: #3a1a1a;
  /* 高优危险 —— 安全合规层 */
  --status-danger-strong: #ff9b96;
  /* 危险亮档 —— 渐变终点 */
  --status-danger-light: #ffa9a5;
  /* 信息前景 */
  --status-info-fg: #6aa9e0;
  /* 信息底色 */
  --status-info-bg: #112a42;
  /* 中性前景 */
  --status-neutral-fg: #8fa4bc;
  /* 中性底色 */
  --status-neutral-bg: #1a3049;
  /* 紫色标签底 —— 浅色主题的 #f0e6ff 在暗底上会刺眼，改为深紫 */
  --tag-purple-bg: #2a1f45;
  /* 紫色标签字 */
  --tag-purple-fg: #c4b5fd;
  /* 紫色标签亮档 —— 渐变终点 */
  --tag-purple-light: #a78bfa;
  /* 青色标签底 */
  --tag-teal-bg: #10323a;
  /* 青色标签字 */
  --tag-teal-fg: #67d4e8;
  /* 提示框底色 —— 浅金底在暗色下会刺眼 */
  --note-bg: #2a2110;
  /* 提示框描边 */
  --note-border: #8a7133;
  /* 提示框正文 */
  --note-fg: #f0dcae;
  /* 左侧强调竖条 */
  --note-accent-bar: #e0bd6e;
  /* 危险提示框底 */
  --note-danger-bg: #2e1516;
  /* 危险提示框描边 */
  --note-danger-border: #6b3231;
  /* 危险提示框正文 */
  --note-danger-fg: #f0a8a5;
  /* 危险提示框竖条 */
  --note-danger-accent-bar: #f08a86;
  /* 信息提示框底 */
  --note-info-bg: #10263c;
  /* 信息提示框描边 */
  --note-info-border: #2b4d70;
  /* 信息提示框正文 */
  --note-info-fg: #9cc4e8;
  /* 信息提示框竖条 */
  --note-info-accent-bar: #6aa9e0;
  /* 成功提示框底 */
  --note-success-bg: #0e3020;
  /* 成功提示框描边 */
  --note-success-border: #1f6b45;
  /* 成功提示框正文 */
  --note-success-fg: #7fe0ac;
  /* 成功提示框竖条 */
  --note-success-accent-bar: #4fd18b;
  /* 警告提示框底 */
  --note-warning-bg: #382710;
  /* 警告提示框描边 */
  --note-warning-border: #8a6a23;
  /* 警告提示框正文 */
  --note-warning-fg: #f5cd7a;
  /* 警告提示框竖条 */
  --note-warning-accent-bar: #f0b355;
  /* 页脚底色 —— 保持深色，不随 brand.primary 变金 */
  --footer-bg: #071120;
  /* 页脚文字 */
  --footer-fg: #8fa4bc;
  /* 密级标签描边 —— 深色下略微加强 */
  --secret-tag-border: rgba(255, 160, 158, 0.35);
  /* 顶栏底色 —— 深色下并入全局画布（同 heroBg）：此前单独更暗一档（#0b1e30），与画布 #12233a、色带 #0a1726、页脚 #0f1f33 凑成四档近似藏青，视觉上成了斑驳的色块拼接。深色只保留两档：画布 + 色带（#0a1726）。吸顶栏与内容的分隔交给 shadow.nav */
  --site-header-bg: var(--surface-card);
  /* 深色下**取消独立色带**：直接用全局页面底色，首屏与后续区块连成一整块暗色画布。故此处取单一颜色而非渐变 —— 类型记作 gradient 与值略有出入，但 CSS 的 background 对两者写法一致，好过为「取消一个渐变」另建一套令牌。层次改由 #tiers 色带（surface.page #0a1726）提供 */
  --site-hero-bg: var(--surface-card);
  /* 深色下无色带，发丝线无可收之边 —— 留着会变成一条悬空的金线 */
  --site-hero-edge: rgba(0, 0, 0, 0);
  /* CTA hover —— 深色下向亮走。浅色主题的 #b8923b 是「压暗」，在深色页面上会被读成禁用态 */
  --site-cta-hover: #dcb45c;
  /* 页脚底色 —— 深色下对齐 #tiers 色带（surface.page 深色态），与页脚自身的旧值 #0f1f33 合并。深色页面的底色体系收敛为「画布 #12233a + 深带 #0a1726」两档，多出的近似藏青一律视为漂移 */
  --site-footer-bg: #0a1726;
  }
}