/* ==========================================================================
   Readout — 设计 token（V12 归一化落地）
   --------------------------------------------------------------------------
   来源：2026-10-24《Scantrader 前端拆解报告》§3 / §7.1 的取值级情报。
   原则：
     1) 只采用「取值」，不搬运原站任何 CSS 规则/选择器/类名；
     2) 命名统一 --stcn-*（scantrader-cn），一层语义、一层取值，不做多层别名；
     3) 原站有「营销页 / 应用内」两套并行色板，我们只保留一套应用内色板，
        营销/录制场景用单独的 --stcn-accent-* 点缀，避免风格漂移；
     4) 字体全部用开源替代：原站 IvarText 为商业字体，本项目不引用；
        衬线改用 Newsreader / Source Serif 4（SIL OFL），无衬线用 Inter（OFL）
        + 系统中文字体栈。字体未 vendored 时自动回退系统字体，不阻塞渲染。
   ========================================================================== */

:root {
  /* ---------- 底色阶梯（暖灰，5 级够用；原站 8 级已归一） ---------- */
  --stcn-bg-page: #f3f2f1;
  --stcn-bg-section: #f1f1f1;
  --stcn-bg-panel: #f8f7f5;
  --stcn-bg-card: #fbfaf8;
  --stcn-bg-raise: #fefefe;

  /* ---------- 文字阶梯 ---------- */
  --stcn-text-1: #0c0b10;
  --stcn-text-2: #545454;
  --stcn-text-3: #8a878b;
  --stcn-text-4: rgba(0, 0, 0, 0.42);
  --stcn-text-5: hsla(0, 0%, 6%, 0.144); /* 轴刻度级极淡 */

  /* ---------- 深色面（应用壳层，#161315 系） ---------- */
  --stcn-ink: #161315;
  --stcn-ink-2: #261d23;
  --stcn-ink-3: #372b2f;

  /* ---------- 品牌（应用内一套：#dd145e 系） ---------- */
  --stcn-brand: #dd145e;
  --stcn-brand-bright: #f12a75;
  --stcn-brand-deep: #d21158;
  --stcn-brand-glow: #ff0062;
  --stcn-brand-soft: #f5d8e4;

  /* ---------- 营销/录制点缀（仅出现在推广物料与 record 页，不进产品正文） ---------- */
  --stcn-accent-pop: #e11167;   /* 营销页玫红，比应用内更亮一档 */
  --stcn-accent-strip: #ec0068; /* 促销条实底 */

  /* ---------- 语义色 ---------- */
  --stcn-up: #21bc0d;        /* 涨（国际）/ 获利绿 */
  --stcn-up-strong: #19a719;
  --stcn-down: #d52548;      /* 跌 / 止损红 */
  --stcn-down-line: #d9264a;
  --stcn-gold: #d79a20;      /* 目标金 */
  --stcn-warn: #d98a00;

  /* ---------- Game Plan 色带 / 药丸（画布与 DOM 共用，canvas 侧由 annotate.js 读取） ---------- */
  --stcn-profit: #2FA356;      /* 获利药丸实底（V11.1 校准，非原站 #21bc0d） */
  --stcn-loss: #E0444B;        /* 止损药丸实底（V11.1 校准，非原站 #d52548） */
  --stcn-pill-current: #3F4448;
  --stcn-band-reward: #C9EBC9; /* 获利带（浅粉彩，≈60% 不透明） */
  --stcn-band-risk: #F6C9CC;   /* 风险带 */
  --stcn-band-gold: #F0D048;   /* 目标外侧"想象空间"带 */
  --stcn-band-alpha: 0.6;

  /* ---------- 色带几何（plan-geo.js 会读这三个值） ---------- */
  --stcn-plot-safe: 0.115;  /* 绘图区上下安全边距占比（对应原版 360 卡 42px） */
  --stcn-band-min: 0.22;    /* 单条带最小占比 */
  --stcn-band-max: 0.78;    /* 单条带最大占比 */

  /* ---------- 线 / 描边 ---------- */
  --stcn-line: rgba(0, 0, 0, 0.08);
  --stcn-line-light: rgba(0, 0, 0, 0.052);
  --stcn-divider: #e3e3e3;

  /* ---------- 圆角阶梯（原站 999px 出现 149 次，是第一优先） ---------- */
  --stcn-r-pill: 999px;
  --stcn-r-10: 10px;
  --stcn-r-14: 14px;
  --stcn-r-chip: 16px;
  --stcn-r-card: 18px;
  --stcn-r-26: 26px;
  --stcn-r-hero: 36px;

  /* ---------- 阴影（1 层顶高光 + 1~2 层内投影 + 1~3 层外投影） ---------- */
  --stcn-sh-card: 0 22px 60px rgba(0, 0, 0, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --stcn-sh-float: 0 20px 60px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 0 12px rgba(255, 255, 255, 0.45);
  --stcn-sh-inset-deep: inset 0 0 50px #2727271b, inset 0 0 12px #32323218;
  --stcn-sh-brand: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 6px rgba(120, 0, 45, 0.18),
    0 10px 22px rgba(221, 20, 94, 0.22);
  --stcn-sh-brand-hover: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -2px 6px rgba(120, 0, 45, 0.16),
    0 12px 26px rgba(221, 20, 94, 0.28);
  --stcn-sh-pill: 0 14px 34px rgba(16, 19, 26, 0.18);

  /* ---------- 排版（"高级感"公式：负字距 + 紧凑行高 + 大字号跨度） ---------- */
  --stcn-font-sans: "Inter", "Open Runde", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --stcn-font-serif: "Newsreader", "Source Serif 4", Georgia, "Songti SC", "SimSun", serif;
  --stcn-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas,
    "Courier New", monospace;
  --stcn-track-tight: -0.02em;
  --stcn-track-tighter: -0.03em;
  --stcn-track-display: -0.035em;
  --stcn-lh-pill: 1;
  --stcn-lh-tight: 1.12;

  /* ---------- 动效（原站 14 种缓动，这里只留 4 条主力曲线） ---------- */
  --stcn-ease-main: cubic-bezier(0.16, 1, 0.3, 1);
  --stcn-ease-soft: cubic-bezier(0.3, 0, 0.1, 1);
  --stcn-ease-pop: cubic-bezier(0.2, 0.9, 0.3, 1.2);
  --stcn-ease-pop-strong: cubic-bezier(0.34, 1.4, 0.64, 1);
  --stcn-dur-ui: 180ms;
  --stcn-dur-reveal: 850ms;
  --stcn-dur-band: 820ms; /* 色带生长（主图 / 录制页共用节奏） */

  /* ---------- z-index 语义层（丢弃原站 99999+ 技术债） ---------- */
  --stcn-z-bg: -1;
  --stcn-z-base: 1;
  --stcn-z-card: 5;
  --stcn-z-float: 20;
  --stcn-z-nav: 70;
  --stcn-z-strip: 156;
  --stcn-z-overlay: 200;
  --stcn-z-modal: 1200;
  --stcn-z-drawer: 1300;
}

/* 开源字体（可选增强）：本机无 Inter/Newsreader 时按系统栈渲染。
   需要更接近原站的观感，可取消下面一行注释（走 Google Fonts，SIL OFL 授权）：
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&family=Newsreader:opsz,wght@6..72,400;6..72,600&display=swap");
*/