:root {
  --color-page: #f3f6fa;
  --color-surface: #ffffff;
  --color-surface-soft: #f7faff;
  --color-text: #172033;
  --color-muted: #6c7d91;
  --color-primary: #2876cf;
  --color-primary-dark: #173b67;
  --color-primary-soft: #eaf3ff;
  --color-success: #16745b;
  --color-success-soft: #eaf8f2;
  --color-warning: #a45c08;
  --color-warning-soft: #fff6e7;
  --color-danger: #b13745;
  --color-danger-soft: #fff0f1;
  --color-border: #dce7f2;
  --color-border-strong: #bdccdc;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-card: 0 10px 30px rgba(35, 71, 110, .06);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; background: var(--color-page); color: var(--color-text); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .55; cursor: not-allowed; }