/* 文档级基础样式: CSS 变量(可穿透 Shadow DOM 继承) + body + 页脚
   组件内部样式一律放各自的 components/*.css, 不要加到这里 */
:root{
  --bg:#f5f6f8; --card:#ffffff; --line:#eceef1; --line2:#f2f3f5;
  --txt:#1a1d24; --sub:#8a919e; --faint:#aab0ba;
  --green:#12b76a; --green-bg:#e7f8f0; --green-line:#b7ecd4;
  --red:#f04438; --red-bg:#fdecea; --red-line:#f8cfca;
  --amber:#f79009; --amber-bg:#fef3e2; --amber-line:#fadcae;
  --accent:#3b6ef5;
  /* 涨跌色 (红涨绿跌): 比灯色更暗更不饱和, 与红绿灯状态色拉开 — 灯=饱和色圆点/色块, 数字=暗色文字 */
  --up:#c93321; --dn:#0f7a4c;
  /* 中性/语义 token (2026-08-16 内联色收口, 暗色模式的挂载点) */
  --chip:#f4f5f7; --chip2:#f0f1f3;              /* 灰底 chip / 哑态底 */
  --ink:#2b3346; --sub2:#98a1b3;                 /* 分组标题深色 / 次级灰 */
  --fire:#e0700a; --fire-bg:#ffe9d6; --fire-line:#f5b877;
  --blue:#1877c9; --blue-bg:#e2f1ff;
  --cell-up2:#f0b3ab; --cell-up1:#fbe0dd;        /* 逐日涨跌格子 (涨深色/涨浅色) */
  --cell-dn2:#8fdfb4; --cell-dn1:#d8f4e6;        /* 跌深色/跌浅色 */
  --cell-flat:#eef0f2;
  --green-soft:#dcfbe9;                          /* 强绿底 (row-buy渐变/重仓) */
  --warn-txt:#8a6412; --warn-txt2:#6b4d0a;       /* 琥珀提示框文字 */
  --chipcard:rgba(255,255,255,.75);              /* 指挥卡 chip 底 */
}
/* 暗色 (跟随系统): 中性面/文字反转, 语义色微调亮度; 灯色保持 (信号灯必须在深色下可读) */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#14171d; --card:#1d2129; --line:#2a2f3a; --line2:#232833;
    --txt:#f2f4f8; --sub:#b8c0d0; --faint:#8a93a5;
    --green:#22c479; --green-bg:#123526; --green-line:#1d5c3d;
    --red:#f26a5e; --red-bg:#3d2320; --red-line:#6b322c;
    --amber:#f5a623; --amber-bg:#3a2c15; --amber-line:#6b5222;
    --accent:#6b8ff7;
    --up:#f4735c; --dn:#3dd68c;   /* 暗色下涨跌色提亮 (用户: 板块股票金额红绿看不清) */
    --chip:#252a34; --chip2:#232833;
    --ink:#dfe4ee; --sub2:#8a93a5;
    --fire:#f08a1e; --fire-bg:#3d2c14; --fire-line:#7a5a26;
    --blue:#4d9fe8; --blue-bg:#16283c;
    --cell-up2:#8a3a30; --cell-up1:#4a2620;
    --cell-dn2:#1f7a4d; --cell-dn1:#173a29;
    --cell-flat:#262b35;
    --green-soft:#17402a;
    --warn-txt:#e8b45a; --warn-txt2:#f0c878;
    --chipcard:rgba(255,255,255,.07);
  }
  /* 暗色下阴影太重, 减轻 */
  body{--card-shadow:none;}
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--txt);
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
     padding:26px 48px 56px;max-width:none;margin:0;-webkit-font-smoothing:antialiased;}
@media(max-width:640px){body{padding:18px 14px 40px;}}
.num{font-variant-numeric:tabular-nums;}

/* 页脚 (静态文案, 直接留在骨架里) */
.foot{color:var(--sub);font-size:12px;margin-top:28px;line-height:1.7;
      background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;
      box-shadow:0 1px 2px rgba(20,25,40,.04),0 6px 20px rgba(20,25,40,.07);}
.foot b{color:var(--txt);font-weight:700;}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;}
.tag.ok{background:var(--green-bg);color:var(--green);}
.tag.warn{background:var(--amber-bg);color:var(--amber);}