
.game-switch-theme-balloon{--gs-ink:#356c80;--gs-line:#b1d8e6;--gs-bg:#edf8fd;--gs-hover:#d9f0f5}
.game-switch-theme-game{--gs-ink:#80622e;--gs-line:#dfc78e;--gs-bg:#fff8e4;--gs-hover:#fff0c5}
.game-switch-theme-peidui{--gs-ink:#397b72;--gs-line:#a4cfc6;--gs-bg:#eefaf5;--gs-hover:#d7eee8}
.game-switch-theme-gaoxiao{--gs-ink:#557044;--gs-line:#b3c89e;--gs-bg:#f5faea;--gs-hover:#e0edc9}
.game-switch-theme-yifan{--gs-ink:#95674f;--gs-line:#e2baa6;--gs-bg:#fff3e8;--gs-hover:#f9dfcf}
.game-switch-theme-shuxue{--gs-ink:#477d6b;--gs-line:#ccdcca;--gs-bg:#f8fbf2;--gs-hover:#e4efde}
main header .game-title-switcher{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto;z-index:15}
main header .game-title-switcher h1{width:auto;min-width:0;flex:0 1 auto;margin-left:0;margin-right:0}
.game-switch-toggle{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--gs-line);border-radius:10px;background:var(--gs-bg);color:var(--gs-ink);box-shadow:0 3px 0 var(--gs-line);padding:0;cursor:pointer;touch-action:manipulation}
.game-switch-toggle svg{transition:transform .18s}.game-title-switcher.open .game-switch-toggle svg{transform:rotate(180deg)}
.game-switch-menu{position:absolute;z-index:50;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:260px;max-width:calc(100vw - 36px);padding:9px;border:1px solid var(--gs-line);border-radius:18px;background:var(--gs-bg);box-shadow:0 5px 0 var(--gs-line),0 16px 40px #294d4426;text-align:left}
.game-switch-menu[hidden]{display:none!important}
main header .game-switch-menu a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:var(--gs-ink);font:700 15px/1.4 system-ui,'Microsoft YaHei',sans-serif;text-decoration:none;background:transparent}
main header .game-switch-menu a:hover{background:var(--gs-hover)}.game-switch-art{font-size:23px;line-height:1}.game-switch-arrow{margin-left:auto;font-size:13px;opacity:.6}
.game-switch-toggle:focus-visible,.game-switch-menu a:focus-visible{outline:3px solid var(--gs-ink);outline-offset:3px}
body:has(.game-title-switcher.open) main>header{z-index:40}
@media(max-width:600px){main header .game-title-switcher{gap:7px}.game-switch-toggle{flex-basis:27px;width:27px;height:27px;border-radius:8px}.game-switch-menu{width:240px}.game-switch-menu a{padding:11px}}
@media(prefers-reduced-motion:reduce){.game-switch-toggle svg{transition:none}}

.game-switch-art{display:grid;place-items:center;width:28px;height:28px;flex:none}.game-switch-arrow{display:grid;place-items:center}.game-switch-arrow svg{width:15px;height:15px}
