/* ════════════════════════════════
   shared.css — 证券投资基金复习体系
   各页面公共导航 + 基础组件样式
   ════════════════════════════════ */

/* ── 重置 & 基础 ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  scroll-padding-top: calc(var(--jc-sticky-offset, 120px) + 12px);
}
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  background: #eef2f7;
  color: #1a1a2e;
}

/* ── 颜色变量（CSS Custom Properties） ── */
:root {
  --blue-dark:  #0d2b5e;
  --blue-main:  #1e4d91;
  --blue-light: #eef5ff;
  --red:        #c0392b;
  --green:      #1a7a1a;
  --orange:     #ff6b35;
  --r1: #c8f7c5; --r2: #e8f5b8; --r3: #fff3b8; --r4: #fde0b0; --r5: #f9c0c0;
}

/* ── 顶部全局导航栏 ── */
.g-nav {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--blue-dark);
  padding: 0 16px;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  flex-wrap: wrap;
}
.g-nav .nav-brand {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 16px 10px 0;
  border-right: 1px solid rgba(255,255,255,0.2);
  margin-right: 8px;
  white-space: nowrap;
}
.g-nav a {
  color: rgba(255,255,255,0.82);
  text-decoration: none;
  font-size: 11.5px;
  padding: 10px 12px;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
  white-space: nowrap;
}
.g-nav a:hover   { color: #fff; border-bottom-color: rgba(255,255,255,0.5); }
.g-nav a.active  { color: #fff; border-bottom-color: var(--orange); font-weight: 600; }

/* ── 页面主容器 ── */
.page-wrap { padding: 16px; max-width: 1600px; margin: 0 auto; }

/* ── 内容区块 ── */
.section-box {
  background: #fff;
  border-radius: 8px;
  padding: 18px 22px;
  margin-bottom: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.section-box h2 {
  color: var(--blue-dark);
  font-size: 15px;
  border-bottom: 2px solid var(--blue-main);
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.section-box h3 {
  color: var(--blue-main);
  font-size: 12.5px;
  background: var(--blue-light);
  border-left: 3px solid var(--blue-main);
  padding: 4px 10px;
  margin: 12px 0 6px;
}

/* ── 标签/角标组件 ── */
.tag {
  display: inline-block;
  background: var(--blue-main);
  color: #fff;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 10px;
  margin-right: 4px;
  vertical-align: middle;
}
.tag-red    { background: var(--red); }
.tag-green  { background: var(--green); }
.tag-orange { background: var(--orange); }
.tag-gray   { background: #888; }

.badge {
  display: inline-block;
  background: var(--blue-light);
  border: 1px solid #b0c0e0;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 10.5px;
  margin: 2px;
}

.exam-mark {
  display: inline-block;
  background: var(--orange);
  color: #fff;
  border-radius: 3px;
  padding: 0 4px;
  font-size: 9px;
  margin-left: 3px;
  vertical-align: middle;
}

/* ── 文字强调 ── */
.warn  { color: var(--red);   font-weight: 700; }
.ok    { color: var(--green); font-weight: 600; }
.num   { color: var(--red);   font-weight: 700; font-size: 1.05em; }

/* ── 风险色 ── */
.r1 { background: var(--r1); }
.r2 { background: var(--r2); }
.r3 { background: var(--r3); }
.r4 { background: var(--r4); }
.r5 { background: var(--r5); }

/* ── 对比表格基础样式 ── */
.cmp-table { border-collapse: collapse; width: 100%; margin: 8px 0; font-size: 11px; }
.cmp-table th { background: var(--blue-main); color: #fff; padding: 5px 8px; text-align: left; }
.cmp-table td { border: 1px solid #d0dae8; padding: 4px 8px; vertical-align: top; }
.cmp-table tr:nth-child(even) td { background: rgba(30,77,145,0.04); }

/* ── 勾选清单 ── */
.check-list { list-style: none; padding: 0; }
.check-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 11px;
  line-height: 1.6;
}
.check-list li input[type=checkbox] {
  margin-top: 3px;
  flex-shrink: 0;
  width: 14px; height: 14px;
  cursor: pointer;
  accent-color: var(--blue-main);
}
.check-list li label { cursor: pointer; }
.check-list li:last-child { border-bottom: none; }

/* ── 全局页脚 ── */
.g-footer {
  text-align: center;
  padding: 20px 16px 16px;
  font-size: 10px;
  color: #8899aa;
  border-top: 1px solid rgba(0,0,0,0.06);
  margin-top: 20px;
}
.g-footer .footer-logo {
  display: block;
  margin: 0 auto 8px;
  height: 32px;
  opacity: 0.7;
}
.g-footer .icp {
  color: #8899aa;
  text-decoration: none;
}
.g-footer .icp:hover {
  color: var(--blue-main);
  text-decoration: underline;
}

/* ── 导航栏 Logo ── */
.g-nav .nav-logo {
  height: 22px;
  vertical-align: middle;
  margin-right: 6px;
}

/* ── 内容防拷贝 ── */
.page-wrap, .hero, .section-box, .func-card .desc,
.diagram-wrap, .q-body, .ch-body, .laws-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
input, textarea, .selectable {
  -webkit-user-select: text;
  user-select: text;
}

/* ── 导航栏品牌链接 ── */
.g-nav a.nav-brand {
  border-bottom: none !important;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 16px 10px 0;
  border-right: 1px solid rgba(255,255,255,0.2);
  margin-right: 8px;
  white-space: nowrap;
  color: #fff;
}
.g-nav a.nav-brand:hover { border-bottom: none !important; }

/* ══════════════════════════════════════════════════════
   深色模式 — macOS 系统深色风格
   背景家族: #000000 / #1c1c1e / #2c2c2e / #3a3a3c
   文字层级: #ffffff / rgba(235,235,245,0.6) / rgba(235,235,245,0.3)
   强调色:   #0a84ff (蓝) / #30d158 (绿) / #ff9f0a (橙) / #ff453a (红)
   分隔线:   rgba(84,84,88,0.6) / rgba(255,255,255,0.08)
   ══════════════════════════════════════════════════════ */

/* ── 页面基础 ── */
html[data-theme="dark"] body {
  background: #000;
  color: rgba(235,235,245,0.9);
}

/* ── 导航栏 ── */
html[data-theme="dark"] .g-nav {
  background: rgba(28,28,30,0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 1px 0 rgba(84,84,88,0.6);
}

html[data-theme="dark"] .g-nav .nav-brand,
html[data-theme="dark"] .g-nav a.nav-brand {
  color: #fff;
  border-right-color: rgba(84,84,88,0.6);
}

html[data-theme="dark"] .g-nav a {
  color: rgba(235,235,245,0.72);
}

html[data-theme="dark"] .g-nav a:hover {
  color: #fff;
  border-bottom-color: rgba(255,255,255,0.3);
}

html[data-theme="dark"] .g-nav a.active {
  color: #fff;
  border-bottom-color: #0a84ff;
}

/* ── 页面包裹 ── */
html[data-theme="dark"] .page-wrap {
  color: rgba(235,235,245,0.9);
}

/* ── 卡片 / 面板 / 区块 ── */
html[data-theme="dark"] :is(
  .section-box, .func-card, .laws-box, .diagram-wrap, .q-box,
  .num-card, .time-card, .ch-box, .hero-shell, .guide-card,
  .chapter-panel, .matrix-wrap, .legend-card, .principle-card,
  .workflow-stage, .stage-lane, .chapter-card, .chapter-box, .workflow-ribbon__node,
  .jc-search-nav__hero, .jc-search-nav__group-card, .jc-search-nav__entry-card,
  .hero-card, .hero-panel, .resource-card, .stream-card, .target-card,
  .note-box, .vs-card, .vs-matrix-wrap, .vs-hub__hero,
  .jc-search-nav__empty, .btn-ghost
) {
  background: #1c1c1e !important;
  border-color: rgba(84,84,88,0.5) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.5) !important;
  color: rgba(235,235,245,0.9);
}

html[data-theme="dark"] :is(.jc-causal-page, .textbook-page, .vs-hub, .jc-search-nav) {
  color: rgba(235,235,245,0.9);
}

/* ── 标题层级 ── */
html[data-theme="dark"] .module-shell--jc :is(h1, h2, h3, h4, h5) {
  color: #fff !important;
}

html[data-theme="dark"] .section-box h2 {
  color: #fff !important;
  border-bottom-color: #0a84ff;
}

html[data-theme="dark"] .section-box h3 {
  color: rgba(235,235,245,0.9) !important;
  background: rgba(10,132,255,0.12);
  border-left-color: #0a84ff;
}

/* ── 正文文字 ── */
html[data-theme="dark"] .module-shell--jc :is(p, li, td, label, small) {
  color: rgba(235,235,245,0.75) !important;
}

html[data-theme="dark"] .module-shell--jc th {
  color: rgba(235,235,245,0.9) !important;
}

/* ── 颜色语义化标记 ── */
html[data-theme="dark"] .module-shell--jc :is(.tag, .tag-red, .tag-green, .tag-orange, .tag-gray, .exam-mark) {
  color: #fff !important;
}

html[data-theme="dark"] .module-shell--jc .badge {
  background: rgba(10,132,255,0.15);
  border-color: rgba(10,132,255,0.3);
  color: rgba(235,235,245,0.9) !important;
}

html[data-theme="dark"] .module-shell--jc .warn { color: #ff453a !important; }
html[data-theme="dark"] .module-shell--jc .ok   { color: #30d158 !important; }
html[data-theme="dark"] .module-shell--jc .num  { color: #ff9f0a !important; }

/* ── 对比表格 ── */
html[data-theme="dark"] .cmp-table th {
  background: #2c2c2e;
  color: #fff !important;
}

html[data-theme="dark"] .cmp-table td {
  border-color: rgba(84,84,88,0.5);
  color: rgba(235,235,245,0.8) !important;
}

html[data-theme="dark"] .cmp-table tr:nth-child(even) td {
  background: rgba(255,255,255,0.03);
}

/* ── 流程图方块 ── */
html[data-theme="dark"] .flow-box {
  background: #2c2c2e !important;
  color: rgba(235,235,245,0.9) !important;
  border-color: rgba(10,132,255,0.45) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

html[data-theme="dark"] .module-shell--jc .flow-box :is(b, small, span) {
  color: #fff !important;
}

/* ── 矩阵/表格 ── */
html[data-theme="dark"] :is(
  .matrix-wrap table th, .matrix-wrap table td,
  .vs-matrix-wrap table th, .vs-matrix-wrap table td
) {
  border-color: rgba(84,84,88,0.5) !important;
}

html[data-theme="dark"] :is(
  .matrix-wrap table th, .vs-matrix-wrap table th, .section-row th
) {
  background: #2c2c2e !important;
  color: #fff !important;
}

/* ── 链接 ── */
html[data-theme="dark"] :is(
  .focus-link a, .chapter-card__launch,
  .jc-search-modal__ref-grid a, .vs-card__refs a
) {
  color: #0a84ff !important;
}

/* ── 搜索栏 ── */
html[data-theme="dark"] .jc-search {
  background: rgba(28,28,30,0.95) !important;
  border-bottom-color: rgba(84,84,88,0.6) !important;
  box-shadow: 0 1px 0 rgba(84,84,88,0.6) !important;
}

html[data-theme="dark"] .jc-search__input {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.6) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .jc-search__input::placeholder {
  color: rgba(235,235,245,0.3);
}

html[data-theme="dark"] .jc-search__clear {
  background: rgba(84,84,88,0.4) !important;
  color: rgba(235,235,245,0.9) !important;
}

html[data-theme="dark"] :is(.jc-search__dropdown, .jc-search-modal__panel) {
  background: #1c1c1e !important;
  border-color: rgba(84,84,88,0.5) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
}

html[data-theme="dark"] .jc-search-modal {
  background: rgba(0,0,0,0.7) !important;
}

html[data-theme="dark"] :is(
  .jc-search__chip, .jc-search__result,
  .jc-search-modal__highlight, .jc-search-modal__section,
  .jc-search-modal__ref-grid a
) {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: rgba(235,235,245,0.9) !important;
}

html[data-theme="dark"] .jc-search-modal__close {
  background: #2c2c2e !important;
  color: #fff !important;
}

/* ── 页面工具按钮 ── */
html[data-theme="dark"] .jc-page-tools__button {
  background: #1c1c1e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: rgba(235,235,245,0.9) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

html[data-theme="dark"] .jc-page-tools__button:hover:not(:disabled) {
  background: #2c2c2e !important;
}

/* ── 模块外壳背景 ── */
html[data-theme="dark"] .module-shell--jc {
  background: #000;
}

/* ── 次级文字（描述、说明）── */
html[data-theme="dark"] .module-shell--jc :is(
  .sec-label, .guide-title, .eyebrow,
  .chapter-level, .chapter-target, .chapter-card__role,
  .chapter-card__refs, .chapter-card__refs *, .chapter-card__badges,
  .chapter-box h3, .chapter-box li, .chapter-box p, .chapter-box strong,
  .panel-kicker, .panel-label,
  .jc-search__result-meta, .jc-search-modal__eyebrow,
  .jc-search-modal__aliases, .jc-search-modal__summary,
  .jc-search-modal__refs-title, .jc-search-modal__details li,
  .jc-search-modal__section li,
  .jc-search-nav__hero p, .jc-search-nav__group-card p, .jc-search-nav__entry-card p,
  .vs-card__eyebrow, .vs-card__summary, .vs-card__takeaway, .vs-card__foot, .vs-card__refs,
  .q-box p, .q-box li,
  .num-card .label, .time-card .l,
  .hero .sub, .sub, .func-card .desc, .laws-box, .laws-box strong,
  .path-step .sd, .path-arrow, .exam-bar .item, .stat-item .sl,
  .focus-cue, .memory-main, .memory-hook, .metric-pill small, .guide-text
) {
  color: rgba(235,235,245,0.6) !important;
}

/* ── 主值文字（数字、标题） ── */
html[data-theme="dark"] .module-shell--jc :is(
  .metric-pill strong, .panel-value, .path-step .st,
  .exam-bar .item .val, .stat-item .sv, .chapter-card__num,
  .jc-search-modal__head h2,
  .resource-card h3, .stream-card h3, .target-card h3,
  .vs-card__title-wrap h3, .num-card .n, .time-card .t
) {
  color: #fff !important;
}

/* ── 跳转导航芯片 ── */
html[data-theme="dark"] .module-shell--jc :is(
  .jump-strip a, .jump-chip, .chapter-anchor-strip a,
  .workflow-ribbon__node, .vs-card__refs a,
  .jc-search-modal__ref-grid a, .focus-link a
) {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: #0a84ff !important;
}

html[data-theme="dark"] .module-shell--jc :is(
  .jump-strip a:hover, .jump-chip:hover, .chapter-anchor-strip a:hover,
  .workflow-ribbon__node:hover, .vs-card__refs a:hover,
  .jc-search-modal__ref-grid a:hover, .focus-link a:hover
) {
  background: #3a3a3c !important;
  color: #40a0ff !important;
}

/* ── 胶囊/徽章 ── */
html[data-theme="dark"] .module-shell--jc :is(
  .practice-pill, .metric-pill, .hero-metrics > div,
  .chapter-level, .chapter-target
) {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
}

/* ── 输入框 ── */
html[data-theme="dark"] .module-shell--jc input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html[data-theme="dark"] .module-shell--jc textarea {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: rgba(235,235,245,0.9) !important;
}
html[data-theme="dark"] .module-shell--jc input::placeholder,
html[data-theme="dark"] .module-shell--jc textarea::placeholder {
  color: rgba(235,235,245,0.3) !important;
}

/* ── VS hub 搜索框 ── */
html[data-theme="dark"] .vs-hub__search input {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: rgba(235,235,245,0.9) !important;
}

/* ── 按钮阴影 ── */
html[data-theme="dark"] .module-shell--jc :is(
  .btn-quiz, .btn-next, .btn-wrongbook, .btn-clear-wrong, .drawer-close
) {
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* ── 抽屉 ── */
html[data-theme="dark"] .module-shell--jc .drawer {
  background: rgba(0,0,0,0.75) !important;
}

html[data-theme="dark"] .module-shell--jc .drawer-head {
  background: #1c1c1e !important;
  border-bottom-color: rgba(84,84,88,0.6) !important;
}

html[data-theme="dark"] .module-shell--jc .drawer-body {
  background: #1c1c1e !important;
}

/* ── 测验结果 ── */
html[data-theme="dark"] .module-shell--jc .quiz-result__status.pass {
  background: rgba(48,209,88,0.15) !important;
  color: #30d158 !important;
}

html[data-theme="dark"] .module-shell--jc .quiz-result__status.retry {
  background: rgba(255,159,10,0.15) !important;
  color: #ff9f0a !important;
}

/* ── 勾选清单 ── */
html[data-theme="dark"] .module-shell--jc .cl li {
  border-bottom-color: rgba(84,84,88,0.5) !important;
}

html[data-theme="dark"] .module-shell--jc .cl li label {
  color: rgba(235,235,245,0.85) !important;
}

html[data-theme="dark"] .module-shell--jc .cl li label:hover {
  color: #0a84ff !important;
}

html[data-theme="dark"] .module-shell--jc .cl li input[type=checkbox]:checked + label {
  color: rgba(235,235,245,0.3) !important;
}

/* ── sec-label ── */
html[data-theme="dark"] .module-shell--jc .sec-label {
  color: #0a84ff !important;
  border: 1px solid rgba(84,84,88,0.5) !important;
  border-left: 4px solid #0a84ff !important;
  background: rgba(10,132,255,0.08) !important;
}

/* ── 内联 style 颜色覆盖 ── */
html[data-theme="dark"] .module-shell--jc [style*="color:#0d2b5e"],
html[data-theme="dark"] .module-shell--jc [style*="color:#1e4d91"],
html[data-theme="dark"] .module-shell--jc [style*="color:#1f2937"],
html[data-theme="dark"] .module-shell--jc [style*="color:#475569"],
html[data-theme="dark"] .module-shell--jc [style*="color:#64748b"],
html[data-theme="dark"] .module-shell--jc [style*="color:#666"],
html[data-theme="dark"] .module-shell--jc [style*="color:#555"],
html[data-theme="dark"] .module-shell--jc [style*="color: #555"],
html[data-theme="dark"] .module-shell--jc [style*="color:#1a7a1a"],
html[data-theme="dark"] .module-shell--jc [style*="color:#999"] {
  color: rgba(235,235,245,0.75) !important;
}

/* ── 内联 style 背景覆盖（浅色背景全部换成 macOS 深色）── */
html[data-theme="dark"] .module-shell--jc [style*="background:#fff"],
html[data-theme="dark"] .module-shell--jc [style*="background: #fff"],
html[data-theme="dark"] .module-shell--jc [style*="background:#f0f4ff"],
html[data-theme="dark"] .module-shell--jc [style*="background:#dde8f8"],
html[data-theme="dark"] .module-shell--jc [style*="background:#eef5ff"],
html[data-theme="dark"] .module-shell--jc [style*="background:#eaf2ff"],
html[data-theme="dark"] .module-shell--jc [style*="background:#f0fff0"],
html[data-theme="dark"] .module-shell--jc [style*="background:#fff5f5"],
html[data-theme="dark"] .module-shell--jc [style*="background:#fffbf0"],
html[data-theme="dark"] .module-shell--jc [style*="background:#fff8f0"],
html[data-theme="dark"] .module-shell--jc [style*="background:#e8f5e9"],
html[data-theme="dark"] .module-shell--jc [style*="background:#e0f5e0"],
html[data-theme="dark"] .module-shell--jc [style*="background:#f8f9fa"],
html[data-theme="dark"] .module-shell--jc [style*="background:#f0f5fa"],
html[data-theme="dark"] .module-shell--jc [style*="background:#c8f7c5"],
html[data-theme="dark"] .module-shell--jc [style*="background:#e8f5b8"],
html[data-theme="dark"] .module-shell--jc [style*="background:#fff3b8"],
html[data-theme="dark"] .module-shell--jc [style*="background:#fde0b0"],
html[data-theme="dark"] .module-shell--jc [style*="background:#f9c0c0"],
html[data-theme="dark"] .module-shell--jc [style*="background:linear-gradient(180deg, rgba(246,249,255"] {
  background: #2c2c2e !important;
  color: rgba(235,235,245,0.85) !important;
}

/* flow-box 带内联背景色的特殊覆盖（保留边框颜色语义） */
html[data-theme="dark"] .module-shell--jc .flow-box[style*="background:#eef5ff"],
html[data-theme="dark"] .module-shell--jc .flow-box[style*="background:#e8f5e9"],
html[data-theme="dark"] .module-shell--jc .flow-box[style*="background:#fff8f0"],
html[data-theme="dark"] .module-shell--jc .flow-box[style*="background:#fff5f5"],
html[data-theme="dark"] .module-shell--jc .flow-box[style*="background:#fff"],
html[data-theme="dark"] .module-shell--jc .flow-box[style*="background: #fff"] {
  background: #2c2c2e !important;
  color: rgba(235,235,245,0.9) !important;
}

/* ── 内联 style 边框覆盖 ── */
html[data-theme="dark"] .module-shell--jc [style*="border:1px solid #d8e5fa"],
html[data-theme="dark"] .module-shell--jc [style*="border: 1px solid #d8e5fa"],
html[data-theme="dark"] .module-shell--jc [style*="border-left:4px solid #1e4d91"] {
  border-color: rgba(84,84,88,0.5) !important;
}

/* ── target-badge（暖色徽章）── */
html[data-theme="dark"] .target-badge {
  background: #3a2e1c !important;
  color: #ff9f0a !important;
}

/* ── chapter-box--spike（暖色变体）── */
html[data-theme="dark"] .chapter-box--spike {
  background: #2c2a1c !important;
  border-color: rgba(194,65,12,0.3) !important;
}

/* ── 搜索导航标题 ── */
html[data-theme="dark"] .module-shell--jc :is(
  .jc-search-nav__eyebrow, .jc-search-nav__entry-title,
  .jc-search-nav__group-card strong, .jc-search-nav__entry-card strong
) {
  color: #fff !important;
}

/* ── 因果页页面容器 & hero ── */
html[data-theme="dark"] .jc-causal-page {
  background: #000 !important;
}
html[data-theme="dark"] .jc-causal-hero {
  background: #1c1c1e !important;
  border-color: rgba(84,84,88,0.5) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .jc-causal-hero__meta span,
html[data-theme="dark"] .jc-causal-hero__meta a {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: #0a84ff !important;
}

/* ── 教材页 hero-copy ── */
html[data-theme="dark"] .hero-copy {
  background: #1c1c1e !important;
  border-color: rgba(84,84,88,0.5) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
}

/* ── eyebrow / section-tag / panel-kicker 徽章 ── */
html[data-theme="dark"] .module-shell--jc :is(.eyebrow, .section-tag, .panel-kicker) {
  background: rgba(10,132,255,0.15) !important;
  color: #0a84ff !important;
  border-color: rgba(10,132,255,0.3) !important;
}

/* ── 搜索导航 meta 跳转链接 ── */
html[data-theme="dark"] .jc-search-nav__meta a {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: #0a84ff !important;
}

/* ── VS 导航工具栏 & nav-pill ── */
html[data-theme="dark"] .vs-hub__toolbar {
  background: #1c1c1e !important;
  border-color: rgba(84,84,88,0.5) !important;
}
html[data-theme="dark"] .vs-hub__nav-pill {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: rgba(235,235,245,0.9) !important;
}

/* ── 因果页深色文字 ── */
html[data-theme="dark"] :is(
  .workflow-stage__bridge, .workflow-ribbon__node strong,
  .chapter-box h5, .chapter-box li, .chapter-box p,
  .jc-causal-hero h1, .section-head h2
) {
  color: rgba(235,235,245,0.9) !important;
}
html[data-theme="dark"] .workflow-ribbon__node small {
  color: rgba(235,235,245,0.5) !important;
}
html[data-theme="dark"] .jc-causal-hero__legend {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: #0a84ff !important;
}

/* ── VS 对比页 ── */
html[data-theme="dark"] .module-shell--jc :is(
  .vs-hub__hero-summary strong, .vs-hub__section-head a,
  .vs-card__takeaway span, .vs-card__takeaway strong
) {
  color: #fff !important;
}

html[data-theme="dark"] .module-shell--jc .vs-card__tags span {
  background: rgba(48,209,88,0.12) !important;
  color: #30d158 !important;
  border-color: rgba(48,209,88,0.3) !important;
}

/* ── 资源/目标链接 ── */
html[data-theme="dark"] .module-shell--jc :is(.resource-link, .target-ch, .target-count) {
  color: #0a84ff !important;
}

/* ── 图例卡 ── */
html[data-theme="dark"] .module-shell--jc :is(.legend-card strong, .workflow-ribbon__node strong) {
  color: #fff !important;
}

html[data-theme="dark"] .module-shell--jc .legend-card span {
  color: rgba(235,235,245,0.6) !important;
}

/* ── 题目内容 ── */
html[data-theme="dark"] .module-shell--jc .q-body :is(div, p, li, span, strong, b) {
  color: rgba(235,235,245,0.85) !important;
}

html[data-theme="dark"] .module-shell--jc .q-body b {
  color: #ff9f0a !important;
}

/* ── 图表/流程图内容 ── */
html[data-theme="dark"] .module-shell--jc .diagram-wrap :is(div, p, li, span, b, small, strong) {
  color: rgba(235,235,245,0.9) !important;
}

/* ── 首页 hero ── */
html[data-theme="dark"] .module-shell--jc .jc-home .hero {
  color: rgba(235,235,245,0.9) !important;
}

/* ── note-box / 工作流桥接 ── */
html[data-theme="dark"] .module-shell--jc .note-box strong,
html[data-theme="dark"] .module-shell--jc .workflow-stage__bridge {
  color: rgba(235,235,245,0.9) !important;
}

/* ── 章节清单术语补充 ── */
html[data-theme="dark"] .module-shell--jc .term-supplement-block {
  background: #1c1c1e !important;
  border-color: rgba(10,132,255,0.3) !important;
}

html[data-theme="dark"] .module-shell--jc .term-pill {
  background: #2c2c2e !important;
  border-color: rgba(84,84,88,0.5) !important;
  color: rgba(235,235,245,0.9) !important;
}

html[data-theme="dark"] .module-shell--jc .term-pill .abbr {
  color: #0a84ff !important;
}

html[data-theme="dark"] .module-shell--jc .term-pill .meaning {
  color: rgba(235,235,245,0.6) !important;
}

/* ── 页脚 ── */
html[data-theme="dark"] .g-footer {
  border-top-color: rgba(84,84,88,0.6);
  color: rgba(235,235,245,0.3);
}

html[data-theme="dark"] .g-footer .icp {
  color: rgba(235,235,245,0.3);
}