.shell-body[data-v-cf09d028]{position:relative;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 68px);background-image:url(/qunabeijing.webp);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll}.shell-body[data-v-cf09d028]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0a47;pointer-events:none;z-index:0}.shell-body[data-v-cf09d028]>*{position:relative;z-index:1}.shell-body--me[data-v-cf09d028]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#080c0a38,#080c0a47),url(/gerenbeijing.webp) center / cover no-repeat;opacity:.75;pointer-events:none;z-index:0}.site-foot[data-v-cf09d028]{text-align:center;color:var(--ink);padding:1.5rem 1rem 2rem;border-top:1px solid var(--line);margin-top:auto;text-shadow:0 1px 3px rgba(0,0,0,.85)}.foot-motto[data-v-cf09d028]{margin:0 0 .65rem;font-family:var(--font-motto);font-size:clamp(1.25rem,3.2vw,1.65rem);letter-spacing:.12em;color:#f5efe2;text-shadow:0 0 1px #000,0 2px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.45);-webkit-text-stroke:.35px rgba(0,0,0,.35)}.foot-qq[data-v-cf09d028]{margin:0;font-size:.85rem;color:var(--muted)}@font-face{font-family:Motto SC;src:url(/font/motto-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg0: #0f1410;--bg1: #1a241c;--ink: #f2efe6;--muted: #c5cdc0;--accent: #c4a35a;--accent-2: #3d8b6e;--line: rgba(242, 239, 230, .14);--danger: #d96b5c;--font-display: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-motto: "Motto SC", "Ma Shan Zheng", "Songti SC", "STXingkai", cursive, serif;--panel-bg: rgba(0, 0, 0, .26);--panel-border: rgba(255, 255, 255, .08);--text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 0 1px #000}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg0)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;background:#0f1410e0;flex-shrink:0}.brand{font-family:var(--font-display);font-size:1.85rem;letter-spacing:.02em}.topbar nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.92rem;color:var(--muted)}.topbar nav a.router-link-active{color:var(--accent)}main{width:min(1180px,100%);margin:0 auto;padding:1.25rem;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:8px;padding:.7rem 1.1rem;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#1a1508;font-weight:700}.btn-secondary{background:transparent;border-color:var(--accent-2);color:#d7f0e5}.btn-ghost{background:#ffffff0f;border-color:var(--line);color:var(--ink)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.field label{font-size:.85rem;color:var(--muted)}.field input{border:1px solid var(--line);background:#00000059;color:var(--ink);border-radius:8px;padding:.7rem .8rem;outline:none}.field input:focus{border-color:var(--accent)}.muted{color:var(--muted);text-shadow:var(--text-shadow)}.page-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 .35rem;font-weight:400;text-shadow:var(--text-shadow);-webkit-text-stroke:.25px rgba(0,0,0,.35)}.readable-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:1.1rem 1.2rem 1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000059;text-shadow:var(--text-shadow)}.readable-panel .page-title,.readable-panel h1,.readable-panel h2,.readable-panel p,.readable-panel .muted,.readable-panel .tags,.readable-panel .price{text-shadow:var(--text-shadow)}.readable-panel .page-title{-webkit-text-stroke:.3px rgba(0,0,0,.4)}.at-stage{position:relative;background:#f7f4ec;color:#111;height:auto!important}.at-stage .at-viewport{overflow:visible!important;height:auto!important}.at-stage .at-cursor-bar{background:#e8892c38!important;pointer-events:none}.at-stage .at-cursor-beat{background:#e8892c!important;pointer-events:none}.player-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#060a08db;border-top:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -10px 28px #0006}.player-dock-inner{width:min(1180px,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;padding:.65rem 1.1rem calc(.7rem + env(safe-area-inset-bottom))}.play-icon-btn{width:44px;height:44px;flex:0 0 44px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#080c0ad1;color:#f5efe2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0006}.play-icon-btn:disabled{opacity:.55;cursor:not-allowed}.play-icon-btn:not(:disabled):active{transform:scale(.96)}.play-icon-btn svg{display:block;margin-left:1px}.play-icon-btn .play-spinner,.play-spinner{width:16px;height:16px;border:2px solid rgba(245,239,226,.25);border-top-color:#f5efe2;border-radius:50%;animation:play-spin .7s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.player-dock .sf-progress{font-size:.78rem;color:#f5efe2c7}.player-dock .bpm{display:inline-flex;align-items:center;gap:.35rem;color:#e8efe4;font-size:.85rem;text-shadow:var(--text-shadow)}.player-dock .bpm input,.player-dock .bpm select{width:4.2rem;border:1px solid rgba(255,255,255,.16);background:#00000073;color:var(--ink);border-radius:6px;padding:.4rem}.player-dock .bpm select{width:4.8rem}.player-dock .dock-title{margin:0;font-size:.95rem;color:#f5efe2;text-shadow:var(--text-shadow)}.player-dock .zoom-group{display:inline-flex;gap:.35rem}.player-dock .dock-btn{min-width:2.4rem;padding:.45rem .7rem;background:#00000073}.player-dock .dock-btn.on{background:#c4a35a59;border-color:var(--accent);color:#f5efe2}.player-dock .tracks{display:flex;flex-wrap:wrap;gap:.65rem .9rem;color:#e8efe4;font-size:.85rem;text-shadow:var(--text-shadow)}.player-dock .track{display:inline-flex;align-items:center;gap:.3rem}@media (max-width: 640px){.topbar{padding:.75rem .9rem}.topbar nav{gap:.65rem;font-size:.82rem}main{padding:.9rem}.readable-panel{padding:.9rem .95rem 1rem;border-radius:12px}.player-dock-inner{padding-left:.9rem;padding-right:.9rem}}