/* ============================================================
   AI衍策 设计令牌 · 唯一色彩与尺度来源
   ------------------------------------------------------------
   规则：任何页面、任何面板模板，都不得再自定义 --up/--down/--red/
   --green 或直接写死涨跌色。全部引用本文件。
   合并前存在四套互相冲突的定义：
     --up:#E84545 --down:#1fa84d   (品牌红金，采纳)
     --up:#ff4d4f --down:#30d158   (iOS 系，废弃)
     --red:#ff3b30 --green:#34c759 (废弃)
     --red:#E84545                 (并入 --up)
   ============================================================ */
:root {
  /* ---- 品牌 ---- */
  --brand:        #E84545;
  --brand-deep:   #C62F2F;
  --brand-gold:   #C9A227;
  --brand-ink:    #1A1A1A;

  /* ---- 涨跌（中国市场：红涨绿跌，严格执行）---- */
  --up:           #E84545;
  --up-soft:      #FBE7E7;
  --up-border:    #F5C2C2;
  --down:         #1FA84D;
  --down-soft:    #E3F4EA;
  --down-border:  #BEE3CC;
  --flat:         #8A8F99;
  --flat-soft:    #F2F3F5;

  /* ---- 中性 ---- */
  --bg:           #FFFFFF;
  --bg-sunken:    #F7F8FA;
  --bg-raised:    #FFFFFF;
  --border:       #E5E7EB;
  --border-strong:#D1D5DB;
  --text:         #1A1A1A;
  --text-muted:   #6B7280;
  --text-faint:   #9CA3AF;

  /* ---- 状态 ---- */
  --warn:         #D97706;
  --warn-soft:    #FEF3C7;
  --info:         #2563EB;
  --info-soft:    #DBEAFE;

  /* ---- 尺度 ---- */
  --r-sm: 6px;  --r-md: 10px;  --r-lg: 14px;
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 2px 8px rgba(0,0,0,.08);

  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-num: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121316; --bg-sunken: #0D0E10; --bg-raised: #1A1C20;
    --border: #2A2D33; --border-strong: #3A3E45;
    --text: #E8EAED; --text-muted: #9AA0A6; --text-faint: #6B7280;
    --up-soft: rgba(232,69,69,.16);  --up-border: rgba(232,69,69,.35);
    --down-soft: rgba(31,168,77,.16); --down-border: rgba(31,168,77,.35);
    --flat-soft: rgba(255,255,255,.06);
  }
}
:root[data-theme="dark"] {
  --bg: #121316; --bg-sunken: #0D0E10; --bg-raised: #1A1C20;
  --border: #2A2D33; --border-strong: #3A3E45;
  --text: #E8EAED; --text-muted: #9AA0A6; --text-faint: #6B7280;
  --up-soft: rgba(232,69,69,.16);  --up-border: rgba(232,69,69,.35);
  --down-soft: rgba(31,168,77,.16); --down-border: rgba(31,168,77,.35);
  --flat-soft: rgba(255,255,255,.06);
}

/* ---- 通用涨跌类：全站统一，禁止各页面自行定义 ---- */
.up   { color: var(--up); }
.down { color: var(--down); }
.flat { color: var(--flat); }
.chip-up   { background: var(--up-soft);   color: var(--up);   border: 1px solid var(--up-border); }
.chip-down { background: var(--down-soft); color: var(--down); border: 1px solid var(--down-border); }
.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }

/* ============================================================
   兼容别名 · 迁移期保留
   ------------------------------------------------------------
   12 个页面原本各自复制一份 :root，26 个变量里 14 个出现取值分歧
   （--up 有 4 种红、--down 有 3 种绿、--line 有 5 种）。
   下面把旧变量名映射到统一值，页面删掉本地 :root 后即可直接沿用旧写法。
   新代码请用上面的规范名，这一段在页面全部改造完成后删除。
   ============================================================ */
:root {
  --blue:       var(--brand);        /* 历史命名：实为品牌红，非蓝 */
  --blue-soft:  var(--up-soft);
  --gold:       var(--brand-gold);
  --red:        var(--up);           /* 统一：原有 #ff3b30 / #E84545 两种 */
  --green:      var(--down);         /* 统一：原有 #34c759 / #2f9e63 等 */
  --orange:     var(--warn);
  --bg:         #F5F5F7;             /* 21/22 文件的多数值 */
  --card:       var(--bg-raised);
  --ink:        var(--text);
  --ink2:       var(--text-muted);
  --ink3:       var(--text-faint);
  --line:       #D2D2D7;             /* 原有 5 种取值，取多数 */
  --sans:       var(--font);
  --mono:       var(--font-num);
  --red-soft:   var(--up-soft);
  --bg2:        #F7F7F9;             /* strategy.html 原以 var(--bg2,#f7f7f9) 兜底，从未定义 */
  --bg3:        #E8E8EC;             /* 同上 */
}


/* ── 收益口径角标 ─────────────────────────────────────────
   净 / 毛 必须一眼可辨。毛口径用警示色，因为它显示的收益偏高。 */
.basis-badge{
  display:inline-block; margin-left:6px; padding:1px 6px; border-radius:4px;
  font-size:11px; line-height:1.6; font-weight:500; vertical-align:middle;
  cursor:help; white-space:nowrap;
}
.basis-badge.basis-net{   background:rgba(31,168,77,.12);  color:var(--down); }
.basis-badge.basis-gross{ background:rgba(232,69,69,.12);  color:var(--up);   }
.basis-badge.basis-none{  background:rgba(128,128,128,.12); color:var(--muted,#888); }