/* =========================================================
   金钠 · 钠茅（King-Sodium）营销 UI 系统 — 设计令牌
   主色：深蓝 #1B3A6B / 亮蓝 #2E7FD1
   科技绿 #0F766E（钠电科技感）/ 能量橙 #B45309（数据·CTA）
   中文：微软雅黑 | 英文/数字：Arial
   ========================================================= */
:root{
  /* —— 品牌色 —— */
  --navy:        #1B3A6B;   /* 主色·深蓝 */
  --navy-700:    #15305A;
  --navy-900:    #0E2140;
  --blue:        #2E7FD1;   /* 亮蓝·强调/链接 */
  --blue-600:    #2563B0;
  --lblue:       #E8F1FA;   /* 浅蓝·背景 */
  --lblue-2:     #D6E7F7;

  /* —— 功能色 —— */
  --teal:        #0F766E;   /* 科技绿·钠电 */
  --teal-600:    #0B5C55;
  --amber:       #B45309;   /* 能量橙·数据亮点/CTA */
  --amber-500:   #D97706;

  /* —— 中性 —— */
  --ink:         #1A1A1A;
  --grey:        #5B6472;
  --grey-500:    #7A8290;
  --lgrey:       #F4F7F9;
  --line:        #D8DFE7;
  --white:       #FFFFFF;
  --bg:          #FFFFFF;

  /* —— 字体 —— */
  --font-cn: "Microsoft YaHei","微软雅黑",-apple-system,"PingFang SC","Hiragino Sans GB",sans-serif;
  --font-en: Arial,"Helvetica Neue",Helvetica,sans-serif;

  /* —— 字号阶梯 —— */
  --fs-hero:  clamp(34px, 5vw, 60px);
  --fs-h1:    clamp(28px, 3.6vw, 44px);
  --fs-h2:    clamp(22px, 2.6vw, 32px);
  --fs-h3:    20px;
  --fs-h4:    16px;
  --fs-body:  15px;
  --fs-sm:    13px;
  --fs-xs:    11.5px;

  /* —— 间距（4px 基准） —— */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;

  /* —— 圆角 —— */
  --r-sm: 8px;  --r-md: 14px; --r-lg: 22px; --r-xl: 32px; --r-pill: 999px;

  /* —— 阴影 —— */
  --sh-sm: 0 1px 2px rgba(16,33,64,.06), 0 1px 3px rgba(16,33,64,.05);
  --sh-md: 0 4px 12px rgba(16,33,64,.08), 0 2px 6px rgba(16,33,64,.06);
  --sh-lg: 0 16px 40px rgba(16,33,64,.12), 0 6px 16px rgba(16,33,64,.08);
  --sh-blue: 0 8px 24px rgba(46,127,209,.22);

  /* —— 动效 —— */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 320ms;
  --dur-fast: 180ms;

  /* —— 容器 —— */
  --maxw: 1200px;
  --nav-h: 64px;
}