/* 自定义滚动条样式 */

/* Firefox (Gecko) 滚动条样式 */
.custom-scrollbar {
    scrollbar-width: thin; /* 设置滚动条宽度为细 */
    scrollbar-color: #DDD transparent; /* 设置滚动条颜色：滑块颜色 轨道颜色 */
  }
  
/* IE (Trident) 滚动条样式 */
.custom-scrollbar {
    -ms-overflow-style: auto; /* 显示滚动条 */
    scrollbar-face-color: #CCC; /* 滚动条颜色 */
    scrollbar-track-color: transparent; /* 滚动条轨道颜色 */
    scrollbar-arrow-color: #CCC; /* 滚动条箭头颜色 */
    scrollbar-shadow-color: transparent; /* 滚动条阴影颜色 */
    scrollbar-highlight-color: transparent; /* 滚动条高亮颜色 */
    scrollbar-3dlight-color: transparent; /* 滚动条3D亮色 */
    scrollbar-darkshadow-color: transparent; /* 滚动条3D暗色 */
  } 

/* WebKit/Blink (Chrome, Safari, Edge, Opera) 滚动条样式 */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px; /* 设置滚动条宽度 */
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道背景色 */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #CCC; /* 滚动条滑块颜色 */
  border-radius: 3px; /* 滑块圆角 */
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #AAA; /* 滑块悬停颜色 */
}