/* 通用滚动条样式 */
::-webkit-scrollbar { /* 适用于Webkit内核浏览器（如Chrome和Safari） */
    width: 8px; /* 调整为更窄的宽度 */
}
::-webkit-scrollbar-track { /* 滚动条轨道 */
    background-color: transparent; /* 轨道颜色 */
}
::-webkit-scrollbar-thumb { /* 滚动条滑块 */
    background-color: #c7c9cc; /* 滑块颜色 */
    border-radius: 4px; /* 滑块圆角 */
}
::-webkit-scrollbar-thumb:hover { /* 鼠标悬停时的滑块 */
    background-color: #a2a4a7; /* 更深的颜色 */
}

/* Firefox滚动条样式 */
scrollbar-width: thin; /* Firefox的滚动条宽度 */
scrollbar-color: #c7c9cc rgba(0, 0, 0, 0.1); /* 滑块和轨道颜色 */

/* IE 和 Edge 的滚动条样式（需要在全局或特定元素上设置） */
body {
    scrollbar-width: thin; /* IE 和 Edge 的滚动条宽度 */
    -ms-overflow-style: -ms-autohiding-scrollbar; /* 自动隐藏滚动条 */
}