/* ============ 深色主题 · 明暗切换覆盖层 ============
   2026-08-26 增：站内五页 + 博客文章页支持「白（B 暖纸）/ 黑（原机场指示牌深色体系）」切换。
   载体：html[data-theme="dark"]，由各页内联 small script 设置（localStorage 记忆，默认浅色）。
   dark 变量 = 换肤前的原深色 oklch 体系（airport.html 的 .index-page 保全即同一套值）；
   组件层硬编码逐处反向映射（accent 底白字 → 原深色 #141410 深字、浅色垫底 → 深色对应）。
   本文件仅在选择器带 html[data-theme="dark"] 下生效；airport.html 无该属性，零影响。 */

html[data-theme="dark"] {
  color-scheme: dark;
  /* ---- 原深色体系（机场指示牌：深墨蓝纸 · 信号黄 · 黑体标题） ---- */
  --color-paper: oklch(15% 0.012 100);
  --color-surface: oklch(19% 0.012 100);
  --color-paper-2: oklch(19% 0.014 100);
  --color-paper-3: oklch(14.6% 0.008 100);
  --color-input: oklch(17% 0.01 100);
  --color-ink: oklch(92% 0.02 95);
  --color-muted: oklch(70% 0.02 95);
  --color-faint: oklch(52% 0.02 95);
  --color-accent: oklch(87% 0.17 95);
  --color-mark: oklch(78% 0.11 255);  /* 知识点重点标注：深底提亮的天蓝 */
  --color-accent-dim: oklch(62% 0.12 95);
  --color-accent-soft: oklch(22% 0.015 100);
  --color-accent-soft-2: oklch(24% 0.015 100);
  --color-gold: oklch(78% 0.12 80);   /* 金锚线提亮（深底可辨） */
  --color-rule: oklch(38% 0.01 100);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, .45);
  --shadow-btn: 0 2px 6px rgba(0, 0, 0, .5);
  --texture-dot: none;                /* 原深色主题无细点纹 */
  --font-display: SimHei, "Microsoft YaHei", sans-serif;  /* 原深色主题黑体标题 */
}

/* ---- 灯光语义色（红绿白黄蓝）含义零变化：白名单，覆盖区不触碰 ---- */

