:root{--ink:#0a0a0c;--ink-2:#12141a;--ink-3:#1a1c24;--paper:#f3e9d7;--paper-dim:#e8dcc4;--cinnabar:#c43c2c;--cinnabar-hot:#e24a38;--gold:#d4a84b;--gold-soft:#e8c878;--jade:#2f6f5e;--jade-light:#3d9b82;--seal:#a32020;--text:#f5efe4;--muted:#a89f8f;--faint:#6b655c;--line:#d4a84b2e;--line-soft:#f3e9d714;--glass:#f3e9d708;--danger:#e86a7a;--ok:#5ecf9b;--radius:4px;--radius-lg:12px;--shadow:0 24px 80px #0000008c;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"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:radial-gradient(120% 80% at 50% -20%,#c43c2c38,#0000 50%),radial-gradient(60% 40% at 100% 0,#d4a84b1f,#0000 45%),radial-gradient(50% 50% at 0 100%,#2f6f5e24,#0000 50%),linear-gradient(#0c0c10 0%,#08080a 100%);background-attachment:fixed}body:before{content:"";pointer-events:none;opacity:.04;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}#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{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#c43c2c33 0%,#0000 45%),linear-gradient(200deg,#d4a84b14,#0a0a0cf2);border-radius:2px 2px 2px 28px;margin-bottom:14px;padding:22px 18px 20px;position:relative;overflow:hidden}.hero-cn:before{content:"漢";font-family:var(--hanzi);color:var(--cinnabar);opacity:.07;pointer-events:none;font-size:120px;font-weight:700;line-height:1;position:absolute;top:-20px;right:-6px}.hero-cn .seal{border:2px solid var(--seal);width:52px;height:52px;color:var(--seal);font-family:var(--seal-font);text-align:center;opacity:.85;background:#a3202014;place-items:center;font-size:13px;font-weight:700;line-height:1.15;animation:.6s both seal-in;display:grid;position:absolute;bottom:14px;right:14px;transform:rotate(-6deg)}.eyebrow{color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;background:#d4a84b14;border:1px solid #d4a84b59;align-items:center;gap:8px;padding:5px 11px;font-size:10px;font-weight:700;display:inline-flex}.hero-cn h1{letter-spacing:-.03em;margin:14px 0 8px;font-size:28px;font-weight:600;line-height:1.12}.hero-cn h1 .zh{font-family:var(--hanzi);color:var(--gold);font-size:1.05em;font-weight:700}.hero-cn p{color:var(--muted);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-cn{border:1px solid var(--line-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f3e9d70a,#f3e9d704)}.card{border-radius:var(--radius-lg);border-color:var(--line);padding:16px}.panel-cn{border-radius:var(--radius-lg);border-color:var(--line);padding:14px}.section-title{justify-content:space-between;align-items:baseline;margin:18px 2px 10px;display:flex}.section-title h2{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-size:15px;font-weight:600}.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:linear-gradient(135deg,#c43c2c0f,#0000 40%),#f3e9d708;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:#d4a84b73}.mod-card:disabled{opacity:.42;cursor:not-allowed}.mod-card .zh-mark{font-family:var(--hanzi);color:var(--cinnabar-hot);opacity:.9;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{background:#f3e9d714;border-radius:0;height:3px;margin-top:12px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--cinnabar), var(--gold));height:100%;transition:width .35s;display:block}.btn{cursor:pointer;letter-spacing:.02em;border:0;border-radius:2px;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:linear-gradient(180deg, var(--cinnabar-hot), var(--cinnabar));color:#fff8f0;border:1px solid #ffdcc826;box-shadow:0 10px 28px #c43c2c59}.btn-ghost{color:var(--paper);border:1px solid var(--line);background:0 0}.btn-gold{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#1a1208;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:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:60;background:#0a0a0ceb;border-radius:2px;grid-template-columns:repeat(5,1fr);gap:2px;width:min(430px,100% - 16px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0000008c}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:2px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;font-size:10px;font-weight:600;display:flex}.nav-item.active{color:var(--gold-soft);background:#c43c2c29}.nav-item .emoji{font-size:16px}.topbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:#f3e9d70a;border-radius:2px;place-items:center;display:grid}.topbar h2{letter-spacing:-.01em;margin:0;font-size:17px}.combo{color:var(--gold);background:#d4a84b1a;border:1px solid #d4a84b59;margin-left:auto;padding:6px 10px;font-size:11px;font-weight:700}.progress{background:#f3e9d714;height:3px;margin:0 0 14px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--cinnabar), var(--gold));height:100%;transition:width .3s;display:block}.badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);background:#d4a84b14;border:1px solid #d4a84b4d;align-self:flex-start;margin-bottom:12px;padding:4px 10px;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(--paper);margin:6px 0 4px;font-size:56px;font-weight:700;line-height:1.1}.pinyin{text-align:center;color:var(--gold);margin-bottom:14px;font-size:17px}.quiz-card{border-radius:var(--radius-lg);border:1px solid var(--line);min-height:320px;box-shadow:var(--shadow);background:linear-gradient(#f3e9d70d,#f3e9d705);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);color:var(--text);text-align:left;cursor:pointer;background:#00000038;border-radius:8px;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{color:#d8ffe9;background:#3ecf8e2e;border-color:#3ecf8e;font-weight:600;box-shadow:0 0 0 1px #3ecf8e59,0 0 18px #3ecf8e1f}.opt.correct .opt-mark{opacity:1;color:#0a1a12;background:#3ecf8e}.opt.wrong,.opt.bad{color:#ffd6db;background:#f0717e29;border-color:#f0717e;font-weight:600;box-shadow:0 0 0 1px #f0717e59}.opt.wrong .opt-mark,.opt.bad .opt-mark{opacity:1;color:#1a0a0c;background:#f0717e}.opt.ok{color:#d8ffe9;background:#3ecf8e2e;border-color:#3ecf8e;font-weight:600;box-shadow:0 0 0 1px #3ecf8e59}.opt.on{border-color:var(--gold);background:#d4a84b1f}.feedback{border-radius:10px;margin-top:12px;padding:14px;font-size:14px;font-weight:600;line-height:1.45}.feedback.ok{color:#c8ffdf;background:#3ecf8e29;border:1.5px solid #3ecf8e73}.feedback.err{color:#ffd0d6;background:#f0717e24;border:1.5px solid #f0717e73}.input.input-ok{background:#3ecf8e1a;box-shadow:0 0 0 1px #3ecf8e59;border-color:#3ecf8e!important}.input.input-bad{background:#f0717e1a;box-shadow:0 0 0 1px #f0717e59;border-color:#f0717e!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:#b8f5d4;background:#3ecf8e29;border:1px solid #3ecf8e66}.pill-bad{color:#ffc8ce;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:#0000002e;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:#0a1a12;background:#3ecf8e}.rev-bad .rev-mark{color:#1a0a0c;background:#f0717e}.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:#8ef0bc}.rev-line.bad b{color:#ffb0b8;text-decoration:line-through;text-decoration-thickness:1px}.rev-meta{color:var(--faint);margin-top:4px;font-size:12px}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0000004d;border-radius:2px;outline:none;padding:14px 15px}.input:focus{border-color:#d4a84b80}.muted{color:var(--muted)}.center{text-align:center}.loader{min-height:55dvh;color:var(--muted);place-items:center;display:grid}.spinner{border:2px solid #f3e9d71a;border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;margin-bottom:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.explain-box{color:#c8ebe0;white-space:pre-wrap;background:#2f6f5e26;border:1px solid #3d9b824d;border-radius:2px;margin-top:12px;padding:13px;font-size:13.5px;line-height:1.5}.md-body{color:var(--paper);font-size:15px;line-height:1.65}.md-body p{margin:0 0 .85em}.md-body strong{color:var(--gold-soft);font-weight:700}.md-body em{color:var(--paper-dim);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(--gold);background:#00000040;border-radius:2px;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);background:#c43c2c1a;border-radius:2px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.access-strip.ok{background:#d4a84b14;border-color:#d4a84b4d}.access-strip b{color:var(--gold-soft)}.paywall{text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(160deg,#c43c2c33,#0000 50%),#0a0a0cf2;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:2px solid var(--gold);background:linear-gradient(145deg, var(--cinnabar), #5a1810);width:64px;height:64px;font-family:var(--hanzi);color:var(--paper);border-radius:2px;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);color:var(--text);cursor:pointer;background:#00000040;border-radius:2px;padding:12px}.tone-btn.on{border-color:var(--cinnabar);background:#c43c2c26}.tone-n{background:var(--ink-3);border:1px solid var(--line);width:22px;height:22px;color:var(--gold);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(--gold);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:1px solid var(--line);background:#0000004d;border-radius:2px;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);box-shadow:var(--shadow);background:linear-gradient(165deg,#f3e9d70d,#f3e9d705);flex-direction:column;justify-content:center;padding:18px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.flip-face.back{background:linear-gradient(160deg,#c43c2c26,#d4a84b14,#0a0a0cf2);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:#f3e9d708;align-items:flex-start;gap:10px;padding:12px;display:flex}.ob-step .n{width:26px;height:26px;color:var(--gold-soft);border:1px solid var(--line);background:#c43c2c33;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(--gold);background:#d4a84b1f;border:1px solid #d4a84b59;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(--gold-soft);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:#00000040;border-radius:2px;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{color:var(--gold-soft);background:#c43c2c40}.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);color:var(--muted);cursor:pointer;background:#00000047;border-radius:4px;padding:8px 4px;font-size:11px;font-weight:700}.dict-tabs button.on{color:var(--gold-soft);background:#c43c2c47;border-color:#d4a84b73}.dict-list{gap:8px;padding-bottom:24px;display:grid}.dict-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:linear-gradient(145deg,#f3e9d70a,#0003);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(--paper);text-align:center;min-width:48px;font-size:28px;line-height:1.1}.fav-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#00000040;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(--gold-soft);background:#d4a84b1f;border-color:#d4a84b8c}.fav-btn.on .fav-star{color:var(--gold)}.quiz-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.thanks-hero{text-align:center;background:radial-gradient(80% 60% at 50% 0,#c43c2c38,#0000 60%),linear-gradient(160deg,#f3e9d70d,#00000040)}.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 #d4a84b59}50%{box-shadow:0 0 0 10px #d4a84b00}}.wn-overlay{z-index:80;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#0000009e;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{border:1px solid var(--line);width:min(440px,100%);max-height:min(78vh,640px);box-shadow:var(--shadow);background:linear-gradient(165deg,#161922 0%,#0c0f14 100%);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(--gold)}.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:radial-gradient(80% 60% at 100% 0,#d4a84b1f,#0000 55%),linear-gradient(160deg,#f3e9d70a,#0003);border-color:#d4a84b59;margin-bottom:12px}.practice-strip{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.practice-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;display:inline-flex}.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:#0003;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}.streak-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c43c2c2e,#d4a84b14);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{background:linear-gradient(135deg,#2f6f5e33,#d4a84b0f)}.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(--gold-soft);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{border:1px solid var(--line-soft);background:#f3e9d70f;border-radius:50%;width:22px;height:22px;display:block}.streak-dot.on i{background:linear-gradient(145deg, var(--cinnabar-hot), var(--gold));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{border:1px solid var(--gold);color:var(--gold-soft);text-align:center;background:#0a0a0ceb;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(--ink);background:var(--gold-soft);border-color:#0000}.lab-hero{margin-bottom:12px}.lab-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.lab-stat-n{color:var(--gold-soft);font-size:28px;font-weight:800}.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(--gold-soft);border-color:var(--gold);background:#d4a84b33}.lab-search{border:1px solid var(--line);width:100%;color:var(--text);background:#00000040;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);width:100%;color:var(--text);background:#f3e9d708;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(--paper-dim);text-align:right;font-size:12px}.badge-mini{color:var(--gold-soft);background:#d4a84b26;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(--gold-soft);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:#000000a6;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:linear-gradient(135deg,#2f6f5e33,#d4a84b14)}.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);min-height:88px;color:var(--text);cursor:pointer;background:linear-gradient(160deg,#d4a84b1f,#0003);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(--gold);transform:scale(.96)}.duel-tone .tn{color:var(--gold-soft);font-size:28px;font-weight:800}.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);width:100%;color:var(--text);cursor:pointer;background:#0000002e;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.weak-row:active{border-color:var(--gold)}.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(--gold-soft);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(--gold-soft);background:#d4a84b47}.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(--gold)}.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:#0003;margin-right:18px}.support-bubble.admin{background:#d4a84b1f;border-color:#d4a84b59;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:#d4a84b1f}.write-pick-hint{color:var(--gold-soft);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);min-height:64px;color:var(--text);cursor:pointer;background:#0003;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(--gold);background:#d4a84b2e}.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}
/*$vite$:1*/