:root{--cream: #fff6e8;--ink: #3a2f2a;--muted: #7a6a60;--orange: #ff8a3d;--coral: #e85d4c;--blue: #3d8bff;--gold: #ffc53d;--paper: #fffdf8;--line: #ead9c8;--trace: #d9d3cc;--shadow: 0 16px 40px rgba(92, 55, 24, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% -10%,#ffe1b8 0%,transparent 36%),radial-gradient(circle at 90% 0%,#ffd3c2 0%,transparent 28%),var(--cream);font-family:Noto Sans SC,Nunito,sans-serif}button,input{font:inherit}button{border:0;border-radius:999px;padding:.7rem 1.1rem;background:#fff;color:var(--ink);box-shadow:0 4px #3a2f2a14;cursor:pointer}button:hover{transform:translateY(-1px)}.app{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 64px}.topbar,.week-banner,.learn-grid article,.weekend,.parent-tip,.print-toolbar,.mini-card{background:var(--paper);border:3px solid #fff;box-shadow:var(--shadow)}.topbar,.week-banner,.weekend,.parent-tip,.print-toolbar{border-radius:28px;padding:20px 24px;margin-bottom:20px}.topbar,.week-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center}.logo{width:64px;height:64px;display:grid;place-items:center;border-radius:24px;background:#ffe0c2;font-size:36px}h1,h2,.giant-char,.giant-en,.tv-char,.tv-en,.print-big-char,.brand h1{font-family:ZCOOL KuaiLe,Noto Sans SC,sans-serif}h1,h2{margin:0}.brand p,.eyebrow,.card-kicker,.banner-note,.parent-tip p:first-child{margin:0;color:var(--muted)}.top-actions,.banner-btns,.tv-controls,.print-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.date-pill,.week-jump{position:relative;overflow:hidden;border-radius:999px;background:#fff4e4;padding:.7rem 1rem}.week-jump{display:flex;align-items:center;gap:8px}.week-jump select{border:0;background:transparent;color:inherit}.date-pill input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.primary-btn,.tv-enter,.speak-btn,.tv-btn.primary{background:var(--orange);color:#fff}.tv-enter{background:var(--blue)}.learn-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.hero-card,.lang-card,.stroke-card{border-radius:28px;padding:22px;text-align:center}.hero-card{grid-column:1 / -1}.hero-moji,.tv-moji,.print-coloring,.mini-moji{width:min(220px,46vw);height:auto;display:block;margin:0 auto 12px}.bubble{display:inline-block;margin:0 0 12px;padding:12px 18px;border-radius:18px;background:#fff3df}.zh-card{outline:4px solid rgba(232,93,76,.18)}.en-card{outline:4px solid rgba(61,139,255,.16)}.giant-char,.giant-en,.print-big-char{background:transparent;box-shadow:none;padding:0;line-height:1}.giant-char{font-size:clamp(88px,16vw,148px);color:var(--coral)}.giant-en,.print-en-word{font-family:Nunito,Noto Sans SC,sans-serif;font-weight:800;font-size:clamp(42px,8vw,72px);color:var(--blue)}.pinyin,.tv-pinyin,.print-pinyin{margin:0;font-size:28px;color:var(--coral)}.word,.sentence,.rhyme{margin:8px 0}.rhyme,.tv-rhyme{color:var(--blue);font-family:Nunito,sans-serif;font-weight:800}.stroke-card{grid-column:1 / -1}.stroke-wrap{display:grid;justify-items:center;gap:12px}.stroke-box{background:#fff;border-radius:24px}.stars{letter-spacing:4px;font-size:28px}.star{color:#ead9c8}.star.on{color:var(--gold)}.weekend-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mini-card{border-radius:22px;padding:12px 8px 16px;display:grid;justify-items:center;gap:4px}.mini-moji{width:84px}.parent-tip p:last-child{margin:8px 0 0;font-size:18px}.print-stack{display:grid;gap:24px}.print-sheet{background:#fff;border-radius:16px;padding:22px 26px 18px;break-after:page;page-break-after:always}.print-head,.print-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.print-brand{font-family:ZCOOL KuaiLe,sans-serif;color:var(--orange)}.print-hero{display:flex;align-items:center;gap:20px}.print-big-char{font-family:"Noto Serif SC",serif;font-size:108px;color:var(--ink)}.tianzige-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 22px}.tianzige{aspect-ratio:1;position:relative;background:linear-gradient(to right,transparent 49%,#f0d9c8 49%,#f0d9c8 51%,transparent 51%),linear-gradient(to bottom,transparent 49%,#f0d9c8 49%,#f0d9c8 51%,transparent 51%);outline:2px solid #d8b9a2}.tianzige-char{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-size:42px;color:var(--trace)}.fourline-stack{display:grid;gap:14px}.fourline{height:56px;position:relative;background:linear-gradient(#e7cfc0,#e7cfc0) 0 0 / 100% 2px no-repeat,linear-gradient(#f3ddd0,#f3ddd0) 0 33% / 100% 2px no-repeat,linear-gradient(#e7cfc0,#e7cfc0) 0 66% / 100% 2px no-repeat,linear-gradient(#e7cfc0,#e7cfc0) 0 100% / 100% 2px no-repeat}.fourline-word{position:absolute;left:8px;bottom:8px;font-family:Nunito,sans-serif;font-size:28px;font-weight:800;color:var(--trace)}.print-coloring{width:180px}.print-fun{display:flex;align-items:center;gap:16px}.tv-shell{min-height:100vh;padding:28px 40px 36px;display:grid;grid-template-rows:auto 1fr auto;background:#2b211c;color:#fff8ee}.tv-top,.tv-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.tv-controls{justify-content:center}.tv-stage{display:grid;place-items:center;text-align:center}.tv-moji{width:min(320px,36vw)}.tv-moji.small{width:160px}.tv-char,.tv-en{background:transparent;color:inherit;box-shadow:none;font-size:clamp(140px,22vw,280px)}.tv-en{font-family:Nunito,sans-serif;font-size:clamp(84px,14vw,160px);color:#9ec6ff}.tv-pinyin{font-size:48px}.tv-sub,.tv-rhyme,.tv-kicker{font-size:clamp(28px,4vw,44px)}.tv-btn{min-width:160px;min-height:72px;font-size:28px}.ghost-btn{background:#fff4e8}.emoji-fallback{font-size:80px}@media (max-width: 800px){.learn-grid,.weekend-grid{grid-template-columns:1fr}.tianzige-row{grid-template-columns:repeat(4,1fr)}}@media print{@page{size:A4;margin:12mm}body{background:#fff}.no-print,.topbar,.week-banner,.print-toolbar,.learn-grid,.weekend,.parent-tip,.tv-shell{display:none!important}.app{width:auto;margin:0;padding:0}.print-sheet{box-shadow:none;border-radius:0;padding:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}