/* ============================================================
   RESET.CSS — CSS Reset & 炫酷 Custom Properties
   ============================================================ */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden;
  min-height: 100vh;
  background: #050510;
  color: #e8e8f0;
  font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  line-height: 1.6;
  cursor: none;
}

img, svg { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
button { border: none; background: none; cursor: none; font-family: inherit; }
input, textarea, select { font-family: inherit; }

::selection {
  background: rgba(0, 212, 255, 0.5);
  color: #fff;
  text-shadow: 0 0 10px rgba(0,212,255,0.8);
}

:root {
  /* ════════════════════════════════════════════════════════════
     AERO CORE PALETTE — Hyper-Saturated
     ════════════════════════════════════════════════════════════ */
  --aero-blue:        #4da6ff;
  --aero-cyan:        #00e5ff;
  --aero-teal:        #00ffa0;
  --aero-green:       #7dff00;
  --aero-purple:      #b44dff;
  --aero-pink:        #ff5cb0;
  --aero-orange:      #ff9040;
  --aero-yellow:      #ffe040;
  --aero-white:       #f0f8ff;
  --aero-dark:        #050510;
  --aero-deep:        #020210;

  /* ════════════════════════════════════════════════════════════
     GLASS SURFACES
     ════════════════════════════════════════════════════════════ */
  --glass-bg:          rgba(255, 255, 255, 0.03);
  --glass-bg-light:    rgba(255, 255, 255, 0.06);
  --glass-bg-heavy:    rgba(255, 255, 255, 0.10);
  --glass-border:      rgba(255, 255, 255, 0.08);
  --glass-border-hover:rgba(255, 255, 255, 0.25);
  --glass-blur:        24px;
  --glass-blur-heavy:  48px;
  --glass-blur-light:  12px;
  --glass-saturate:    200%;

  /* ════════════════════════════════════════════════════════════
     GLOW COLORS — Amplified
     ════════════════════════════════════════════════════════════ */
  --glow-blue:         rgba(77, 166, 255, 0.6);
  --glow-cyan:         rgba(0, 229, 255, 0.6);
  --glow-purple:       rgba(180, 77, 255, 0.55);
  --glow-green:        rgba(0, 255, 160, 0.5);
  --glow-pink:         rgba(255, 92, 176, 0.5);
  --glow-orange:       rgba(255, 144, 64, 0.5);

  /* ════════════════════════════════════════════════════════════
     GRADIENTS — Extreme
     ════════════════════════════════════════════════════════════ */
  --grad-aero:         linear-gradient(135deg, #4da6ff, #00e5ff, #00ffa0);
  --grad-aero-rev:     linear-gradient(135deg, #00ffa0, #00e5ff, #4da6ff);
  --grad-aurora:       linear-gradient(135deg, #b44dff, #4da6ff, #00e5ff, #00ffa0, #7dff00);
  --grad-rainbow:      linear-gradient(90deg, #ff5cb0, #ff9040, #ffe040, #7dff00, #00e5ff, #b44dff, #ff5cb0);
  --grad-sunset:       linear-gradient(135deg, #ff5cb0, #ff9040, #ffe040);
  --grad-electric:     linear-gradient(90deg, #00e5ff, #b44dff, #ff5cb0, #00e5ff);
  --grad-holo:         linear-gradient(135deg, rgba(0,229,255,0.4), rgba(180,77,255,0.4), rgba(255,92,176,0.4), rgba(0,229,255,0.4));
  --grad-glass:        linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));

  /* ════════════════════════════════════════════════════════════
     SPACING & SIZING
     ════════════════════════════════════════════════════════════ */
  --nav-height:        72px;
  --max-width:         1280px;
  --section-padding:   140px 24px;
  --radius-sm:         12px;
  --radius-md:         24px;
  --radius-lg:         36px;
  --radius-xl:         56px;
  --radius-full:       9999px;

  /* ════════════════════════════════════════════════════════════
     TIMING — Snappier
     ════════════════════════════════════════════════════════════ */
  --ease-out-expo:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back:     cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-spring:       cubic-bezier(0.22, 1.3, 0.36, 1);
  --ease-smooth:       cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast:   0.15s var(--ease-out-expo);
  --transition-base:   0.3s var(--ease-out-expo);
  --transition-slow:   0.6s var(--ease-out-expo);
  --transition-spring: 0.5s var(--ease-out-back);
}
