/* 全局滚动条样式 - 纤细的灰色线条 */

/* 针对 Webkit 浏览器 (Chrome, Safari, Edge, Opera) */
::-webkit-scrollbar {
    width: 6px;  /* 垂直滚动条宽度 */
    height: 6px; /* 水平滚动条高度 */
}

::-webkit-scrollbar-track {
    background: transparent; /* 滚动条轨道背景透明 */
}

::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.4); /* 灰色滚动条，40%透明度 */
    border-radius: 3px; /* 圆角 */
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 128, 128, 0.6); /* 悬停时稍深一些 */
}

/* 针对 Firefox 浏览器 */
* {
    scrollbar-width: thin; /* 纤细滚动条 */
    scrollbar-color: rgba(128, 128, 128, 0.4) transparent; /* 滚动条颜色 轨道颜色 */
}

/* 针对 IE 和旧版 Edge (可选，现代浏览器已不常用) */
body {
    -ms-overflow-style: -ms-autohiding-scrollbar; /* IE/Edge 自动隐藏滚动条 */
}