/* 全局美化滚动条 —— 细圆角、半透明纯蓝，适配浅色主题（已加 !important 防止被覆盖） */
html {
    /* Firefox */
    scrollbar-width: thin !important;
    scrollbar-color: rgba(59, 130, 246, 0.55) rgba(148, 163, 184, 0.12) !important;
}

/* WebKit 内核（Chrome / Edge / Safari） */
::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
}

::-webkit-scrollbar-track {
    background: rgba(148, 163, 184, 0.12) !important;
    border-radius: 999px !important;
}

::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.55) !important;
    border-radius: 999px !important;
    border: 2px solid transparent !important;
    background-clip: padding-box !important;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(37, 99, 235, 0.8) !important;
    border: 2px solid transparent !important;
    background-clip: padding-box !important;
}

::-webkit-scrollbar-corner {
    background: transparent !important;
}

/* 页面内横向/纵向滚动容器也应用同样风格 */
.overflow-x-auto::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}