/* ============================================================
   晓辉量化工作室 · 设计令牌（Design Tokens）
   全站唯一色板/字号/间距真源；明暗双主题。
   页面与组件只用变量，不写死颜色。
   ============================================================ */
:root{
  /* 底盘与墨色 */
  --paper:#ffffff; --board:#eef1f5; --card:#ffffff;
  --ink:#0f2540; --soft:#5a6a7e; --faint:#93a1b4; --line:#e4eaf1;
  /* 品牌 */
  --navy:#12406b; --blue:#1a5fa0; --sky:#4e93d6; --gold:#a8792a; --goldb:#c69633;
  /* 涨跌（国内习惯：红涨绿跌） */
  --up:#b64a3a; --dn:#2e7d5b;
  /* 六维恒定弱色（颜色跟维度走，全站一致） */
  --d1:#e8f0fa; --d1i:#1a5fa0;   /* ①信号家族 */
  --d2:#eae9f7; --d2i:#5b4a9e;   /* ②下注方向 */
  --d3:#e6f2ef; --d3i:#2e7d5b;   /* ③持仓周期 */
  --d4:#f7efe0; --d4i:#8a6420;   /* ④品种维度 */
  --d5:#fbeeea; --d5i:#a8503f;   /* ⑤风险画像 */
  --d6:#f0f2f5; --d6i:#4a5a6e;   /* ⑥验证等级 */
  /* 状态语义色（与品牌强调色分离） */
  --ok-bg:#e7f3ec; --ok-fg:#2e7d5b;
  --warn-bg:#fbeeea; --warn-fg:#b64a3a;
  --gray-bg:#f2f5f9; --gray-fg:#5a6a7e;
  --vip:linear-gradient(135deg,#8a6420,#c69633);
  /* 字族 */
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
  /* 字号阶梯 */
  --fs-hero:clamp(30px,5vw,50px); --fs-h1:26px; --fs-h2:19px; --fs-h3:17px;
  --fs-body:14px; --fs-sm:12px; --fs-xs:10.5px;
  /* 间距阶梯（8pt 底） */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:22px; --sp-6:34px;
  /* 圆角与阴影 */
  --r-sm:8px; --r-md:11px; --r-lg:14px; --r-pill:99px;
  --sh-card:0 1px 3px rgba(15,37,64,.05); --sh-pop:0 14px 40px rgba(5,10,18,.45);
  /* 深色终端底（树/弹层/播放器用） */
  --dk-bg:#0c121a; --dk-panel:#101823; --dk-line:#26344a; --dk-ink:#e8eef6; --dk-soft:#9fb0c4; --dk-faint:#5c7089;
}

/* 深色主题：跟随系统 */
@media (prefers-color-scheme:dark){
  :root{
    --paper:#161f2b; --board:#0c121a; --card:#161f2b;
    --ink:#eaf0f7; --soft:#9fb0c4; --faint:#69798d; --line:#232f3d;
    --navy:#2f70b0; --blue:#4e93d6; --sky:#6aa8e0; --gold:#d3a54c; --goldb:#e3ba63;
    --d1:#16283c; --d1i:#7fb0e0; --d2:#221f3a; --d2i:#a99ce0; --d3:#123024; --d3i:#7fc9a4;
    --d4:#2e2510; --d4i:#d8b871; --d5:#2e1512; --d5i:#dc9a8b; --d6:#1c232e; --d6i:#a9b6c6;
    --ok-bg:#123024; --ok-fg:#7fc9a4; --warn-bg:#2e1512; --warn-fg:#e8a196; --gray-bg:#1c232e; --gray-fg:#9fb0c4;
    --sh-card:0 1px 3px rgba(0,0,0,.3);
  }
}
/* 视图切换器优先级最高（覆盖媒体查询两个方向） */
:root[data-theme="light"]{
  --paper:#ffffff; --board:#eef1f5; --card:#ffffff; --ink:#0f2540; --soft:#5a6a7e; --faint:#93a1b4; --line:#e4eaf1;
  --navy:#12406b; --blue:#1a5fa0; --sky:#4e93d6; --gold:#a8792a; --goldb:#c69633;
  --d1:#e8f0fa; --d1i:#1a5fa0; --d2:#eae9f7; --d2i:#5b4a9e; --d3:#e6f2ef; --d3i:#2e7d5b;
  --d4:#f7efe0; --d4i:#8a6420; --d5:#fbeeea; --d5i:#a8503f; --d6:#f0f2f5; --d6i:#4a5a6e;
  --ok-bg:#e7f3ec; --ok-fg:#2e7d5b; --warn-bg:#fbeeea; --warn-fg:#b64a3a; --gray-bg:#f2f5f9; --gray-fg:#5a6a7e;
}
:root[data-theme="dark"]{
  --paper:#161f2b; --board:#0c121a; --card:#161f2b; --ink:#eaf0f7; --soft:#9fb0c4; --faint:#69798d; --line:#232f3d;
  --navy:#2f70b0; --blue:#4e93d6; --sky:#6aa8e0; --gold:#d3a54c; --goldb:#e3ba63;
  --d1:#16283c; --d1i:#7fb0e0; --d2:#221f3a; --d2i:#a99ce0; --d3:#123024; --d3i:#7fc9a4;
  --d4:#2e2510; --d4i:#d8b871; --d5:#2e1512; --d5i:#dc9a8b; --d6:#1c232e; --d6i:#a9b6c6;
  --ok-bg:#123024; --ok-fg:#7fc9a4; --warn-bg:#2e1512; --warn-fg:#e8a196; --gray-bg:#1c232e; --gray-fg:#9fb0c4;
}

*{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}
html,body{margin:0}
body{background:var(--board);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}