/* ══════════════════════════════════════════════════════════
   海燕网站设计模块 · Design Tokens —— 「风暴」版
   ──────────────────────────────────────────────────────────
   配色纪律（2026-09-13 审美进化后确立）：
     Awwwards 当日 3 个 SOTD 实测 —— 全部只用 2 色。
     本体系严格执行：主色（电光白）+ 底（风暴青黑），
     层次全部靠「明度/透明度」而**不靠色相**；
     唯一例外是 1 处点睛暖白（闪电 / 心脏），全站出现面积 <1%。
   ══════════════════════════════════════════════════════════ */
:root{
  /* ── 底：风暴的四层青黑（不是"深空蓝"） ── */
  --bg-0:#04090c;            /* 风暴夜 · 最底 */
  --bg-1:#0a161b;            /* 次级背景 */
  --bg-2:#12262d;            /* 浪脊 / 卡片底 */
  --bg-3:#193540;            /* 悬浮态 */
  --crest:#2a4a52;           /* 浪脊 —— 体系里唯一的"第二色" */
  --line:rgba(150,200,215,.13);
  --line-2:rgba(170,220,235,.26);

  /* ── 主色：电光白（文字 / 燕 / 强调，全部由它派生） ── */
  --ink:#eaf6ff;             /* 主 */
  --ink-2:rgba(234,246,255,.66);
  --ink-3:rgba(234,246,255,.40);
  --ink-4:rgba(234,246,255,.22);

  /* ── 点睛暖白：全站只有两处用它 —— 闪电 & 心脏（品牌记忆点） ── */
  --flash:#fff4e0;

  /* ── 兼容别名（沿用旧变量名，值已收敛进 2 色体系） ── */
  --cyan:#eaf6ff;            /* = 主色（电光白） */
  --blue:#cfe4ee;            /* = 冷白（比主色低一档明度） */
  --purple:#9fb8c4;          /* = 雾青（仅作极弱的次要色） */
  --gold:#fff4e0;            /* = 点睛暖白 */
  --rose:#fff4e0;            /* = 收进点睛，不再单独存在 */
  --green:rgba(234,246,255,.7);

  /* ── 字体 ── */
  --font-serif:"Noto Serif SC","Songti SC","STSong",serif;
  --font-sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
  --font-mono:"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  /* ── 字号阶 ── */
  --fs-hero:clamp(38px,8.2vw,120px);
  --fs-display:clamp(30px,5.4vw,68px);
  --fs-h1:clamp(26px,3.6vw,44px);
  --fs-h2:clamp(20px,2.2vw,28px);
  --fs-h3:clamp(16px,1.35vw,19px);
  --fs-body:clamp(14px,1.02vw,16px);
  --fs-small:clamp(12px,.92vw,13.5px);
  --fs-micro:11.5px;

  /* ── 间距 ── */
  --sp-1:6px;  --sp-2:12px; --sp-3:20px; --sp-4:32px;
  --sp-5:52px; --sp-6:84px; --sp-7:132px; --sp-8:200px;

  /* ── 形状 ── */
  --radius-sm:9px; --radius:14px; --radius-lg:22px; --radius-pill:999px;
  --container:1240px;
  --gutter:clamp(20px,5vw,72px);

  /* ── 光晕：全部是"白光的不同扩散"，不再有多色霓虹 ── */
  --glow-white:0 0 22px rgba(234,246,255,.30), 0 0 74px rgba(180,220,240,.13);
  --glow-cyan:0 0 22px rgba(234,246,255,.28), 0 0 74px rgba(160,210,235,.12);  /* 兼容名 */
  --glow-blue:0 0 26px rgba(207,228,238,.26), 0 0 80px rgba(140,190,215,.12);
  --glow-gold:0 0 20px rgba(255,244,224,.38), 0 0 56px rgba(255,220,170,.16);
  --glow-flash:0 0 18px rgba(255,244,224,.75), 0 0 60px rgba(255,208,150,.34);
  --glow-rose:0 0 16px rgba(255,244,224,.72), 0 0 52px rgba(255,200,150,.30);
  --glow-text:0 0 1.4px rgba(255,255,255,.92), 0 0 26px rgba(150,205,235,.30), 0 0 90px rgba(90,150,190,.13);
  --sh-card:0 18px 54px -22px rgba(0,0,0,.88);
  --sh-lift:0 26px 60px -24px rgba(0,0,0,.92), 0 0 0 1px rgba(170,220,235,.10);

  /* ── 动效 ── */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-io:cubic-bezier(.4,0,.2,1);
  --ease-back:cubic-bezier(.34,1.4,.5,1);
  --dur-fast:.22s; --dur:.52s; --dur-slow:1.1s;

  /* ── 玻璃（风暴灰玻璃，不再是蓝调） ── */
  --glass:linear-gradient(162deg, rgba(234,246,255,.055), rgba(234,246,255,.014));
  --glass-brd:rgba(170,220,235,.15);
  --backdrop:blur(18px) saturate(120%);
}

@media (prefers-reduced-motion:reduce){
  :root{ --dur-fast:.01ms; --dur:.01ms; --dur-slow:.01ms }
}