*{box-sizing:border-box} :root{--ink:#193730;--muted:#586d66;--green:#126c60;--deep:#095247;--line:#dce8e3;--yellow:#ffe285;--paper:#f5f8f6;--white:#fff;--orange:#e97829}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2179cd;outline-offset:4px}a{color:var(--green)}button{min-height:44px}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.35;letter-spacing:.01em}h2{font-size:1.25rem;line-height:1.6}small{font-size:.8rem} .skip{position:fixed;left:12px;top:-100px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:white;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:1.25rem;font-weight:800;color:var(--ink)}.brand small{display:block;letter-spacing:.12em;font-size:.7rem;color:var(--muted);font-weight:500}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--yellow);width:45px;height:48px;border-radius:14px;font-size:2rem}.top-actions{display:flex;align-items:center;gap:15px}.quiet{background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;font-size:.9rem}.quiet:hover{background:#eaf0ed;color:var(--ink)}.editor-link{background:var(--green);color:white;border-radius:10px;padding:11px 18px;text-decoration:none;font-weight:700;white-space:nowrap}.editor-link span{font-size:.9rem;margin-left:8px}.editor-link:hover,.primary:hover{background:var(--deep)}.shell{display:grid;grid-template-columns:265px minmax(0,1fr);max-width:1510px;margin:auto;min-height:calc(100vh - 92px)}.sidebar{padding:30px 22px;background:#fff;border-right:1px solid var(--line)}.eyebrow{color:var(--green);font-size:.8rem;letter-spacing:.09em;font-weight:700}.route-head strong{display:block;font-size:1.25rem;margin-top:7px}.route-head p{font-size:.8rem;color:var(--muted);margin-top:6px}.progress-box{margin:22px 0 24px;padding:15px;background:#edf5f1;border-radius:12px}.progress-box>div{display:flex;justify-content:space-between;font-size:.85rem}.progress-box strong{color:var(--green)}progress{display:block;appearance:none;width:100%;height:7px;border:0;margin:10px 0;border-radius:9px;overflow:hidden;background:#d5e5dc}progress::-webkit-progress-bar{background:#d5e5dc}progress::-webkit-progress-value{background:var(--green);border-radius:9px}progress::-moz-progress-bar{background:var(--green)}.progress-box small{font-size:.72rem;color:var(--muted)}.nav-group{font-size:.75rem;letter-spacing:.07em;color:var(--muted);padding:15px 10px 8px}.lesson-nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;padding:9px 10px;margin-bottom:4px;border:1px solid transparent;border-radius:10px;color:var(--ink);font-size:.87rem}.lesson-nav button:hover{background:var(--paper)}.lesson-nav button[aria-current="step"]{background:#e7f3ec;border-color:#bdd9cb;color:var(--deep);font-weight:700}.lesson-num{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;background:#f0f3f1;border-radius:9px;color:#718178;font-size:.8rem;font-variant-numeric:tabular-nums}.lesson-nav [aria-current] .lesson-num{background:var(--green);color:white}.lesson-num.done{background:#d8f0df;color:#176432}.sidebar-note{display:flex;gap:12px;border-top:1px solid var(--line);padding:22px 6px;margin-top:22px;color:var(--muted);font-size:.8rem}.sidebar-note>span{font-size:1.8rem;color:#ca8714}main{padding:30px 36px 20px;min-width:0}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.lesson-heading .eyebrow{margin-bottom:8px}.goal{margin-top:9px;color:var(--muted);font-size:.95rem}.lesson-stamp{display:grid;place-items:center;width:65px;height:65px;flex-shrink:0;font-size:2.7rem;color:var(--green);background:var(--yellow);border-radius:50%;transform:rotate(-12deg)}.setup{border:1px solid var(--line);background:white;border-radius:12px;margin-bottom:22px;font-size:.9rem}.setup summary{padding:12px 16px;cursor:pointer;color:var(--green);font-weight:600}.setup ol{padding:0 36px 0 40px}.setup li{margin-bottom:10px}.setup>p{padding:0 20px 16px;color:var(--muted);font-size:.85rem}.learning-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:22px;align-items:start}.lesson-card,.preview-card,.quiz-card{background:white;border:1px solid var(--line);border-radius:18px}.lesson-card{padding:25px;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pill{display:inline-block;background:#edf5f1;color:var(--green);font-size:.8rem;font-weight:700;border-radius:7px;padding:5px 10px;white-space:nowrap}.speak{color:var(--green)}.step-dots{display:flex;gap:6px;margin:14px 0 21px}.step-dots button{height:6px;min-height:0;flex:1;background:#e2eae5;border-radius:6px;padding:0;border:6px solid transparent;background-clip:padding-box;box-sizing:content-box}.step-dots button.active{background-color:var(--green)}.step-dots button.passed{background-color:#8bbca5}.lesson-card h2{font-size:1.5rem;line-height:1.5}.instruction{margin-top:12px;font-size:1.1rem;line-height:1.9;min-height:86px}.block-area{background:#f4f7f9;border:1px dashed #d2dce0;border-radius:13px;padding:15px 18px 24px;min-height:180px;margin-top:22px;overflow:auto}.area-label{font-size:.75rem;color:#697b83;margin-bottom:18px;letter-spacing:.08em}.block-stack{display:flex;align-items:flex-start;flex-direction:column;padding-top:3px;max-width:100%;gap:1px}.scratch-block{position:relative;color:white;background:#4c97ff;border:1px solid #3373cc;border-radius:5px;padding:10px 12px;font-size:.98rem;font-weight:600;line-height:1.5;max-width:100%;box-shadow:inset 0 -2px 0 #00000015;white-space:normal}.scratch-block:after{content:"";position:absolute;bottom:-4px;left:15px;width:25px;height:5px;border-radius:0 0 4px 4px;background:inherit;z-index:1}.scratch-block.hat{border-radius:18px 18px 5px 5px}.scratch-block.event{background:#e9ac00;border-color:#b98700;color:#302600}.scratch-block.motion{background:#377cdb;border-color:#2866bd}.scratch-block.looks{background:#8655cf;border-color:#7140b9}.scratch-block.control{background:#ed9300;border-color:#c27700;color:#342400}.scratch-block.sensing{background:#238db2;border-color:#196b88}.scratch-block.sound{background:#b740ac;border-color:#932f8a}.scratch-block.variable{background:#d96a16;border-color:#b6540d}.scratch-block .value{display:inline-block;background:white;color:#40505d;border-radius:15px;padding:0 9px;margin:0 3px;min-width:26px;text-align:center;font-weight:500;overflow-wrap:anywhere}.loop-body{border-left:13px solid #ed9300;border-bottom:13px solid #ed9300;border-radius:0 0 6px 6px;padding:8px 12px 8px 9px;display:flex;align-items:flex-start;flex-direction:column;gap:1px;margin-top:-1px;max-width:100%}.diagram-note{font-size:1rem;color:var(--muted);line-height:1.9}.diagram-note b{color:var(--green)}.notice{margin-top:20px;background:#fff8df;padding:12px 14px;border-radius:10px;font-size:.9rem;color:#6c551c}.hint{margin-top:17px;font-size:.85rem;color:var(--muted)}.hint summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--green)}.hint p{padding:10px 14px;border-left:3px solid #bdd9cb;background:#f4f8f6}.step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.primary{background:var(--green);color:white;border-radius:10px;padding:12px 18px;font-size:.95rem;font-weight:700}.preview-column{display:grid;gap:18px;min-width:0}.preview-card{overflow:hidden}.preview-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;gap:10px}.preview-heading h2{font-size:1rem}.preview-heading>span{font-size:.72rem;color:var(--muted);background:var(--paper);padding:3px 7px;border-radius:5px;white-space:nowrap}.stage{position:relative;height:230px;background:#e8f4ff;overflow:hidden;isolation:isolate}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#c9e2f150 1px,transparent 1px),linear-gradient(90deg,#c9e2f150 1px,transparent 1px);background-size:26px 26px}.sprite{position:absolute;left:50%;top:51%;font-size:4.3rem;line-height:1;transform:translate(-50%,-50%);transition:transform .4s ease;filter:drop-shadow(0 5px 0 #152f4212)}.bubble{position:absolute;left:48%;top:25px;max-width:48%;background:white;color:var(--ink);padding:7px 13px;border:1px solid #cadce7;border-radius:14px 14px 14px 2px;font-size:.9rem;z-index:3;overflow-wrap:anywhere}.stage-caption{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-size:.75rem;color:#42677d;background:#ffffffa8;border-radius:6px;padding:3px}.preview-controls{display:flex;gap:8px;padding:14px 14px 5px}.run{border-radius:9px;background:#e5f2e9;color:#176c3b;padding:9px 14px;font-weight:700;font-size:.9rem}.run:hover{background:#d1e8d8}.preview-note{font-size:.78rem;color:var(--muted);padding:5px 18px 17px}.demo-controls{padding:0 16px 16px;display:flex;gap:8px;flex-wrap:wrap}.demo-controls:empty{display:none}.demo-controls button{border:1px solid #b8d5c6;border-radius:8px;background:white;color:var(--green);padding:6px 12px;font-size:.85rem}.quiz-card{padding:20px}.quiz-card h2{font-size:1.02rem;margin-top:8px;margin-bottom:15px}.quiz-options{display:grid;gap:9px}.quiz-options button{text-align:left;background:white;border:1px solid #d6e2db;border-radius:9px;padding:10px 12px;font-size:.9rem;color:var(--ink);display:flex;align-items:center;gap:10px}.quiz-options button>span{border-radius:6px;background:var(--paper);font-size:.75rem;padding:2px 6px;flex-shrink:0}.quiz-options button:hover{border-color:var(--green)}.quiz-options button.correct{background:#e7f5eb;border-color:#4a9965}.quiz-options button.incorrect{background:#fff5e8;border-color:#d9a14b}.quiz-feedback{margin-top:12px;font-size:.85rem;color:var(--green);min-height:1.5em}.finish-panel{display:flex;align-items:center;gap:20px;margin-top:24px;padding:24px;background:#e2f2e8;border:1px solid #b9d7c7;border-radius:16px}.finish-symbol{font-size:3rem;color:#9a6a00}.finish-panel h2{margin-bottom:7px}.finish-panel p{font-size:.9rem}.finish-panel .primary{flex-shrink:0}.retell{margin-top:9px;color:var(--green)}.save-reminder{margin-top:10px;color:var(--muted);font-size:.78rem!important}footer{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;padding:28px 0 10px}footer a{text-decoration:none}footer>span{margin-left:auto}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;max-width:640px;width:calc(100% - 28px);max-height:85vh;overflow:auto;color:var(--ink);box-shadow:0 20px 70px #10291c44}dialog::backdrop{background:#132b2566}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}dialog p,dialog li{font-size:.95rem}dialog li{margin-bottom:14px}dialog ol{padding-left:23px}.parent-highlight{background:#fff5d0;padding:16px;border-radius:10px;margin:18px 0}.danger{color:#a3432f;margin-top:12px}.danger-button{background:#9d3e2d;color:white;border-radius:8px;padding:8px 15px;margin:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--deep);color:white;padding:14px 22px;border-radius:12px;box-shadow:0 8px 28px #153f3230;z-index:40;max-width:90vw;font-size:.9rem}[hidden]{display:none!important}h1:focus,h2:focus{outline:0} @media(min-width:1500px){main{padding:38px 50px}}@media(max-width:1150px){.shell{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:25px 14px}main{padding:26px 22px}.learning-grid{gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.lesson-card{padding:20px}.topbar{padding:0 24px}.speak{padding:8px}.finish-panel{flex-wrap:wrap}}@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.learning-grid{grid-template-columns:1fr}.preview-column{grid-template-columns:1fr 1fr;gap:14px}.stage{height:210px}.preview-controls{flex-wrap:wrap}.sidebar{padding:25px 10px}.lesson-nav button{gap:8px;font-size:.8rem}.route-head strong{font-size:1.1rem}.progress-box{padding:10px}.lesson-stamp{display:none}.quiz-card{padding:16px}.instruction{min-height:0}}@media(max-width:650px){.topbar{height:auto;min-height:88px;padding:14px 16px;align-items:flex-start;gap:10px}.brand{font-size:1rem;gap:8px}.brand-icon{width:35px;height:40px;font-size:1.5rem}.brand small{font-size:.62rem;letter-spacing:.06em}.top-actions{gap:3px;flex-direction:column-reverse;align-items:flex-end}.editor-link{font-size:.8rem;padding:8px 10px}.top-actions>.quiet{font-size:.75rem;min-height:32px;padding:3px 6px}.shell{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.route-head{display:none}.progress-box{margin:0 0 12px;padding:0;background:transparent}.progress-box small{display:none}.progress-box progress{margin:6px 0}.lesson-nav{display:flex;gap:7px;overflow-x:auto;padding:4px 2px 7px}.nav-group{display:none}.lesson-nav button{width:auto;min-width:145px;white-space:nowrap;margin:0;padding:8px;font-size:.8rem;border-color:var(--line)}.sidebar-note{display:none}main{padding:22px 16px}.lesson-heading{margin-bottom:16px}.goal{font-size:.9rem}.setup summary{font-size:.8rem;padding:10px 12px}.learning-grid{gap:18px}.lesson-card{padding:19px}.lesson-card h2{font-size:1.3rem}.instruction{font-size:1.05rem}.preview-column{grid-template-columns:1fr}.stage{height:230px}.preview-controls{flex-wrap:nowrap}.finish-panel{padding:20px;gap:12px}.finish-symbol{display:none}.finish-panel .primary{width:100%}.primary{padding:12px;font-size:.9rem}.step-actions{gap:5px}.block-area{padding:15px 12px 22px}footer>span{margin-left:0}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
 .script-label{font-size:.875rem;color:var(--muted);margin:18px 0 10px;font-weight:600}.script-label:first-child{margin-top:0}
 .step-dots button{border-width:19px 3px}.step-dots{margin:4px 0 11px}.brand small{font-size:.75rem}.progress-box small,.preview-heading>span{font-size:.75rem}.lesson-nav button,.nav-group{font-size:.875rem}@media(max-width:650px){.brand small{font-size:.75rem;letter-spacing:0}.lesson-nav button{font-size:.875rem}}
.editor-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:.85rem}.editor-switch label{font-weight:700;color:var(--green)}.editor-switch select{font:inherit;color:var(--ink);background:#edf5f1;border:1px solid #bdd9cb;border-radius:8px;min-height:44px;padding:8px;max-width:100%;min-width:0}.editor-switch small{color:var(--muted)}select:focus-visible{outline:3px solid #2179cd;outline-offset:3px}.plan>p{line-height:1.9}.table-wrap{overflow:auto;padding:0 20px 18px}table{border-collapse:collapse;width:100%;font-size:.85rem;text-align:left}th,td{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}th{color:var(--green);background:#edf5f1}td:first-child{white-space:nowrap;font-weight:700}.quiz-result{display:block;color:var(--muted);margin-top:8px}.quiz-card #nextQuiz{border:1px solid var(--line);width:100%;margin-top:6px}.support-record{margin-top:20px;padding-top:15px;border-top:1px solid #b9d7c7}.support-record small{display:block;margin-top:8px;color:var(--muted)}#supportButtons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}#supportButtons button{background:#fff;border:1px solid #bdd9cb;font-size:.8rem}#supportButtons [aria-pressed=true],.demo-controls [aria-pressed=true]{background:var(--green);color:white}.source-note{margin-top:24px}.finish-panel{align-items:flex-start}.finish-panel>div{flex:1;min-width:0}.editor-switch select:focus{outline-offset:3px}@media(max-width:650px){.topbar{flex-wrap:wrap}.top-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px}.top-actions>.quiet{font-size:.85rem;min-height:44px}.editor-link{font-size:.85rem;white-space:normal}.editor-switch{gap:8px;padding:12px}.editor-switch small{width:100%}.editor-switch select{flex:1}.brand small{font-size:.75rem}.finish-panel>div{flex-basis:100%}th,td{padding:9px 7px;font-size:.8rem}.table-wrap{padding:0 12px 12px}}