/* SWE chrome 覆盖层 — 计算器页换肤（叠加在 ocs-calc.css 之后） */
:root{
  --primary:#0F62FE;--primary-strong:#0043CE;--accent:#F59E0B;
  --bg:#F6F8FB;--surface:#FFFFFF;--surface-2:#EFF3F8;
  --text:#0E1B2C;--muted:#5B6B7F;--border:#E3E9F1;--radius:14px;
}
html.ocs-dark, .ocs-dark{
  --primary:#4C8DFF;--primary-strong:#7AB0FF;--accent:#F59E0B;
  --bg:#0B1220;--surface:#101B2E;--surface-2:#17253D;
  --text:#E8EEF7;--muted:#93A4BC;--border:#223450;
}
/* R1-F1 自动暗色适配：OS prefers dark 且未手动切换时与上方 .ocs-dark 同值；
   并把 ocs-calc.css 暗色块遗留的旧中性色（--subtle #242424 / --hover #2A2A2A /
   --line #2F2F2F / --ink 族）统一映射到新深色板——本文件在其后加载，同名变量后者胜出 */
@media (prefers-color-scheme: dark){
  :root{
    --primary:#4C8DFF;--primary-strong:#7AB0FF;--accent:#F59E0B;
    --bg:#0B1220;--surface:#101B2E;--surface-2:#17253D;
    --text:#E8EEF7;--muted:#93A4BC;--border:#223450;
    --ink:#E8EEF7;--ink-2:#93A4BC;--ink-3:#93A4BC;--ink-rlabel:#93A4BC;
    --subtle:#101B2E;--hover:#17253D;--line:#223450;
  }
}
body{background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif}
.calc-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);
  display:block;padding:0 24px}
.calc-header .brand{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:16px;
  width:100%;height:56px;color:var(--text);text-align:center}
.calc-header nav{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;padding-bottom:8px}
.calc-header nav a{padding:6px 12px;border-radius:9px;font-size:13.5px;color:var(--muted);text-decoration:none;transition:.2s}
.calc-header nav a:hover{color:var(--text);background:var(--surface-2)}
.calc-header nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}
.calc-wrap h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.4px;font-weight:800}
.calc-footer{color:var(--muted);font-size:12.5px;text-align:center;padding:18px 0 26px}
/* 输入控件统一 */
.calc-wrap input,.calc-wrap select,.calc-wrap button{border-radius:10px;border:1px solid var(--border);
  background:var(--surface);color:var(--text)}
.calc-wrap button{background:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer}
.calc-wrap button:hover{box-shadow:0 6px 18px rgba(15,98,254,.35);transform:translateY(-1px)}
/* 结果卡与图表容器 —— R1-F3 修正：实际容器类为 .card/.result-grid/.result-item
   （ocs-calc.css:90/146/151，各 index.html 实测），原 .result/fieldset 不存在 */
.calc-wrap .card{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);box-shadow:0 1px 2px rgba(14,27,44,.05),0 8px 24px rgba(14,27,44,.06)}
.calc-wrap .result-item{background:var(--surface-2);border-radius:10px}

/* R1-F2 强调文本对比度（来源：ocs-calc.css:165 .result-item.primary .r-value、
   :194 .data-note .todo-verify 继承本文件 --accent #F59E0B 后浅底仅约 1.8:1）。
   审查建议 #B45309 经核算在徽标底 #FAEBDD 上为 4.30:1，不达 4.5 阈值，
   故取同族深琥珀 #92400E（#FAEBDD 底 6.07:1、白底 7.09:1）。 */
.result-item.primary .r-value,.data-note .todo-verify{color:#92400E}

/* Task10 D4：暗色遗留旧中性色映射 + 主结果值改蓝族。
   缺陷来源：ocs-calc.css:289 手动暗色块 --ink:#D4D4D2（rgb(212,212,210)）——
   OS 浅色 + 手动暗色时非主结果值显旧灰；R1-F1 仅映射了 prefers 分支，
   此处把同一组值补进类分支，使手动暗色与 OS 暗色同板。
   （旧灰对比本已达标：对 surface 11.61:1，缺陷属色板一致性而非可读性。）
   主结果值按 p4 欠账清单 D4 改 --primary-strong #7AB0FF（原亮琥珀弃用于该元素）：
   accent-soft 暗底 #3B2E24 上 5.92:1、surface 暗 #101B2E 上 7.78:1，均过文本阈值；
   todo-verify 徽标保留琥珀 #F5A623（#3B2E24 徽标底 6.47:1）。 */
html.ocs-dark,.ocs-dark{
  --ink:#E8EEF7;--ink-2:#93A4BC;--ink-3:#93A4BC;--ink-rlabel:#93A4BC;
  --subtle:#101B2E;--hover:#17253D;--line:#223450;
}
html.ocs-dark .result-item.primary .r-value,
.ocs-dark .result-item.primary .r-value{color:var(--primary-strong)}
html.ocs-dark .data-note .todo-verify,
.ocs-dark .data-note .todo-verify{color:#F5A623}
@media (prefers-color-scheme: dark){
  .result-item.primary .r-value{color:var(--primary-strong)}
  .data-note .todo-verify{color:#F5A623}
}

/* Task10 D3：焦点环可辨性（WCAG 2.1 §1.4.11 非文本 ≥3:1）。
   原链路：ocs-calc.css:134 .field input/select:focus 用 var(--accent)=#F59E0B，
   白卡上仅 2.15:1、body #F6F8FB 上 2.02:1，不达标。改 --primary 双层环
   （间隙层取 var(--surface)，借色差提升环的可辨性）：浅分支 #0F62FE
   白卡 5.0:1 / body 上 4.7:1，深分支 #4C8DFF 对 surface 5.39:1；
   按钮自身蓝底，加 outline-offset 使描边与按钮间留 2px 间隙分离；
   三块（root/.ocs-class/prefers）变量自动切换覆盖双暗色机制。 */
.field input:focus,.field select:focus,
.calc-wrap input:focus,.calc-wrap select:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary);
}
.calc-wrap button:focus,.calc-wrap button:focus-visible{
  outline:2px solid var(--primary);outline-offset:2px;
}

/* R-H 2026-08-31：顶栏右侧深浅色开关 */
#calcThemeBtn{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:4px 11px;border-radius:9px;font-size:14px;color:var(--muted);background:transparent;border:1px solid var(--surface-2);cursor:pointer;transition:.2s}
#calcThemeBtn:hover{color:var(--text);background:var(--surface-2)}
@media(max-width:720px){#calcThemeBtn{right:8px;padding:4px 8px}}