/* ---- accent 底上文字：白字 → 原深色主题深字（信号黄上白字不可读） ---- */
html[data-theme="dark"] .panel-tag,
html[data-theme="dark"] .panel-close:hover,
html[data-theme="dark"] .doc-chap[aria-current] .doc-chap-count,
html[data-theme="dark"] .doc-toc-chip:hover,
html[data-theme="dark"] .doc-toc-chip:hover .doc-toc-chip-no,
html[data-theme="dark"] .doc-page-btn:hover:not(:disabled),
html[data-theme="dark"] .doc-page-btn.is-cur,
html[data-theme="dark"] .doc-fold-all:hover,
html[data-theme="dark"] .lex-azbtn.on,
html[data-theme="dark"] .lex-azbtn.on i,
html[data-theme="dark"] .lex-pgbtn.on,
html[data-theme="dark"] .lex-tab.on,
html[data-theme="dark"] .lex-linkbtn:hover,
html[data-theme="dark"] .lex-linkbtn:hover i,
html[data-theme="dark"] .doc-glink:hover,
html[data-theme="dark"] .doc-rand:hover,
html[data-theme="dark"] mark { color: #141410; }
html[data-theme="dark"] mark { background: var(--color-accent); }

/* ---- 浅色硬编码 → 深色对应 ---- */
/* 模态背板/面板（kb 知识点查看器） */
html[data-theme="dark"] .panel-backdrop { background: rgba(0, 0, 0, .62); }
html[data-theme="dark"] .panel {
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05);
}
html[data-theme="dark"] .panel-head { background: oklch(19% 0.012 100 / .92); }
html[data-theme="dark"] .panel-tag { box-shadow: 0 0 18px oklch(87% 0.17 95 / .3); }
/* 知识库卡片悬停 */
html[data-theme="dark"] .thumb-card:hover,
html[data-theme="dark"] .thumb-card:focus-visible { filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .55)); }
html[data-theme="dark"] .kb-wip { background: oklch(19% 0.012 100 / .94); }
/* 输入框聚焦光环（蓝光 → 黄光） */
html[data-theme="dark"] .doc-search input:focus,
html[data-theme="dark"] .doc-page-input:focus,
html[data-theme="dark"] .lex-search input:focus,
html[data-theme="dark"] .board-form input[type="text"]:focus,
html[data-theme="dark"] .board-form textarea:focus { box-shadow: 0 0 0 3px oklch(87% 0.17 95 / .18); }
/* 词汇词族徽章（原深色值） */
html[data-theme="dark"] .lex-kind.k-abbr { color: #0a7d8c; border-color: rgba(10, 125, 140, .4); }
html[data-theme="dark"] .lex-kind.k-full { color: #7a5cbf; border-color: rgba(122, 92, 191, .4); }
html[data-theme="dark"] .lex-kind.k-phrase { color: #4a7d3f; border-color: rgba(74, 125, 63, .4); }
/* 图解查看器壳 */
html[data-theme="dark"] .lex-viewer { background: oklch(15% 0.012 100 / .96); }
/* 交流页错误条（原深色值） */
html[data-theme="dark"] .board-note.is-err { border-color: oklch(62% 0.17 30); color: oklch(80% 0.14 30); }
/* 交流页回复表单聚焦光环（蓝光 → 黄光） */
html[data-theme="dark"] .board-reply-form input[type="text"]:focus,
html[data-theme="dark"] .board-reply-form textarea:focus { box-shadow: 0 0 0 3px oklch(87% 0.17 95 / .18); }
/* 交流页删除按钮悬停（红色提亮到深底可读） */
html[data-theme="dark"] .board-btn.board-del:hover { color: oklch(80% 0.14 30); border-color: oklch(62% 0.17 30); }
/* 汉堡展开面板阴影 / tap 高亮 */
html[data-theme="dark"] .nav-check:checked ~ .topnav { box-shadow: 0 14px 28px rgba(0, 0, 0, .55); }
html[data-theme="dark"] a, html[data-theme="dark"] button,
html[data-theme="dark"] .thumb-card, html[data-theme="dark"] .lex-card,
html[data-theme="dark"] .doc-toc-chip, html[data-theme="dark"] summary {
  -webkit-tap-highlight-color: oklch(87% 0.17 95 / .14);
}
/* 文档摘要条边框（蓝 → 黄） */
html[data-theme="dark"] .doc-sum { border-color: oklch(87% 0.17 95 / .3); }
/* 文档列表悬停阴影 */
html[data-theme="dark"] .doc-fold-body li:hover,
html[data-theme="dark"] .doc-sec-body li:hover { box-shadow: 0 1px 8px rgba(0, 0, 0, .4); }
/* 文档目录悬停备注浮层 */
html[data-theme="dark"] .doc-toc-chip[data-sum]:hover::after {
  background: oklch(19% 0.012 100);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .55);
}
/* 考考你判定结果（原深色值：深底亮字） */
html[data-theme="dark"] .doc-quiz-opt.is-right { border-color: #3fae6a; background: oklch(20% 0.05 150); color: #7fe0a6; }
html[data-theme="dark"] .doc-quiz-opt.is-right::after { color: #7fe0a6; }
html[data-theme="dark"] .doc-quiz-opt.is-wrong { border-color: #d95c5c; background: oklch(20% 0.05 25); color: #ff9d9d; }
html[data-theme="dark"] .doc-quiz-opt.is-wrong::after { color: #ff9d9d; }
/* 图片/iframe：深色下图解页已跟随主题（kb/*.html 读 avtheme），iframe 壳背景同步深色 */
html[data-theme="dark"] .doc-sec-body img,
html[data-theme="dark"] .lex-fig img { background: #fff; }
html[data-theme="dark"] .lex-viewer iframe { background: oklch(15% 0.012 100); }

/* ---- 简笔画带：深色底上提一档存在感（线条色已随 accent/muted/gold 变量切换） ---- */
html[data-theme="dark"] .skyline { opacity: .6; }

/* ---- 知识库缩略图：预渲染浅色 PNG 在深色模式纯反色成深色版（暖纸 #ece5d2→深墨蓝≈原深底、蓝线→金黄；灰化卡保持灰度再反色） ---- */
html[data-theme="dark"] .thumb-card img { filter: invert(1); }
html[data-theme="dark"] .thumb-card.kb-draft img { filter: grayscale(1) invert(1); }

/* ---- 明暗切换按钮 ---- */
html[data-theme="dark"] .th-toggle .th-moon { display: none; }
html[data-theme="dark"] .th-toggle .th-sun { display: inline; }