@charset "UTF-8";
:root{--ink:#243d37;--muted:#75837c;--green:#266650;--line:#e7eae2;--paper:#fbfcf8;--mint:#eaf2e7;--gold:#ebbd5a;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d39b30;outline-offset:4px}button:disabled{cursor:default}button:hover:not(:disabled),a:hover{filter:brightness(.94)}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-80px;z-index:50;background:white;padding:12px}.skip:focus{top:10px}.preview-banner{min-height:32px;background:#edf0e8;display:flex;justify-content:center;align-items:center;gap:15px;font-size:11px;color:#6b7564;padding:7px 24px}.preview-banner>span{border-left:1px solid #cbd3c4;padding-left:15px}.preview-banner>a{margin-left:20px;text-decoration:underline;text-underline-offset:3px}.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:96px;padding:0 32px}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:800;letter-spacing:2px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--green);color:#f1cb75;border-radius:14px;font-size:34px;font-weight:400;letter-spacing:0}.brand small{display:block;font-size:10px;font-weight:400;color:#839087;letter-spacing:1px;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav .current{font-weight:700;color:var(--green);position:relative}.current:after{content:"";position:absolute;height:3px;background:#d9af58;left:0;right:0;bottom:-12px;border-radius:5px}.member-note{border:1px solid #d8e5d7;color:#4d785d;border-radius:40px;padding:9px 15px;font-size:12px}main{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:360px;position:relative;border-radius:26px;background:#edf2e6;overflow:hidden;padding:40px 44px;margin:10px 0 27px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#4e7d60;font-weight:600;margin:0 0 16px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#6b9c5f;border-radius:50%;vertical-align:middle;margin-right:7px}h1{font-size:40px;line-height:1.4;letter-spacing:1px;margin:0 0 16px;font-weight:750}.hero-desc{font-size:13px;line-height:1.95;color:#637568;margin:0 0 22px}.primary{display:inline-flex;gap:26px;align-items:center;background:var(--green);color:white;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:600}.primary>span{font-size:18px}.hero-foot{font-size:10px;color:#82907d;margin:14px 0 0}.hero-foot i{margin:0 6px;font-style:normal}.hero-art{position:relative;min-height:290px}.orbit{border:1px solid #d6e0ca;border-radius:50%;position:absolute;width:310px;height:310px;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-two{width:370px;height:370px;border-style:dashed;opacity:.7}.sun{position:absolute;top:1%;left:19%;font-size:83px;color:#deb55b;line-height:1}.art-star{position:absolute;right:4%;top:28%;font-size:29px;color:#7fa486}.book-scene{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-7deg);width:284px;height:174px;display:flex;filter:drop-shadow(4px 16px 10px #718c6728)}.paper{position:relative;width:50%;background:#fffdf6;overflow:hidden;border-bottom:8px solid #507858}.left-paper{border-radius:13px 0 0 6px;transform:skewY(5deg);border-right:1px solid #eee4c9}.right-paper{border-radius:0 13px 6px 0;transform:skewY(-5deg)}.left-paper>span{position:absolute;top:27px;left:18px;font-size:28px;color:#385740;font-family:Georgia,serif;font-weight:bold}.hill{position:absolute;width:140px;height:87px;border-radius:50% 50% 0 0;bottom:-10px;background:#91b588;left:-24px;transform:rotate(9deg)}.hill-two{background:#bcd0a7;left:60px;bottom:-22px;transform:rotate(-28deg)}.tiny-sun{position:absolute;right:23px;top:77px;width:26px;height:26px;border-radius:50%;background:#eac368}.right-paper>span{display:block;font-size:13px;margin:39px 18px 17px;color:#6c765d}.right-paper>i{display:block;background:#e9e9d9;height:4px;margin:9px 19px;width:80px;border-radius:6px}.right-paper>i:nth-of-type(2){width:61px}.right-paper>b{position:absolute;font-size:35px;color:#d1ae5b;right:15px;bottom:5px}.floating-note{position:absolute;padding:11px 17px;background:#fffef6;border:1px solid #f8faf1;box-shadow:0 7px 17px #587b4c0c;border-radius:12px;font-size:12px;transform:rotate(-8deg);color:#53775c}.note-one{left:4%;top:44%}.note-two{right:0;bottom:23%;transform:rotate(6deg);background:#fff5d7;color:#847043}.art-caption{position:absolute;width:100%;text-align:center;bottom:-7px;font-size:11px;letter-spacing:2px;color:#7a8e73}.resume-strip{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);padding:14px 22px;border-radius:14px;margin-bottom:23px}.resume-symbol{font-size:28px;color:var(--green)}.resume-strip small,.resume-strip strong{display:block}.resume-strip small{font-size:10px;color:var(--muted);margin-bottom:4px}.resume-strip strong{font-size:13px}.resume-strip>button{margin-left:auto;font-size:12px;color:var(--green);font-weight:bold}.age-navigation{position:sticky;top:0;z-index:5;background:#fbfcf8f5;backdrop-filter:blur(16px);padding:17px 0;border-bottom:1px solid var(--line);scroll-margin-top:0}.age-navigation-inner{display:flex;align-items:center;gap:23px}.nav-label{font-size:13px;font-weight:bold;white-space:nowrap}.age-navigation nav{display:flex;gap:9px}.age-navigation nav a{display:block;padding:10px 21px;border:1px solid #e4e8dc;border-radius:9px;color:#65775f;font-size:13px;white-space:nowrap;background:white}.age-navigation nav a[aria-current="location"]{background:var(--green);color:white;border-color:var(--green)}.nav-hint{font-size:10px;color:#939b8c;margin-left:auto;white-space:nowrap}.content-intro{display:flex;justify-content:space-between;padding:23px 0 5px;font-size:11px;color:#6a7c69;gap:12px}.content-intro>span+span{color:#99a092}.age-section{display:grid;grid-template-columns:218px minmax(0,1fr);gap:30px;border-bottom:1px solid var(--line);padding:33px 0 35px;scroll-margin-top:88px;--tone:#eaf0df;--accent:#6c8555}.age-section[data-age="2"]{--tone:#fbefd7;--accent:#a8873d}.age-section[data-age="4"]{--tone:#e4efec;--accent:#4f8878}.age-section[data-age="6"]{--tone:#e7edf8;--accent:#5c7eab}.age-section[data-age="9"]{--tone:#efebf7;--accent:#8a76a4}.age-kicker{display:inline-flex;align-items:center;gap:6px;background:var(--tone);color:var(--accent);border-radius:6px;font-size:10px;padding:5px 8px;margin:0 0 13px}.age-kicker>span{font-size:15px;line-height:1}.age-meta h2{font-size:30px;letter-spacing:1px;margin:0 0 5px}.age-meta h2 small{font-size:15px;font-weight:400;margin-left:4px}.age-meta h3{font-size:15px;font-weight:600;margin:8px 0 11px}.age-meta>p{font-size:11px;color:#859180;line-height:1.9;margin:0;max-width:195px}.age-method{margin-top:19px;font-size:10px;color:var(--accent);line-height:1.8}.age-method span{background:var(--tone);border-radius:6px;padding:4px 7px;display:inline-block;margin:0 3px 6px 0}.ease-button{font-size:11px;color:var(--accent);border-bottom:1px solid #c9d6c8;padding:5px 0;margin-top:8px}.resource-list{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.resource-row{padding:16px 19px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #f0f1eb;min-height:107px}.resource-row:last-child{border-bottom:0}.resource-thumb{flex:0 0 60px;width:60px;height:72px;object-fit:cover;border-radius:6px;border:1px solid #e9eade;background:var(--tone)}.resource-icon{font-size:27px;display:flex;align-items:center;justify-content:center;color:var(--accent);border:0;position:relative;overflow:hidden}.resource-icon:after{content:"";position:absolute;width:65px;height:65px;border:1px solid #ffffff91;border-radius:50%;left:20px;top:35px}.row-content{min-width:0;flex:1}.row-eyebrow{font-size:9px;color:#95a08c;margin-bottom:5px;display:flex;gap:8px;align-items:center}.row-eyebrow .first{font-size:9px;background:#edf3e7;color:#637e4e;padding:2px 5px;border-radius:3px}.row-title{font-size:14px;font-weight:650;margin:0 0 7px;line-height:1.4}.row-desc{font-size:11px;color:#899185;margin:0;line-height:1.7}.row-meta{font-size:9px;color:#9ca696;margin-top:5px}.row-action{font-size:11px;font-weight:600;background:#edf3e8;color:#527849;border:1px solid #e4ebde;border-radius:8px;padding:10px 13px;white-space:nowrap;min-width:89px}.row-action.secondary{background:#fff;color:#839079;border-color:#e9ede2}.row-action:disabled{font-weight:400;border:0;background:#f5f6f2;color:#9da695}.more-resources{margin-top:10px}.more-resources>summary{cursor:pointer;font-size:11px;color:#7c8b72;list-style:none;text-align:center;padding:8px}.more-resources>summary::-webkit-details-marker{display:none}.more-resources>summary:after{content:" ＋"}.more-resources[open]>summary:after{content:" －"}.more-resources>.resource-list{margin-top:8px}.parent-card{margin:35px 0;display:flex;align-items:center;justify-content:space-between;border-radius:17px;background:#eef2e9;padding:30px 36px;gap:20px}.parent-card .eyebrow{margin-bottom:9px}.parent-card h2{font-size:22px;margin:0 0 10px}.parent-card p:last-child{font-size:12px;color:#7b8974;line-height:1.9;margin:0}.parent-card>button{font-size:12px;color:#4f7050;white-space:nowrap;border:1px solid #cddcc8;padding:13px 17px;border-radius:9px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 30px;color:#96a08f;font-size:10px}.footer-brand{font-size:19px;letter-spacing:1px;color:#5f7859}.footer-brand .brand-icon{width:29px;height:29px;font-size:24px;border-radius:9px}dialog{border:0;border-radius:21px;color:var(--ink);padding:34px;background:var(--paper);box-shadow:0 25px 90px #22352933;width:min(830px,94vw);max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#233b3480;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:29px;width:36px;height:36px;color:#7c8d7b}.dialog-kicker{font-size:10px;color:#8a9c80;letter-spacing:1px;margin:0 0 9px}dialog h2{font-size:25px;margin:0 28px 10px 0}.dialog-desc{font-size:12px;line-height:1.9;color:#7c8977;margin:0 0 22px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.book-card{text-align:left;border:1px solid #e4e9dc;background:#fff;border-radius:12px;padding:10px;min-width:0}.book-card img{width:100%;height:143px;object-fit:contain;background:#f5f7ee;border-radius:6px}.book-card strong{display:block;font-size:12px;margin:9px 0 4px;line-height:1.5}.book-card>span{display:block;font-size:10px;line-height:1.6;color:#8a9782}.book-card>em{display:block;font-size:10px;font-style:normal;color:#518264;margin-top:8px}.parent-tip{padding:15px 19px;margin:20px 0;background:#eef3e6;border-radius:10px;font-size:12px;color:#6d805e;line-height:1.9}.activity-steps{padding-left:23px;font-size:14px;line-height:2.1}.activity-steps li{padding:4px 0 8px 8px}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-bottom>p{font-size:11px;color:#98a18f}.text-link{color:var(--green);font-size:12px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.record-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);gap:15px;font-size:12px}.record-row span{color:#8b9883;font-size:10px}.record-row>button{color:var(--green);font-size:11px;white-space:nowrap}.empty-note{background:#f0f3e9;padding:24px;border-radius:13px;color:#76866a;line-height:1.9;font-size:13px}#readerDialog{width:min(1200px,98vw);height:96dvh;max-height:96dvh;padding:0;overflow:hidden;border-radius:16px}#readerDialog[open]{display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;gap:16px;padding:12px 17px;border-bottom:1px solid #e3e9df;flex-shrink:0;background:#fbfcf8}.reader-toolbar>button{font-size:12px;font-weight:bold;white-space:nowrap;color:var(--green)}.reader-toolbar>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-toolbar>small{font-size:10px;color:#99a18f;margin-left:auto;white-space:nowrap}#readerFrame{border:0;width:100%;flex:1;min-height:0;background:#f7f9f8}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#294b3f;color:white;border-radius:10px;padding:12px 20px;box-shadow:0 5px 25px #16322830;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}
@media(min-width:1450px){.hero{min-height:390px;padding-top:47px}.hero-art{min-height:295px}}
@media(max-width:1050px){.site-header{padding:0 24px}main{padding:0 24px}.nav-hint{display:none}.age-navigation-inner{justify-content:space-between}.hero{padding:33px}.hero h1{font-size:34px}.hero-art{transform:scale(.92)}.age-section{grid-template-columns:185px minmax(0,1fr);gap:22px}.site-header nav{gap:20px}.member-note{font-size:10px}.age-navigation nav a{padding:10px 18px}}
@media(max-width:700px){html{scroll-padding-top:117px}.preview-banner{font-size:9px;justify-content:flex-start;gap:8px;padding:7px 16px}.preview-banner>span{font-size:9px;padding-left:8px;max-width:calc(100% - 64px)}.preview-banner>a{display:none}.site-header{height:76px;padding:0 18px}.brand{font-size:23px;gap:8px}.brand-icon{width:36px;height:36px;font-size:29px;border-radius:12px}.brand small{font-size:8px;letter-spacing:0}.site-header nav{gap:11px;font-size:11px}.site-header nav a{display:none}.site-header nav button{padding:8px 0}.member-note{display:none}main{padding:0 16px}.hero{display:block;min-height:0;padding:27px 23px;margin-top:0;border-radius:20px;margin-bottom:17px}.hero h1{font-size:30px;line-height:1.45;letter-spacing:0}.hero-desc{font-size:12px;line-height:1.85;margin-bottom:18px}.eyebrow{font-size:9px;margin-bottom:12px}.hero-art{display:none}.primary{padding:12px 14px;font-size:12px;gap:14px}.hero-foot{font-size:9px;margin-top:12px}.age-navigation{padding:11px 0;z-index:5}.age-navigation-inner{display:block}.nav-label{font-size:11px;display:block;margin-bottom:10px}.age-navigation nav{gap:5px;justify-content:space-between}.age-navigation nav a{font-size:11px;padding:9px 0;flex:1;text-align:center;border-radius:7px}.content-intro{padding:17px 0 0;font-size:10px;display:block;line-height:1.8}.content-intro>span{display:block}.content-intro>span+span{font-size:9px}.age-section{display:block;padding:25px 0;scroll-margin-top:113px}.age-meta{position:relative;margin-bottom:17px;padding-right:0}.age-kicker{font-size:9px;padding:4px 7px;margin-bottom:7px}.age-meta h2{font-size:25px;display:inline-block;margin:0 10px 6px 0;letter-spacing:0}.age-meta h3{display:inline;font-size:14px}.age-meta>p{font-size:10px;max-width:100%;margin-top:3px}.age-method{display:none}.ease-button{margin-top:5px;font-size:10px}.resource-row{padding:13px 11px;gap:10px;min-height:97px}.resource-thumb{flex-basis:44px;width:44px;height:58px}.resource-icon{font-size:23px}.row-title{font-size:12px;margin-bottom:4px}.row-desc{font-size:10px;line-height:1.65}.row-eyebrow{font-size:8px;gap:5px;margin-bottom:4px}.row-eyebrow .first{font-size:8px}.row-meta{font-size:8px;margin-top:4px}.row-action{min-width:62px;padding:9px 7px;font-size:10px;border-radius:7px}.parent-card{padding:23px;display:block;margin:25px 0}.parent-card h2{font-size:20px}.parent-card p:last-child{font-size:11px}.parent-card>button{margin-top:17px;font-size:11px;padding:11px 13px}footer{flex-wrap:wrap;font-size:9px;gap:12px}footer>span{order:3;width:100%}.resume-strip{padding:12px;gap:10px;margin-bottom:14px}.resume-strip strong{font-size:11px}.resume-strip small{font-size:9px}.resume-strip>button{font-size:10px;white-space:nowrap}dialog{padding:27px 18px;border-radius:17px;max-height:92dvh}dialog h2{font-size:21px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.book-card img{height:137px}.book-card strong{font-size:11px}.dialog-desc{font-size:11px}.parent-tip{font-size:11px;padding:13px}.activity-steps{font-size:13px;padding-left:17px}.dialog-bottom{display:block}.reader-toolbar{padding:10px;gap:9px}.reader-toolbar>small{display:none}.reader-toolbar>span{font-size:10px}.reader-toolbar>button{font-size:11px}#readerDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.record-row{font-size:11px}.record-row span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* The section offset already accounts for the sticky age navigation. */
html{scroll-padding-top:0}
@media(max-width:700px){.age-meta>p{font-size:12px}.row-title{font-size:14px}.row-desc{font-size:12px}.row-eyebrow{font-size:10px}.row-eyebrow .first{font-size:9px}.row-meta{font-size:10px}.row-action{font-size:11px}.resource-row{padding-top:15px;padding-bottom:15px}.resource-thumb{flex-basis:46px;width:46px;height:61px}.resource-icon{font-size:24px}.ease-button{font-size:11px}.age-section{scroll-margin-top:106px}.parent-card p:last-child{font-size:12px}}