:root {
  --color-bg: #ffffff;
  --color-surface: #f5f5f7;
  --color-surface-soft: #f8f9fb;
  --color-surface-strong: #eceef2;
  --color-text: #1d1d1f;
  --color-text-soft: #424245;
  --color-text-muted: #6e6e73;
  --color-line: rgba(0, 0, 0, 0.08);
  --color-line-strong: rgba(0, 0, 0, 0.14);
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-accent-soft: #edf3ff;
  --color-success: #167a3b;
  --color-success-bg: #eaf7ee;
  --color-warning: #935308;
  --color-warning-bg: #fff4df;
  --color-planned: #5651a8;
  --color-planned-bg: #f0efff;
  --shadow-soft: 0 18px 50px rgba(18, 24, 40, 0.08);
  --shadow-card: 0 10px 30px rgba(18, 24, 40, 0.06);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 26px;
  --container: 1200px;
  --reading: 720px;
  --header-height: 64px;
  --product-nav-height: 48px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
}