/* theme-fix.css —— 跨主题一致性修正（站长 2026-10-31 全面体检发现）
 *
 * 只放"原站点写了但主题切换后失效"的地方，不引入新视觉风格。
 * 全部用 html.light / html.dark 限定，深色主题不受影响。
 *
 * 为什么需要 !important：
 *   这些元素用的是**内联 style**（`style="color: rgb(240,185,11)"`），
 *   由 Vue 组件在渲染时写死。内联声明的优先级高于普通选择器，
 *   只有 !important 才压得住（table-flat.css 也是同一套办法）。
 */

/* ============================================================
 * 1. 金色数字 / 图标在浅色主题下偏浅
 *
 * 背景（实测）：
 *   :root 里 --gold: #f0b90b（亮金，配深底合适）
 *   html.light 里 --gold: #b8860b（暗金，配白底合适）—— 主题作者已经想到了
 *   但有 184 处元素是**内联写死** rgb(240,185,11)，不读变量，于是浅色下
 *   仍然用亮金叠在白底上，对比度只有 1.78（WCAG AA 要 4.5）。
 *
 * 分布：.num 103 处（评分/涨速/统计数）、.I 81 处（图标，用 currentColor）、
 *       .big 1 处。格式统一是 rgb(240, 185, 11)。
 *
 * 修法：浅色下把内联亮金统一压成主题定义的暗金，与 CSS 变量保持一致。
 * ============================================================ */
html.light [style*="240, 185, 11"] {
  color: #b8860b !important;
}
/* 少数地方写成十六进制或带空格的变体，一并覆盖 */
html.light [style*="f0b90b"],
html.light [style*="#F0B90B"] {
  color: #b8860b !important;
}

/* 深色主题下 #f0b90b 对比度足够（亮金配深底），不动 */

/* ============================================================
 * 2. 组件 CSS 里硬编码的浅色（不读变量，浅色主题下同样偏淡）
 *
 * 扫描产物得到 18 处，集中在：
 *   About-*.css 8 处（.node.svc 金 / .node.calc 红 / .node.view 蓝）
 *   Overview-*.css 3 处、Lamps/Clusters/Ladder/StockDetail/Login/Admin 各 1 处
 * 这些都是"深色底上好看、白底上发飘"的浅色，统一压到主题对应的深色。
 * ============================================================ */

/* 金 —— .node.svc、灯带计数 .cnt.mid */
html.light .node.svc,
html.light .lamps .cnt.mid,
html.light [class*="cnt"][class*="mid"] {
  color: #b8860b !important;
}
html.light .node.svc {
  border-color: rgba(184, 134, 11, .40) !important;
}

/* 蓝 —— .node.view（#7fb6ff 在白底上对比度只有 2.1） */
html.light .node.view {
  color: #2f7fe0 !important;
  border-color: rgba(47, 127, 224, .40) !important;
}

/* 红 —— .node.calc（#ff8080 白底偏淡） */
html.light .node.calc {
  color: #d92b2b !important;
  border-color: rgba(217, 43, 43, .38) !important;
}

/* 灯带计数 .cnt.hot 用的是主红，浅色下同样压深一档 */
html.light .lamps .cnt.hot {
  color: #d92b2b !important;
}

/* 说明页剩余两类：KPI 大数字 .kpi-v 与数据源节点 .node.src / .src-back
 * （这两处也是硬编码 #f0b90b，不读变量） */
html.light .kpi-v,
html.light .node.src,
html.light .node.src-back {
  color: #b8860b !important;
}
html.light .node.src,
html.light .node.src-back {
  border-color: rgba(184, 134, 11, .40) !important;
}

/* ============================================================
 * 2. 导航计数徽章：白字 + 红色渐变，但渐变是 background-image
 *
 * 这一项**不需要修**，仅作记录：审计时曾误判为"白字白底看不见"，
 * 实际是 .ni-badge 用了 linear-gradient(135deg,#ff6b6b,#e64545)，
 * 两套主题下都是红底白字，正常。检测工具只读 backgroundColor 才会误报。
 * 故意留空，避免以后有人重复排查。
 * ============================================================ */