/**
 * 自定义滚动条样式
 * 适配企业微信管理系统的色调
 */

/* Webkit 浏览器（Chrome, Safari, Edge） */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9; /* 浅灰色背景 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* 中灰色滑块 */
    border-radius: 4px;
    transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; /* 悬停时深灰色 */
}

::-webkit-scrollbar-thumb:active {
    background: #64748b; /* 点击时更深的灰色 */
}

/* Firefox 浏览器 */
* {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

/* 侧边栏滚动条（如果需要） */
.sidebar::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: #cbd5e1;
}