/* 1. 适用于 Chrome、Edge、Safari 等 Webkit 内核浏览器 */
::-webkit-scrollbar {
    width: 15px;  /* 增加宽度至 12px */
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
    border-radius: 6px;  /* 配合宽度调整圆角 */
}

::-webkit-scrollbar-thumb {
    background: #65c22b; /* 设置指定绿色 */
    border-radius: 6px;  /* 滑块圆角 */
    border: 2px solid #f1f1f1; /* 可选：给滑块加个边框，让它看起来更精致 */
}

::-webkit-scrollbar-thumb:hover {
    background: #54a323; /* 悬停颜色（稍微深一点点） */
}

/* 2. 适用于 Firefox 浏览器 */
* {
    /* Firefox 对宽度支持有限，通常只有 auto 和 thin */
    scrollbar-width: auto; 
    /* 定义滑块颜色和轨道颜色 */
    scrollbar-color: #65c22b #f1f1f1; 
}