:root {
  --color-primary:#693E91; --color-background:#F2F5F7; --color-surface:#FFFFFF;
  --color-ink:#253548; --color-muted:#596A7B; --color-border:#D8E0E7;
  --color-success:#226D63; --color-warning:#8C580D; --color-danger:#AC3248;
  --font-display:Bahnschrift,"Microsoft YaHei UI",sans-serif;
  --font-body:"Segoe UI","Microsoft YaHei UI",sans-serif;
  --font-mono:"Cascadia Mono",Consolas,monospace;
  --radius-control:8px; --radius-panel:12px;
  --scrollbar-track:var(--color-border); --scrollbar-thumb:var(--color-muted);
  --scrollbar-hover:var(--color-ink); --scrollbar-active:var(--color-primary);
  color-scheme:light; scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track); scrollbar-width:thin;
}
* {scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}
::-webkit-scrollbar {width:10px;height:10px}
::-webkit-scrollbar-track {background:var(--scrollbar-track)}
::-webkit-scrollbar-thumb {background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:8px}
::-webkit-scrollbar-thumb:hover {background:var(--scrollbar-hover)}
::-webkit-scrollbar-thumb:active {background:var(--scrollbar-active)}
@media(forced-colors:active){:root,*{scrollbar-color:auto;forced-color-adjust:auto}}