.app-update{z-index:80;padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom));pointer-events:auto;background:#0a1e2d47;place-items:end center;display:grid;position:fixed;inset:0}.app-update.force{background:#0a1e2d8c;place-items:center}.app-update-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(420px,100%);padding:1rem 1.1rem;box-shadow:0 12px 32px #0f3d5c38}.app-update-card strong{color:var(--ink);font-size:1rem;display:block}.app-update-card p{color:var(--muted);margin:.35rem 0 .85rem;font-size:.85rem}.app-update-actions{gap:.5rem;display:flex}.app-update-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;flex:1;padding:.7rem .5rem;font-weight:600}.app-update-actions button.on{background:var(--navy);color:#f4f8fb;border-color:#0000}.bottom-nav{z-index:40;width:min(480px,100%);padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-sizing:border-box;grid-template-columns:repeat(5,1fr);gap:.25rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .2rem;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,transform .15s;display:flex}.nav-item:active{transform:scale(.96)}.nav-item.active{color:var(--ink);background:var(--accent-soft)}.nav-icon{font-size:1.05rem;line-height:1}.mini-player{width:min(480px,100% - 1rem);left:50%;bottom:calc(4.15rem + env(safe-area-inset-bottom));z-index:39;background:var(--navy);color:#f4f8fb;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:.45rem;padding:.55rem .65rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0f3d5c47}.mini-copy{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.mini-copy strong,.mini-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-copy strong{font-size:.85rem}.mini-copy span{opacity:.75;font-size:.72rem}.mini-btn{color:var(--navy);font:inherit;cursor:pointer;background:#f7fbfd;border:none;border-radius:10px;padding:.45rem .65rem;font-size:.75rem;font-weight:700}.mini-btn.ghost{color:#f7fbfd;background:0 0;border:1px solid #ffffff59}.subject-tabs{background:var(--bg-elevated);border-radius:14px;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;display:grid}.subject-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:11px;padding:.65rem .5rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.subject-tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0f3d5c1f}.q-card{flex-direction:column;gap:1rem;display:flex}.q-meta{justify-content:space-between;align-items:center;display:flex}.q-chip{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.q-progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.q-stem{color:var(--ink);margin:0;font-size:1.15rem;font-weight:600;line-height:1.55}.q-hint-preview{color:var(--muted);margin:0;font-size:.85rem}.q-options{flex-direction:column;gap:.65rem;display:flex}.option{text-align:left;border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.option:hover:not(:disabled){border-color:var(--accent)}.option:active:not(:disabled){transform:scale(.985)}.option.correct{border-color:var(--ok);background:var(--ok-soft)}.option.wrong{border-color:var(--bad);background:var(--bad-soft)}.option.dim{opacity:.55}.opt-key{background:var(--bg-elevated);border-radius:8px;flex-shrink:0;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:grid}.option.correct .opt-key{background:var(--ok);color:#fff}.option.wrong .opt-key{background:var(--bad);color:#fff}.opt-text{flex:1;padding-top:.15rem;line-height:1.45}.q-feedback{flex-direction:column;gap:.75rem;padding-top:.25rem;display:flex}.q-feedback.enter{animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result{margin:0;font-size:1rem;font-weight:700}.result.ok{color:var(--ok)}.result.bad{color:var(--bad)}.mnemonic-box{background:linear-gradient(135deg, var(--amber-soft), var(--accent-soft));border:1px solid color-mix(in srgb, var(--amber) 35%, transparent);border-radius:14px;padding:.9rem 1rem}.mnemonic-label{letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink);margin-bottom:.35rem;font-size:.7rem;font-weight:700;display:block}.mnemonic-box p{color:var(--ink);margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.explain{color:var(--muted-ink);margin:0;font-size:.9rem;line-height:1.55}.exam{flex-direction:column;gap:1rem;display:flex}.exam-brief{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:.85rem;padding:1.1rem;display:flex}.exam-brief p,.exam-brief ul{margin:0}.exam-brief ul{color:var(--muted-ink);padding-left:1.15rem;font-size:.9rem;line-height:1.6}.exam-top{color:var(--muted-ink);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.time{font-variant-numeric:tabular-nums;color:var(--navy);font-size:1.15rem}.time.danger{color:var(--bad)}.exam-stem{margin:0;font-size:1.12rem;line-height:1.55}.option.picked{border-color:var(--navy);background:var(--accent-soft)}.dots{flex-wrap:wrap;gap:.35rem;display:flex}.dot{border:1px solid var(--line);background:var(--surface);width:2rem;height:2rem;color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;font-size:.72rem}.dot.filled{background:var(--bg-elevated);color:var(--ink)}.dot.here{border-color:var(--navy);color:var(--navy);font-weight:700}.exam-nav{grid-template-columns:1fr 1.4fr;gap:.65rem;display:grid}.exam-nav .btn-ghost:disabled{opacity:.45}.score-card{text-align:center;color:#f4f8fb;border-radius:18px;padding:1.4rem 1rem}.score-card.pass{background:linear-gradient(160deg,#146b62,#1f8a5b)}.score-card.fail{background:linear-gradient(160deg,#8a3a32,#c4473a)}.score-num{margin:0;font-size:3.4rem;font-weight:700;line-height:1}.score-card p{margin:.35rem 0 0}.score-detail{opacity:.85;font-size:.85rem}.review-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.review-list li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem}.review-list p{margin:0;font-size:.88rem;line-height:1.45}.review-ans,.review-mne{margin-top:.35rem!important;font-size:.8rem!important}.review-list .ok .review-ans{color:var(--ok)}.review-list .bad .review-ans{color:var(--bad)}.review-mne{color:var(--amber-ink);font-weight:600}.flash{flex-direction:column;gap:1rem;display:flex}.flash-count{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.flash-card{perspective:1200px;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0;display:grid}.flash-face{border:1px solid var(--line);background:var(--surface);backface-visibility:hidden;text-align:left;border-radius:20px;flex-direction:column;grid-area:1/1;gap:.75rem;min-height:260px;padding:1.35rem 1.25rem;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s;display:flex}.flash-face.front{background:linear-gradient(165deg, #fffef9, var(--surface));transform:rotateY(0)}.flash-face.back{background:linear-gradient(165deg, var(--accent-soft), #fffef9);opacity:0;pointer-events:none;transform:rotateY(180deg)}.flash-card.flipped .front{opacity:0;pointer-events:none;transform:rotateY(-180deg)}.flash-card.flipped .back{opacity:1;pointer-events:auto;transform:rotateY(0)}.face-label{letter-spacing:.08em;color:var(--accent);font-size:.7rem;font-weight:700}.flash-face p{margin:0;font-size:1.05rem;font-weight:600;line-height:1.55}.tap-hint{color:var(--muted);margin-top:auto;font-size:.8rem;font-weight:500}.ans{color:var(--ok)!important}.mne{color:var(--amber-ink)!important;font-size:1.15rem!important}.exp{color:var(--muted-ink)!important;font-size:.88rem!important;font-weight:500!important}.flash-nav{grid-template-columns:1fr 1.4fr;gap:.65rem;display:grid}.home{flex-direction:column;gap:1.25rem;display:flex}.hero{padding:1.75rem .25rem .5rem;position:relative;overflow:hidden}.eyebrow{letter-spacing:.08em;color:var(--accent);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.brand{color:var(--ink);letter-spacing:.04em;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(2.8rem,12vw,3.4rem);font-weight:400;line-height:1.05}.tagline{color:var(--muted-ink);max-width:18rem;margin:.65rem 0 0;font-size:.95rem}.web-dl{background:var(--navy);color:#f4f8fb;z-index:1;border-radius:999px;margin-top:.85rem;padding:.55rem .95rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.hero-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 35%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:14rem;height:14rem;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:-30%;right:-20%}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.daily-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:.75rem;padding:1.1rem 1.15rem;display:flex}.daily-top{justify-content:space-between;align-items:flex-end;display:flex}.daily-label{color:var(--muted);margin:0;font-size:.75rem}.daily-num{font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:1.6rem;font-weight:700}.daily-num span{color:var(--muted);font-size:.85rem;font-weight:500}.streak{text-align:right}.streak-num{color:var(--amber-ink);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;display:block}.streak-label{color:var(--muted);font-size:.75rem}.progress-track{background:var(--bg-elevated);border-radius:999px;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--amber));height:100%;transition:width .4s}.due-banner{color:var(--amber-ink);font-size:.9rem;font-weight:600;text-decoration:none}.due-ok{color:var(--muted);margin:0;font-size:.85rem;text-decoration:none}.mode-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mode-tile{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:16px;flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;transition:transform .15s,border-color .2s;animation:.45s both tile-in;display:flex}.mode-tile:nth-child(2){animation-delay:50ms}.mode-tile:nth-child(3){animation-delay:.1s}.mode-tile:nth-child(4){animation-delay:.15s}.mode-tile:nth-child(5){animation-delay:.2s}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mode-tile:active{transform:scale(.98)}.mode-tile.primary{background:linear-gradient(160deg, var(--navy), #1a5a82);color:#f2f7fb;border-color:#0000;min-height:6.5rem}.mode-tile.primary .mode-desc{color:#f2f7fbbf}.mode-tile.wide{grid-column:1/-1}.listen-tile{color:#fffaf0;background:linear-gradient(160deg,#8a5a00,#c4890a);border-color:#0000}.listen-tile .mode-desc{color:#fffaf0c7}.mode-title{font-size:1rem;font-weight:700}.mode-desc{color:var(--muted);font-size:.8rem;line-height:1.4}.focus-strip{flex-wrap:wrap;gap:.4rem;display:flex}.focus-tag{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.local-guide{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem}.local-guide h2{margin:0 0 .75rem;font-size:1rem}.local-guide ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.local-guide li{flex-direction:column;gap:.2rem;display:flex}.local-guide strong{color:var(--navy);font-size:.85rem}.local-guide span{color:var(--muted-ink);font-size:.85rem;line-height:1.5}.tips{padding:.5rem .15rem 1rem}.tips h2{margin:0 0 .65rem;font-size:1rem}.tips ol{color:var(--muted-ink);margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.65}.listen{flex-direction:column;gap:1rem;display:flex}.voice-warn{background:var(--amber-soft);color:var(--amber-ink);border-radius:12px;margin:0;padding:.75rem .9rem;font-size:.85rem}.shelf{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.book-card{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:16px;gap:.9rem;padding:.85rem;display:flex}.cover{color:#f7fbfd;letter-spacing:.08em;border-radius:10px;flex-shrink:0;place-items:center;width:4.6rem;height:6.1rem;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:1.35rem;display:grid}.tone-navy{background:linear-gradient(160deg,#0f3d5c,#1a6a96)}.tone-teal{background:linear-gradient(160deg,#146b62,#2a8fad)}.tone-amber{background:linear-gradient(160deg,#8a5a00,#e0a100)}.tone-ink{background:linear-gradient(160deg,#24343f,#4a6070)}.book-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.book-copy strong{font-size:1.05rem}.book-copy em{color:var(--accent);font-size:.75rem;font-style:normal;font-weight:600}.book-copy span{color:var(--muted-ink);font-size:.82rem;line-height:1.45}.book-copy .meta{color:var(--muted);font-size:.75rem}.back-link{color:var(--accent-ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.player-hero{color:#f4f8fb;border-radius:20px;flex-direction:column;gap:.55rem;padding:1.15rem 1.1rem 1rem;display:flex}.player-hero h2,.now-kicker,.now-chapter,.now-line{margin:0}.now-kicker{letter-spacing:.08em;opacity:.8;font-size:.75rem}.player-hero h2{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:1.8rem;font-weight:400}.now-chapter{font-weight:700}.now-line{opacity:.92;min-height:4.4rem;font-size:.92rem;line-height:1.55}.seek{accent-color:#f5c542;width:100%}.transport{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.transport button{color:inherit;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;padding:.7rem .4rem;font-weight:600}.play-main{min-width:5.5rem;color:var(--navy)!important;background:#f7fbfd!important;border-color:#0000!important}.rate-row,.sleep-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.rate-row button,.sleep-row button{border:1px solid var(--line);background:var(--surface);color:var(--muted-ink);font:inherit;cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.rate-row button.on{background:var(--navy);color:#f2f7fb;border-color:var(--navy)}.sleep-row span{color:var(--muted);margin-right:.2rem;font-size:.8rem}.book-detail h3{margin:.4rem 0 0;font-size:1rem}.toc{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.toc button{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;cursor:pointer;border-radius:12px;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;display:flex}.toc button.current{border-color:var(--accent);background:var(--accent-soft)}.toc em{color:var(--muted);flex-shrink:0;font-size:.75rem;font-style:normal}.practice{flex-direction:column;gap:1rem;display:flex}.mode-row{flex-wrap:wrap;gap:.45rem;display:flex}.mode-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted-ink);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.mode-pill.active{background:var(--navy);border-color:var(--navy);color:#f2f7fb}.empty,.session-done{text-align:center;color:var(--muted);padding:2.5rem 1rem}.session-done h2{color:var(--ink);margin:0 0 .5rem}.session-done p{margin:0 0 1.25rem}.next-btn{margin-top:.25rem}.btn-primary{background:var(--navy);color:#f2f7fb;width:100%;font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:.95rem 1rem;font-weight:700;transition:transform .15s,opacity .2s;display:inline-flex}.stats{flex-direction:column;gap:1rem;display:flex}.stat-hero{background:linear-gradient(145deg, var(--navy), #184e72);color:#f2f7fb;border-radius:18px;grid-template-columns:1fr 1fr;gap:.75rem;padding:1.2rem;display:grid}.stat-hero .label{opacity:.75;margin:0;font-size:.75rem}.stat-hero .big{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.75rem;font-weight:700}.subject-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.subject-stat .row{justify-content:space-between;align-items:baseline;display:flex}.subject-stat h2{margin:0;font-size:1rem}.subject-stat .row span{color:var(--muted);font-size:.8rem}.bar{background:var(--bg-elevated);border-radius:999px;height:8px;margin-top:.7rem;overflow:hidden}.bar div{background:linear-gradient(90deg, var(--accent), var(--amber));border-radius:inherit;height:100%;transition:width .4s}.detail{color:var(--muted-ink);margin:.55rem 0 0;font-size:.85rem}.goal-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:.45rem;padding:1rem 1.1rem;display:flex}.goal-box label{font-size:.85rem;font-weight:600}.goal-box input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:.7rem .85rem}.btn-danger{border:1px solid color-mix(in srgb, var(--bad) 40%, var(--line));background:var(--bad-soft);color:var(--bad);font:inherit;cursor:pointer;border-radius:14px;padding:.9rem;font-weight:600}.wrong{flex-direction:column;gap:1rem;display:flex}.wrong-actions .btn-primary{box-sizing:border-box;text-decoration:none}.wrong-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.wrong-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.wrong-main{flex:1;min-width:0}.wrong-stem{margin:0;font-size:.92rem;font-weight:600;line-height:1.45}.wrong-mne{color:var(--amber-ink);margin:.45rem 0 0;font-size:.85rem;font-weight:600}.wrong-meta{color:var(--muted);flex-wrap:wrap;gap:.5rem .85rem;margin-top:.55rem;font-size:.75rem;display:flex}.remove-btn{background:var(--bg-elevated);color:var(--muted-ink);font:inherit;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:.4rem .65rem;font-size:.75rem;font-weight:600}.app-shell{background:0 0;flex-direction:column;width:min(480px,100%);min-height:100dvh;margin:0 auto;display:flex}.app-main{width:100%;padding:.75rem 1rem calc(5.25rem + env(safe-area-inset-bottom));flex:1;margin:0}.has-player .app-main{padding-bottom:calc(8.75rem + env(safe-area-inset-bottom))}.page{animation:.35s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{flex-direction:column;gap:.85rem;display:flex}.page-header h1{margin:0;font-size:1.35rem}.sub{color:var(--muted);margin:-.4rem 0 0;font-size:.85rem}.btn-primary{background:var(--navy);color:#f2f7fb;width:100%;font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:.95rem 1rem;font-weight:700;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex}.btn-primary:active{transform:scale(.98)}.btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;padding:.95rem 1rem;font-weight:600}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}:root{--navy:#0f3d5c;--ink:#132937;--muted:#6b8090;--muted-ink:#4a6070;--bg:#e8f0f4;--bg-elevated:#d5e4ec;--surface:#f7fbfd;--line:#c5d6e0;--accent:#2a8fad;--accent-soft:#d4eef5;--accent-ink:#17607a;--amber:#e0a100;--amber-soft:#fff0c2;--amber-ink:#8a5a00;--ok:#1f8a5b;--ok-soft:#d8f3e6;--bad:#c4473a;--bad-soft:#fde4e1;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(ellipse 80% 50% at 100% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent), radial-gradient(ellipse 60% 40% at -10% 20%, color-mix(in srgb, var(--amber) 18%, transparent), transparent), linear-gradient(180deg, #dce9f0 0%, var(--bg) 40%, #e2ebe8 100%);background-attachment:fixed;min-width:320px}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}