/* ============================================================
   庆科工具箱 · 深色模式（2026-10-30）
   自动跟随系统 prefers-color-scheme，无手动切换按钮。
   引入方式（各页 head 内）：
     <script>...html.dark 初始化...</script>
     <link rel="stylesheet" href="/dark.css?v=20261030a">
   各页内嵌 CSS 中以下颜色已改为带回落变量：
     background:var(--card,#fff)        面板/输入框
     background:var(--chip-dark,#111)   黑底按钮/提示条
     background:var(--tipbg,#f4fff2)    浅绿提示条
     background:var(--warntip,#fffaf0)  暖色提示条
     background:var(--softbg,#eee|#f6f6f6)  分隔/灰底小块
     background:var(--card2,#fafafa)    卡内浅灰区块
   ============================================================ */
html.dark{
  --bg:#101210;
  --text:#f0f2f0;
  --muted:rgba(255,255,255,.55);
  --border:rgba(255,255,255,.12);
  --shadow:0 4px 24px rgba(0,0,0,.5);
  --green:#57d877;               /* 深色下提亮绿色文字/链接 */
  --card:#1f251f;                /* 面板/输入框：深绿灰 */
  --card2:#171a17;               /* 卡内浅灰区块 */
  --softbg:rgba(255,255,255,.08);
  --tipbg:rgba(126,255,113,.10);
  --warntip:rgba(255,193,7,.08);
  --chip-dark:#2b362b;           /* 原黑底按钮/提示条 → 深绿灰 */
}
html.dark body{background:#101210;color:#f0f2f0;}

/* —— 跨页同名类的深色补丁 —— */
html.dark .nav-toggle span{background:#fff;}        /* 汉堡线：navbar 常黑底 */
html.dark .hint{color:#9fd8ab;}                     /* 浅绿提示条文字提亮 */
html.dark .hint.warn{color:#d9b96a;}                /* 暖色提示条文字提亮 */
html.dark .seg button.active{color:#57d877;}        /* 分段按钮选中态文字提亮 */

