*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4ed;color:#183f35;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #aa8751;outline-offset:6px}::selection{background:#dce4d6}.page{max-width:1180px;margin:auto;padding:0 48px}.header{height:113px;border-bottom:1px solid #d9ded3;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:22px}.brand strong{font-family:"Songti SC","STSong",serif;font-size:25px;font-weight:600;letter-spacing:3px}.brand span{font-size:12px;letter-spacing:1px;border-left:1px solid #b7c3b3;padding-left:22px;color:#59675b}.back{font-size:12px;color:#4f6255}.back span{margin-left:12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:84px 0 80px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#526c59}.eyebrow>span{height:1px;width:25px;background:#9b7a45}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-weight:500}h1{font-size:58px;letter-spacing:-1px;line-height:1.3;margin-bottom:27px}.intro{font-size:15px;line-height:2.1;color:#5d695e;margin-bottom:32px}.mobile-break{display:none}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{min-height:50px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:14px;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#183f35;color:#fff}.primary:hover{background:#2a5346}.teacher-link{font-size:13px;border-bottom:1px solid #a3afa0;padding:12px 0}.teacher-link span{margin-left:8px}.preview-note{font-size:12px;color:#526b59;line-height:1.9;margin:24px 0 0}.preview-note>span:last-child{color:#71786b;font-size:11px;margin-left:14px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7a916f;vertical-align:middle;margin:0 5px 2px 0}.record-book{background:#fffef9;border:1px solid #d6ddcd;border-radius:5px;box-shadow:8px 10px 0 #e8e9df;padding:25px 27px;transform:rotate(1deg)}.book-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe1d4;padding-bottom:18px}.book-top span:first-child{border:1px solid #a9854e;padding:5px 9px;color:#987543;font-family:"Songti SC",serif;font-size:14px}.book-top span:last-child{font-size:8px;letter-spacing:1.8px;color:#788472}.book-title{padding:27px 0 24px}.book-title p{font-size:11px;color:#8b744f;letter-spacing:2px;margin-bottom:9px}.book-title h2{font-size:26px;margin-bottom:9px}.book-title>span{font-size:11px;color:#798373}.book-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid #e4e7df;padding:14px 0;font-size:11px}.book-line span:last-child{font-size:10px;color:#74806e;text-align:right;line-height:1.5}.timeline{list-style:none;padding:23px 0 17px;margin:0;display:flex;justify-content:space-between;position:relative}.timeline:before{position:absolute;left:15px;right:15px;top:39px;height:1px;background:#cdd7c4;content:""}.timeline li{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.timeline strong{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #cdd7c4;background:#fffef9;font-size:12px;font-weight:500}.timeline li:first-child strong{background:#315640;border-color:#315640;color:#fff}.timeline span{font-size:9px;color:#728069}.book-foot{border-top:1px solid #dbe1d4;display:flex;justify-content:space-between;font-size:9px;color:#7a846f;padding-top:15px;margin-top:9px}.tools{padding:44px 0 65px;border-top:1px solid #d9ded3;display:grid;grid-template-columns:.8fr 1.5fr;gap:75px}.section-label>span{font-size:11px;color:#8a744e;letter-spacing:2px}.section-label h2{font-size:26px;line-height:1.7;margin:14px 0 0;max-width:280px}.tool-row{display:grid;grid-template-columns:32px 1fr 20px;gap:18px;padding:23px 0;border-bottom:1px solid #d9ded3;align-items:baseline}.tool-row:first-child{padding-top:0}.tool-number{font-size:11px;color:#94794c}.tool-row h3{font-size:18px;font-weight:500;margin-bottom:8px}.tool-row p{font-size:12px;color:#637060;line-height:1.9;margin-bottom:0}.row-arrow{font-size:20px;transition:transform .2s}.tool-row:hover .row-arrow{transform:translate(3px,-3px)}.teacher-panel{background:#193f35;color:#f3f1e7;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:4px}.teacher-panel .eyebrow{color:#b5c7ad;font-size:10px;margin-bottom:18px}.teacher-panel h2{font-size:32px;line-height:1.55;margin-bottom:18px}.teacher-panel p:last-child{font-size:12px;line-height:2;color:#c6d2bf;margin-bottom:0}.light{background:#eef0e4;color:#183f35;white-space:nowrap}.light:hover{background:#fffef8}.notice{max-width:700px;margin:47px 0 54px;padding-left:20px;border-left:2px solid #aa9168}.notice strong{font-size:13px;font-weight:500}.notice p{font-size:12px;line-height:1.9;color:#6b7464;margin:10px 0}.notice a{font-size:12px;border-bottom:1px solid #adb7a7;padding-bottom:3px}footer{padding:28px 0 35px;display:flex;align-items:center;gap:24px;border-top:1px solid #d9ded3;font-size:10px;color:#727c6b}footer div{display:flex;align-items:center;gap:14px;white-space:nowrap}footer strong{font-family:"Songti SC",serif;font-size:17px;font-weight:500;color:#3f5a45}footer p{margin:0;flex:1;line-height:1.8}footer a{white-space:nowrap}.skip{position:absolute;top:-80px;left:20px;background:#183f35;color:white;padding:14px;z-index:10}.skip:focus{top:10px}
@media(max-width:900px){.page{padding:0 30px}.hero{gap:32px;padding:60px 0}h1{font-size:46px}.brand span{font-size:10px}.tools{gap:35px}.record-book{padding:22px}.hero-actions{gap:18px}.teacher-panel{padding:34px}.section-label h2{font-size:23px}footer{flex-wrap:wrap}footer p{min-width:50%}}
@media(max-width:620px){.page{padding:0 24px}.header{height:90px}.brand{align-items:flex-start;flex-direction:column;gap:6px}.brand strong{font-size:23px}.brand span{border:0;padding:0;font-size:10px;letter-spacing:1px}.back{font-size:11px}.back span{margin-left:4px}.hero{grid-template-columns:1fr;padding:41px 0 43px;gap:34px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}h1{font-size:42px;line-height:1.35;letter-spacing:0;margin-bottom:20px}.intro{font-size:13px;line-height:2;margin-bottom:24px}.mobile-break{display:block}.hero-actions{gap:20px;flex-wrap:nowrap}.button{font-size:13px;padding:15px 19px;gap:20px}.teacher-link{font-size:12px}.preview-note{margin-top:19px;font-size:11px}.preview-note>span:last-child{font-size:10px}.record-book{margin:0 5px 4px 0;transform:rotate(.5deg);padding:20px 22px;box-shadow:5px 6px 0 #e8e9df}.book-title{padding:21px 0}.book-title h2{font-size:25px}.book-line{padding:13px 0}.book-top span:last-child{font-size:7px}.timeline{padding-top:19px}.timeline:before{top:35px}.tools{grid-template-columns:1fr;gap:27px;padding:32px 0 36px}.section-label h2{font-size:25px;max-width:240px;margin-top:11px}.tool-row{grid-template-columns:24px 1fr 18px;gap:12px;padding:22px 0}.tool-row h3{font-size:17px}.tool-row p{font-size:12px}.teacher-panel{padding:28px 25px;flex-direction:column;align-items:flex-start;gap:25px}.teacher-panel h2{font-size:29px}.teacher-panel .button{min-width:198px}.notice{margin:34px 0 36px;padding-left:16px}footer{padding:24px 0 30px;gap:14px}footer div{width:100%}footer p{width:100%;flex:auto;font-size:10px}footer a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.featured-book{display:block;max-width:320px;justify-self:center;padding:0 10px}.featured-book img{display:block;width:100%;height:auto;box-shadow:6px 8px 0 #e5e3d9,12px 18px 28px #233e2f12}.featured-book>span{display:flex;justify-content:space-between;gap:25px;padding-top:24px;font-size:11px;color:#6c755f;letter-spacing:1px}.featured-book b{font-size:17px;font-weight:400}.section-note{font-size:12px;line-height:1.9;color:#637060;margin:18px 0 0}@media(max-width:620px){.featured-book{max-width:220px;justify-self:center;margin:0 auto}.featured-book>span{font-size:10px;padding-top:20px}.hero{gap:36px}.hero-actions{gap:16px}.hero-actions .button{padding:15px 17px;gap:15px}.hero-actions .teacher-link{font-size:11px;white-space:nowrap}.preview-note>span:last-child{margin-left:0;display:inline-block;font-size:10px}.section-note{font-size:11px}}

.customer-cta{min-height:76px;padding:16px 23px;border-radius:9px;gap:18px;box-shadow:0 8px 22px #173f3518}.customer-cta .cta-plus{font-size:25px;font-weight:300}.customer-cta strong{display:block;font-size:18px;font-weight:600;letter-spacing:.06em}.customer-cta small{display:block;font-size:10px;color:#d4e0d1;letter-spacing:.03em;margin-top:7px}.start-guide{font-size:11px;color:#637060;margin:15px 0 0}.reading-paths{border-top:1px solid #d9ded3;padding:38px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.reading-paths h2{font-size:28px;margin:15px 0}.reading-paths p{font-size:13px;color:#637060;line-height:1.9}.reading-paths nav{display:grid;gap:0}.reading-paths nav a{padding:19px 0;border-bottom:1px solid #d9ded3;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.reading-paths nav span{font-size:11px;color:#637060}.mobile-start{display:none}.hero-actions .teacher-link{white-space:nowrap}
@media(max-width:620px){.hero-actions{display:grid;grid-template-columns:1fr;gap:16px}.hero-actions .customer-cta{width:100%;justify-content:flex-start;min-height:78px;padding:17px 22px;gap:18px}.customer-cta>span:last-child{margin-left:auto;font-size:21px}.hero-actions .teacher-link{justify-self:start;font-size:13px;padding:5px 0}.customer-cta strong{font-size:19px}.customer-cta small{font-size:11px}.start-guide{font-size:10px;line-height:1.8}.reading-paths{grid-template-columns:1fr;gap:15px;padding:30px 0}.reading-paths h2{font-size:25px}.reading-paths .eyebrow{margin:0}.reading-paths nav a{font-size:15px}.reading-paths nav span{font-size:10px}.mobile-start{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;background:#fffdf8f5;border-top:1px solid #d9ded3;padding:10px 20px calc(10px + env(safe-area-inset-bottom))}.mobile-start a{padding:12px 14px;font-size:13px;border-radius:7px;text-align:center}.mobile-start .primary{flex:1;font-weight:600}.page{padding-bottom:92px}.hero{padding-top:32px}h1{font-size:39px}}