@charset "utf-8";
:root {
  --color-primary: #1e50ae;
  --color-accent: #0E77EA;
  --color-accent-hover: #1890FF;
  --color-accent-deep: #060D33;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f8fa;
  --color-text: #1a1a2e;
  --color-text-secondary: #5c6370;
  --color-text-muted: #8b95a5;
  --color-border: #e8ecf1;
  --color-footer-bg: #19171a;
  --color-footer-text: #a8b0bd;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 50px;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.08);
  --space-section: 64px;
  --space-block: 40px;
  --font-sans: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-display: var(--font-sans);
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --layout-max: 1280px;
  --header-sticky-z: 100;
  --sidebar-z: 200;
  --focus-ring: 0 0 0 3px rgba(14, 119, 234, 0.35);
}