/* ========== CSS 变量（来自 Tailwind 主题配置） ========== */
:root {
  --primary: #a855f7;
  --primary-light: #c084fc;
  --secondary: #38bdf8;
  --secondary-light: #7dd3fc;
  --accent: #39ff14;
  --bg-main: #0A0A0F;
  --text-dim: #999999;
}

/* ========== 全局重置 ========== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ========== Body 基础样式 ========== */
body {
  background-color: #0A0A0F;
  color: #ffffff;
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ========== 深色基底 ========== */
.bg-base {
  position: fixed;
  inset: 0;
  background: #0A0A0F;
  pointer-events: none;
  z-index: 0;
}

/* ========== 极光背景层 ========== */
.aurora-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.aurora-1 {
  background: radial-gradient(ellipse 80% 60% at 20% 30%, rgba(168,85,247,0.15) 0%, transparent 60%);
  animation: auroraDrift1 18s ease-in-out infinite alternate;
}

.aurora-2 {
  background: radial-gradient(ellipse 70% 50% at 75% 60%, rgba(56,189,248,0.12) 0%, transparent 60%);
  animation: auroraDrift2 22s ease-in-out infinite alternate;
}

.aurora-3 {
  background: radial-gradient(ellipse 60% 40% at 50% 80%, rgba(255,180,50,0.06) 0%, transparent 60%);
  animation: auroraDrift3 26s ease-in-out infinite alternate;
}

/* ========== 噪声纹理层 ========== */
.noise-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0.025;
}