body {
    background-color: #000011;
    position: relative;
    min-height: 56.3rem;
    min-width: 90rem;
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
}

/* 整体滚动条 */
html::-webkit-scrollbar {
    height: 0.5rem; /* 水平滚动条厚度 */
    width: 0.5rem;  /* 垂直滚动条厚度 */
}

/* 滑块 */
html::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background: 
        linear-gradient(
            to right, 
            rgba(5, 1, 10, 0.035) 0%, 
            rgba(222, 222, 222, 0.05) 45%, /* 左边透明 */
            rgba(255, 255, 255, 0.8) 50%, /* 中间亮线 */
            rgba(222, 222, 222, 0.05) 55%, /* 右边透明 */
            rgba(0, 0, 0, 0.035) 100%
        );
}

html::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        to right,
        rgba(5, 1, 10, 0.035) 0%,
        rgba(222, 222, 222, 0.942) 50%,
        rgba(0, 0, 0, 0.035) 65%,
        rgba(0, 0, 0, 0.035) 100%
    );
}

/* 滚动条轨道 */
html::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.033);
    border-radius: 0.25rem;
}