:root {
  --bg-canvas: #f4f6fb;
  --bg-canvas-strong: #eef2f8;
  --surface-plain: transparent;
  --surface-panel: rgba(255, 255, 255, 0.72);
  --surface-panel-strong: rgba(255, 255, 255, 0.88);
  --surface-focus: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 243, 255, 0.96));
  --ink-strong: #0f172a;
  --ink: #111827;
  --muted: #667085;
  --line: rgba(15, 23, 42, 0.1);
  --line-strong: rgba(15, 23, 42, 0.18);
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-soft: rgba(37, 99, 235, 0.1);
  --success-soft: rgba(5, 150, 105, 0.12);
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.08);
  --shadow-focus: 0 30px 80px rgba(37, 99, 235, 0.14);
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 110px;
  --max-marketing: 1240px;
  --max-product: 1480px;
  --font-body: "Source Han Sans SC", "Source Han Sans CN", "Noto Sans CJK SC", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --transition-fast: 180ms ease;
  --transition-base: 260ms ease;
}