:root {
  --color-brand: #0f6fa6;
  --color-brand-dark: #095a8b;
  --color-brand-soft: #e7f1f7;
  --color-ink: #333333;
  --color-ink-soft: #666666;
  --color-surface: #ffffff;
  --color-surface-muted: #f3f3f3;
  --color-line: #dedede;
  --color-dark: #2f2f2f;
  --color-on-dark: #f5f5f5;
  --color-on-brand: #ffffff;
  --font-sans: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  --font-display: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  --step--1: clamp(.75rem, .72rem + .1vw, .82rem);
  --step-0: clamp(.875rem, .84rem + .16vw, 1rem);
  --step-1: clamp(1.08rem, 1rem + .3vw, 1.25rem);
  --step-2: clamp(1.45rem, 1.25rem + .65vw, 1.85rem);
  --step-3: clamp(1.8rem, 1.45rem + 1.25vw, 2.5rem);
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-7: clamp(3.5rem, 6vw, 5.5rem);
  --radius-sm: 0;
  --radius-md: 0;
  --shadow: 0 8px 28px rgba(0, 0, 0, .08);
  --container: 80rem;
  --utility-height: 2.75rem;
  --header-height: 5rem;
  --transition: 180ms ease;
}