/* 保留原生滚动与拖动能力；滚动条随所在区域的配色变化。 */
:root{--scroll-thumb:#98a4bb;--scroll-thumb-hover:#64779b;--scroll-track:transparent;scrollbar-gutter:stable}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
:where(.stage,.viewer,.page-thumbs,.thumbs){--scroll-thumb:#596b88;--scroll-thumb-hover:#8ca4c8;color-scheme:dark}
:where(.panel,.side,.lobster-viewer){--scroll-thumb:#98a4bb;--scroll-thumb-hover:#64779b;color-scheme:light}
.novel-reader{--scroll-thumb:#b4a48b;--scroll-thumb-hover:#8c795c;color-scheme:light}
.novel-reader.night{--scroll-thumb:#67717e;--scroll-thumb-hover:#929ba8;color-scheme:dark}
:where(.panel,.side,.viewer,.reader-scroll,.page-thumbs,.thumbs):hover{scrollbar-color:var(--scroll-thumb-hover) var(--scroll-track)}
.side{min-width:0;min-height:0;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.reader-scroll{overflow-x:hidden}
.page-thumbs{position:relative;overflow-y:hidden;overscroll-behavior-x:contain}
/* 较旧 WebKit 的回退；现代浏览器使用标准 scrollbar 属性。 */
@supports not (scrollbar-color:auto){
    *::-webkit-scrollbar{width:8px;height:8px}
    *::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}
    *::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px;min-height:32px}
    *::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}
    *::-webkit-scrollbar-corner{background:transparent}
    *::-webkit-scrollbar-button{display:none}
}
@media(forced-colors:active){*{scrollbar-color:auto;scrollbar-width:auto}}