/* 自定义科幻风格：细线发光、等宽字体标题、深色背景 */
:root {
  --neon-cyan: #00e5ff;
  --neon-blue: #3b82f6;
  --neon-purple: #a855f7;
  --bg-dark: #0B0F1A;
  --panel: #0f1524;
  --border-glow: rgba(0, 229, 255, 0.3);
}

body {
  background-color: var(--bg-dark);
}

/* 标题等宽感 */
h1, h2, h3, .font-bold {
  letter-spacing: 0.05em;
}

/* 细线发光边框用于卡片（hover 时增强） */
.bg-\[\#0f1524\] {
  box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.1);
}
.bg-\[\#0f1524\]:hover {
  box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.4);
}

/* 去除默认圆角，锐利切角风格 */
button, input, textarea, select, .card, .bg-\[\#0f1524\] {
  border-radius: 0 !important;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0B0F1A;
}
::-webkit-scrollbar-thumb {
  background: #00e5ff33;
}
::-webkit-scrollbar-thumb:hover {
  background: #00e5ff66;
}

/* 响应式小屏调整 */
@media (max-width: 640px) {
  .hero-title {
    font-size: 1.8rem;
  }
}