/* ==========================================================================
   设计系统与 CSS 变量 (Design System & Color Tokens)
   ========================================================================== */
    /* ==========================================================================
       设计系统与 CSS 变量 (Design System & Color Tokens)
       ========================================================================== */
    :root {
      --font-display: 'Outfit', 'Noto Sans SC', -apple-system, sans-serif;
      --font-body: 'Inter', 'Noto Sans SC', -apple-system, sans-serif;
      --font-mono: 'Fira Code', Consolas, monospace;

      --gta-gold: #f59e0b;
      --gta-gold-hover: #d97706;
      --gta-gold-glow: rgba(245, 158, 11, 0.28);
      
      --accent-cyan: #06b6d4;
      --accent-purple: #8b5cf6;
      --accent-pink: #ec4899;
      --status-green: #10b981;
      --status-red: #ef4444;

      --radius-sm: 8px;
      --radius-md: 14px;
      --radius-lg: 20px;
      --radius-full: 9999px;

      --transition-fast: 0.16s ease;
      --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-slow: 0.38s cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* 暗黑硬核电竞主题（默认） */
    [data-theme="dark"] {
      --bg-body: #080a0f;
      --bg-surface: #10141e;
      --bg-surface-elevated: #161c2b;
      --bg-surface-subtle: #1e2638;
      --border-subtle: rgba(255, 255, 255, 0.08);
      --border-glow: rgba(245, 158, 11, 0.4);

      --text-main: #f8fafc;
      --text-secondary: #94a3b8;
      --text-muted: #64748b;
      --text-inverse: #090a0f;

      --card-bg: linear-gradient(145deg, rgba(22, 28, 43, 0.85), rgba(16, 20, 30, 0.95));
      --glass-bg: rgba(16, 20, 30, 0.82);
      --glass-border: rgba(255, 255, 255, 0.09);
      
      --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
      --shadow-glow: 0 0 35px rgba(245, 158, 11, 0.18);
      --hero-ambient: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, 0.15) 0%, rgba(6, 182, 212, 0.08) 40%, transparent 70%);
      --code-bg: #090c12;
    }

    /* 亮色模式（高对比质感） */
    [data-theme="light"] {
      --bg-body: #f4f6f9;
      --bg-surface: #ffffff;
      --bg-surface-elevated: #f8fafc;
      --bg-surface-subtle: #e2e8f0;
      --border-subtle: rgba(0, 0, 0, 0.08);
      --border-glow: rgba(217, 119, 6, 0.5);

      --text-main: #0f172a;
      --text-secondary: #334155;
      --text-muted: #64748b;
      --text-inverse: #ffffff;

      --card-bg: linear-gradient(145deg, #ffffff, #f8fafc);
      --glass-bg: rgba(255, 255, 255, 0.88);
      --glass-border: rgba(0, 0, 0, 0.07);

      --shadow-card: 0 12px 28px -8px rgba(15, 23, 42, 0.09);
      --shadow-glow: 0 0 25px rgba(245, 158, 11, 0.12);
      --hero-ambient: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, 0.1) 0%, rgba(6, 182, 212, 0.05) 40%, transparent 70%);
      --code-bg: #f1f5f9;
    }