:root{--brand:#cf4235;--brand-deep:#c93126;--brand-hot:#d65e50;--cream:#fcf4e6;--cream-dim:#f8e5c7;--ink:#efebe4;--ink-2:#f8f5ef;--ink-3:#ebe7e2;--paper:#fefbf8;--paper-dim:#f8f5ef;--cinnabar:var(--brand-deep);--cinnabar-hot:var(--brand-hot);--gold:var(--brand);--gold-soft:var(--brand-deep);--jade:#006925;--jade-light:#0b7f38;--seal:var(--brand-deep);--text:#30271f;--muted:#6c6058;--faint:#72675e;--line:#e6e0da;--line-soft:#ece7e1;--glass:#30271f0a;--danger:#b3261e;--ok:#006925;--radius:14px;--radius-lg:18px;--radius-pill:999px;--shadow:0 12px 32px #30271f1a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Manrope", "Outfit", "PingFang SC", system-ui, sans-serif;--hanzi:"Noto Serif SC", "Noto Sans SC", "Songti SC", serif;--seal-font:"Noto Serif SC", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--ink);min-height:100%;color:var(--text);font-family:var(--font);margin:0}body{background-color:var(--ink);background-image:none}#root{z-index:1;position:relative}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh;padding:calc(12px + var(--safe-top)) 14px calc(100px + var(--safe-bottom));max-width:460px;margin:0 auto}.page-enter{animation:.45s cubic-bezier(.16,1,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes seal-in{0%{opacity:0;transform:scale(1.2)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.hero-cn{background:var(--brand);box-shadow:none;border-radius:var(--radius-lg);color:var(--cream);border:0;margin-bottom:14px;padding:20px 18px 18px;position:relative;overflow:hidden}.hero-cn:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 65%);border-radius:50%;width:70%;height:140%;position:absolute;top:-40%;right:-30%}.hero-brand-row{z-index:1;align-items:flex-start;gap:14px;display:flex;position:relative}.brand-logo{width:56px;height:56px;box-shadow:none;object-fit:contain;background:0 0;border-radius:16px;flex-shrink:0}.brand-logo-tile{object-fit:cover;background:var(--brand);width:56px;height:56px;box-shadow:none;border-radius:16px;flex-shrink:0}.hero-cn .seal{display:none}.eyebrow{color:var(--cream);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-pill);background:#fcf4e61f;border:1px solid #fcf4e659;align-items:center;gap:8px;padding:5px 11px;font-size:10px;font-weight:700;display:inline-flex}.hero-cn h1{letter-spacing:-.03em;color:var(--cream);margin:10px 0 6px;font-size:26px;font-weight:700;line-height:1.15}.hero-cn h1 .zh{font-family:var(--hanzi);color:var(--cream);opacity:.95;font-size:1.05em;font-weight:700}.hero-cn p{color:#fcf4e6d1;max-width:92%;margin:0;font-size:14px;line-height:1.5}.hero-actions{grid-template-columns:1.25fr 1fr;gap:10px;margin-top:16px;display:grid}.card,.glass,.panel,.panel-cn{border:1px solid var(--line);background:var(--paper);box-shadow:none}.card{border-radius:var(--radius-lg);padding:16px}.panel,.panel-cn{border-radius:var(--radius-lg);padding:14px 16px}.section-title{justify-content:space-between;align-items:baseline;margin:18px 2px 10px;display:flex}.section-title h2{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-deep);margin:0;font-size:15px;font-weight:700}.section-title span{color:var(--faint);font-size:11px}.mod-card{text-align:left;width:100%;color:var(--text);cursor:pointer;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);padding:14px 14px 12px;transition:border-color .15s,transform .12s;position:relative;overflow:hidden}.mod-card:active{transform:scale(.99)}.mod-card:not(:disabled):hover{border-color:var(--brand)}.mod-card:disabled{opacity:.42;cursor:not-allowed}.mod-card .zh-mark{font-family:var(--hanzi);color:var(--brand);opacity:1;font-size:28px;font-weight:700;line-height:1}.mod-card h3{margin:8px 0 4px;font-size:15px;font-weight:600}.mod-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.bar{border-radius:var(--radius-pill);background:var(--ink-3);height:4px;margin-top:12px;overflow:hidden}.bar>i{background:var(--brand);border-radius:var(--radius-pill);height:100%;transition:width .35s;display:block}.btn{border-radius:var(--radius);cursor:pointer;letter-spacing:.02em;border:0;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-sm{padding:9px 12px;font-size:12px}.btn-primary{background:var(--brand);color:var(--cream);box-shadow:none;border:1px solid var(--brand)}.btn-ghost{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:var(--radius)}.btn-gold{background:var(--ink-3);color:var(--brand-deep);border:1px solid var(--line);font-weight:700}.btn-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.btn-row-4{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.btn-row-4 .btn{padding:12px 4px;font-size:11px}.bottom-nav{left:50%;bottom:calc(10px + var(--safe-bottom));border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;width:min(430px,100% - 16px);box-shadow:0 -1px 0 var(--line);z-index:60;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;display:grid;position:fixed;transform:translate(-50%)}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;font-size:10px;font-weight:600;display:flex}.nav-item.active{color:var(--brand-deep);background:#d042361f}.nav-item svg{display:block}.nav-item .emoji{font-size:16px}.topbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.icon-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2);width:42px;height:42px;color:var(--text);cursor:pointer;place-items:center;display:grid}.topbar h2{letter-spacing:-.01em;margin:0;font-size:17px}.combo{color:var(--brand-deep);border-radius:var(--radius-pill);background:#d042361a;border:1px solid #d0423647;margin-left:auto;padding:6px 10px;font-size:11px;font-weight:700}.progress{background:var(--ink-3);border-radius:var(--radius-pill);height:4px;margin:0 0 14px;overflow:hidden}.progress>i{background:var(--brand);border-radius:var(--radius-pill);height:100%;transition:width .3s;display:block}.badge{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-deep);border-radius:var(--radius-pill);background:#d042361a;border:1px solid #d0423647;align-self:flex-start;margin-bottom:12px;padding:5px 11px;font-size:10px;font-weight:700}.prompt{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.45}.hanzi-xl{font-family:var(--hanzi);text-align:center;letter-spacing:.06em;color:var(--text);margin:6px 0 4px;font-size:56px;font-weight:700;line-height:1.1}.pinyin{text-align:center;color:var(--brand-hot);margin-bottom:14px;font-size:17px}.quiz-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);min-height:320px;box-shadow:var(--shadow);flex-direction:column;padding:18px 16px 16px;display:flex}.quiz-card.shake{animation:.28s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.options{gap:9px;margin-top:auto;display:grid}.opt{border:1.5px solid var(--line);background:var(--ink-3);color:var(--text);border-radius:var(--radius);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:14px 15px;font-size:15px;transition:all .14s;display:flex}.opt:active{transform:scale(.99)}.opt .opt-mark{opacity:0;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:inline-flex}.opt.correct{box-shadow:none;color:#00521c;background:#0069251a;border-color:#0b7f38;font-weight:600}.opt.correct .opt-mark{opacity:1;color:#fff;background:#0b7f38}.opt.wrong,.opt.bad{box-shadow:none;color:#8f1c15;background:#b3261e17;border-color:#d0453a;font-weight:600}.opt.wrong .opt-mark,.opt.bad .opt-mark{opacity:1;color:#fff;background:#d0453a}.opt.ok{box-shadow:none;color:#00521c;background:#0069251a;border-color:#0b7f38;font-weight:600}.opt.on{border-color:var(--brand-hot);background:#d0423629}.feedback{border-radius:10px;margin-top:12px;padding:14px;font-size:14px;font-weight:600;line-height:1.45}.feedback.ok{color:#00521c;background:#3ecf8e29;border:1.5px solid #3ecf8e73}.feedback.err{color:#8f1c15;background:#f0717e24;border:1.5px solid #f0717e73}.input.input-ok{box-shadow:none;background:#3ecf8e1a;border-color:#0b7f38!important}.input.input-bad{box-shadow:none;background:#f0717e1a;border-color:#d0453a!important}.result-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.pill{border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.pill-ok{color:#00521c;background:#3ecf8e29;border:1px solid #3ecf8e66}.pill-bad{color:#8f1c15;background:#f0717e24;border:1px solid #f0717e66}.review-card{margin-top:12px;margin-bottom:8px}.review-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.review-list li{border:1px solid var(--line);background:var(--ink-3);border-radius:10px;gap:10px;padding:12px;display:flex}.review-list li.rev-ok{background:#3ecf8e0f;border-color:#3ecf8e59}.review-list li.rev-bad{background:#f0717e0f;border-color:#f0717e59}.rev-mark{border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.rev-ok .rev-mark{color:#fff;background:#0b7f38}.rev-bad .rev-mark{color:#fff;background:#d0453a}.rev-body{flex:1;min-width:0}.rev-prompt{word-break:break-word;margin-bottom:4px;font-size:14px;font-weight:600}.rev-line{color:var(--muted);font-size:13px;line-height:1.4}.rev-line.ok b{color:#00521c}.rev-line.bad b{color:#8f1c15;text-decoration:line-through;text-decoration-thickness:1px}.rev-meta{color:var(--faint);margin-top:4px;font-size:12px}.input{border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-2);width:100%;color:var(--text);outline:none;padding:14px 15px}.input:focus{border-color:#d042368c}.muted{color:var(--muted)}.center{text-align:center}.loader{min-height:55dvh;color:var(--muted);place-items:center;display:grid}.spinner{border:2px solid var(--line);border-top-color:var(--brand-hot);border-radius:50%;width:28px;height:28px;margin-bottom:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.explain-box{border-radius:var(--radius);color:var(--text);white-space:pre-wrap;background:#2f6f5e26;border:1px solid #3d9b824d;margin-top:12px;padding:13px;font-size:13.5px;line-height:1.5}.md-body{color:var(--text);font-size:15px;line-height:1.65}.md-body p{margin:0 0 .85em}.md-body strong{color:var(--brand-deep);font-weight:700}.md-body em{color:var(--muted);font-style:italic}.md-body ul,.md-body ol{margin:0 0 .85em;padding-left:1.2em}.md-body li{margin-bottom:.35em}.md-body code{color:var(--brand);background:var(--ink-3);border-radius:var(--radius);padding:1px 5px;font-family:ui-monospace,monospace;font-size:.9em}.footer-note{color:var(--faint);text-align:center;margin-top:16px;font-size:11px;line-height:1.4}.access-strip{border:1px solid var(--line);border-radius:var(--radius);background:#c43c2c1a;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.access-strip.ok{background:#d042361a;border-color:#d0423652}.access-strip b{color:var(--brand-deep)}.paywall{text-align:center;border:1px solid var(--line);background:linear-gradient(160deg, #d0423614, transparent 50%), var(--brand-deep);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px 16px}.paywall .zh{font-family:var(--hanzi);color:var(--cinnabar-hot);font-size:48px;font-weight:700}.paywall h2{margin:8px 0;font-size:20px}.profile-head{align-items:center;gap:14px;display:flex}.avatar{border-radius:var(--radius);background:var(--brand);width:64px;height:64px;font-family:var(--hanzi);color:var(--paper);border:0;flex:none;place-items:center;font-size:28px;font-weight:700;display:grid}.dash-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.xp-line{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.mastery-list{gap:8px;margin-top:8px;display:grid}.mastery-item{color:var(--muted);grid-template-columns:72px 1fr 32px;align-items:center;gap:8px;font-size:12px;display:grid}.mastery-item b{color:var(--text);text-align:right}.tone-lab h3{margin:8px 0 4px;font-size:16px}.tone-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tone-btn{text-align:left;border:1px solid var(--line);background:var(--ink-3);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:12px}.tone-btn.on{border-color:var(--cinnabar);background:#d0423629}.tone-n{background:var(--ink-3);border:1px solid var(--line);width:22px;height:22px;color:var(--brand);place-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-grid}.tone-name{font-size:13px;font-weight:700;display:block}.tone-ru{color:var(--muted);margin-top:2px;font-size:11px;display:block}.tone-ex{font-family:var(--hanzi);color:var(--brand);margin-top:6px;font-size:13px;display:block}.tone-lab-head{grid-template-columns:1fr 92px;align-items:center;gap:10px;margin-bottom:12px;display:grid}.tone-curve{width:92px;height:92px}.hanzi-stage{place-items:center;margin:8px 0 12px;display:grid}.hanzi-stage>div:first-child{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line);overflow:hidden}.hanzi-actions{gap:8px;margin-top:10px;display:flex}.flip-card{perspective:1000px;background:0 0;border:0;width:100%;min-height:280px;padding:0}.flip-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.flip-card.on .flip-inner{transform:rotateY(180deg)}.flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);flex-direction:column;justify-content:center;padding:18px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.flip-face.back{background:var(--brand);transform:rotateY(180deg)}.ob{flex-direction:column;justify-content:center;gap:14px;min-height:70dvh;display:flex}.ob h1{letter-spacing:-.02em;margin:0;font-size:26px;line-height:1.2}.ob-steps{gap:8px;display:grid}.ob-step{border:1px solid var(--line);background:var(--ink-2);align-items:flex-start;gap:10px;padding:12px;display:flex}.ob-step .n{width:26px;height:26px;color:var(--brand-deep);border:1px solid var(--line);background:#d042363d;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.result-hero{text-align:center;padding:28px 16px 18px}.result-hero .big{font-family:var(--hanzi);color:var(--cinnabar-hot);font-size:64px;font-weight:700;line-height:1}.xp-pop{color:var(--brand);background:#d0423624;border:1px solid #d0423659;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.ring-wrap{place-items:center;display:grid;position:relative}.ring-label{text-align:center;place-items:center;line-height:1.15;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring-label strong{color:var(--brand-deep);font-size:15px}.ring-label span{color:var(--muted);font-size:10px;display:block}.grid{gap:10px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lang-switch{border:1px solid var(--line);background:var(--ink-3);border-radius:var(--radius);display:inline-flex;overflow:hidden}.lang-switch button{color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:11px;font-weight:700}.lang-switch button.on{background:var(--brand);color:var(--cream)}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.dict-tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.dict-tabs button{border:1px solid var(--line);background:var(--ink-3);color:var(--muted);cursor:pointer;border-radius:4px;padding:8px 4px;font-size:11px;font-weight:700}.dict-tabs button.on{color:var(--brand-deep);background:#c43c2c47;border-color:#d0423673}.dict-list{gap:8px;padding-bottom:24px;display:grid}.dict-card{border:1px solid var(--line-soft);background:var(--paper);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:12px;display:flex}.dict-card-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.dict-hanzi{font-family:var(--hanzi);color:var(--text);text-align:center;min-width:48px;font-size:28px;line-height:1.1}.fav-btn{border:1px solid var(--line);background:var(--ink-3);color:var(--muted);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.fav-btn.compact{justify-content:center;min-width:36px;padding:6px 8px}.fav-btn .fav-star{color:var(--muted);font-size:16px;line-height:1}.fav-btn.on{color:var(--brand-deep);background:#d0423624;border-color:#d042368c}.fav-btn.on .fav-star{color:var(--brand)}.quiz-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.thanks-hero{text-align:center;background:var(--paper)}.thanks-emoji{margin-bottom:8px;font-size:42px;line-height:1}.dictation-speaker{text-align:center;padding:12px 0 4px}.speaker-btn{min-width:180px;font-size:16px}.speaker-btn.pulse{animation:.9s infinite pulse-gold}@keyframes pulse-gold{0%,to{box-shadow:0 0 #d0423659}50%{box-shadow:0 0 0 10px #d0423600}}.wn-overlay{z-index:80;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#30271f6b;justify-content:center;align-items:flex-end;animation:.2s wn-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.wn-sheet{background:var(--paper);border:1px solid var(--line);width:min(440px,100%);max-height:min(78vh,640px);box-shadow:var(--shadow);border-radius:16px;padding:20px 18px 16px;animation:.28s wn-up;overflow:auto}.changelog-card{margin-bottom:12px}.changelog-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.changelog-list{color:var(--text);margin:0;padding-left:1.15em;font-size:14px;line-height:1.5}.changelog-list li{margin-bottom:6px}.changelog-list li::marker{color:var(--brand)}.wn-pill{background:var(--cinnabar);color:#fff;letter-spacing:.04em;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}@keyframes wn-fade{0%{opacity:0}to{opacity:1}}@keyframes wn-up{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.continue-card{background:var(--paper);border-color:#d0423659;margin-bottom:12px}.practice-strip{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.post-lesson-cta{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:12px}.post-lesson-chips{flex-wrap:wrap;gap:8px;display:flex}.post-lesson-chips .practice-chip{flex:30%;justify-content:center;min-width:96px}.practice-chip{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--text);cursor:pointer;background:#d0423614;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;display:inline-flex}.practice-chip:hover{background:#d0423624;border-color:#f04a3c80}.practice-chip:active{transform:scale(.98)}.mod-card-wrap{flex-direction:column;gap:0;display:flex}.mod-card-wrap .mod-card{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%}.mod-drill-row{border:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--ink-3);border-top:0;gap:0;margin-bottom:10px;display:flex;overflow:hidden}.mod-drill{border:0;border-right:1px solid var(--line-soft);color:var(--text);cursor:pointer;background:0 0;flex:1;padding:8px 0;font-size:16px}.mod-drill:last-child{border-right:0}.lb-hero{margin-bottom:12px}.lb-me-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lb-score-n{color:var(--brand-deep);margin-top:2px;font-size:22px;font-weight:800;line-height:1.1}.lb-list{margin-bottom:8px}.lb-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 14px;display:flex}.lb-row:last-child{border-bottom:none}.lb-row.me{background:#d0423614}.lb-rank{text-align:center;flex-shrink:0;width:32px;font-size:15px;font-weight:800}.lb-name{flex:1;min-width:0}.lb-name-main{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.lb-you{color:var(--brand);font-size:12px;font-weight:700}.lb-pts{color:var(--brand-deep);flex-shrink:0;font-size:16px;font-weight:800}.lb-entry{background:var(--paper)}.streak-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px;padding:14px 14px 12px;position:relative;overflow:hidden}.streak-card.risk{border-color:#e24a3873;box-shadow:0 0 0 1px #e24a381f}.streak-card.done{border-color:#00692559}.streak-top{align-items:center;gap:12px;display:flex}.streak-fire{filter:drop-shadow(0 4px 12px #e24a3859);font-size:36px;line-height:1}.streak-meta{flex:1;min-width:0}.streak-n{color:var(--brand-deep);font-size:28px;font-weight:800;line-height:1}.streak-label{color:var(--text);margin-top:2px;font-size:13px;font-weight:600}.streak-cta{white-space:nowrap;flex-shrink:0}.streak-ok-badge{color:var(--ok);background:#5ecf9b1f;border:1px solid #5ecf9b40;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.streak-week{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;display:grid}.streak-dot{flex-direction:column;align-items:center;gap:4px;display:flex}.streak-dot .wd{color:var(--faint);text-transform:lowercase;font-size:10px}.streak-dot i{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:50%;width:22px;height:22px;display:block}.streak-dot.on i{background:var(--brand);border-color:#0000;box-shadow:0 2px 8px #c43c2c59}.streak-dot.today i{outline-offset:2px;outline:2px solid #e8c8788c}.streak-hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.35}.streak-toast{background:var(--paper);border:1px solid var(--brand);color:var(--brand-deep);text-align:center;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;position:absolute;top:auto;bottom:12px;left:12px;right:12px}.lab-tabs{gap:6px;margin-bottom:12px;display:flex}.lab-tabs button{border:1px solid var(--line);background:var(--glass);color:var(--muted);border-radius:999px;flex:1;padding:8px 6px;font-size:12px;font-weight:600}.lab-tabs button.on{color:var(--cream);background:var(--brand);border-color:#0000}.lab-hero{margin-bottom:12px}.lab-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.lab-stats .panel,.lab-stats .panel-cn,.lab-stats .card{min-width:0;overflow:hidden}.lab-stat-n{color:var(--brand-deep);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.lab-stat-meta{color:var(--muted);margin-top:2px;font-size:12px}.lab-stats .bar{width:100%;margin-top:10px}.lab-stats .bar>i{min-width:0}.lab-stats .bar>i.has-progress{min-width:6px}.lab-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lab-tile{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--glass);color:var(--text);flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.lab-tile .ic{font-size:22px}.lab-tile b{font-size:14px}.lab-tile .muted{font-size:11px}.lab-filters{gap:6px;margin-bottom:8px;display:flex}.lab-filters button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:6px 12px;font-size:12px}.lab-filters button.on{color:var(--brand-deep);border-color:var(--brand);background:#d0423633}.lab-search{border:1px solid var(--line);background:var(--ink-3);width:100%;color:var(--text);border-radius:12px;padding:12px 14px;font-size:15px}.lab-word-list{flex-direction:column;gap:6px;max-height:min(62vh,520px);padding-bottom:24px;display:flex;overflow:auto}.lab-word-row{text-align:left;border:1px solid var(--line-soft);background:var(--ink-2);width:100%;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.lab-word-row.known{border-color:#5ecf9b40}.lab-word-main .hanzi{font-family:var(--hanzi);margin-right:8px;font-size:22px;font-weight:700}.lab-word-main .pinyin{color:var(--muted);font-size:12px}.lab-word-side{flex-direction:column;align-items:flex-end;gap:4px;max-width:48%;display:flex}.lab-word-side .meaning{color:var(--muted);text-align:right;font-size:12px}.badge-mini{color:var(--brand-deep);background:#d0423629;border-radius:6px;padding:2px 6px;font-size:10px}.dot-known{color:var(--ok);font-size:10px}.lab-g-card{margin-bottom:10px}.lab-g-pattern{font-family:var(--hanzi);color:var(--brand-deep);font-size:18px;font-weight:700}.lab-g-explain{color:var(--text);margin:6px 0 0;font-size:13px;line-height:1.4}.lab-modal-bg{z-index:80;background:#30271f6b;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lab-modal{background:var(--ink-2);border:1px solid var(--line);text-align:center;border-radius:16px 16px 12px 12px;width:min(480px,100%);max-height:85vh;padding:18px 16px 20px;position:relative;overflow:auto}.lab-modal-x{color:var(--muted);background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.lab-entry{cursor:pointer;background:#00692512}.btn-row{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.bottom-nav .nav-item{font-size:10px}.duel.ok .card{box-shadow:0 0 0 2px #4ab4788c}.duel.err .card{box-shadow:0 0 0 2px #c43c2c8c}.duel-tones{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.duel-tone{border:1px solid var(--line);background:var(--paper);min-height:88px;color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .12s,border-color .12s;display:flex}.duel-tone:active{border-color:var(--brand);transform:scale(.96)}.duel-tone .tn{color:var(--brand-deep);font-size:28px;font-weight:800}.write-duel .hanzi-stage{margin-top:8px}.wd-pressure{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:999px;height:6px;margin:0 2px 10px;overflow:hidden}.wd-pressure i{background:var(--brand);border-radius:999px;height:100%;transition:width .35s linear;display:block}.wd-prompt{margin-bottom:4px}.wd-pinyin{color:var(--brand-deep);letter-spacing:.02em;font-size:22px;font-weight:700}.wd-modes{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.wd-mode{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-2);color:var(--text);cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 10px;display:flex}.wd-mode.on{background:#d042361a;border-color:#d042368c;box-shadow:0 0 0 1px #d0423624}.wd-mode-ico{margin-bottom:2px;font-size:18px;line-height:1}.wd-mode-title{font-size:14px;font-weight:700}.wd-mode-desc{font-size:11px;line-height:1.35}.wd-recall-tag{color:var(--brand);background:#d0423624;border:1px solid #d0423647;border-radius:999px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.wd-pick-tag{border-radius:999px;margin-top:6px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.wd-pick-tag.weak{color:var(--brand-deep);background:#e24a381f;border:1px solid #e24a3847}.wd-pick-tag.new{color:#00521c;background:#5ecf9b1f;border:1px solid #5ecf9b47}.write-duel.recall .hanzi-stage{background:var(--ink-2);border-radius:12px}.wd-reveal{margin-top:4px}.duel-tone .tl{color:var(--muted);font-size:22px;line-height:1}.weak-radar{margin-bottom:12px}.weak-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.weak-row{text-align:left;border:1px solid var(--line);background:var(--ink-3);width:100%;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.weak-row:active{border-color:var(--brand)}.weak-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.weak-meta b{font-size:13px}.weak-meta .muted{font-size:11px}.weak-cta{color:var(--brand-deep);white-space:nowrap;font-size:11px;font-weight:700}.reader-body .tap-zh,.tap-zh{color:inherit;font:inherit;font-family:var(--hanzi), "PingFang SC", "Noto Sans SC", sans-serif;cursor:pointer;line-height:inherit;vertical-align:baseline;background:0 0;border:0;border-radius:3px;margin:0;padding:0 1px;display:inline}.tap-zh:hover,.tap-zh:active{color:var(--brand-deep);background:#d0423647}.speak-steps{color:var(--muted);margin:12px 0 4px;padding-left:1.2em;font-size:13px;line-height:1.5}.speak-steps li{margin-bottom:4px}.support-list{flex-direction:column;gap:8px;display:flex}.support-row{text-align:left;border:1px solid var(--line);background:var(--glass);width:100%;color:var(--text);cursor:pointer;border-radius:12px;padding:12px 14px}.support-row:active{border-color:var(--brand)}.support-row-top{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.support-row-preview{font-size:13px;line-height:1.35}.support-thread{flex-direction:column;gap:10px;max-height:min(50vh,420px);margin-top:14px;display:flex;overflow:auto}.support-bubble{border:1px solid var(--line);white-space:pre-wrap;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.4}.support-bubble.user{background:var(--ink-3);margin-right:18px}.support-bubble.admin{background:#d0423624;border-color:#d0423659;margin-left:18px}.support-who{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600}.support-body{color:var(--text)}.write-pick-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin:0 auto;padding:4px 12px;display:flex}.write-pick-btn:active{background:#d0423624}.write-pick-hint{color:var(--brand-deep);letter-spacing:.02em;font-size:11px;font-weight:600}.write-picker{text-align:left;max-height:88vh}.write-char-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-height:min(52vh,420px);padding-bottom:8px;display:grid;overflow:auto}.write-char-cell{border:1px solid var(--line);background:var(--ink-3);min-height:64px;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex}.write-char-cell:active,.write-char-cell.on{border-color:var(--brand);background:#d042362e}.write-char-cell .wc-hanzi{font-family:var(--hanzi), "PingFang SC", "Noto Sans SC", sans-serif;font-size:26px;line-height:1.1}.write-char-cell .wc-py{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.char-parts{margin-top:10px}.char-parts-label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.char-parts-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.char-part{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--ink-2);align-items:baseline;gap:6px;padding:5px 10px;display:inline-flex}.char-part b{font-family:var(--hanzi);color:var(--brand-deep);font-size:17px;font-weight:700;line-height:1}.char-part i{color:var(--muted);font-size:12px;font-style:normal}.char-part-py{letter-spacing:.01em;color:var(--brand-deep);font-size:11px;font-style:normal;font-weight:600}.char-part-same{font-family:var(--hanzi);color:var(--faint);font-size:11px;text-decoration:none}.char-part.is-sound{background:0 0;border-style:dashed}.char-part.is-sound b,.char-part.is-sound .char-part-py{color:var(--muted)}.char-part.is-faded{opacity:.6;border-style:dotted}.char-part.is-faded .char-part-py{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1px}.char-part u{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:var(--radius-pill);padding:1px 5px;font-size:9px;text-decoration:none}.char-part-of{font-family:var(--hanzi);color:var(--text);align-self:center;margin-right:2px;font-size:17px}.char-parts-hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12px;line-height:1.45}
/*$vite$:1*/