:root{--bg: #ECEDE9;--chrome: #F7F6F2;--surface: #FFFFFF;--ink: #26282B;--ink-2: #6B6E6A;--ink-3: #9EA19C;--line: #E2E1DB;--cinnabar: #35558A;--cinnabar-soft: #E4EAF3;--gold: #A8853C;--shadow: 0 10px 32px rgba(38, 40, 43, .1);--r: 14px;--ease: cubic-bezier(.22, 1, .36, 1);--read-paper: #F5EFE1;--read-white: #FBFAF7;--read-green: #E3EBDD;--read-dark: #15171A}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111312;--chrome: #191B1A;--surface: #202322;--ink: #E6E4DE;--ink-2: #A2A49E;--ink-3: #6E706B;--line: #2E312F;--cinnabar: #7FA2D2;--cinnabar-soft: #222D3E;--gold: #C5A45E;--shadow: 0 10px 32px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--bg: #111312;--chrome: #191B1A;--surface: #202322;--ink: #E6E4DE;--ink-2: #A2A49E;--ink-3: #6E706B;--line: #2E312F;--cinnabar: #7FA2D2;--cinnabar-soft: #222D3E;--gold: #C5A45E;--shadow: 0 10px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.serif{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif}.num{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{position:relative;width:100%;max-width:520px;margin:0 auto;height:100dvh;background:var(--chrome);overflow:hidden;display:flex;flex-direction:column}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--chrome)}.screen-enter-active{transition:transform .42s var(--ease),opacity .34s var(--ease)}.screen-leave-active{transition:opacity .2s var(--ease)}.screen-enter-from{transform:translate(24px);opacity:0}.screen-leave-to{opacity:0}.iconb{background:none;border:none;color:var(--ink);cursor:pointer;padding:8px;border-radius:10px;display:grid;place-items:center}.iconb:active{background:var(--line)}.iconb svg{width:21px;height:21px}.btn{display:block;width:100%;margin-top:16px;padding:13px;border-radius:12px;border:none;background:var(--cinnabar);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s}.btn:active{transform:scale(.98)}.btn.ghost{background:none;color:var(--ink-2);border:1px solid var(--line);margin-top:8px}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-radius:22px 22px 0 0;box-shadow:var(--shadow);padding:20px 24px 34px;transform:translateY(102%);transition:transform .45s var(--ease)}.sheet.on{transform:none}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:#14141466;opacity:0;pointer-events:none;transition:opacity .35s}.scrim.on{opacity:1;pointer-events:auto}.sheet .grip{width:36px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 16px}.sheet h3{margin:0 0 4px;font-size:1.05rem}.sheet .hint{color:var(--ink-2);font-size:.82rem;margin:0 0 16px}.seg{flex:1;display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{flex:1;border:none;background:none;padding:9px 0;font-size:.85rem;color:var(--ink-2);cursor:pointer}.seg button.cur{background:var(--ink);color:var(--chrome)}.sw{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex:none;transition:transform .2s}.sw.cur{border-color:var(--cinnabar);transform:scale(1.12)}.sw:active{transform:scale(.92)}.eq{display:flex;gap:2.5px;align-items:flex-end;height:18px;flex:none}.eq i{width:3px;background:var(--cinnabar);border-radius:2px;animation:eq 1s infinite var(--ease)}.eq i:nth-child(1){height:40%;animation-delay:0s}.eq i:nth-child(2){height:90%;animation-delay:.15s}.eq i:nth-child(3){height:60%;animation-delay:.3s}.eq i:nth-child(4){height:100%;animation-delay:.45s}.eq i:nth-child(5){height:50%;animation-delay:.6s}@keyframes eq{50%{transform:scaleY(.35)}}@keyframes rise{to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 5px var(--cinnabar-soft)}}.toast{position:absolute;left:50%;bottom:150px;transform:translate(-50%,20px);z-index:50;background:var(--ink);color:var(--chrome);border-radius:999px;padding:8px 18px;font-size:.8rem;opacity:0;pointer-events:none;transition:all .35s var(--ease);white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%)}