:root{--s-ink:#142f34;--s-deep:#123d3d;--s-paper:#fffdf7;--s-cream:#f3efe3;--s-coral:#ec7656;--s-gold:#f3bd54;--s-blue:#4f75d9;--s-mint:#dff1df;--s-line:#d7ddd6}*{box-sizing:border-box}.s01-page{background:var(--s-paper);min-height:100vh;color:var(--s-ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.s01-page button,.s01-page select{font:inherit}.course-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#fffdf7f2;border-bottom:1px solid #193b3920;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(18px,5vw,76px);display:grid;position:sticky;top:0}.course-brand{width:max-content;color:var(--s-ink);letter-spacing:.05em;align-items:center;gap:9px;font:700 19px Georgia,Noto Serif SC,serif;display:flex}.course-brand span{width:32px;height:32px;color:var(--s-coral);border:1px solid;border-radius:50%;place-items:center;display:grid}.course-id{align-items:center;gap:9px;font-size:12px;display:flex}.course-id span{border-left:1px solid var(--s-line);color:#6a7877;padding-left:9px}.pause-button{color:var(--s-ink);cursor:pointer;background:#fff;border:1px solid #aeb9b5;border-radius:99px;justify-self:end;padding:9px 13px}.save-toast{z-index:50;background:#eff8ee;border-left:5px solid #4a8e60;max-width:360px;padding:15px 17px;font-size:13px;position:fixed;top:88px;right:24px;box-shadow:0 14px 40px #1c39322b}.save-toast button{cursor:pointer;background:0 0;border:0;margin-left:10px;text-decoration:underline}.lesson-hero{background:radial-gradient(circle at 92% 5%,#f5c97455,#0000 34%),linear-gradient(135deg,#f6f1e7,#fffdf7);grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);align-items:center;gap:clamp(35px,7vw,100px);min-height:590px;padding:65px clamp(24px,7vw,110px);display:grid}.breadcrumb,.section-kicker,.activity-label,.step-heading>p,.step-nav>p,.media-label{color:#a34d3b;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.lesson-hero h1{letter-spacing:-.045em;margin:14px 0 24px;font:500 clamp(52px,6.5vw,86px)/1.03 Georgia,Noto Serif SC,serif}.lesson-hero h1 em{color:var(--s-coral);font-style:normal}.hero-intro{color:#536765;max-width:580px;font-size:17px;line-height:1.9}.goal-chips{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.goal-chips span{background:#fffdf799;border:1px solid #9eaaa5;border-radius:99px;padding:9px 13px;font-size:12px}.primary-media{background:var(--s-deep);color:#fff;padding:28px;box-shadow:16px 18px #d8decf}.primary-media h2{margin:20px 0 8px;font:700 29px Georgia,Noto Serif SC,serif}.primary-media>p,.primary-media details p{color:#dce7e4;font-size:13px;line-height:1.75}.media-label{color:#f4c76f}.media-sky{background:radial-gradient(circle at 20% 20%,#ffffff1a,#0000 35%),#102b3b;justify-content:space-around;align-items:center;height:210px;margin-top:15px;padding:30px 26px;display:flex;position:relative;overflow:hidden}.media-sky i{z-index:2;color:#778b95;font-size:34px;font-style:normal;transition:all .35s;position:relative}.media-sky i.lit{color:var(--s-gold);text-shadow:0 0 18px #f3bd5488;transform:translateY(-8px)scale(1.12)}.media-sky i b{color:#102b3b;font:700 12px Arial;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.route-line{background:#91aab055;height:1px;position:absolute;left:11%;right:11%}.media-play,.media-skip{cursor:pointer;border:0;padding:11px 14px}.media-play{background:var(--s-gold);color:var(--s-ink);font-weight:800}.media-skip{color:#dce7e4;background:0 0;text-decoration:underline}.primary-media details{border-top:1px solid #ffffff25;margin-top:15px;padding-top:13px;font-size:12px}.primary-media summary{cursor:pointer}.lesson-workspace{grid-template-columns:220px minmax(0,1fr);gap:44px;max-width:1260px;margin:0 auto;padding:76px 24px 95px;display:grid}.step-nav{align-self:start;position:sticky;top:110px}.step-nav>p{margin:0 0 12px;padding-left:12px}.step-nav button{color:#667574;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px;display:flex}.step-nav button b{border:1px solid #aeb9b5;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:11px;display:grid}.step-nav button.active{color:var(--s-deep);background:#e7eeeb;font-weight:800}.step-nav button.active b{background:var(--s-deep);border-color:var(--s-deep);color:#fff}.step-nav button.done b{color:#fff;background:#4e8b62;border-color:#4e8b62}.step-card{border:1px solid var(--s-line);background:#fff;min-width:0;padding:clamp(25px,5vw,58px);box-shadow:10px 12px #e7eadf}.step-heading{margin-bottom:26px}.step-heading h2{margin:14px 0 0;font:600 clamp(34px,4vw,50px)/1.15 Georgia,Noto Serif SC,serif}.progress{background:#e8ece8;border-radius:9px;height:6px;overflow:hidden}.progress i{background:var(--s-coral);height:100%;transition:all .3s;display:block}.learn-strip{background:var(--s-line);border:1px solid var(--s-line);grid-template-columns:1fr 1.15fr 1fr;gap:1px;margin-bottom:24px;display:grid}.learn-strip>div{background:#f8f8f3;min-width:0;padding:17px}.learn-strip span{color:#9b4d3d;letter-spacing:.1em;font-size:10px;font-weight:800}.learn-strip p,.learn-strip>div>div{color:#536664;margin:7px 0 0;font-size:13px;line-height:1.65}.mini-demo,.mini-route{color:var(--s-ink)!important;font-size:14px!important}.mini-demo b,.mini-route b{background:var(--s-blue);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:2px;display:inline-grid}.mini-route i{color:#879593;margin:0 5px;font-style:normal}.flag{color:var(--s-coral)}.wrong-demo{align-items:center;display:flex;gap:5px!important}.wrong-demo span{background:var(--s-blue);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.wrong-demo span.repeat{outline:3px solid var(--s-coral)}.wrong-demo b{color:#934c39;margin-left:5px;font-size:11px}.activity{border:1px solid var(--s-line);background:#fffdf8;margin:22px 0;padding:24px}.activity.center{text-align:center}.activity h3,.practice-card h3,.end-tools h3{margin:8px 0 10px;font:700 22px/1.45 Georgia,Noto Serif SC,serif}.activity>p:not(.activity-label):not(.feedback):not(.quiet-result),.practice-card>span{color:#5c6d6b;font-size:14px;line-height:1.75}.fish-row{justify-content:center;gap:12px;margin:22px 0;display:flex}.fish-row button{cursor:pointer;background:#d8f0ef;border:1px solid #aebfc0;border-radius:45% 55%;width:66px;height:54px;font-size:27px}.fish-row button.tagged{background:var(--s-blue);color:#fff}.fish-row button b{font:700 18px Arial}.option-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.option-grid button,.text-options button{text-align:left;cursor:pointer;background:#fff;border:1px solid #bdc7c2;padding:13px}.option-grid button b,.text-options button b{color:var(--s-blue);margin-bottom:6px;display:block}.selected{outline-offset:-3px;outline:3px solid var(--s-blue)!important;background:#edf1ff!important}.feedback{border-left:4px solid;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.65}.feedback.ok{color:#285d39;background:#e8f5e7;border-color:#4d9163}.feedback.try{border-color:var(--s-coral);color:#87452e;background:#fff0e9}.arrow-note{font-weight:800;color:#96613b!important}.stars{justify-content:center;align-items:center;gap:clamp(7px,2vw,18px);min-height:120px;padding:25px 10px;display:flex;position:relative}.stars:before{content:"";background:#b9c5c0;height:2px;position:absolute;left:10%;right:10%}.stars button{z-index:2;width:58px;height:58px;color:var(--s-gold);cursor:pointer;filter:drop-shadow(0 3px #9c6c24);background:0 0;border:0;font-size:49px;line-height:1;position:relative}.stars button.numbered{filter:none}.stars button b{background:var(--s-blue);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font:700 13px Arial;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.stars.shape-column{flex-direction:column}.stars.shape-column:before{width:2px;height:auto;inset:8% auto 8% 50%}.stars.shape-arc{align-items:flex-end}.stars.shape-arc button:first-child,.stars.shape-arc button:nth-child(5){transform:translateY(25px)}.stars.shape-arc button:nth-child(2),.stars.shape-arc button:nth-child(4){transform:translateY(8px)}.stars.shape-scatter{height:260px;display:block}.stars.shape-scatter:before{display:none}.stars.shape-scatter button{position:absolute}.stars.shape-scatter button:first-child{top:20%;left:5%}.stars.shape-scatter button:nth-child(2){top:3%;left:27%}.stars.shape-scatter button:nth-child(3){top:28%;left:48%}.stars.shape-scatter button:nth-child(4){top:5%;right:21%}.stars.shape-scatter button:nth-child(5){top:38%;right:3%}.stars.shape-scatter button:nth-child(6){bottom:6%;left:14%}.stars.shape-scatter button:nth-child(7){bottom:0;left:42%}.stars.shape-scatter button:nth-child(8){bottom:10%;right:18%}.practice-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.practice-card{border:1px solid var(--s-line);background:#fafaf6;padding:20px}.practice-card>p{color:#a34d3b;letter-spacing:.1em;margin:0;font-size:10px;font-weight:800}.dots{width:max-content;color:var(--s-blue);grid-template-columns:repeat(3,24px);gap:6px;margin:15px 0;display:grid}.small-options{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.small-options button{cursor:pointer;background:#fff;border:1px solid #aeb9b5;min-width:52px;padding:10px}.text-options{gap:7px;display:grid}.text-options button{font-size:12px}.step-success{color:#285d39;background:#e7f4e4;padding:16px;font-weight:800}.game-card{background:#fff5de}.delivery-line{background:#fff;color:var(--s-ink)!important;padding:15px!important;font:700 20px Arial!important}.delivery-line b{background:var(--s-blue);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:inline-grid}.retry,.hint-actions button,.step-actions button,.step-actions a,.end-tools article>button{cursor:pointer;background:#fff;border:1px solid #9caaa5;padding:10px 13px}.creation-card{background:#edf5f2}.builder-controls{flex-wrap:wrap;gap:12px;display:flex}.builder-controls label{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.builder-controls select{background:#fff;border:1px solid #9fadab;padding:9px}.builder-caption{margin-top:12px!important;font-size:12px!important}.quiet-result{color:#5c6d6b}.rule-question{gap:8px;margin-top:22px;display:grid}.rule-question button{text-align:left;cursor:pointer;background:#fff;border:1px solid #b8c3be;padding:12px}.rule-question button b{width:25px;height:25px;color:var(--s-blue);background:#e8ece9;border-radius:50%;place-items:center;margin-right:8px;display:inline-grid}.pass-card{background:var(--s-deep);color:#fff;text-align:left;align-items:center;gap:20px;margin-top:20px;padding:22px;display:flex}.pass-card>span{color:var(--s-gold);font-size:46px}.pass-card p{color:#acd1c8;letter-spacing:.12em;margin:0;font-size:11px;font-weight:800}.pass-card h3{margin:5px 0}.pass-card b{color:#e5efec;font-size:12px}.hint-ladder{border-top:1px dashed #b9c3be;margin-top:25px;padding-top:22px}.hint-actions{flex-wrap:wrap;gap:8px;display:flex}.hint-actions button{border-radius:99px;font-size:12px}.hint-copy{background:#f2f4ee;margin-top:12px;padding:12px}.hint-copy p{color:#566866;gap:9px;margin:6px 0;font-size:12px;line-height:1.65;display:flex}.hint-copy b{background:var(--s-gold);height:21px;color:var(--s-ink);border-radius:50%;flex:0 0 21px;place-items:center;display:grid}.step-actions{justify-content:space-between;gap:12px;margin-top:28px;display:flex}.step-actions .reset{background:0 0;border-color:#0000;text-decoration:underline}.step-actions .continue{background:var(--s-deep);color:#fff;border:0;padding:13px 18px;font-weight:800;text-decoration:none}.lesson-summary{background:#f2ede1;grid-template-columns:.75fr 1.25fr;gap:50px;padding:85px clamp(24px,7vw,110px);display:grid}.lesson-summary>div>h2{margin:8px 0 14px;font:600 clamp(34px,4vw,50px) Georgia,Noto Serif SC,serif}.lesson-summary>div>p{color:#60706d;line-height:1.75}.end-tools{grid-template-columns:1fr 1fr;gap:14px;display:grid}.end-tools article{border-top:4px solid var(--s-coral);background:#fff;align-self:start;padding:22px}.end-tools article>span{color:#a34d3b;letter-spacing:.12em;font-size:10px;font-weight:800}.end-tools article>button{font-weight:800}.tool-panel{border-top:1px solid var(--s-line);gap:7px;margin-top:14px;padding-top:14px;display:grid}.tool-panel>p{color:#526563;margin:0;font-size:12px;line-height:1.7}.tool-panel>button{text-align:left;color:var(--s-ink);cursor:pointer;background:#edf2ef;border:0;padding:9px}.tool-panel small{color:#75827f;line-height:1.5}.ai-answer{color:#285d39!important;background:#e7f4e4!important;padding:10px!important}.replay p:first-child{color:var(--s-ink);justify-content:space-between;align-items:center;font-size:11px;display:flex}.replay i{color:var(--s-coral);font-style:normal}.course-footer{background:var(--s-deep);color:#fff;align-items:center;gap:35px;padding:40px clamp(24px,7vw,110px);display:flex}.course-brand.inverse{color:#fff}.course-footer p{color:#bcd0cb;margin:0;font-size:13px}.course-footer>div{color:#dfe9e6;gap:20px;margin-left:auto;font-size:12px;display:flex}:is(.s01-page button:focus-visible,.s01-page a:focus-visible,.s01-page select:focus-visible){outline-offset:3px;outline:3px solid #ff9c7d}@media (max-width:900px){.lesson-hero,.lesson-workspace{grid-template-columns:1fr}.step-nav{padding-bottom:8px;display:flex;position:static;overflow-x:auto}.step-nav>p{display:none}.step-nav button{flex:none;width:auto}.step-nav button span{display:none}.learn-strip,.lesson-summary,.practice-grid,.end-tools{grid-template-columns:1fr}}@media (max-width:640px){.course-header{grid-template-columns:1fr auto}.course-id{display:none}.course-brand{font-size:16px}.pause-button{font-size:11px}.lesson-hero{padding:42px 18px}.lesson-hero h1{font-size:48px}.primary-media{padding:18px;box-shadow:7px 8px #d8decf}.media-sky{height:165px;padding:20px 8px}.lesson-workspace{padding:42px 10px 65px}.step-card{padding:22px 14px;box-shadow:5px 6px #e7eadf}.option-grid,.learn-strip{grid-template-columns:1fr}.fish-row{gap:6px}.fish-row button{width:52px}.stars button{width:40px;height:48px;font-size:39px}.stars.shape-scatter button{width:45px}.step-actions{align-items:stretch}.step-actions>*{flex:1}.lesson-summary{padding:60px 18px}.course-footer{flex-direction:column;align-items:flex-start}.course-footer>div{margin-left:0}}.step-nav button:disabled{opacity:.42;cursor:not-allowed}.step-actions .continue:disabled{cursor:not-allowed;background:#aeb9b5}.stars.shape-route-scatter{height:230px;display:block}.stars.shape-route-scatter:before{content:"↘　　　→　　　↗　　　→　　　↘";color:#8a9a95;background:0 0;height:auto;font-size:20px;top:46%;left:10%;right:10%}.stars.shape-route-scatter button{position:absolute}.stars.shape-route-scatter button:first-child{top:5%;left:3%}.stars.shape-route-scatter button:nth-child(2){top:48%;left:20%}.stars.shape-route-scatter button:nth-child(3){top:45%;left:39%}.stars.shape-route-scatter button:nth-child(4){top:8%;left:57%}.stars.shape-route-scatter button:nth-child(5){top:11%;right:19%}.stars.shape-route-scatter button:nth-child(6){top:53%;right:2%}.practice-hints{border-top:1px dashed var(--s-line);flex-wrap:wrap;gap:5px;margin-top:12px;padding-top:10px;display:flex}.practice-hints>button{cursor:pointer;background:#edf0e9;border:0;padding:7px;font-size:10px}.practice-hints>p{background:#f2f4ee;width:100%;margin:0;padding:8px}.practice-hints>p span{color:#536664;margin:4px 0;font-size:11px;line-height:1.55;display:block}.practice-hints>p b{background:var(--s-gold);border-radius:50%;place-items:center;width:18px;height:18px;margin-right:5px;display:inline-grid}.pass-card small{color:#b9cdc8;margin-top:8px;display:block}