:root {
  --radius: 0.5rem;
  --background: 222 47% 4%;
  --foreground: 210 40% 98%;
  --card: 222 47% 6%;
  --card-foreground: 210 40% 98%;
  --popover: 222 47% 4%;
  --popover-foreground: 210 40% 98%;
  --primary: 45 100% 50%;
  --primary-foreground: 222 47% 4%;
  --secondary: 215 25% 27%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 12%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 14 100% 50%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 45 100% 50%;
  --chart-1: 45 100% 50%;
  --chart-2: 14 100% 50%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
  --sidebar-background: 222 47% 3%;
  --sidebar-foreground: 210 40% 98%;
  --sidebar-primary: 45 100% 50%;
  --sidebar-primary-foreground: 222 47% 4%;
  --sidebar-accent: 215 25% 15%;
  --sidebar-accent-foreground: 210 40% 98%;
  --sidebar-border: 217.2 32.6% 12%;
  --sidebar-ring: 45 100% 50%;
  --destructive-foreground: 210 40% 98%;
  --gradient-primary: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);
  --shadow-card: 0 10px 30px -15px rgba(0, 0, 0, 0.5);
  --shadow-hover: 0 20px 40px -20px rgba(255, 215, 0, 0.3);
}

.dark {
  --background: 222 47% 4%;
  --foreground: 210 40% 98%;
  --card: 222 47% 6%;
  --card-foreground: 210 40% 98%;
  --popover: 222 47% 4%;
  --popover-foreground: 210 40% 98%;
  --primary: 45 100% 50%;
  --primary-foreground: 222 47% 4%;
  --secondary: 215 25% 27%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 12%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 14 100% 50%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 45 100% 50%;
}

* {
  border-color: hsl(var(--border));
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  margin: 0; /* 重置默认边距 */
  font-family:
    system-ui,
    -apple-system,
    sans-serif; /* 添加默认字体 */
  line-height: 1.5; /* 改善可读性 */
}

body::selection,
body::-moz-selection {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.glass-effect {
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px); /* backdrop-blur-md 对应 8px */
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.gradient-text {
  background: linear-gradient(
    to right,
    hsl(var(--primary)),
    hsl(var(--accent))
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* 确保文字颜色透明以显示渐变 */
}

.hero-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  background: radial-gradient(
    circle,
    hsla(var(--primary), 0.15) 0%,
    transparent 70%
  );
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}