.app-shell{min-height:100dvh;position:relative;display:grid;place-items:center;padding:1rem;overflow:hidden}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 15% 20%,var(--atm-1),transparent 55%),radial-gradient(ellipse 70% 50% at 85% 75%,var(--atm-2),transparent 50%),var(--atm-base);animation:atmosphere-drift 18s ease-in-out infinite alternate}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(243,247,244,.03) 1px,transparent 0),linear-gradient(90deg,rgba(243,247,244,.03) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 80%);mask-image:radial-gradient(circle at center,#000 30%,transparent 80%)}@keyframes atmosphere-drift{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(8deg) brightness(1.05)}}.workbench{position:relative;z-index:1;width:var(--phone-w);height:var(--phone-h);max-width:100%;max-height:100dvh;animation:workbench-in .7s cubic-bezier(.22,1,.36,1) both}@keyframes workbench-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.phone-frame.miniapp{width:100%;height:100%;border-radius:28px;background:var(--paper);box-shadow:var(--shadow),inset 0 0 0 1px rgba(20,36,31,.08);overflow:hidden;position:relative;display:flex;flex-direction:column;color:var(--ink);animation:phone-rise .85s cubic-bezier(.22,1,.36,1) .08s both}@keyframes phone-rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.mini-chrome{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;min-height:2.55rem;padding:calc(.3rem + env(safe-area-inset-top, 0px)) .45rem .3rem;background:#14241f;color:#f3f7f4;border-bottom:1px solid rgba(243,247,244,.12)}.mini-title{margin:0;flex:0 0 auto;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.14em;text-indent:.08em;color:#fff7f2;white-space:nowrap;padding:.15rem .4rem;border-radius:6px;background:var(--cinnabar);line-height:1.15}.mini-status{flex:0 0 auto;font-size:.62rem;color:rgba(243,247,244,.55);letter-spacing:.04em}.mini-tabbar{flex:1 1 auto;display:flex;gap:.15rem;min-width:0;padding:0;border:none;background:transparent;color:inherit}.mini-tabbar button{flex:1;padding:.4rem .15rem;border-radius:10px;border:1px solid transparent;color:inherit;font-size:.82rem;letter-spacing:.08em;white-space:nowrap}.mini-tabbar button.active{background:rgba(47,143,116,.32);border-color:rgba(47,143,116,.55)}.mini-tools{display:flex;align-items:center;gap:.35rem;margin-bottom:.55rem;min-width:0}.mini-tools .search-panel{flex:1 1 45%;min-width:0;margin:0}.mini-tools .search-form{margin:0}.mini-tools .search-form input{padding:.42rem .65rem;font-size:.88rem}.mini-tools .search-go{padding:.42rem .7rem;min-width:2.4rem}.mini-tools-teach-only .mini-teach{flex:1 1 auto;justify-content:flex-start}.shengzi-nav{flex:1 1 45%;min-width:0;display:flex;align-items:center;gap:.2rem}.shengzi-nav-btn{flex:0 0 auto;width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line);background:hsla(0,0%,100%,.85);color:var(--jade);font-size:1.25rem;line-height:1;padding:0}.shengzi-nav-btn:disabled{color:rgba(90,98,94,.35);border-color:hsla(150,3%,49%,.28);background:hsla(0,0%,100%,.45);cursor:not-allowed}.shengzi-back-btn{font-size:1.05rem;letter-spacing:0}.shengzi-current{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;padding:.42rem .55rem;border-radius:8px;border:1px solid var(--line);background:hsla(0,0%,100%,.85);color:var(--ink);font-size:.88rem;letter-spacing:.04em;text-align:center}.shengzi-current-char{font-family:var(--font-kai);font-size:1.05rem;font-weight:600}.graded-dict .mini-tools .mini-teach{flex:1 1 auto;justify-content:flex-start}.mini-teach{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none}.mini-teach::-webkit-scrollbar{display:none}.mini-teach-tab{flex:1 1 0;min-width:2.6rem;padding:.32rem .2rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font-size:.78rem;letter-spacing:.06em;white-space:nowrap}.mini-teach-tab.active{color:var(--ink);background:color-mix(in srgb,var(--jade) 18%,transparent);border-color:color-mix(in srgb,var(--jade) 40%,transparent)}.phone-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 120% 40% at 50% -10%,rgba(31,107,87,.08),transparent 55%),linear-gradient(180deg,var(--paper) 0,var(--paper-deep) 100%)}:root[data-theme=photo] .phone-frame.miniapp{background:var(--paper);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);isolation:isolate}:root[data-theme=photo] .phone-scroll{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--paper) 0,var(--paper-deep) 100%);color:var(--ink)}:root[data-theme=photo] .phone-scroll:before{content:"";position:absolute;inset:0;z-index:0;background:var(--custom-bg) center /cover no-repeat;opacity:var(--watermark-opacity,.14);pointer-events:none}:root[data-theme=photo] .phone-scroll>*{position:relative;z-index:1}:root[data-theme=photo] .panel{color:var(--ink)}.panel{padding:.35rem 1.1rem 2rem;animation:panel-fade .45s ease both}@keyframes panel-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-head{margin-bottom:1rem;padding-top:.35rem}.panel-head h1{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.85rem;font-weight:400;letter-spacing:.12em;color:var(--ink)}.general-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.general-head-main{min-width:0}.dict-count{margin:0 0 .2rem;flex-shrink:0;font-size:.78rem;letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.22em;color:var(--jade);text-transform:none}.graded-crumb{position:relative;padding-bottom:.35rem;border-bottom:1px solid var(--line)}.graded-head-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.graded-head-left{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .55rem;min-width:0}.graded-head-left .eyebrow{flex-shrink:0;font-size:.82rem;letter-spacing:.12em}.shengzi-meta.inline{display:inline-flex;align-items:baseline;gap:.4rem;margin:0}.shengzi-meta.inline h2{margin:0;font-family:inherit;font-size:.82rem;font-weight:400;letter-spacing:.08em;color:var(--jade);white-space:normal}.shengzi-meta.inline span{font-size:.82rem;letter-spacing:.12em;color:var(--jade);white-space:nowrap}.lesson-select-wrap{display:block;margin:0 0 .65rem;position:relative}.lesson-select-wrap:after{content:"";position:absolute;right:.75rem;top:50%;width:.45rem;height:.45rem;border-right:1.5px solid var(--jade);border-bottom:1.5px solid var(--jade);transform:translateY(-65%) rotate(45deg);pointer-events:none}.lesson-select{display:block;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.55rem 1.8rem .55rem .7rem;border-radius:8px;border:1px solid var(--line);background:hsla(0,0%,100%,.85);color:var(--ink);font-size:.92rem;letter-spacing:.06em;font-family:inherit;line-height:1.3}.lesson-select:focus{outline:2px solid rgba(31,107,87,.35);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.45rem;font-size:1.05rem;letter-spacing:.06em}.breadcrumb button{color:var(--jade);text-decoration:underline;text-underline-offset:3px;padding:0}.breadcrumb button.here{color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:1.35rem}.crumb-sep{opacity:.4}.crumb-current{font-family:var(--font-kai);font-size:1.2rem}.crumb-actions{position:static;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;flex-shrink:0}.nav-char-btn:disabled{opacity:.35;cursor:not-allowed}.change-grade,.fav-toggle,.nav-char-btn{border:1px solid var(--line);border-radius:6px;background:hsla(0,0%,100%,.55);padding:.22rem .45rem}.fav-toggle.on{border-color:var(--jade);color:var(--jade)}.structure-actions{display:flex;flex-shrink:0;gap:.35rem;align-items:center}.action-chip.fav-chip.active{background:var(--jade);color:#f4fbf8}.shengzi-cell.is-fav{position:relative}.shengzi-cell.is-fav:after{content:"";position:absolute;top:.28rem;right:.28rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--seal,#9e3d32)}.fav-grid{align-items:stretch}.fav-cell{display:flex;flex-direction:column;gap:.25rem}.fav-cell .shengzi-cell{width:100%}.fav-remove{font-size:.68rem;letter-spacing:.06em;color:var(--ink-soft);padding:.15rem;border-radius:4px}.fav-remove:hover{color:var(--seal,#9e3d32)}.text-btn{font-size:.78rem;color:var(--jade);letter-spacing:.06em;padding:.2rem .35rem}.text-btn:hover{color:var(--cinnabar)}.search-panel{margin-bottom:.85rem}.script-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:.65rem}.script-switch button{padding:.45rem .2rem;border-radius:8px;border:1px solid var(--line);background:hsla(0,0%,100%,.45);font-size:.82rem;letter-spacing:.08em;transition:background .2s ease,color .2s ease,border-color .2s ease}.script-switch button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search-form{gap:.4rem;align-items:center}.grade-row,.search-form{display:grid;grid-template-columns:1fr auto}.grade-row{gap:.45rem}.grade-form input,.grade-row input,.search-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;background:hsla(0,0%,100%,.7);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.grade-row input:focus,.search-form input:focus{border-color:var(--jade);box-shadow:0 0 0 3px rgba(31,107,87,.12)}.cam-start,.hw-actions .primary,.search-go{border-radius:10px;padding:.7rem .85rem;background:var(--jade);color:#f4fbf8;letter-spacing:.1em;transition:background .2s ease,transform .15s ease}.search-go{min-width:2.6rem;padding-inline:.7rem}.search-go:disabled{opacity:.45;cursor:not-allowed}.search-panel .cam-pad,.search-panel .hw-pad{margin-top:.55rem}.cam-start:hover,.hw-actions .primary:hover,.search-go:hover{background:var(--jade-bright)}.hw-actions .primary:active,.search-go:active{transform:scale(.98)}.suggest-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:-.25rem 0 .85rem}.suggest-row button{min-width:2.2rem;height:2.2rem;border-radius:8px;border:1px solid var(--line);background:#fff;font-family:var(--font-kai);font-size:1.15rem}.cam-pad,.hw-pad{border:1px dashed rgba(31,107,87,.35);border-radius:12px;padding:.55rem;background:hsla(0,0%,100%,.5)}.hw-canvas{width:100%;height:160px;border-radius:8px;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 /100% 50%,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 /50% 100%,#fff;touch-action:none;cursor:crosshair}.hw-hint{margin:0;font-size:.75rem;color:var(--ink-soft);letter-spacing:.04em;flex:1;min-width:0}.hw-hint.error{color:var(--cinnabar)}.hw-result-row{align-items:center;justify-content:space-between;gap:.55rem}.hw-candidates,.hw-result-row{display:flex;margin-top:.45rem}.hw-candidates{flex-wrap:wrap;gap:.35rem}.hw-candidate{min-width:2.2rem;height:2.2rem;border-radius:8px;border:1px solid var(--line);background:#fff;font-family:var(--font-kai);font-size:1.2rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.hw-candidate:hover{border-color:var(--jade);background:var(--ink);color:var(--paper)}.rewrite-btn{flex-shrink:0;padding:.28rem .65rem;border-radius:8px;border:1px solid var(--jade);color:var(--jade);background:hsla(0,0%,100%,.8);font-size:.75rem;letter-spacing:.08em}.rewrite-btn:hover{background:var(--jade);color:#f4fbf8}.hw-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.45rem}.hw-actions button:not(.primary){padding:.55rem .85rem;border-radius:10px;border:1px solid var(--line);background:#fff}.settings-section{margin-top:.15rem}.settings-section h2{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.05rem;font-weight:400;letter-spacing:.12em}.settings-desc{margin:0 0 .85rem;font-size:.82rem;color:var(--ink-soft)}.settings-status{margin-top:.85rem;padding-top:0;border-top:none}.settings-status-line{margin:0;font-size:.88rem;letter-spacing:.06em;color:var(--ink-soft)}.theme-grid{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:.45rem}.theme-card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:.65rem .3rem .55rem;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.65);transition:border-color .2s ease,box-shadow .2s ease}.theme-card.active{border-color:var(--jade);box-shadow:0 0 0 2px rgba(31,107,87,.15)}.theme-swatch{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--line);flex-shrink:0}.theme-ink .theme-swatch{background:linear-gradient(135deg,#0f1a16,#1f6b57)}.theme-dawn .theme-swatch{background:linear-gradient(135deg,#f7f0e6,#c4784a)}.theme-night .theme-swatch{background:linear-gradient(135deg,#12151c,#3d5a80)}.theme-photo{gap:.3rem;padding:.5rem .25rem .4rem;cursor:default}.theme-photo-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:0;background:transparent;border:none;cursor:pointer}.theme-photo .photo-swatch{background:linear-gradient(135deg,hsla(0,0%,100%,.2),rgba(0,0,0,.25)),repeating-conic-gradient(#ccc 0 25%,#eee 0 50%) 0 0 /12px 12px;background-size:cover,12px 12px;background-position:50%}.theme-photo-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem .4rem;padding-left:0}.theme-photo-actions .text-btn{font-size:.68rem;letter-spacing:.04em;padding:.1rem .2rem}.theme-label{font-size:.78rem;letter-spacing:.06em;line-height:1.2;white-space:nowrap}.theme-desc{display:none}.cam-video{width:100%;border-radius:8px;background:#111;max-height:220px;-o-object-fit:cover;object-fit:cover}.cam-start{width:100%}.char-view{gap:.55rem}.char-main,.char-view{display:flex;flex-direction:column}.char-main{align-items:stretch;gap:.32rem;min-width:0}.tianzige-stage{position:relative;width:100%;min-width:0}.tz-corner{position:absolute;z-index:8;box-sizing:border-box;margin:0;min-width:1.85rem;min-height:1.85rem;padding:.2rem .35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:hsla(0,0%,100%,.92);box-shadow:0 1px 4px rgba(20,36,31,.12);pointer-events:auto}.tz-corner--tl{top:.28rem;left:.28rem}.tz-corner--tr{top:.28rem;right:.28rem}.tz-corner--bl{bottom:.28rem;left:.28rem}.tz-corner .meta-action-icon{font-size:.95rem;line-height:1}.tianzige-block{display:flex;flex-direction:column;aspect-ratio:1;width:100%;height:auto;min-width:0;max-width:none;margin:0;gap:0;overflow:visible;align-self:stretch;box-sizing:border-box}.tianzige{position:relative;flex:1 1 auto;width:100%;height:100%;aspect-ratio:unset;color:rgba(31,107,87,.45);background:#fff;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(20,36,31,.06);overflow:hidden}.tianzige-grid{position:absolute;inset:0;width:100%;height:100%}.tianzige-outline{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(6.2rem,58vw,14rem);line-height:1;color:transparent;-webkit-text-stroke:1.8px rgba(20,36,31,.3);paint-order:stroke fill;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;pointer-events:none;animation:outline-in .55s ease both}.tianzige.script-glyph .tianzige-outline{opacity:1;z-index:2}.tianzige-outline.tracing-template{opacity:1;color:transparent;-webkit-text-stroke:1.8px rgba(20,36,31,.32)}.script-play-layer{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}.script-play-ghost{fill:transparent;stroke:rgba(20,36,31,.22);stroke-width:1.4px}.script-play-glyph{fill:transparent;stroke:#111;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation-name:script-stroke-draw;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes script-stroke-draw{0%{stroke-dashoffset:1600;fill:transparent;stroke:#1a2e28;stroke-width:2.4px}72%{stroke-dashoffset:0;fill:transparent;stroke:#111;stroke-width:2px}to{stroke-dashoffset:0;fill:#000;stroke:transparent;stroke-width:0}}.script-play-ghost[data-script=\5C0F\7BC6],.script-play-glyph[data-script=\5C0F\7BC6]{letter-spacing:.12em;transform-box:fill-box;transform-origin:center;transform:scale(.92,1.14)}.script-play-ghost[data-script=\884C\4E66],.script-play-glyph[data-script=\884C\4E66]{transform-box:fill-box;transform-origin:center;transform:scale(1.06) rotate(-2deg)}.script-play-ghost[data-script=\96B6\4E66],.script-play-glyph[data-script=\96B6\4E66]{letter-spacing:.06em;transform-box:fill-box;transform-origin:center;transform:scale(1.08,.92)}.tianzige-outline[data-script=\5C0F\7BC6]{letter-spacing:.12em;transform:scale(.92,1.14);-webkit-text-stroke-width:1.5px}.tianzige-outline[data-script=\884C\4E66]{transform:scale(1.06) rotate(-2deg);-webkit-text-stroke-width:1.6px}.tianzige-outline[data-script=\96B6\4E66]{transform:scale(1.08,.92);letter-spacing:.06em;-webkit-text-stroke-width:2px}@keyframes outline-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.tianzige-stroke{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none;opacity:0;visibility:hidden}.tianzige-stroke.always,.tianzige-stroke.visible{opacity:1;visibility:visible}.tianzige-stroke.tracing{pointer-events:auto;touch-action:none;cursor:crosshair}.tianzige-stroke>div,.tianzige-stroke>svg{width:auto!important;height:auto!important;max-width:100%;max-height:100%;display:block}.tianzige.writer-mode .tianzige-stroke>svg{max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;flex:none}.stroke-guides{position:absolute;left:50%;top:50%;z-index:6;width:auto;height:auto;max-width:none;max-height:none;transform:translate(-50%,-50%);pointer-events:auto;overflow:hidden;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stroke-guides.ink-pass,.stroke-guides.muted{pointer-events:none}.stroke-guides.ink-pass .stroke-leader-hit,.stroke-guides.ink-pass .stroke-num-hit{pointer-events:stroke}.stroke-guides.ink-pass .stroke-num-hit{pointer-events:all}.stroke-guides.muted .stroke-dir-head,.stroke-guides.muted .stroke-num-leader,.stroke-guides.muted .stroke-path-line,.stroke-guides.muted .stroke-path-shape,.stroke-guides.muted .stroke-start-dot{opacity:.28}.stroke-guides.muted .stroke-num{opacity:.72}.stroke-guide-item,.stroke-hit,.stroke-hit-shape,.stroke-leader-hit,.stroke-num-hit{cursor:pointer}.stroke-guides.has-active .stroke-guide-item:not(.active) .stroke-dir-head,.stroke-guides.has-active .stroke-guide-item:not(.active) .stroke-path-line,.stroke-guides.has-active .stroke-guide-item:not(.active) .stroke-path-shape,.stroke-guides.has-active .stroke-guide-item:not(.active) .stroke-start-dot{opacity:.2}.stroke-guides.has-active .stroke-guide-item:not(.active) .stroke-num-leader{opacity:.14}.stroke-guides.has-active .stroke-guide-item:not(.active) .stroke-num{opacity:.28}.stroke-guide-item.active .stroke-path-line{stroke:#f07830;stroke-width:12;opacity:1;stroke-dasharray:none}.stroke-guide-item.active .stroke-path-shape{fill:#f07830;opacity:.92}.stroke-guide-item.active .stroke-dir-head,.stroke-guide-item.active .stroke-start-dot{fill:#f07830;opacity:1}.stroke-guide-item.active .stroke-num-leader{stroke:#f07830;stroke-width:9;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 2px rgba(240,120,48,.45))}.stroke-guide-item.active .stroke-num{fill:#f07830;opacity:1;stroke:hsla(0,0%,100%,.98);stroke-width:12px;filter:drop-shadow(0 1px 2px rgba(240,120,48,.35))}.stroke-path-line{stroke:#2a6b58;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16 14;opacity:.72}.stroke-path-shape{fill:#a8b5ae;stroke:none;opacity:.55}.stroke-start-dot{display:initial;fill:#c45a4a;stroke:hsla(0,0%,100%,.95);stroke-width:4;opacity:.95}.stroke-num-leader{display:initial;fill:none;stroke:rgba(139,46,40,.55);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 10;opacity:.85}.stroke-num{fill:#8b2e28;font-family:"Noto Serif SC","Source Han Serif SC",serif;font-weight:800;paint-order:stroke fill;stroke:hsla(0,0%,100%,.94);stroke-width:8px;pointer-events:none}.stroke-dir-head{fill:#1f6b57;opacity:.7}:root[data-theme=dawn] .stroke-path-line{stroke:#a35a2f}:root[data-theme=dawn] .stroke-path-shape{fill:#a8b5ae}:root[data-theme=dawn] .stroke-dir-head{fill:#a35a2f}:root[data-theme=dawn] .stroke-guide-item.active .stroke-num-leader,:root[data-theme=dawn] .stroke-guide-item.active .stroke-path-line{stroke:#f07830}:root[data-theme=dawn] .stroke-guide-item.active .stroke-dir-head,:root[data-theme=dawn] .stroke-guide-item.active .stroke-num,:root[data-theme=dawn] .stroke-guide-item.active .stroke-path-shape,:root[data-theme=dawn] .stroke-guide-item.active .stroke-start-dot{fill:#f07830}:root[data-theme=night] .stroke-num,:root[data-theme=night] .stroke-start-dot{fill:#e08a80;stroke:rgba(12,16,24,.85)}:root[data-theme=night] .stroke-num-leader{stroke:hsla(6,61%,69%,.65)}:root[data-theme=night] .stroke-path-line{stroke:#7aa4f5}:root[data-theme=night] .stroke-path-shape{fill:#a8b5ae}:root[data-theme=night] .stroke-dir-head{fill:#5b8def}:root[data-theme=night] .stroke-guide-item.active .stroke-num-leader,:root[data-theme=night] .stroke-guide-item.active .stroke-path-line{stroke:#f07830}:root[data-theme=night] .stroke-guide-item.active .stroke-dir-head,:root[data-theme=night] .stroke-guide-item.active .stroke-num,:root[data-theme=night] .stroke-guide-item.active .stroke-path-shape,:root[data-theme=night] .stroke-guide-item.active .stroke-start-dot{fill:#f07830}.tianzige-freehand{position:absolute;inset:0;z-index:3;width:100%;height:100%;touch-action:none;cursor:crosshair;background:transparent}.trace-bar{position:absolute;left:0;right:0;bottom:.3rem;z-index:4;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .4rem;pointer-events:none}.trace-hint{margin:0;text-align:center;font-size:.68rem;letter-spacing:.08em;color:var(--jade);pointer-events:none}.trace-hint.play-hint{position:absolute;left:0;right:0;bottom:.35rem;z-index:3}.trace-done{pointer-events:auto;padding:.22rem .55rem;border-radius:7px;background:var(--jade);color:#f4fbf8;font-size:.72rem;letter-spacing:.08em}.stroke-fallback{display:grid;place-items:center;font-family:var(--font-body);font-size:.72rem;color:var(--ink-soft);text-align:center;padding:.5rem}.char-view{position:relative}.feedback-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(15,26,22,.28);backdrop-filter:blur(2px);animation:feedback-in .28s ease both;border-radius:4px}@keyframes feedback-in{0%{opacity:0}to{opacity:1}}.feedback-card{position:relative;min-width:10rem;max-width:80%;padding:1.1rem 1.25rem 1rem;border-radius:16px;text-align:center;background:#fff;box-shadow:0 16px 40px rgba(20,36,31,.22);animation:feedback-pop .45s cubic-bezier(.22,1,.36,1) both}.feedback-topic{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--jade)}.feedback-overlay.topic-read .feedback-topic{color:#2f6fed}.feedback-overlay.topic-trace .feedback-topic{color:var(--jade)}@keyframes feedback-pop{0%{transform:scale(.86);opacity:0}to{transform:none;opacity:1}}.feedback-overlay.praise .feedback-card{border:1.5px solid rgba(158,61,50,.35)}.feedback-overlay.encourage .feedback-card{border:1.5px solid rgba(31,107,87,.35)}.feedback-burst{display:flex;justify-content:center;gap:.35rem;margin-bottom:.35rem;color:var(--cinnabar);font-size:1rem;animation:burst-twinkle 1.2s ease infinite}@keyframes burst-twinkle{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.feedback-soft{font-size:1.4rem;margin-bottom:.2rem}.feedback-msg{margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.08em;color:var(--ink)}.feedback-sub{margin:.35rem 0 0;font-size:.78rem;letter-spacing:.12em;color:var(--ink-soft)}.script-switch button:disabled{opacity:.4;cursor:not-allowed}.char-meta{width:100%;min-width:0;margin:0;box-sizing:border-box}.meta-strip{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.28rem .4rem;width:100%;padding:.28rem .4rem;box-sizing:border-box;overflow-x:auto;overscroll-x:contain;-webkit-overflow-scrolling:touch}.meta-block,.meta-strip{display:flex;min-width:0;border-left:2px solid var(--jade);background:hsla(0,0%,100%,.55)}.meta-block{padding:.24rem .32rem;flex-direction:column;justify-content:center;gap:.14rem}.meta-block h3{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.18em;color:var(--jade);font-weight:500}.pinyin-big{letter-spacing:.04em}.pinyin-big,.pinyin-split{font-size:.88rem;margin:0;line-height:1.1;flex-shrink:0;font-weight:600}.pinyin-split{display:inline-flex;align-items:baseline;gap:.28rem;color:var(--ink);white-space:nowrap}.pinyin-final,.pinyin-init{letter-spacing:.02em}.meta-parts{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;font-size:.72rem;line-height:1.1;color:var(--ink);white-space:nowrap}.meta-parts span{padding:.08rem .28rem;border:1px solid var(--line);border-radius:4px;background:hsla(0,0%,100%,.7)}.radical-inline{display:inline-flex;align-items:center;gap:.12rem;color:var(--ink-soft)}.body-strokes,.radical-inline{flex-shrink:0;font-size:.72rem;line-height:1.1;white-space:nowrap}.body-strokes{margin:0;padding:.06rem .28rem;border:1px solid var(--line);border-radius:4px;background:hsla(0,0%,100%,.7);color:var(--ink)}.pinyin-row,.structure-row{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin-bottom:.12rem}.structure-row .structure{margin:0}.action-chip{flex-shrink:0;padding:.16rem .36rem;border-radius:6px;border:1px solid var(--jade);color:var(--jade);background:hsla(0,0%,100%,.75);font-size:.66rem;letter-spacing:.05em;transition:background .2s ease,color .2s ease}.action-chip.active{background:var(--jade);color:#f4fbf8}.action-chip:disabled:not(.unsupported){background:var(--jade);color:#f4fbf8;opacity:.85;cursor:wait}.action-chip.unsupported,.action-chip.unsupported:disabled{background:hsla(150,3%,49%,.12);border-color:hsla(150,3%,49%,.35);color:rgba(90,98,94,.55);opacity:1;cursor:not-allowed}.pinyin-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.68rem}.pinyin-table td,.pinyin-table th{text-align:center;padding:.1rem .08rem;border:1px solid var(--line)}.pinyin-table th{font-weight:500;color:var(--ink-soft);font-size:.58rem;letter-spacing:.03em;background:hsla(0,0%,100%,.55)}.pinyin-table td{font-weight:600;color:var(--ink)}.pinyin-parts,.radical-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.06rem}.pinyin-parts li,.radical-list li{display:flex;justify-content:space-between;align-items:center;gap:.22rem;font-size:.64rem;line-height:1.2}.pinyin-parts span,.radical-list span:last-child{color:var(--ink-soft);font-size:.55rem}.structure{margin:0;font-size:.72rem;line-height:1.1;white-space:nowrap;flex-shrink:0}.radical-glyph{font-family:var(--font-kai);font-size:.85rem;color:var(--ink)!important;line-height:1}.stroke-row{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-top:.06rem;flex-wrap:nowrap}.stroke-toggle{flex-shrink:0;padding:.14rem .32rem;border-radius:6px;border:1px solid var(--jade);color:var(--jade);background:hsla(0,0%,100%,.7);font-size:.66rem;letter-spacing:.04em;transition:background .2s ease,color .2s ease}.stroke-toggle.active{background:var(--jade);color:#f4fbf8}.stroke-toggle.unsupported,.stroke-toggle.unsupported:disabled{background:hsla(150,3%,49%,.12);border-color:hsla(150,3%,49%,.35);color:rgba(90,98,94,.55);cursor:not-allowed}.stroke-count{font-size:.72rem;color:var(--ink-soft);white-space:nowrap;flex-shrink:0;margin:0 0 0 auto}.meta-strip .action-chip{padding:.14rem .32rem;font-size:.66rem}.meta-strip .meta-icon-btn{padding:.12rem .36rem;min-width:1.7rem;line-height:1}.meta-strip .meta-action-icon{display:inline-block;font-size:.92rem;line-height:1;font-weight:600}.meta-strip .stroke-toggle.meta-icon-btn{padding:.12rem .36rem;font-size:inherit}.action-chip.fav-chip.active .meta-action-icon{color:inherit}.dict-body{--sw-dict-fs:0.82rem;--sw-dict-lh:1.3;padding-top:.15rem}.dict-entry-head{padding-bottom:.28rem;margin-bottom:.12rem;border-bottom:1px solid var(--ink)}.dict-meaning{margin:0;font-size:var(--sw-dict-fs);line-height:var(--sw-dict-lh);color:var(--ink-soft);text-align:left}.dict-tier-note{margin:.2rem 0 0;font-size:.72rem;color:var(--ink-soft);letter-spacing:.04em}.dict-teach-panel{margin-top:.28rem;min-width:0;display:flex;flex-direction:column;gap:.28rem}.dict-section{padding:0}.dict-section,.dict-section:last-child{border-bottom:none}.dict-section h3,.seal{display:none}.dict-section p{margin:0;font-size:var(--sw-dict-fs,.82rem);line-height:var(--sw-dict-lh,1.3);text-align:left}.word-list{margin:0;display:flex;flex-direction:column;gap:.1rem}.word-item{display:grid;gap:0;padding-bottom:.12rem;border-bottom:1px dotted var(--line)}.word-item:last-child{border-bottom:none;padding-bottom:0}.word-item dt{display:flex;align-items:baseline;flex-wrap:wrap;gap:.12rem .35rem;margin:0}.word-item em{font-style:normal;font-family:var(--font-kai);font-size:var(--sw-dict-fs,.82rem);line-height:var(--sw-dict-lh,1.3)}.word-item .word-py{letter-spacing:.02em}.word-item .word-mean,.word-item .word-py{font-size:var(--sw-dict-fs,.82rem);color:var(--ink-soft);line-height:var(--sw-dict-lh,1.3)}.word-item .word-mean{flex:1 1 8rem}.word-item dd{display:none}.sentence-list{list-style:none;display:flex;flex-direction:column;align-items:stretch;gap:.04rem;font-size:var(--sw-dict-fs,.82rem);line-height:var(--sw-dict-lh,1.3)}.sentence-list,.sentence-list li{margin:0;padding:0;width:100%;text-align:left}.empty-hint{padding:2rem 1rem;text-align:center;color:var(--ink-soft);font-size:.9rem;line-height:1.7}.grade-form{margin-bottom:1rem}.grade-form label{display:block;margin-bottom:.4rem;font-size:.78rem;letter-spacing:.14em;color:var(--jade)}.grade-chips{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.grade-chips button{padding:.7rem .55rem;border-radius:10px;border:1px solid var(--line);background:hsla(0,0%,100%,.7);font-size:.86rem;letter-spacing:.04em;transition:border-color .2s ease,background .2s ease,transform .15s ease}.grade-chips button:hover{border-color:var(--jade);background:#fff;transform:translateY(-1px)}.shengzi-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.shengzi-meta h2{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:400;letter-spacing:.12em}.shengzi-meta span{font-size:.78rem;color:var(--ink-soft)}.shengzi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.shengzi-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line);background:#fff;font-family:var(--font-kai);font-size:1.1rem;transition:background .2s ease,color .2s ease,transform .15s ease}.shengzi-cell:hover{background:var(--ink);color:var(--paper);transform:scale(1.04)}.shengzi-cell.dim{color:rgba(20,36,31,.38)}@media (max-width:480px){#root,body,html{height:100%;overflow:hidden}.app-shell{padding:0;place-items:stretch;min-height:100dvh;min-height:100svh;overflow:hidden}.atmosphere,.workbench{animation:none}.workbench{width:100%;height:100dvh;height:100svh;max-height:none}.phone-frame.miniapp{border-radius:0;box-shadow:none;animation:none}.panel{padding:.55rem .85rem 1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.shuo-wen-embed{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%;align-self:stretch;overflow:hidden}.shuo-wen-embed .atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:1.25rem}.shuo-wen-mobile-shell{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;border-radius:1.25rem;overflow:hidden;background:hsla(0,0%,100%,.72);backdrop-filter:blur(12px);--sw-chrome-col:minmax(0,1fr);--sw-main-gap:0.35rem;--sw-shell-pad-x:0.65rem}.sw-chrome{display:grid;grid-template-columns:var(--sw-chrome-col) var(--sw-chrome-col);-moz-column-gap:var(--sw-main-gap);column-gap:var(--sw-main-gap);align-items:stretch;padding:.4rem var(--sw-shell-pad-x) .3rem;min-width:0;box-sizing:border-box}.sw-chrome .search-panel{grid-column:1;min-width:0;margin:0;display:flex}.sw-chrome .search-form{flex:1 1 auto;min-width:0;height:100%;margin:0;align-items:stretch}.sw-chrome .search-form input,.sw-chrome .search-go{height:100%;box-sizing:border-box;padding-top:0;padding-bottom:0;min-height:0}.sw-chrome .search-form input{padding-inline:.65rem;font-size:.88rem;border-radius:8px}.sw-chrome .search-go{min-width:2.2rem;padding-inline:.55rem;border-radius:8px;font-size:.85rem}.sw-dual-tabs{grid-column:2;width:100%;min-width:0;max-width:none;display:flex;flex-direction:column;gap:.14rem;align-self:stretch;height:2.65rem;box-sizing:border-box}.sw-dual-tabs .mini-teach,.sw-dual-tabs-row{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;padding:.1rem;border:1px solid rgba(0,0,0,.06);border-radius:.45rem;background:hsla(0,0%,100%,.55);overflow:hidden;box-sizing:border-box}.sw-dual-tabs .mini-teach-tab,.sw-dual-tabs-row button{min-width:0;min-height:0;height:100%;padding:0 .08rem;border-radius:.32rem;border:none;background:transparent;font-size:.66rem;font-weight:600;letter-spacing:0;color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:clip}.sw-dual-tabs .mini-teach-tab.active,.sw-dual-tabs-row button.active{color:var(--ink,#1e293b);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08)}.sw-dual-tabs .mini-teach-tab:disabled{opacity:.38;cursor:default}.shuo-wen-mobile-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 var(--sw-shell-pad-x) .75rem;box-sizing:border-box;background:transparent}.shuo-wen-mobile-body>.panel{padding-left:0;padding-right:0;padding-top:.15rem}.dict-loading--bar{margin:0 var(--sw-shell-pad-x) .25rem;font-size:.75rem;color:var(--muted,#64748b)}.shuo-wen-mobile-head,.shuo-wen-mobile-tabs{display:none}:root,:root[data-theme=ink]{--ink:#14241f;--ink-soft:#3a524a;--mist:#dce8e2;--paper:#f3f7f4;--paper-deep:#e7efe9;--jade:#1f6b57;--jade-bright:#2f8f74;--cinnabar:#9e3d32;--line:rgba(20,36,31,.14);--shadow:0 24px 60px rgba(20,36,31,.18);--shell-bg:#0f1a16;--atm-1:rgba(47,143,116,.28);--atm-2:rgba(158,61,50,.16);--atm-base:linear-gradient(160deg,#0c1613,#163028 45%,#0f1a16);--font-display:"ZCOOL XiaoWei","Noto Serif SC",serif;--font-kai:"LXGW WenKai","STKaiti","KaiTi",serif;--font-body:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--phone-w:min(390px,100vw);--phone-h:min(844px,100dvh);color:var(--ink);background:var(--shell-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dawn]{--ink:#3a2a1f;--ink-soft:#6b5344;--mist:#efe6d8;--paper:#faf6ef;--paper-deep:#f0e6d8;--jade:#a35a2f;--jade-bright:#c4784a;--cinnabar:#8b3a2b;--line:rgba(58,42,31,.14);--shadow:0 24px 60px rgba(58,42,31,.16);--shell-bg:#2a2118;--atm-1:rgba(196,120,74,.28);--atm-2:rgba(139,58,43,.14);--atm-base:linear-gradient(160deg,#1f1812,#3d2e22 45%,#2a2118)}:root[data-theme=night]{--ink:#e8eef5;--ink-soft:#a8b4c4;--mist:#1c2430;--paper:#171c26;--paper-deep:#12171f;--jade:#5b8def;--jade-bright:#7aa4f5;--cinnabar:#e07a6a;--line:rgba(232,238,245,.14);--shadow:0 24px 60px rgba(0,0,0,.45);--shell-bg:#0b0e14;--atm-1:rgba(91,141,239,.22);--atm-2:hsla(8,66%,65%,.12);--atm-base:linear-gradient(160deg,#080a10,#141a28 45%,#0b0e14)}:root[data-theme=photo][data-photo-tone=dark]{--ink:#eef3f8;--ink-soft:#aeb8c6;--mist:#1c2430;--paper:#171c26;--paper-deep:#12171f;--jade:#7eb6a0;--jade-bright:#9fd0bb;--cinnabar:#e08a7c;--line:rgba(238,243,248,.16);--shadow:0 24px 60px rgba(0,0,0,.45);--shell-bg:#0b0e14;--atm-1:rgba(91,141,239,.18);--atm-2:hsla(8,66%,65%,.1);--atm-base:linear-gradient(160deg,#080a10,#141a28 45%,#0b0e14);--watermark-opacity:0.18}:root[data-theme=photo][data-photo-tone=light]{--ink:#14241f;--ink-soft:#3a524a;--mist:#dce8e2;--paper:#f3f7f4;--paper-deep:#e7efe9;--jade:#1f6b57;--jade-bright:#2f8f74;--cinnabar:#9e3d32;--line:rgba(20,36,31,.14);--shadow:0 24px 60px rgba(20,36,31,.18);--shell-bg:#0f1a16;--atm-1:rgba(47,143,116,.28);--atm-2:rgba(158,61,50,.16);--atm-base:linear-gradient(160deg,#0c1613,#163028 45%,#0f1a16);--watermark-opacity:0.14}*,:after,:before{box-sizing:border-box}html{font-size:18px}#root,body,html{margin:0;min-height:100%}body{min-height:100dvh;overflow-x:hidden;background:var(--shell-bg);color:var(--ink)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}::-moz-selection{background:color-mix(in srgb,var(--jade) 28%,transparent)}::selection{background:color-mix(in srgb,var(--jade) 28%,transparent)}