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%; }


/* 自定义滚动条——PC 端浏览器默认的滚动条是系统自带的灰白配色，跟整个
   应用的深色底 + 紫/绿主题色格格不入。改成细一点、半透明紫色，贴合
   整体视觉风格。移动端本来就是手指滑动，看不到滚动条，这里的改动
   只影响 PC 端体验。全局生效，不止算力分层表格这一处，以后别的页面
   出现滚动条也会是这套统一的样式，不用每个页面单独处理。 */
* {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: rgba(153, 69, 255, 0.4) transparent;
}

*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: rgba(153, 69, 255, 0.35);
    border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 69, 255, 0.55);
}