:root{--paper:#fff8e9;--ink:#2e342f;--soft:#687166;--muted:#909987;--card:#fffefa;--line:#eadfca;--a:#f0b84a;--b:#77c8bd;--c:#ef8b77;--deep:#335c4a;--shadow:0 18px 38px rgba(73,55,32,.12);--radius:8px;--display:'Songti SC','STSong','Noto Serif CJK SC',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Noto Sans CJK SC',sans-serif;--mono:'SF Mono','Fira Code',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:linear-gradient(90deg,rgba(240,184,74,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(119,200,189,.08) 1px,transparent 1px),var(--paper);background-size:30px 30px;line-height:1.72;overflow-x:hidden}button,a{font:inherit}.topbar{position:sticky;top:0;z-index:30;min-height:54px;display:flex;align-items:center;gap:14px;padding:0 22px;background:rgba(255,248,233,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.back{color:var(--deep);text-decoration:none;font-weight:900;font-size:.88rem}.back:before{content:'‹';margin-right:4px;font-size:1.2rem}.top-title{flex:1;min-width:0;color:var(--soft);font-weight:900;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:var(--deep);color:#fff;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:900}.eyebrow,.section-label,.chapter-nav small,.speaker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em}.home-hero{position:relative;max-width:1120px;margin:0 auto;min-height:470px;padding:76px 24px 70px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center}.home-hero:before{content:'';position:absolute;inset:0 -8vw 34px;z-index:-1;background:linear-gradient(135deg,#fff0a8,#beece2 46%,#ffd4ca);clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.eyebrow{color:#9a6823;font-size:.72rem;font-weight:900;margin:0 0 12px}.home-hero h1{font-family:var(--display);font-size:clamp(2.3rem,5.5vw,4.5rem);line-height:1.05;margin:0 0 18px;letter-spacing:0}.hero-sub{max-width:620px;color:#4f5e53;margin:0 0 26px;font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions a,.hero-actions button{border:2px solid var(--deep);border-radius:999px;padding:10px 16px;background:var(--deep);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.hero-actions button{background:#fffefa;color:var(--deep)}.cute-stage{position:relative;min-height:330px}.card-stack{position:absolute;width:250px;min-height:126px;padding:18px;border:3px solid #2f4a3b;border-radius:8px;background:#fffefa;box-shadow:8px 8px 0 rgba(51,92,74,.22)}.card-stack small{font-family:var(--mono);color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.card-stack strong{display:block;margin-top:10px;font-size:1.25rem;line-height:1.22}.s1{top:18px;left:40px;background:#fff0a8;transform:rotate(-4deg)}.s2{right:10px;bottom:36px;background:#d7f5ef;transform:rotate(5deg)}.sun-dot{position:absolute;right:50px;top:0;width:54px;height:54px;border-radius:50%;background:#f5c24b;box-shadow:0 0 0 14px rgba(245,194,75,.25)}.cloud{position:absolute;width:94px;height:34px;background:#fffefa;border:2px solid rgba(51,92,74,.22);border-radius:8px}.cloud:before,.cloud:after{content:'';position:absolute;background:#fffefa;border:2px solid rgba(51,92,74,.22);border-bottom:0;border-radius:8px 8px 0 0}.cloud:before{width:34px;height:28px;left:14px;top:-18px}.cloud:after{width:42px;height:34px;right:14px;top:-24px}.c1{left:0;bottom:42px}.c2{right:80px;top:130px;transform:scale(.75)}.star{position:absolute;width:28px;height:28px;background:var(--c);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)}.st1{left:10px;top:80px}.st2{right:28px;bottom:10px;background:var(--a)}.heart-mark{position:absolute;left:170px;bottom:18px;width:38px;height:34px;background:var(--c);transform:rotate(-45deg);border-radius:8px}.heart-mark:before,.heart-mark:after{content:'';position:absolute;width:38px;height:34px;background:var(--c);border-radius:50%}.heart-mark:before{top:-18px;left:0}.heart-mark:after{left:18px;top:0}.container,.content{width:100%;max-width:980px;margin:0 auto;padding:36px 24px 86px}.content{max-width:900px}.card{background:rgba(255,254,250,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-label{color:var(--muted);font-size:.68rem;font-weight:900;margin:0 0 12px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.promise-grid article{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.promise-grid b{font-size:1.12rem;color:var(--deep)}p{color:var(--soft);margin:0 0 14px;overflow-wrap:anywhere}.how{padding:22px;margin-bottom:28px}.how ol{margin:0;color:var(--soft);padding-left:22px}.scene-book{padding:0;overflow:hidden}.scene-book ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.scene-book li{border-bottom:1px solid var(--line)}.scene-book li:nth-child(odd){border-right:1px solid var(--line)}.scene-book a{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;min-height:86px;padding:15px;text-decoration:none;color:inherit}.scene-book a:hover{background:#fff0bd}.scene-book b{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--a);font-family:var(--mono);font-size:.8rem}.scene-book strong{display:block;margin-bottom:3px}.scene-book span{display:block;color:var(--muted);font-size:.82rem}.chapter-hero{text-align:center;color:#fff;padding:54px 24px 46px;background:linear-gradient(135deg,var(--deep),var(--b));overflow:hidden}.chapter-hero .eyebrow{color:rgba(255,255,255,.76)}.chapter-hero h1{font-family:var(--display);font-size:clamp(2.1rem,5vw,3.5rem);margin:0 0 10px;letter-spacing:0}.chapter-hero p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.84)}.progress{height:6px;background:#eadfca;border-radius:99px;overflow:hidden;margin-bottom:28px}.progress div{height:100%;background:linear-gradient(90deg,var(--a),var(--b),var(--c))}.scene-goal{padding:18px 20px;margin-bottom:26px}.scene-goal p:last-child{font-size:1rem;margin-bottom:0}.talk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}.talk-card{position:relative;display:grid;grid-template-columns:48px 1fr;gap:13px;min-height:166px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.talk-card:after{content:'';position:absolute;right:-34px;bottom:-38px;width:104px;height:104px;border-radius:50%;background:rgba(240,184,74,.16)}.talk-card.child:after{background:rgba(119,200,189,.18)}.play{width:48px;height:48px;border:0;border-radius:50%;background:var(--deep);display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);flex:none}.play span{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid #fff;margin-left:3px}.speaker{font-size:.66rem;font-weight:900;color:var(--muted);margin-bottom:4px}.en{color:var(--ink);font-weight:900;font-size:1.02rem;line-height:1.35;margin-bottom:5px}.zh{color:var(--soft);margin-bottom:7px}.note{font-size:.8rem;color:var(--muted);margin:0}.bubble-no{position:absolute;top:10px;right:12px;color:rgba(46,52,47,.1);font-family:var(--mono);font-size:1.25rem;font-weight:900}.dialog{padding:20px;margin-bottom:18px}.dialog-line{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;margin-top:10px}.dialog-line span{font-family:var(--mono);font-size:.72rem;font-weight:900;color:var(--muted);text-transform:uppercase}.dialog-line button,.swap button{border:1px solid var(--line);border-radius:8px;background:#fff8e9;color:var(--ink);padding:10px 12px;text-align:left;cursor:pointer;font-weight:800}.dialog-line.child button{background:#eef9f6}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.game,.swap,.parent-note{padding:20px}.swap div{display:grid;gap:9px}.swap button span{display:block;color:var(--soft);font-weight:500;margin-top:2px}.parent-note p:last-child{margin-bottom:0}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.chapter-nav a{min-height:78px;display:flex;flex-direction:column;justify-content:center;padding:14px;border:1px solid var(--line);background:#fffefa;color:inherit;text-decoration:none;border-radius:8px;box-shadow:var(--shadow)}.chapter-nav small{color:var(--muted);font-size:.66rem;font-weight:900}.chapter-nav strong{color:var(--deep);font-size:.95rem}.next{text-align:right}.site-footer{border-top:1px solid var(--line);background:rgba(255,248,233,.9);text-align:center;padding:28px 24px;color:var(--muted);font-size:.82rem}.site-footer a{color:var(--deep);text-decoration:none;font-weight:900}.is-speaking{outline:3px solid rgba(239,139,119,.42);outline-offset:2px}.theme-morning{--a:#f5c24b;--b:#78c8a5;--c:#ef8b77;--deep:#365d49}.theme-dress{--a:#ef8bba;--b:#82badf;--c:#f1c554;--deep:#5d4a73}.theme-wash{--a:#7ccfc2;--b:#82badf;--c:#f1c554;--deep:#286056}.theme-meal{--a:#f2b84b;--b:#ef8b77;--c:#77c8bd;--deep:#6a4c25}.theme-leave{--a:#82badf;--b:#f1c554;--c:#77c8bd;--deep:#365f79}.theme-road{--a:#9a9f7a;--b:#f1c554;--c:#77c8bd;--deep:#3d5145}.theme-school{--a:#b5a7df;--b:#82badf;--c:#ef8b77;--deep:#4d507c}.theme-pickup{--a:#ef9a8a;--b:#77c8bd;--c:#f1c554;--deep:#6b4d45}.theme-home{--a:#d9a45d;--b:#88c99b;--c:#82badf;--deep:#5f4d35}.theme-snack{--a:#f2b84b;--b:#9ed18b;--c:#ef8b77;--deep:#6a5429}.theme-play{--a:#f1c554;--b:#82badf;--c:#ef8bba;--deep:#455c7a}.theme-share{--a:#ef8b77;--b:#b5a7df;--c:#77c8bd;--deep:#66494d}.theme-book{--a:#b5a7df;--b:#f1c554;--c:#82badf;--deep:#554f78}.theme-craft{--a:#ef8bba;--b:#f1c554;--c:#77c8bd;--deep:#684768}.theme-feelings{--a:#ef8b9a;--b:#77c8bd;--c:#b5a7df;--deep:#684756}.theme-help{--a:#82badf;--b:#f1c554;--c:#77c8bd;--deep:#3f5f77}.theme-helper{--a:#d9a45d;--b:#77c8bd;--c:#9ed18b;--deep:#5d4c36}.theme-market{--a:#f2b84b;--b:#ef8b77;--c:#77c8bd;--deep:#6d542a}.theme-park{--a:#8fcf8e;--b:#82badf;--c:#f1c554;--deep:#356345}.theme-health{--a:#ef9a8a;--b:#77c8bd;--c:#f1c554;--deep:#6b4b45}.theme-bath{--a:#77c8bd;--b:#82badf;--c:#b5a7df;--deep:#286056}.theme-night{--a:#8293c9;--b:#f1c554;--c:#b5a7df;--deep:#384466}.theme-visit{--a:#b5a7df;--b:#77c8bd;--c:#ef8b77;--deep:#534e7a}.theme-safe{--a:#ef8b77;--b:#f1c554;--c:#82badf;--deep:#65463f}.theme-screen{--a:#82badf;--b:#b5a7df;--c:#f1c554;--deep:#394f70}.theme-weather{--a:#9fc4d3;--b:#f1c554;--c:#77c8bd;--deep:#46636c}.theme-learn{--a:#82badf;--b:#ef8bba;--c:#f1c554;--deep:#3f5f77}.theme-trip{--a:#f1c554;--b:#82badf;--c:#9ed18b;--deep:#4f5f3c}@media(max-width:820px){.home-hero{grid-template-columns:1fr;padding-top:48px}.cute-stage{min-height:280px}.promise-grid,.talk-grid,.split{grid-template-columns:1fr}.scene-book ul{grid-template-columns:1fr}.scene-book li:nth-child(odd){border-right:0}}@media(max-width:560px){.topbar{padding:0 16px}.badge{display:none}.home-hero{padding:40px 18px 48px}.home-hero h1{font-size:2.15rem}.container,.content{padding-left:18px;padding-right:18px}.card-stack{width:190px;min-height:112px}.s1{left:5px}.s2{right:2px}.dialog-line{grid-template-columns:1fr;gap:5px}.chapter-nav{grid-template-columns:1fr}.next{text-align:left}.talk-card{grid-template-columns:44px 1fr;padding:14px}.play{width:44px;height:44px}}