/* 自定义滚动条：默认隐藏，仅内容超高度时显示 */
    .custom-scrollbar {
        position: absolute;
        width: 8px;
        border-radius: 4px;
        background: rgba(80, 80, 192,0.1);
        opacity: 0; /* 默认隐藏 */
        pointer-events: none; /* 默认不可点击 */
        z-index: 9;
        transition: opacity 0.2s ease; /* 显隐过渡更丝滑 */
    }
    /* 仅当内容超高度时，滚动条显示（通过JS添加show类） */
    .custom-scrollbar.show {
        opacity: 1;
        pointer-events: auto;
    }

    /* 滑块样式：交互优化 */
    .custom-scrollbar-thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 5px;
        background: #5050C0;
        cursor: pointer;
        min-height: 30px; /* 最小高度 */
        transition: all 0.4s linear;
        transition: background 0.2s ease, width 0.2s ease;
    }
    .custom-scrollbar-thumb:hover {
    opacity: 0.8;
 
    }