:root {
  color-scheme: light;
  --primary: #3558e8; /* 远航蓝主色 */
  --primary-accent: #3558e8; /* 远航蓝强调色 */
  --primary-dark: #2947c7; /* 深远航蓝，用于悬停与强调 */
  --primary-light: #e4ebff; /* 远航蓝浅色表层 */
  --primary-glow: rgba(53, 88, 232, 0.08);
  --primary-glow-strong: rgba(53, 88, 232, 0.18);
  --white: #ffffff;
  --bg-alt: #f4f7fb; /* 远航蓝浅灰底色 */
  --dark: #172033; /* 远航蓝深色文字 */
  --text: #2a3750; /* 正文文字 */
  --text-secondary: #4b5a75; /* 次级文字 */
  --text-muted: #71809a; /* 辅助文字 */
  --border: #d6dfec; /* 蓝灰边框线 */
  --border-light: #e8edf5; /* 浅蓝灰分隔线 */
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 20px -2px rgba(15, 23, 42, 0.04), 0 2px 8px -1px rgba(15, 23, 42, 0.02);
  --shadow-lg: 0 12px 40px -4px rgba(15, 23, 42, 0.06), 0 4px 16px -2px rgba(15, 23, 42, 0.03);
  --shadow-xl: 0 24px 60px -8px rgba(15, 23, 42, 0.08), 0 8px 24px -4px rgba(15, 23, 42, 0.04);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --font-sans:
    'Cabinet Grotesk', Inter, 'Noto Sans SC', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'PingFang SC',
    'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --nav-height: 72px;
  --transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); /* 高级缓动动画，手感极佳 */
}