/* 全局样式 */
html { scroll-behavior: smooth; }

body {
  background: #0a0817;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #0a0817;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7c3aed, #06b6d4);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #8b5cf6, #22d3ee);
}

/* 文字选区 */
::selection {
  background: rgba(139, 92, 246, 0.4);
  color: #fff;
}

/* 渐变文字 */
.text-gradient {
  background: linear-gradient(135deg, #c4b5fd, #67e8f9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* details 自定义 */
details summary::-webkit-details-marker { display: none; }
details summary { outline: none; }

/* 卡片悬停光效 */
.glow-card {
  position: relative;
  isolation: isolate;
}
.glow-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(139,92,246,0.15), transparent 40%);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: -1;
  border-radius: inherit;
}
.glow-card:hover::before { opacity: 1; }

/* 顶部进度条 */
.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, #7c3aed, #06b6d4, #ec4899);
  z-index: 100;
  transform-origin: 0%;
  transition: transform 0.1s;
}