/*
 * 全局滚动条样式
 * 静止时完全隐藏（滑块与轨道背景均透明），滚动时显示为细滑块，
 * 由 scrollbar.js 在滚动容器上加 .scrollbar-scrolling 类来控制显隐。
 * 宽度保持固定，避免滚动条出现/消失时页面布局抖动。
 */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  /* 鼠标悬停/按住滑块时加深，方便静止时手动拖动 */
}
*::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:active {
  background-color: rgba(144, 147, 153, 0.9);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
/* 滚动中：显示细滑块 */
.scrollbar-scrolling {
  scrollbar-color: rgba(144, 147, 153, 0.5) transparent;
}
.scrollbar-scrolling::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.5);
}
/*
 * 列表页表格横向滚动条例外：保持常显。
 * 表格列多时需要左右拖动查看，隐藏后很难唤出，故滑块固定浅灰显示。
 * 注意：上方 scrollbar-color 会让 Chrome 启用悬浮(overlay)滚动条——静止时
 * 完全不绘制，::-webkit-scrollbar 颜色全部失效；这里必须把标准属性重置回
 * auto，让这两个容器回退到经典滚动条，滑块才能常驻显示、可拖动。
 */
#changelist,
#changelist-form .results {
  scrollbar-width: auto;
  scrollbar-color: auto;
}
#changelist::-webkit-scrollbar,
#changelist-form .results::-webkit-scrollbar {
  height: 8px;
}
#changelist::-webkit-scrollbar-thumb,
#changelist-form .results::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.45);
  border-radius: 4px;
}
#changelist::-webkit-scrollbar-thumb:hover,
#changelist-form .results::-webkit-scrollbar-thumb:hover,
#changelist::-webkit-scrollbar-thumb:active,
#changelist-form .results::-webkit-scrollbar-thumb:active {
  background-color: rgba(144, 147, 153, 0.8);
}
#changelist::-webkit-scrollbar-track,
#changelist-form .results::-webkit-scrollbar-track {
  background-color: transparent;
}
/*# sourceMappingURL=scrollbar.css.map */