/* ==========================================================================
   my-docs-site — AI科普 · FQ（apps/ai-introduction/ai-grad-tech-map.html）主题层
   --------------------------------------------------------------------------
   注入方式：build.py 依据 site.config.json → appsOverrides 命中该文件：
     - theme: "ai-grad-theme.css" → 注入本表
     - favicon: true              → 注入站点 favicon
     - siteBar: true              → 注入站点顶栏（返回 + 标题 + 明暗开关）
                                    （顶栏样式同时写在本表开头，参考 static/zgcm1-theme.css）

   这一页是「编辑部刊物」风：米白 --bg / 近黑 --ink / 红色 --accent。
   它几乎全部走令牌（只有 6 处写死字面色），所以暗色版只需换令牌 + 修那几处
   写死的米白底与「--ink 作底」的按钮；亮色模式保持原设计。
   ========================================================================== */

/* ===== 站点顶栏（与主站同款：返回 / 标题 / 明暗开关） ===== */
.hw-topbar{
  position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:.6rem;
  padding:.5rem 1rem;background:rgba(11,16,32,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid #24304f;
}
[data-theme="light"] .hw-topbar{background:rgba(247,249,252,.92);border-bottom-color:#dde4f0}
.hw-back{
  display:inline-grid;place-items:center;width:2rem;height:2rem;flex:none;
  color:#5eead4;background:rgba(94,234,212,.12);border:1px solid #24304f;
  border-radius:.55rem;text-decoration:none;font-size:1rem;transition:.15s;
}
.hw-back:hover{border-color:#5eead4}
[data-theme="light"] .hw-back{color:#0d9488;background:rgba(13,148,136,.1);border-color:#dde4f0}
.hw-title{font-weight:700;font-size:.95rem;color:#5eead4;letter-spacing:.02em}
[data-theme="light"] .hw-title{color:#0d9488}
.hw-spacer{flex:1}
.hw-theme{
  width:2.25rem;height:2.25rem;flex:none;display:inline-grid;place-items:center;
  background:transparent;color:#93a0bd;border:1px solid #24304f;border-radius:.55rem;
  font-size:1.05rem;cursor:pointer;transition:.15s;
}
.hw-theme:hover{color:#dbe3f4;border-color:#5eead4;background:rgba(94,234,212,.12)}
[data-theme="light"] .hw-theme{color:#5a6780;border-color:#dde4f0}
[data-theme="light"] .hw-theme:hover{color:#1a2233;border-color:#0d9488;background:rgba(13,148,136,.1)}

/* 页面自带 .topbar 也是 sticky:top:0 —— 给它让出站点顶栏的高度，避免两层叠在一起 */
[data-theme] .topbar{top:3.3rem}

/* ===== 暗色覆盖层（站点令牌 = static/style.css 暗色值） ===== */
[data-theme="dark"]{
  --bg:#0b1020;
  --ink:#dbe3f4;
  --line:#24304f;
  --line-ink:#9fb0d0;   /* 原 #111：米白页上的「重墨线」→ 暗底上的浅线 */
  --muted:#93a0bd;
  --tint:#0f1730;       /* 原 #F3F3F0：浅灰底块 → 深灰底块 */
}

/* 写死米白的悬浮层 */
[data-theme="dark"] .topbar{background:rgba(11,16,32,.94);border-bottom-color:var(--line)}
[data-theme="dark"] .fabgroup{background:rgba(11,16,32,.95)}

/* 两处「--ink 作底 + 白字」的选中态：变亮后会是亮底白字，改用红色 --accent */
[data-theme="dark"] .fbtn[aria-pressed=true],
[data-theme="dark"] .seg button[aria-pressed=true]{
  background:var(--accent);border-color:var(--accent);color:#fff;
}
[data-theme="dark"] .ck input:checked{background:var(--accent);border-color:var(--accent)}