/* ==========================================================================
   自适应滚动条（全站 / 壳内通用）
   --------------------------------------------------------------------------
   规则：滚动条槽位「始终占位」（避免显隐时正文横向抖动），滑块默认全透明；
        鼠标移到哪个滚动区域上，就只有那个区域的滑块浮现（由 scrollbar.js
        给「指针下最近的可滚动容器」挂 .sb-hover 类）。

   注意：这里刻意不用 :hover 方案 —— html:hover 在鼠标位于窗口任意位置时都成立，
        会导致整页所有滚动条一起亮；区域级显隐必须靠 JS 定位具体容器。

   选择器写自身伪元素（不写后代）：.sb-hover::-webkit-scrollbar-thumb 只作用于
        该元素自己的滚动条，不会波及内部子容器。
   ========================================================================== */

/* ① 基础外观：细条、无轨道、透明滑块 */
* {
  scrollbar-width: thin !important;
  scrollbar-color: transparent transparent !important;
}
::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: transparent !important;   /* 平时完全隐形 */
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
}

/* ② 只有「指针所在的这个滚动区域」显形（站点紫，半透明，不抢视觉） */
.sb-hover::-webkit-scrollbar-thumb {
  background: rgba(109, 36, 255, .34) !important;
  background-clip: padding-box !important;
}
.sb-hover::-webkit-scrollbar-thumb:hover {
  background: rgba(109, 36, 255, .55) !important;
  background-clip: padding-box !important;
}
.sb-hover::-webkit-scrollbar-thumb:active {
  background: #6d24ff !important;
  background-clip: padding-box !important;
}
.sb-hover {
  scrollbar-color: rgba(109, 36, 255, .34) transparent !important;  /* Firefox */
}

/* ③ 滑块最小长度，短内容也能抓得住 */
::-webkit-scrollbar-thumb:horizontal { min-width: 40px; }
::-webkit-scrollbar-thumb:vertical { min-height: 40px; }