:root{--ink:#22231f;--paper:#f4f0e6;--paper-deep:#ece4d4;--line:#5f5f5f;--line-light:#bcbcbc;--accent:#2f7e67;--accent-deep:#1f6350;--card-shadow:0 10px 24px rgba(34,35,31,.08)}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 5%,hsla(0,0%,100%,.65),transparent 30%),radial-gradient(circle at 90% 92%,hsla(0,0%,100%,.45),transparent 28%),linear-gradient(170deg,#efeadf,#e7dfcf);color:var(--ink);font-family:"Noto Serif SC",Songti SC,STSong,serif;margin:0}.home-shell{background:#f9f7f0eb;border:1px solid rgba(82,78,67,.12);border-radius:12px;box-shadow:var(--card-shadow);margin:0 auto;padding:14px;width:min(100%,1180px)}.topbar{align-items:center;background:#ffffff73;border:1px solid rgba(80,76,63,.1);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.logo{font-size:28px;font-weight:700;letter-spacing:1px}.nav{color:#4e4a41;display:flex;font-size:14px;gap:18px}.actions{display:flex;gap:8px}.btn-subtle{align-items:center;background:#f8f6ef;border:1px solid rgba(70,67,57,.2);border-radius:8px;color:#4a463f;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 12px}.hero{background:linear-gradient(180deg,#ffffffe0,#f2ecdee6),linear-gradient(135deg,hsla(42,33%,71%,.18),transparent 40%),radial-gradient(circle at 70% 60%,hsla(40,45%,70%,.2),transparent 40%);border:1px solid rgba(84,81,72,.12);border-radius:14px;display:grid;gap:18px;grid-template-columns:1.2fr 1fr;margin-top:16px;min-height:270px;padding:28px}.hero-content h1{font-size:clamp(34px,5vw,54px);line-height:1.15;margin:0}.hero-content p{color:#514c42;font-size:20px;margin:14px 0 20px}.hero-subtle{height:44px;padding:0 14px}.btn-main{align-items:center;background:linear-gradient(180deg,var(--accent),var(--accent-deep));border:none;border-radius:10px;box-shadow:0 8px 18px #2f7e6759;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:124px}.book{aspect-ratio:4/3;background:linear-gradient(90deg,#cfb98c47 50%,#cdad7929 0),linear-gradient(0deg,rgba(99,96,86,.24) 1px,transparent 0),linear-gradient(90deg,rgba(99,96,86,.24) 1px,transparent 0),#faf4e8;background-size:100% 100%,30px 30px,30px 30px,100% 100%;border:1px solid rgba(53,50,42,.2);border-radius:10px;box-shadow:0 12px 30px #1c1c1c2e;transform:perspective(900px) rotateY(-18deg) rotate(-2deg);width:min(100%,300px)}.pen{background:linear-gradient(90deg,#2f2e2c,#5c5a55 45%,#2d2c2a);border-radius:999px;bottom:14%;box-shadow:0 5px 10px #1414143d;height:12px;position:absolute;right:6%;transform:rotate(-25deg);width:170px}.cards{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.card{background:#fff;border:1px solid rgba(85,81,73,.12);border-radius:12px;box-shadow:0 8px 20px #19191814;padding:10px}.card-cover{aspect-ratio:16/10;border:1px solid rgba(90,87,79,.14);border-radius:8px;width:100%}.cover-1,.cover-2,.cover-3,.cover-4,.cover-a,.cover-b,.cover-c,.cover-d{background:linear-gradient(120deg,hsla(40,49%,73%,.4),transparent 45%),linear-gradient(0deg,rgba(95,93,85,.3) 1px,transparent 0),linear-gradient(90deg,rgba(95,93,85,.3) 1px,transparent 0),#f8f0df;background-size:100% 100%,28px 28px,28px 28px,100% 100%}.cover-2,.cover-b{filter:sepia(.15) saturate(.9)}.cover-3,.cover-c{filter:sepia(.28) contrast(.95)}.cover-4,.cover-d{filter:sepia(.1) hue-rotate(-25deg) saturate(1.05)}.cover-5{background:linear-gradient(0deg,rgba(96,138,121,.35) 1px,transparent 0),linear-gradient(90deg,rgba(96,138,121,.35) 1px,transparent 0),#f9fcfa;background-size:24px 24px,24px 24px,100% 100%;border:2px solid rgba(84,133,116,.7);overflow:hidden;position:relative}.cover-5:before{background:#caead6d9;border-radius:6px;color:#1d7d48;content:"识字1  天地人";font-size:14px;font-weight:700;left:8px;padding:2px 8px;position:absolute;top:8px}.cover-5:after{bottom:8px;color:#2d3e388f;content:"天 地 人  你 我";font-size:15px;left:10px;letter-spacing:2px;position:absolute}.card h3{font-size:20px;margin:9px 0 6px}.card p{color:#625d51;margin:0 0 10px}.highlights{background:#ffffff9e;border:1px solid rgba(82,79,69,.14);border-radius:12px;display:grid;font-size:24px;font-weight:700;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding:16px}.footer{border-top:1px solid rgba(73,70,62,.14);color:#5f5a4e;display:flex;font-size:13px;gap:18px;justify-content:center;margin-top:18px;padding-top:12px}.stroke-shell{background:#f9f7f0f0;border:1px solid rgba(82,78,67,.16);border-radius:14px;box-shadow:var(--card-shadow);margin:0 auto;padding:14px;width:min(100%,1040px)}.stroke-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.stroke-head h1{font-size:clamp(26px,3.6vw,36px);margin:0}.stroke-layout{display:grid;gap:14px;grid-template-columns:300px minmax(0,1fr);margin-top:12px}.stroke-controls{background:#ffffffbf;border:1px solid rgba(90,88,79,.14);border-radius:12px;display:grid;gap:6px;padding:12px}.stroke-controls label{color:#4f4a40;display:grid;font-size:14px;gap:3px}.control-input{background:#fff;border:1px solid rgba(87,83,74,.2);border-radius:8px;font-size:16px;height:40px;padding:0 10px}.control-range{width:100%}.control-color{background:transparent;border:none;height:40px;padding:0;width:100%}.stroke-board-wrap{background:#ffffffc2;border:1px solid rgba(90,88,79,.14);border-radius:12px;padding:14px}.preview-char{line-height:1;opacity:.25;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stroke-board{--stroke-frame:#7e7668;aspect-ratio:1/1;background:linear-gradient(to bottom right,transparent 49.7%,var(--stroke-frame) 50%,transparent 50.3%),linear-gradient(to top right,transparent 49.7%,var(--stroke-frame) 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,var(--stroke-frame) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,var(--stroke-frame) 50%,transparent 50.3%),#fff;border:2px solid var(--stroke-frame);border-radius:12px;margin:10px auto 0;position:relative;width:min(100%,480px)}.writer-board{inset:0;position:absolute}.writer-board,.writer-board svg{height:100%;width:100%}.stroke-error,.stroke-progress,.stroke-status{margin:10px 0 0;text-align:center}.stroke-progress,.stroke-status{color:#4d4a42}.stroke-error{color:#a53939}.sheet-style-layout{grid-template-columns:320px minmax(0,1fr)}.stroke-print-page{background:#fff;border:1px solid rgba(90,88,79,.2);box-shadow:0 6px 20px #19191814;margin:0 auto 14px;min-height:297mm;padding:8mm;width:min(100%,210mm);-moz-column-break-inside:avoid;break-inside:avoid}.stroke-page-head{border-bottom:1px solid rgba(80,76,63,.35);color:#4e4a41;font-size:14px;padding-bottom:6px}.stroke-page-head,.stroke-status-line{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stroke-status-line{gap:12px}.stroke-sheet{--frame-color:#5b8ea0;--frame-light:#c9dce4;--stroke-color:#202020;--font-color:#9aa7b1;--cell-font:64px;--cell-font-family:"KaiTi";background:#fff;border-left:2px solid var(--frame-color);border-top:2px solid var(--frame-color);width:100%}.fast-sheet{border-left:1px solid var(--frame-color);border-top:1px solid var(--frame-color)}.fast-sheet .stroke-cell{aspect-ratio:1/1;background:linear-gradient(90deg,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),#fff;border-bottom:1px solid var(--frame-color);border-right:1px solid var(--frame-color)}.fast-sheet .ghost-char{color:var(--font-color);opacity:.28}.stroke-row{display:grid}.stroke-row.row-separator .stroke-cell{border-top:2px solid var(--frame-color)}.stroke-cell{aspect-ratio:1/1;background:linear-gradient(90deg,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(to bottom right,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(to top right,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),#fff;border-bottom:2px solid var(--frame-color);border-right:2px solid var(--frame-color);overflow:hidden;position:relative}.ghost-char{color:var(--font-color);display:grid;inset:0;opacity:.16;place-items:center;position:absolute}.ghost-char,.stroke-glyph{font-family:var(--cell-font-family),"KaiTi",serif;font-size:var(--cell-font);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stroke-glyph{color:var(--stroke-color);position:relative;z-index:1}.stroke-glyph.faint{color:var(--font-color);opacity:.32}.stroke-path{fill:var(--stroke-color)}.literacy-shell{width:min(100%,1120px)}.literacy-layout{align-items:start;grid-template-columns:320px minmax(0,1fr)}.literacy-layout .stroke-controls{max-height:calc(100vh - 28px);overflow-y:auto;position:sticky;top:14px}.literacy-layout .editor{height:150px;max-height:150px;min-height:150px;overflow-y:auto;resize:none}.literacy-print-page{min-height:297mm;padding:6mm;width:min(100%,210mm)}.literacy-tag{align-items:center;background:#2f915f;border-radius:8px;color:#fff;display:inline-flex;font-size:24px;font-weight:700;height:34px;justify-content:center;min-width:80px}.literacy-title{color:#2a6e51;font-size:44px;font-weight:700}.literacy-sheet{--l-frame:#5b8ea0;--l-frame-light:#9ebcc7;border-left:2px solid var(--l-frame);border-top:2px solid var(--l-frame)}.literacy-row{display:grid}.literacy-cell{border-bottom:1px solid var(--l-frame);border-right:1px solid var(--l-frame);display:grid;place-items:center}.pinyin-cell{color:#7e868b;font-size:18px;height:28px;line-height:1}.tian-cell{aspect-ratio:1/1;background:linear-gradient(90deg,transparent 49.6%,var(--l-frame-light) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,var(--l-frame-light) 50%,transparent 50.4%),#fff;height:auto;position:relative}.group-separator{border-top:2px solid var(--l-frame)}.literacy-char{font-family:KaiTi,STKaiti,"Noto Serif SC",serif;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pdf-export-root{left:-99999px;position:fixed;top:0;z-index:-1}.pdf-export-root,.pdf-page{background:#fff;width:210mm}.pdf-page{min-height:297mm;padding:6mm;page-break-after:always}.pdf-page:last-child{page-break-after:auto}.stroke-complete-char{display:grid;font-family:KaiTi,STKaiti,"Noto Serif SC",serif;font-weight:500;inset:0;line-height:1;place-items:center;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.practice-toolbar{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 14px;width:min(100%,900px)}.practice-toolbar-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.practice-toolbar h1{font-size:20px;margin:0 0 4px}.practice-actions{display:flex;gap:8px}.btn-compact{font-size:14px;height:36px;min-width:92px;padding:0 12px;width:auto}.practice-toolbar p{color:#555;font-size:13px;margin:0}.editor-label{color:#444;display:block;font-size:13px;margin-bottom:6px;margin-top:10px}.editor{border:1px solid #cfcfcf;border-radius:8px;font-family:KaiTi,STKaiti,serif;font-size:20px;line-height:1.6;min-height:120px;padding:8px;resize:vertical;width:100%}.sheet{aspect-ratio:210/297;background:#fff;border:1px solid #ddd;box-shadow:0 8px 26px #00000014;display:grid;gap:4mm;grid-template-rows:auto 1fr;padding:8mm;width:min(100%,900px)}.sheet-head{align-items:end;border-bottom:1px solid #888;display:flex;justify-content:space-between;padding-bottom:2mm}.title{font-size:8mm;letter-spacing:1mm}.meta{color:#444;font-size:4mm}.grid{border-left:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-rows:repeat(15,1fr)}.textbook-grid{grid-auto-rows:1fr;grid-template-rows:none}.row{grid-template-columns:repeat(10,1fr)}.cell,.row{display:grid}.cell{border-bottom:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden;place-items:center;position:relative}.cell:after,.cell:before{content:"";pointer-events:none;position:absolute}.cell:before{background:linear-gradient(to bottom right,transparent 49.5%,var(--line-light) 50%,transparent 50.5%),linear-gradient(to top right,transparent 49.5%,var(--line-light) 50%,transparent 50.5%);inset:0;opacity:.85}.cell:after{background:var(--line-light);box-shadow:0 calc(50% - .5px) 0 0 var(--line-light);height:100%;left:50%;top:0;transform:translate(-.5px);width:1px}.char-faint{color:rgba(0,0,0,var(--faint-opacity,.2))}.lesson-toolbar{background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 14px;width:min(100%,1080px)}.lesson-editor{min-height:100px}.lesson-total{color:#4f4a40;font-size:13px}.lesson-sheet{background:#fff;border:1px solid #ddd;box-shadow:0 8px 26px #00000014;padding:12mm 10mm;width:min(100%,1080px)}.lesson-title{font-size:54px;letter-spacing:1px;margin:0 0 6px}.lesson-section-title{color:#be1f1f;font-size:30px;margin:0 0 4px}.lesson-table td,.lesson-table th{border:1px solid #222;font-size:24px;line-height:1.2;padding:4px;text-align:center;vertical-align:middle}.lesson-table th{background:#d9ebd2;font-weight:700}.lesson-table td:first-child,.lesson-table td:nth-child(2),.lesson-table td:nth-child(3),.lesson-table td:nth-child(4),.lesson-table td:nth-child(5),.lesson-table td:nth-child(8),.lesson-table th:first-child,.lesson-table th:nth-child(2),.lesson-table th:nth-child(3),.lesson-table th:nth-child(4),.lesson-table th:nth-child(5){width:72px}.lesson-table td:nth-child(6),.lesson-table th:nth-child(6){width:200px}.lesson-table td:nth-child(7),.lesson-table th:nth-child(7){width:360px}.col-char{color:#d71818;font-size:38px!important;font-weight:700}.col-pinyin{color:#187d34}.col-order,.col-words{padding-left:8px!important;text-align:left!important}.stroke-shape{color:#111;font-size:26px;margin-right:7px}.stroke-shape.first{color:#d81818}.order-char{color:#111;font-size:36px;margin-left:6px}.col-count{color:#d71818;font-weight:700}@media(max-width:920px){.topbar{flex-wrap:wrap}.nav{font-size:13px;justify-content:space-between;width:100%}.hero{grid-template-columns:1fr;min-height:auto;padding:22px}.hero-content p{font-size:17px}.cards,.highlights{grid-template-columns:1fr}.highlights{font-size:20px}.footer{flex-wrap:wrap;gap:10px}.literacy-layout,.sheet-style-layout,.stroke-layout{grid-template-columns:1fr}.literacy-layout .stroke-controls{max-height:none;overflow:visible;position:static}.literacy-layout .editor{height:130px;max-height:130px;min-height:130px}.practice-toolbar-head{align-items:flex-start;flex-direction:column}.practice-actions{width:100%}.practice-actions .btn-compact{flex:1}.stroke-status-line{align-items:flex-start;flex-direction:column}.stroke-print-page{min-height:auto;padding:8px;width:100%}.literacy-title{font-size:28px}.literacy-tag{font-size:18px;height:28px;min-width:62px}.pinyin-cell{font-size:14px;height:24px}.tian-cell{aspect-ratio:1/1;height:auto}.lesson-title{font-size:30px}.lesson-section-title{font-size:24px}.lesson-table td,.lesson-table th{font-size:14px;padding:3px 2px}.col-char{font-size:24px!important}.stroke-shape{font-size:14px;margin-right:3px}.order-char{font-size:20px}}@page{size:A4 portrait;margin:0}@media print{body{background:#fff;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.home-page,.no-print{display:none!important}.lesson-page,.practice-page{display:block;min-height:auto;padding:0}.stroke-page{padding:0}.stroke-shell{background:#fff;border:none;border-radius:0;box-shadow:none;padding:0;width:auto}.stroke-layout{display:block}.stroke-board-wrap{background:#fff;border:none;border-radius:0;padding:0}.stroke-sheet-wrap{overflow:visible}.stroke-print-page{border:none;box-shadow:none;margin:0;min-height:297mm;padding:8mm;width:210mm;page-break-after:always;-moz-column-break-inside:avoid;break-inside:avoid}.stroke-print-page:last-child{page-break-after:auto}.literacy-print-page{border:none;box-shadow:none;margin:0;min-height:297mm;padding:6mm;width:210mm;page-break-after:always}.sheet{aspect-ratio:auto;height:297mm}.lesson-sheet,.sheet{border:none;box-shadow:none;padding:8mm;width:210mm;page-break-after:always}.lesson-sheet{min-height:297mm}}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }*,:after,:before{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:radial-gradient(circle at 8% 5%,hsla(0,0%,100%,.65),transparent 30%),radial-gradient(circle at 90% 92%,hsla(0,0%,100%,.45),transparent 28%),linear-gradient(170deg,#efeadf,#e7dfcf);color:#22231f;font-family:"Noto Serif SC",Songti SC,STSong,serif;margin:0}a{color:inherit;text-decoration:none}.book{aspect-ratio:4/3;background-image:linear-gradient(90deg,#cfb98c47 50%,#cdad7929 0),linear-gradient(0deg,rgba(99,96,86,.24) 1px,transparent 0),linear-gradient(90deg,rgba(99,96,86,.24) 1px,transparent 0);background-size:100% 100%,30px 30px,30px 30px;border-width:1px;max-width:300px;transform:perspective(900px) rotateY(-18deg) rotate(-2deg);width:100%;--un-border-opacity:.2;border-color:rgba(53,50,42,var(--un-border-opacity));border-radius:10px;--un-bg-opacity:1;background-color:rgb(250 244 232/var(--un-bg-opacity));--un-shadow:0 12px 30px var(--un-shadow-color,rgba(28,28,28,.18));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.cover-1,.cover-2{background-image:linear-gradient(120deg,hsla(40,49%,73%,.4),transparent 45%),linear-gradient(0deg,rgba(95,93,85,.3) 1px,transparent 0),linear-gradient(90deg,rgba(95,93,85,.3) 1px,transparent 0);background-size:100% 100%,28px 28px,28px 28px;--un-bg-opacity:1;background-color:rgb(248 240 223/var(--un-bg-opacity))}.cover-2{filter:sepia(.15) saturate(.9)}.cover-3{filter:sepia(.28) contrast(.95)}.cover-3,.cover-4{background-image:linear-gradient(120deg,hsla(40,49%,73%,.4),transparent 45%),linear-gradient(0deg,rgba(95,93,85,.3) 1px,transparent 0),linear-gradient(90deg,rgba(95,93,85,.3) 1px,transparent 0);background-size:100% 100%,28px 28px,28px 28px;--un-bg-opacity:1;background-color:rgb(248 240 223/var(--un-bg-opacity))}.cover-4{filter:sepia(.1) hue-rotate(-25deg) saturate(1.05)}.cover-5{background-image:linear-gradient(0deg,rgba(96,138,121,.35) 1px,transparent 0),linear-gradient(90deg,rgba(96,138,121,.35) 1px,transparent 0);background-size:24px 24px,24px 24px;border-width:2px;overflow:hidden;position:relative;--un-border-opacity:.7;border-color:rgba(84,133,116,var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(249 252 250/var(--un-bg-opacity))}.fast-sheet{border-left-color:var(--frame-color);border-left-width:1px;border-top-color:var(--frame-color);border-top-width:1px}.hero{background-image:linear-gradient(180deg,#ffffffe0,#f2ecdee6),linear-gradient(135deg,hsla(42,33%,71%,.18),transparent 40%),radial-gradient(circle at 70% 60%,hsla(40,45%,70%,.2),transparent 40%);border-width:1px;display:grid;gap:18px;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:16px;min-height:auto;--un-border-opacity:.12;border-color:rgba(84,81,72,var(--un-border-opacity));border-radius:14px;padding:22px}.literacy-cell{border-bottom-color:var(--l-frame);border-bottom-width:1px;border-right-color:var(--l-frame);border-right-width:1px;display:grid;place-items:center}.literacy-sheet{border-left-color:var(--l-frame);border-left-width:2px;border-top-color:var(--l-frame);border-top-width:2px}.pen{background-image:linear-gradient(90deg,#2f2e2c,#5c5a55 45%,#2d2c2a);border-radius:9999px;bottom:14%;height:12px;position:absolute;right:6%;transform:rotate(-25deg);width:170px;--un-shadow:0 5px 10px var(--un-shadow-color,hsla(0,0%,8%,.24));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.stroke-cell{aspect-ratio:1/1;background-image:linear-gradient(90deg,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(to bottom right,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%),linear-gradient(to top right,transparent 49.6%,var(--frame-light) 50%,transparent 50.4%);border-bottom-color:var(--frame-color);border-bottom-width:2px;border-right-color:var(--frame-color);border-right-width:2px;overflow:hidden;position:relative;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.stroke-print-page{margin-bottom:14px;margin-left:auto;margin-right:auto;max-width:210mm;min-height:auto;-moz-column-break-inside:avoid;border-width:1px;break-inside:avoid;--un-border-opacity:.2;border-color:rgba(90,88,79,var(--un-border-opacity));border-radius:12px;--un-bg-opacity:1;padding:8px;--un-shadow:0 6px 20px var(--un-shadow-color,rgba(25,25,24,.08));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.stroke-print-page,.stroke-sheet{background-color:rgb(255 255 255/var(--un-bg-opacity));width:100%}.stroke-sheet{border-left-color:var(--frame-color);border-left-width:2px;border-top-color:var(--frame-color);border-top-width:2px;--un-bg-opacity:1}.textbook-grid{grid-auto-rows:minmax(0,1fr);grid-template-rows:none}.tian-cell{aspect-ratio:1/1;background-image:linear-gradient(90deg,transparent 49.6%,var(--l-frame-light) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,var(--l-frame-light) 50%,transparent 50.4%);--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.cell,.tian-cell{position:relative}.cell{border-bottom-width:1px;border-right-width:1px;display:grid;overflow:hidden;place-items:center;--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(95 95 95/var(--un-border-bottom-opacity));--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgb(95 95 95/var(--un-border-right-opacity))}.char{font-size:clamp(24px,2.8vw,32px);font-weight:500;line-height:1;position:relative;z-index:1}.hero-visual{display:grid;place-items:center;position:relative}.stroke-complete-char{display:grid;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-weight:500;inset:0;line-height:1;place-items:center;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stroke-svg{height:88%;inset:6%;position:absolute;width:88%}.cards{gap:14px;margin-top:18px}.cards,.highlights{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.highlights{border-width:1px;gap:8px;margin-top:16px;--un-border-opacity:.14;background-color:#ffffff9e;border-color:rgba(82,79,69,var(--un-border-opacity));border-radius:12px;font-size:20px;font-weight:700;padding:16px}.lesson-page{display:grid;gap:14px;justify-content:center;min-height:100vh;padding:18px}.literacy-row,.stroke-row{display:grid}.practice-page{display:grid;gap:14px;min-height:100vh;padding:18px;place-items:center}.sheet{aspect-ratio:auto;border-width:1px;display:grid;gap:4mm;grid-template-rows:auto 1fr;max-width:900px;width:100%;--un-border-opacity:1;border-color:rgb(221 221 221/var(--un-border-opacity));border-radius:10px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:8mm;--un-shadow:0 8px 26px var(--un-shadow-color,rgba(0,0,0,.08));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.stroke-actions{display:grid;gap:8px;margin-top:4px}.stroke-controls{border-width:1px;display:grid;gap:6px;--un-border-opacity:.14;background-color:#ffffffbf;border-color:rgba(90,88,79,var(--un-border-opacity));border-radius:12px;padding:12px}.stroke-layout{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:12px}.lesson-section-title{font-size:24px;margin:0 0 4px;--un-text-opacity:1;color:rgb(190 31 31/var(--un-text-opacity))}.lesson-title{font-size:30px;letter-spacing:1px;margin:0 0 6px}.stroke-error{color:rgb(165 57 57/var(--un-text-opacity))}.stroke-error,.stroke-progress,.stroke-status{margin:0;text-align:center;--un-text-opacity:1}.stroke-progress,.stroke-status{color:rgb(77 74 66/var(--un-text-opacity))}.home-shell{border-width:1px;max-width:1180px;--un-border-opacity:.12;border-color:rgba(82,78,67,var(--un-border-opacity));border-radius:12px;--un-bg-opacity:.92;--un-shadow:0 10px 24px var(--un-shadow-color,rgba(34,35,31,.08))}.home-shell,.stroke-shell{background-color:rgba(249,246,239,var(--un-bg-opacity));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);margin-left:auto;margin-right:auto;padding:14px;width:100%}.stroke-shell{border-width:1px;max-width:1040px;--un-border-opacity:.16;border-color:rgba(82,78,67,var(--un-border-opacity));border-radius:14px;--un-bg-opacity:.94;--un-shadow:0 10px 24px var(--un-shadow-color,rgba(34,35,31,.08))}.editor-label{display:block;font-size:13px;margin-bottom:6px;margin-top:10px;--un-text-opacity:1;color:rgb(68 68 68/var(--un-text-opacity))}.footer{border-top-width:1px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px;--un-border-opacity:.14;border-color:rgba(73,70,62,var(--un-border-opacity));font-size:13px;padding-top:12px;--un-text-opacity:1;color:rgb(95 90 78/var(--un-text-opacity))}.lesson-actions{align-items:center;display:flex;gap:10px;margin-top:10px}.lesson-section{margin-top:8px}.literacy-head{align-items:center;display:flex;gap:10px;margin-bottom:8px}.order-char{font-size:20px;margin-left:6px;--un-text-opacity:1;color:rgb(17 17 17/var(--un-text-opacity))}.stroke-page-head{align-items:center;border-bottom-width:1px;display:flex;justify-content:space-between;margin-bottom:8px;--un-border-opacity:.35;border-color:rgba(80,76,63,var(--un-border-opacity));color:rgb(78 74 65/var(--un-text-opacity));padding-bottom:6px}.stroke-page-head,.stroke-shape{font-size:14px;--un-text-opacity:1}.stroke-shape{color:rgb(17 17 17/var(--un-text-opacity));margin-right:3px}.stroke-status-line{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.card-cover{aspect-ratio:16/10;border-width:1px;width:100%;--un-border-opacity:.14;border-color:rgba(90,87,79,var(--un-border-opacity));border-radius:8px}.textbook-cell{aspect-ratio:1/1}.btn-compact{flex:1 1 0%;font-size:14px;min-width:92px;padding-left:12px;padding-right:12px}.btn-main{border-radius:10px;border-style:none;height:44px;--un-gradient-from-position:0%;--un-gradient-from:rgb(47 126 103/var(--un-from-opacity,1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgba(47,126,103,0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from),var(--un-gradient-to);--un-gradient-to:rgb(31 99 80/var(--un-to-opacity,1)) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape),var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));font-size:16px;padding-left:16px;padding-right:16px;--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity));font-weight:600;--un-shadow:0 8px 18px var(--un-shadow-color,rgba(47,126,103,.35));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-duration:.15s;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-main,.btn-subtle{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.btn-subtle{border-width:1px;height:36px;--un-border-opacity:.2;border-color:rgba(70,67,57,var(--un-border-opacity));border-radius:8px;--un-bg-opacity:1;background-color:rgb(248 246 239/var(--un-bg-opacity));font-size:14px;padding-left:12px;padding-right:12px;--un-text-opacity:1;color:rgb(74 70 63/var(--un-text-opacity));transition-duration:.15s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-wide{width:100%}.control-color{background-color:transparent;border-style:none;cursor:pointer;height:40px;padding:0;width:100%}.control-input{border-width:1px;height:40px;width:100%;--un-border-opacity:.2;border-color:rgba(87,83,74,var(--un-border-opacity));border-radius:8px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));font-size:16px;padding-left:10px;padding-right:10px;--un-text-opacity:1;color:rgb(34 35 31/var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.control-range{width:100%;--un-accent-opacity:1;accent-color:rgb(47 126 103/var(--un-accent-opacity))}.editor{border-width:1px;min-height:120px;resize:vertical;width:100%;--un-border-opacity:1;border-color:rgb(207 207 207/var(--un-border-opacity));border-radius:8px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:20px;line-height:1.6;outline:2px solid transparent;outline-offset:2px;padding:8px;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.home-page{min-height:100vh;padding:28px 14px}.lesson-sheet{border-width:1px;max-width:1080px;width:100%;--un-border-opacity:1;border-color:rgb(221 221 221/var(--un-border-opacity));border-radius:10px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:12mm 10mm;--un-shadow:0 8px 26px var(--un-shadow-color,rgba(0,0,0,.08));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.lesson-table{border-collapse:collapse;table-layout:fixed;width:100%}.lesson-toolbar{border-width:1px;max-width:1080px;width:100%;--un-border-opacity:1;border-color:rgb(221 221 221/var(--un-border-opacity));border-radius:10px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:12px 14px}.literacy-tag{align-items:center;border-radius:8px;display:inline-flex;height:28px;justify-content:center;min-width:62px;--un-bg-opacity:1;background-color:rgb(47 145 95/var(--un-bg-opacity));color:rgb(255 255 255/var(--un-text-opacity));font-size:18px;font-weight:700;padding-left:10px;padding-right:10px}.literacy-tag,.nav{--un-text-opacity:1}.nav{color:rgb(78 74 65/var(--un-text-opacity));display:flex;font-size:13px;gap:12px;justify-content:space-between;width:100%}.pinyin-cell{font-size:14px;height:24px;--un-text-opacity:1;color:rgb(126 134 139/var(--un-text-opacity));line-height:1}.practice-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.practice-toolbar{border-width:1px;max-width:900px;width:100%;--un-border-opacity:1;border-color:rgb(221 221 221/var(--un-border-opacity));border-radius:10px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:10px 14px}.stroke-page{min-height:100vh;padding:24px 14px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hero-content{display:flex;flex-direction:column;justify-content:center}.practice-toolbar-head{align-items:flex-start;flex-direction:column;gap:12px}.practice-toolbar-head,.sheet-head{display:flex;justify-content:space-between}.sheet-head{align-items:flex-end;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(136 136 136/var(--un-border-opacity));padding-bottom:2mm}.stroke-head{flex-direction:column}.stroke-head,.topbar{display:flex;gap:12px;justify-content:space-between}.topbar{align-items:center;border-width:1px;flex-wrap:wrap;--un-border-opacity:.1;background-color:#ffffff73;border-color:rgba(80,76,63,var(--un-border-opacity));border-radius:10px;padding:10px 14px}.btn-main:hover{--un-translate-y:-1px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.btn-main:disabled{cursor:not-allowed;opacity:.6;transform:none}.literacy-char{font-family:"Noto Serif SC",Songti SC,STSong,serif;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.literacy-layout{align-items:flex-start}.stroke-sheet-wrap{overflow:auto}.card{border-width:1px;--un-border-opacity:.12;border-color:rgba(85,81,73,var(--un-border-opacity));border-radius:12px;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:10px;--un-shadow:0 8px 20px var(--un-shadow-color,rgba(25,25,24,.08));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.stroke-board-wrap{border-width:1px;--un-border-opacity:.14;background-color:#ffffffc2;border-color:rgba(90,88,79,var(--un-border-opacity));border-radius:12px;padding:14px}.control-input:focus,.editor:focus{--un-border-opacity:1;border-color:rgb(47 126 103/var(--un-border-opacity))}.btn-subtle:hover{--un-bg-opacity:1;background-color:rgb(242 236 223/var(--un-bg-opacity))}.literacy-print-page{padding:6mm}.col-order,.col-words{padding-left:6px;text-align:left}.col-char{font-size:24px;--un-text-opacity:1;color:rgb(215 24 24/var(--un-text-opacity));font-weight:700}.lesson-total{font-size:13px;--un-text-opacity:1;color:rgb(79 74 64/var(--un-text-opacity))}.literacy-title{--un-text-opacity:1;color:rgb(42 110 81/var(--un-text-opacity))}.literacy-title,.logo{font-size:28px;font-weight:700}.logo{letter-spacing:1px}.col-count{--un-text-opacity:1;color:rgb(215 24 24/var(--un-text-opacity));font-weight:700}.col-pinyin{--un-text-opacity:1;color:rgb(24 125 52/var(--un-text-opacity))}@media print{.lesson-page,.practice-page{display:block;min-height:auto;padding:0}.stroke-print-page{border-radius:0;border-style:none;margin-bottom:0;max-width:none;min-height:297mm;padding:8mm;width:210mm;--un-shadow:0 0 var(--un-shadow-color,transparent);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.home-page,.no-print{display:none}.lesson-sheet{max-width:none;min-height:297mm;padding:8mm}.lesson-sheet,.sheet{border-radius:0;border-style:none;width:210mm;--un-shadow:0 0 var(--un-shadow-color,transparent);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.sheet{height:297mm}.stroke-shell{border-radius:0;border-style:none;width:auto;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:0;--un-shadow:0 0 var(--un-shadow-color,transparent);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.stroke-sheet-wrap{overflow:visible}.stroke-board-wrap{border-radius:0;border-style:none;--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));padding:0}.literacy-print-page{padding:6mm}.stroke-page{padding:0}}@media(min-width:1024px){.hero{grid-template-columns:1.2fr 1fr;min-height:270px;padding:28px}.literacy-layout,.sheet-style-layout{grid-template-columns:320px minmax(0,1fr)}.stroke-layout{grid-template-columns:300px minmax(0,1fr)}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.highlights{font-size:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.stroke-shape{font-size:26px;margin-right:7px}.sheet{aspect-ratio:210/297}.literacy-tag{font-size:24px;height:34px;min-width:80px}.nav{font-size:14px;gap:18px;justify-content:flex-start;width:auto}.pinyin-cell{font-size:18px;height:28px}.practice-actions{width:auto}.stroke-print-page{min-height:297mm;padding:8mm}.btn-compact{flex:none}.practice-toolbar-head,.stroke-head,.stroke-status-line{align-items:center;flex-direction:row}.stroke-status-line{justify-content:space-between}.footer{gap:18px}.col-order,.col-words{padding-left:8px}.col-char{font-size:38px}.lesson-section-title{font-size:30px}.lesson-title{font-size:54px}.literacy-title{font-size:44px}.order-char{font-size:36px}}.fixed{position:fixed}.-bottom-1\/2{bottom:-50%}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.grid{display:grid}.mb-16{margin-bottom:4rem}.mb-8{margin-bottom:2rem}.h-1\/2{height:50%}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.max-w-520px{max-width:520px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.b{border-width:1px}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.dark .dark\:bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-center{text-align:center}.text-8xl{font-size:6rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.dark .dark\:text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}.text-black{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}