/* ===== 设计令牌：全站统一的颜色 / 间距 / 圆角 / 字阶 / 阴影 =====
   清爽浅色 + 靛紫主色 + 多彩功能图标色 + 薄荷绿状态色 */
:root {
  /* 背景与表面 */
  --c-bg: #F6F8FB;
  --c-surface: #FFFFFF;
  --c-surface-2: #F4F6FA;
  --c-surface-3: #EEF1F6;
  --c-border: #E6E9F0;
  --c-border-strong: #D6DBE5;

  /* 文字 */
  --c-ink: #0F172A;
  --c-text: #334155;
  --c-muted: #64748B;
  --c-faint: #94A3B8;
  --c-on-primary: #FFFFFF;

  /* 主色（靛紫） */
  --c-primary: #635BFF;
  --c-primary-strong: #4F46E5;
  --c-primary-weak: #EEEBFF;
  --c-primary-ink: #4338CA;

  /* 状态色 */
  --c-success: #16A34A;  --c-success-weak: #E7F6EC;
  --c-warning: #B7791F;  --c-warning-weak: #FEF3DA;
  --c-danger:  #DC2626;  --c-danger-weak:  #FDECEC;
  --c-info:    #0EA5E9;  --c-info-weak:    #E2F4FD;

  /* 功能图标色相（借鉴旧版多彩图标，每类功能一个色） */
  --i-purple: #7C3AED; --i-purple-bg: #F1ECFE;
  --i-blue:   #2563EB; --i-blue-bg:   #E6EEFE;
  --i-teal:   #0D9488; --i-teal-bg:   #DCF4F1;
  --i-amber:  #D97706; --i-amber-bg:  #FCEFD9;
  --i-pink:   #DB2777; --i-pink-bg:   #FCE7F1;
  --i-green:  #16A34A; --i-green-bg:  #E5F6EA;
  --i-cyan:   #0891B2; --i-cyan-bg:   #DEF3F8;

  /* 圆角 */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;

  /* 阴影 */
  --sh-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --sh-md: 0 4px 14px rgba(15,23,42,.07);
  --sh-lg: 0 14px 34px rgba(15,23,42,.10);

  /* 间距（基准 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;

  /* 字号 */
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 15px; --fs-lg: 18px;
  --fs-xl: 22px; --fs-2xl: 28px; --fs-3xl: 36px; --fs-hero: 52px;

  /* 字体（系统字体栈，无外链依赖） */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Consolas, Menlo, monospace;

  --container: 1160px;
  --transition: .2s cubic-bezier(.4, 0, .2, 1);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  background: var(--c-bg);
  color: var(--c-text);
  font-size: var(--fs-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }