:root {
    --scroll-theme-color: rgba(49, 103, 213, 0.20);
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width : 4px;
    height: 4px;
}

/* 滚动槽 */
/* ::-webkit-scrollbar-track {
      box-shadow   : inset 0 0 6px #0000004d;
      border-radius: 10px;
    } */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius        : 8px;
    background-color     : var(--scroll-theme-color);
    /* background-color  : #323539; */
    /* -webkit-box-shadow: inset 0 0 6px #00000080; */
}

::-webkit-scrollbar-thumb:window-inactive {
    background-color: var(--scroll-theme-color);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-theme-color);
    border-radius   : 5px;
}

::-webkit-scrollbar-corner {
    /* background-color: #0d3148; */
    display            : none !important
}

/* 应用于所有情况
    @-moz-document url-prefix(chrome://), url-prefix(about:),
    url-prefix(file:///), url-prefix(http://), url-prefix(https://){
    */
/* 滚动条背景基本样式 */
scrollbar {
    -moz-appearance : none !important;
    background-color: transparent !important;
    /* 滚动条背景透明 */
    background-image: none !important;
    /* 滚动条背景图案不显示 */
    position: relative !important;
    /* 更改滚动条的定位方式为相对 */
    overflow: hidden !important;
    z-index : 999999999 !important;
    /* 把滚动条提到Z轴最上层 */
}

/* 滚动条按钮基本样式 */
scrollbar thumb {
    -moz-appearance : none !important;
    background-color: #3167D5 !important;
    border-radius   : 10px !important;
    border          : 0px !important;
    /* 滚动条按钮边框 */
    border-color: #0064ff1a !important;
    /* 滚动条按钮边框颜色和透明度 */
}

/* 滚动条按钮:鼠标悬停与点击拖动时基本样式 */
scrollbar:hover thumb,
scrollbar thumb:hover,
scrollbar thumb:active {
    background-color: #3167D5 !important;
    border          : 0px !important;
}

/* 垂直滚动条 */
/* 把滚动条位置移到屏幕外，这里的像素应该等于垂直滚动条宽度的负值 */
scrollbar[orient="vertical"] {
    margin-left: -5px !important;
    min-width  : 5px !important;
    max-width  : 5px !important;
}

/* 垂直滚动条按钮的左边框样式 */
scrollbar thumb[orient="vertical"] {
    border-style: none none none solid !important;
}

/* 水平滚动条 */
/* 把滚动条位置移到屏幕外，这里的像素应该等于垂直滚动条宽度的负值 */
scrollbar[orient="horizontal"] {
    margin-top: -5px !important;
    height    : 2px !important;
    min-height: 2px !important;
    max-height: 2px !important;
}

/* 水平滚动条按钮的上边框样式 */
scrollbar thumb[orient="horizontal"] {
    border-style: solid none none none !important;
}

/* 去除垂直与水平滚动条相交汇的角落 */
scrollbar scrollcorner {
    display: none !important;
}

/* 滚动条两端按钮不显示 */
scrollbar scrollbarbutton {
    display: none !important;
}