/* ════════════════════════════════════════════════════════════════════════════
   common/css/dark-fix.css —— 深色主题的**补丁层**（站点侧，2026-10-21）

   为什么要有这一层：
     · 站点自己的深色令牌在 `theme.css` 的 `html[data-theme="dark"]` 里 ✓
     · 但各模块的页面 CSS 里还残留一批**写死颜色**（白字压品牌底、`--color-dark` 当字色、
       `#1a1a2e` 这类硬编码），它们在自己的 CSS 里赢过令牌 ⇒ 深色下不可读 ✗
     · 本文件由 layouts 在**所有 CSS 之后**引入 ⇒ 同特异度下**一定赢** ✓（不写 !important ✗）

   判据来源：无头浏览器逐页量对比度（做法见 `xuanwei-uniapp/docs/DARK-MODE-SPEC.md §12`）
   ⚠️ 只写 `html[data-theme="dark"]` 前缀 ⇒ **浅色口径零变化** ✓
   ════════════════════════════════════════════════════════════════════════════ */

/* ── ① 品牌底上的白字：深色下品牌变亮紫 #b894d8，白字只有 2.5:1 ✗ ⇒ 换深紫字（站点 --color-on-star 同值）── */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-go,
html[data-theme="dark"] .dlr-paipan-btn {
  color: #100922;
}
/* 🔴 `.btn-now`（「现时」这类）要**连底色一起压回品牌色** ——
   有页面把它改成卡片底（#181230）⇒ 只有深字就成了"深字贴深底" 1.08 ✗（实测 /sanhe、/bazi、/liuyao、/qimen、/daliuren）
   浅色主题它就是品牌底+白字 ✓ ⇒ 深色给品牌底+深字，语义不变 ✓
   ⚠️ 带上 `body` 才压得过页面的 `body.mode-mobile .btn-now` ✓ */
html[data-theme="dark"] body .btn-now {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: #100922;
}
/* 导出/复制类按钮：各页底色不统一（有的是品牌底、有的是浅填充底 #201840）⇒
   深色下**统一压成品牌底 + 深字**，两种页面都读得清 ✓（原来 qimen 那几颗是"深字贴深底" 1.17 ✗）
   ⚠️ 各模块自己又写了一遍 `.btn-export{color:#fff}` 且**加载在本文件之后** ⇒ 这里必须抬特异度（叠加 body ✓）*/
html[data-theme="dark"] body .btn-export {
  background: var(--color-brand);
  color: #100922;
}
html[data-theme="dark"] body .btn-export:disabled {
  background: var(--color-border);
  color: var(--color-text-muted);
}

/* 通用链接：站点不少内联链接没吃站点链接色 ⇒ 深色下是浏览器默认蓝（#0000EE，2.18 ✗）*/
html[data-theme="dark"] a { color: var(--color-brand); }

/* 档案页「游客」：`.name` 用的是 --color-dark 当字色 ⇒ 深字贴深底 ✗ */
html[data-theme="dark"] .user-card .name { color: var(--color-text); }
/* 大乐壬「开始排盘」：底色被 .btn-now 的深底吃掉 ⇒ 补回品牌底，否则深字贴深底 1.1:1 ✗ */
html[data-theme="dark"] body .dlr-paipan-btn {
  background: var(--color-brand);
  color: #100922;   /* 模块那条把它设成 --color-page（深色下很暗）⇒ 这里用 body 抬特异度压过 ✓ */
}

/* ── ② 阴盘奇门入口（青绿底）：白字 2.6:1 ✗ ── */
html[data-theme="dark"] .btn-yinpan-link {
  background: var(--color-star);
  border-color: var(--color-star);
  color: #100922;
}

/* ── ③ 简介页（/jianjie）—— 占位框与 App 名写死浅色 ✗ ── */
html[data-theme="dark"] .qr-placeholder {
  background: var(--color-subtle);
  color: var(--color-text-sec);
}
html[data-theme="dark"] .app-name { color: var(--color-text); }

/* ── ④ 把 `--color-dark` 当**字色**用的那几处（深色下 --color-dark 仍是 #1a1a1a ⇒ 深字贴深底 ✗）── */
html[data-theme="dark"] .paipan-panel h3,
html[data-theme="dark"] .report-popup-head h3,
html[data-theme="dark"] .vip-modal-header h3,
html[data-theme="dark"] .bz-price-header h3 { color: var(--color-text); }

/* 六爻「开始排盘」(#btnPaipan)：模块用 **id 选择器**给了白字（id 特异度 > 类）⇒ 这里也带上 id ✓ */
html[data-theme="dark"] #btnPaipan.btn-export {
  background: var(--color-brand);
  color: #100922;
}

/* ── ⑤ 登录/注册页（common/css/auth.css）：按钮底用的是 `--color-btn-dark`，
      而它在深色主题里是**浅色值** ⇒ 深色下成了"浅底 + 淡金字"（1.17:1 ✗）
      ⇒ 统一压成品牌底 + 深字（浅色不受影响，本规则只对 data-theme=dark 生效 ✓）*/
html[data-theme="dark"] .auth-btn-code,
html[data-theme="dark"] .auth-btn-submit,
html[data-theme="dark"] .auth-sub-tab.active {
  background: var(--color-brand);
  color: #100922;
  border-color: var(--color-brand);
}
html[data-theme="dark"] .pwd-toggle { color: var(--color-text-sec); }

/* 登录页未选中的 tab：深色下还有一块浅底 ⇒ 明确给深填充（` :not(.active)` 别盖掉选中态 ✓）*/
html[data-theme="dark"] .auth-sub-tab:not(.active) {
  background: var(--color-subtle);
  color: var(--color-text-sec);
  border-color: var(--color-border);
}
/* 注销说明页的红色提示块（深色下 3.0 边缘）⇒ 用站点 danger 令牌更亮 ✓ */
html[data-theme="dark"] .ad-danger-note { color: var(--color-danger); }