html, body {
  background: #000814;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.animate-marquee {
  animation: marquee 15s linear infinite;
}

/* Radix Slider 的简化替代:原生 range 美化 */
input[type="range"].fancy-slider {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 9999px;
  background: rgba(255,255,255,0.1);
  outline: none;
}
input[type="range"].fancy-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: #ffffff;
  border: 3px solid #9945FF;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(153,69,255,0.6);
}
input[type="range"].fancy-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: #ffffff;
  border: 3px solid #9945FF;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(153,69,255,0.6);
}

/* 禁止移动端双击缩放引起的问题、模拟 layout.tsx 的 viewport 设置 */
* { -webkit-text-size-adjust: 100%; }