@font-face{font-family:WenKai;src:url(/fonts/wenkai-medium.woff2)format("woff2");font-display:swap;unicode-range:U+3000-303F,U+3400-9FFF,U+FF00-FFEF}:root{--night:#050916;--navy:#0d1b45;--lantern:#2a55c9;--black:#000;--gold:#f2b544;--white:#fff;--sky:linear-gradient(180deg, var(--night) 0%, var(--navy) 46%, var(--lantern) 100%);--sky-soft:linear-gradient(180deg, var(--night) 0%, #0a1535 60%, #11245e 100%);--color-bg:var(--night);--color-ink:var(--black);--color-sheet:#0b0f1c;--color-glass:#ffffff14;--color-glass-strong:#ffffff24;--color-line:#ffffff1a;--color-surface:var(--color-glass);--color-surface-hover:var(--color-glass-strong);--color-surface-strong:#ffffff0d;--color-card:var(--color-glass);--color-card-border:transparent;--color-bubble:var(--color-glass);--color-bubble-border:transparent;--color-text:#fff;--color-text-dim:#c8d8ff9e;--color-text-faint:#ffffff5c;--color-primary:var(--white);--color-on-primary:#050916;--color-primary-soft:#f2b5442e;--color-gold:var(--gold);--color-on-gold:#1a1306;--color-tile:#f4f1ea;--color-on-tile:#0d1424;--color-on-light:#0d1424;--color-accent:var(--gold);--color-accent-strong:#f59e2a;--color-good:#3cc6a3;--color-good-soft:#3cc6a333;--color-warn:#f2c94c;--color-bad:#ff6b6b;--color-bad-soft:#ff6b6b2e;--tone-1:#ff8a8a;--tone-2:#7ee2a8;--tone-3:#82b8ff;--tone-4:#d7a2ff;--tone-5:#a3acc0;--part-1:#ff8a8a;--part-2:#82b8ff;--part-3:#7ee2a8;--part-4:#d7a2ff;--show-naruto:#ff9a3c;--show-spongebob:#ffe14d;--radius-sheet:36px;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:-apple-system, "SF Pro Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-zh:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-zh-display:"WenKai", var(--font-zh);--font-zh-write:"WenKai", "Kaiti SC", "STKaiti", "KaiTi", var(--font-zh);--font-size-xs:13px;--font-size-sm:15px;--font-size-md:17px;--font-size-lg:22px;--font-size-xl:28px;--font-size-xxl:44px;--font-size-hero:34px;--nav-height:72px;--tap:44px;--shadow-glow:0 10px 40px #2a55c959;--shadow-card:0 8px 24px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--night)}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--night);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}#root{max-width:560px;min-height:100dvh;margin:0 auto;position:relative}.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-4) calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-7));gap:var(--space-4);background:var(--sky-soft);flex-direction:column;display:flex}.screen--sky{background:var(--sky)}.screen--ground{background:linear-gradient(180deg, var(--night) 0%, var(--navy) 22%, var(--lantern) 46%, var(--lantern) 100%);padding-bottom:0}.screen--full{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-5))}.ground{margin:var(--space-3) calc(var(--space-4) * -1) 0;padding:var(--space-5) var(--space-5) calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-6));background:var(--black);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.ground>h2{margin-bottom:var(--space-2)}h1,h2,h3{letter-spacing:-.025em;font-family:var(--font-display);margin:0}h1{font-size:var(--font-size-xl);font-weight:700}h2{font-size:var(--font-size-lg);font-weight:700}h3{font-size:var(--font-size-md);font-weight:700}p{margin:0;line-height:1.45}a{color:inherit}.zh{font-family:var(--font-zh)}.zh-display{font-family:var(--font-zh-display);font-weight:500}.zh-write{font-family:var(--font-zh-write)}.dim{color:var(--color-text-dim)}.faint{color:var(--color-text-faint)}.gold{color:var(--gold)}.small{font-size:var(--font-size-sm)}.xs{font-size:var(--font-size-xs)}.num{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-weight:700}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack--lg{gap:var(--space-5)}.row{align-items:center;gap:var(--space-3);display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{text-align:center;align-items:center}.header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;display:flex}.header h1{font-size:34px}.icon-btn{background:var(--color-glass);width:52px;height:52px;color:var(--color-text);-webkit-backdrop-filter:blur(14px);border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.icon-btn--sm{width:var(--tap);height:var(--tap)}.icon-btn .dot{background:var(--gold);border-radius:50%;width:9px;height:9px;position:absolute;top:12px;right:13px}.hero{font-family:var(--font-display);font-size:var(--font-size-hero);letter-spacing:-.03em;color:var(--color-text-dim);font-weight:700;line-height:1.1}.hero b{color:var(--color-text);font-weight:700}.hero .inline-icon{vertical-align:-.08em;color:var(--color-text);margin-right:.12em;display:inline-flex}.hero .inline-icon svg{width:.9em;height:.9em}.meta-line{gap:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-dim);display:flex}.meta-line b{color:var(--color-text);font-weight:500}.card{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-5)}.card--tight{padding:var(--space-4);border-radius:var(--radius-md)}.panel{background:var(--black);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.block-row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;width:100%;color:inherit;text-align:left;font:inherit;background:0 0;text-decoration:none;display:flex}.block-row .label{color:var(--color-text-dim);font-size:var(--font-size-sm)}.block-row .value{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.05}.block-row .value--text{letter-spacing:-.025em;font-size:26px;line-height:1.15}.block-row .value small{font-size:var(--font-size-md);color:var(--color-text-dim);letter-spacing:0;margin-left:6px;font-weight:500}.play-circle{background:var(--white);width:60px;height:60px;color:var(--color-on-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.play-circle--sm{width:44px;height:44px}button{cursor:pointer;color:inherit;border:none;font-family:inherit}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn{border-radius:var(--radius-pill);min-height:56px;padding:var(--space-3) var(--space-5);font-size:var(--font-size-md);justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;text-decoration:none;transition:transform .12s,opacity .12s,background .12s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--white);color:var(--color-on-primary)}.btn--accent{background:var(--gold);color:var(--color-on-gold)}.btn--ghost{background:var(--color-glass);color:var(--color-text)}.btn--danger{background:var(--color-bad-soft);color:var(--color-text)}.btn--sm{min-height:var(--tap);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--block{width:100%}.btn:disabled{opacity:.35}.chip{align-items:center;gap:var(--space-1);background:var(--color-glass);border-radius:var(--radius-pill);padding:4px var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-dim);white-space:nowrap;display:inline-flex}.chip--warn{color:var(--color-warn)}.chip--bad{color:var(--color-bad)}.chip--good{color:var(--color-good)}button.chip,label.chip{min-height:var(--tap);padding:0 var(--space-4);font-size:var(--font-size-sm)}.chip--on{background:var(--white);color:var(--color-on-primary)}.tabs{gap:var(--space-1);background:var(--color-glass);border-radius:var(--radius-pill);padding:4px;display:flex}.tabs button{min-height:var(--tap);border-radius:var(--radius-pill);color:var(--color-text-dim);font-weight:600;font-size:var(--font-size-sm);background:0 0;flex:1}.tabs button[aria-selected=true]{background:var(--white);color:var(--color-on-primary)}input[type=text],input[type=url],input[type=number],input[type=search],textarea,select{font:inherit;color:var(--color-text);background:var(--color-glass);border-radius:var(--radius-md);padding:14px var(--space-4);border:1px solid #0000;outline:none;width:100%;font-size:17px}input:focus,textarea:focus,select:focus{border-color:var(--color-text-faint)}textarea{resize:vertical;min-height:96px}::placeholder{color:var(--color-text-faint)}label.field{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-dim);flex-direction:column;display:flex}.bar{border-radius:var(--radius-pill);background:var(--color-glass);height:6px;overflow:hidden}.bar>span{background:var(--gold);border-radius:inherit;height:100%;transition:width .3s;display:block}.prompt{justify-content:space-between;gap:var(--space-5);flex-direction:column;min-height:300px;display:flex}.prompt-body{text-align:center;align-items:center;gap:var(--space-3);padding-top:var(--space-3);flex-direction:column;display:flex}.big-hanzi{font-family:var(--font-zh-display);font-size:84px;font-weight:500;line-height:1.1}.big-hanzi--write{font-family:var(--font-zh-write);font-size:120px}.sentence-zh{font-family:var(--font-zh);font-size:26px;line-height:1.5}.sentence-zh mark{background:var(--color-primary-soft);color:inherit;border-radius:6px;padding:0 4px}.blank{border-bottom:3px solid var(--gold);min-width:2.2em;margin:0 4px;display:inline-block}.choices{gap:var(--space-2);display:grid}.choice{border-radius:var(--radius-md);background:var(--color-glass);width:100%;min-height:56px;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-md);align-items:center;gap:var(--space-3);border:2px solid #0000;display:flex}.choice .key{width:26px;height:26px;font-size:var(--font-size-xs);background:var(--color-glass);color:var(--color-text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.choice--zh{font-family:var(--font-zh);justify-content:center;font-size:24px}.choice--right{background:var(--color-good-soft);border-color:var(--color-good)}.choice--wrong{background:var(--color-bad-soft);border-color:var(--color-bad)}.feedback{border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);flex-direction:column;scroll-margin-bottom:110px;display:flex}.feedback--right{background:var(--color-good-soft)}.feedback--wrong{background:var(--color-bad-soft)}.pinyin--lg{font-size:26px;font-weight:600}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-5{color:var(--tone-5)}.timer{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.list{flex-direction:column;display:flex}.list-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:inherit;text-align:left;width:100%;font:inherit;background:0 0;text-decoration:none;display:flex}.list-row:last-child{border-bottom:none}.nav{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--space-4));width:min(calc(100% - var(--space-6)), 360px);height:var(--nav-height);padding:0 var(--space-2);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(24px)saturate(1.4);z-index:20;background:#282e428c;justify-content:space-between;align-items:center;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14,0 12px 32px #00000073}.nav-item{width:58px;height:58px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.nav-item.active{background:var(--white);color:var(--color-on-primary)}.sheet-backdrop{z-index:40;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--black);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:560px;max-height:90dvh;padding:var(--space-5) var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-5));gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.page-image{border-radius:var(--radius-md);background:#fff;width:100%}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=720px){.screen{padding-top:var(--space-7)}}.cal-head{justify-content:space-between;align-items:center;display:flex}.cal-head h2{font-weight:500;font-size:var(--font-size-lg)}.cal-grid{grid-template-columns:repeat(7,1fr);justify-items:center;gap:10px 6px;display:grid}.cal-dow{font-size:var(--font-size-sm);color:var(--color-text-dim);padding-bottom:4px}.cal-day{width:44px;height:44px;color:var(--color-text);font-variant-numeric:tabular-nums;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.cal-day svg{position:absolute;inset:0}.cal-day--future{color:var(--color-text-faint)}.cal-day--today{background:var(--white);color:var(--color-on-primary);font-weight:700}.cal-day--selected{box-shadow:0 0 0 2px var(--gold)}.day-card{background:var(--color-glass);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.day-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.stat .label{font-size:var(--font-size-sm);color:var(--color-text-dim)}.stat .value{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.05}.notebook-photo{border-radius:var(--radius-md);width:100%;display:block}.dial{aspect-ratio:1;width:min(100%,320px);margin:var(--space-2) auto;position:relative}.dial svg{width:100%;height:100%}.dial-center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.dial-center .timer{font-size:clamp(30px,10.5vw,42px)}.timer-controls{justify-content:center;gap:var(--space-4);background:var(--color-glass);border-radius:var(--radius-pill);align-self:center;align-items:center;padding:8px;display:flex}.timer-controls .play-circle{width:64px;height:64px}.timer-controls .icon-btn{background:0 0}.lesson{gap:var(--space-5)}.lesson-footer{padding:var(--space-3) 0 calc(env(safe-area-inset-bottom) + var(--space-2));margin-top:auto;position:sticky;bottom:0}.lesson-footer:before{content:"";inset:-24px calc(var(--space-4) * -1) calc((env(safe-area-inset-bottom) + var(--space-6)) * -1);z-index:-1;background:linear-gradient(#0000,#050916f0 36%);position:absolute}.lesson-footer{z-index:1}.guide{letter-spacing:-.015em;color:var(--color-text);font-size:22px;font-weight:600;line-height:1.32}.guide--compact{color:var(--color-text-dim);font-size:17px;font-weight:500}.chip--canon{color:var(--gold)}.scene-image{border-radius:var(--radius-lg);width:100%;display:block}.scene-head{flex-direction:column;gap:6px;display:flex}.scene-source{font-size:var(--font-size-sm);font-weight:600}.line{flex-direction:column;gap:4px;display:flex}.line-speaker{font-size:var(--font-size-sm);font-weight:600}.line-bubble{gap:var(--space-3);background:var(--color-glass);border-radius:6px var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;display:flex}.line-pinyin{font-size:15px;display:block}.line-zh{font-family:var(--font-zh-display);font-size:30px;line-height:1.35}.line-en{font-size:var(--font-size-sm);color:var(--color-text-dim)}.word-tap{font:inherit;border-bottom:2px dotted var(--color-text-faint);background:0 0;border-radius:2px;padding:0 1px}.word-tap:active{background:var(--color-primary-soft)}.word-intro{gap:var(--space-4)}.word-hanzi{font-family:var(--font-zh-display);font-size:72px;line-height:1.1}.word-meaning{font-size:22px;font-weight:700}.trick{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-line);display:flex}.trick-char{font-family:var(--font-zh-display);text-align:center;min-width:52px;font-size:44px;line-height:1}.part-chip{font-size:var(--font-size-sm);color:var(--color-text-dim);align-items:center;gap:4px;display:inline-flex}.part-chip .zh{font-family:var(--font-zh-display);color:var(--color-text);font-size:20px}.trick-word{font-weight:700}.tone-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.tone-card{padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);background:var(--color-glass);border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;display:flex}.tone-card--heard{border-color:var(--color-text-faint)}.tone-card-py{font-size:28px;font-weight:700}.tone-shape{display:block}.game-prompt{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-3) 0;flex-direction:column;display:flex}.game-label{color:var(--color-text-dim);font-size:var(--font-size-sm)}.game-hanzi{font-family:var(--font-zh-display);font-size:84px;line-height:1.1}.game-meaning{font-size:24px;font-weight:700}.game-reveal{font-size:26px}.play-big{background:var(--white);width:96px;height:96px;color:var(--color-on-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.play-big svg{width:36px;height:36px}.option-grid{gap:var(--space-2);display:grid}.opt{border-radius:var(--radius-md);background:var(--color-glass);min-height:64px;padding:var(--space-3);font-size:var(--font-size-md);text-align:center;border:2px solid #0000;justify-content:center;align-items:center;transition:transform .1s;display:flex}.opt:active:not(:disabled){transform:scale(.97)}.opt--big{font-family:var(--font-zh-display);font-size:32px}.opt--sel{border-color:var(--white);background:var(--color-glass-strong)}.opt--right{background:var(--color-good-soft);border-color:var(--color-good)}.opt--wrong{background:var(--color-bad-soft);border-color:var(--color-bad)}.opt--dim{opacity:.45}.meaning-label{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.meaning-emoji{font-size:30px;line-height:1}.match{gap:var(--space-2);grid-template-columns:1fr 1.4fr;display:grid}.tile-answer{border-radius:var(--radius-md);border:2px dashed var(--color-text-faint);min-height:72px;padding:var(--space-2);gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.tile-bank{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.tile{min-width:52px;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--color-tile);color:var(--color-on-tile);font-family:var(--font-zh-display);font-size:26px;box-shadow:0 3px #00000059}.tile--used{opacity:.2}.reply-prompt{text-align:left;background:var(--color-glass);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4)}.path{flex-direction:column;display:flex}.path-step{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;color:inherit;text-decoration:none;display:flex}.path-dot{font-variant-numeric:tabular-nums;width:48px;height:48px;box-shadow:inset 0 0 0 2px var(--color-text-faint);color:var(--color-text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex;position:relative}.path-step--done .path-dot{box-shadow:inset 0 0 0 2px var(--gold);color:var(--gold)}.path-step--next .path-dot{background:var(--white);color:var(--color-on-primary);box-shadow:none}.path-title{letter-spacing:-.02em;font-size:20px;font-weight:700;display:block}.path-sub{font-size:var(--font-size-sm);color:var(--color-text-dim);display:block}.path-step--next .path-title{font-size:26px}.done-card{padding:var(--space-7) 0 var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.done-card h1{font-size:40px;line-height:1.05}.done-stats{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pop{animation:.3s pop}.shake{animation:.3s shake}.block-enter{animation:.22s both enter}@media (prefers-reduced-motion:reduce){.pop,.shake,.block-enter{animation:none}}.combo{font-weight:700;font-size:var(--font-size-md);font-variant-numeric:tabular-nums;color:var(--gold)}.name{color:var(--gold)}.lesson .game-prompt{padding:0}.lesson .play-big{width:80px;height:80px}.lesson .opt{min-height:56px;padding:var(--space-2)}.scene-why{font-size:var(--font-size-md);color:var(--color-text);line-height:1.45}.cast{gap:var(--space-3);flex-direction:column;display:flex}.cast-member{gap:var(--space-3);align-items:center;display:flex}.cast-avatar{width:40px;height:40px;color:var(--color-on-gold);font-family:var(--font-zh-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex}.real-line{background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;gap:2px;display:flex}.stills{aspect-ratio:16/10;border-radius:var(--radius-lg);grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:6px;display:grid;overflow:hidden}.stills img{object-fit:cover;width:100%;height:100%;display:block}.stills img:first-child{grid-row:span 2}.stills--one{display:block}.stills--one img{height:100%}.watch-row{align-items:center;gap:var(--space-3);background:var(--color-glass);border-radius:var(--radius-pill);padding:6px var(--space-4) 6px 6px;text-align:left;width:100%;display:flex}.video{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--black);width:100%;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.word-photo{margin:0;position:relative}.word-photo img{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:220px;display:block}.word-photo figcaption{color:#fff;background:#0000008c;border-radius:6px;padding:1px 6px;font-size:10px;position:absolute;bottom:8px;right:10px}.meaning-photo{object-fit:cover;border-radius:8px;width:64px;height:48px}.char-hero{gap:var(--space-4);align-items:center;display:flex}.char-big{border-radius:var(--radius-lg);background:var(--color-glass);flex:none;justify-content:center;align-items:center;width:148px;height:148px;display:flex}.char-big svg{width:128px;height:128px}.parts-eq{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);flex-wrap:wrap;display:flex}.parts-eq .zh-display{font-size:34px;line-height:1}.part-1{color:var(--part-1)}.part-2{color:var(--part-2)}.part-3{color:var(--part-3)}.part-4{color:var(--part-4)}.write-pad{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-tile);touch-action:none;width:min(100%,300px);margin:0 auto;position:relative}.write-pad svg.grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.write-pad>div{position:absolute;inset:0}.write-status{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-dim);min-height:1.4em}.mode-switch,.build-slots{justify-content:center;gap:var(--space-2);display:flex}.build-slot{border-radius:var(--radius-md);border:2px dashed var(--color-text-faint);width:72px;height:72px;font-family:var(--font-zh-display);justify-content:center;align-items:center;font-size:40px;display:flex}.paper-task{gap:var(--space-3);flex-direction:column;display:flex}.paper-task .count{font-size:var(--font-size-sm);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.paper-task h2{font-size:24px;line-height:1.2}.stack--lg>.hero+.paper-task h2{letter-spacing:-.01em;font-size:19px;font-weight:600}.settings-section{gap:var(--space-3);padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--color-line);flex-direction:column;display:flex}.settings-section:last-of-type{border-bottom:none}.paper-prompt{font-size:22px;font-weight:600;line-height:1.35}.reveal-box{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.reveal-box .zh-display{font-size:56px;line-height:1.1}.self-check{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.paste-box{gap:var(--space-2);display:flex}.capture-row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:inherit;text-align:left;background:0 0;align-items:center;width:100%;text-decoration:none;display:flex}.capture-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-glass);flex:none;width:56px;height:76px}.capture-lines{gap:var(--space-2);flex-direction:column;display:flex}.capture-line{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);align-items:center;display:flex}.capture-line .line-zh{font-size:26px}.word-pick{gap:var(--space-3);padding:var(--space-2) 0;text-align:left;background:0 0;align-items:center;width:100%;display:flex}.check-dot{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--color-text-faint);color:var(--color-on-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.check-dot--on{background:var(--white);box-shadow:none}