:root{--ink:#25324b;--muted:#63708a;--cream:#fffaf0;--paper:#fff;--orange:#ff7657;--orange2:#ff9f67;--teal:#2aa79b;--blue:#5d8ff0;--yellow:#ffd766;--line:#e8e5dd;--shadow:0 14px 35px rgba(50,59,82,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",sans-serif}.skip{position:fixed;left:12px;top:-50px;z-index:99;background:#111;color:#fff;padding:10px}.skip:focus{top:12px}button{font:inherit}.topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 clamp(18px,5vw,72px);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer;text-align:left}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--orange);color:white;display:grid;place-items:center;font-weight:900;font-size:24px;transform:rotate(-4deg)}.brand b{display:block;font-size:17px}.brand small{display:block;color:var(--muted)}nav{display:flex;gap:8px;margin:auto}.nav-btn{border:0;background:transparent;padding:10px 15px;border-radius:20px;color:var(--muted);font-weight:700;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#fff0e9;color:#d95135}.star-pill{background:#fff6cf;border:1px solid #ffe084;border-radius:22px;padding:7px 14px;display:flex;gap:6px}.star-pill span{color:#f3ae00}.page{display:none;min-height:calc(100vh - 76px)}.page.active{display:block}.hero{min-height:535px;padding:70px clamp(24px,8vw,120px) 50px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;background:radial-gradient(circle at 80% 15%,#fff1be 0,transparent 28%),linear-gradient(145deg,#fffaf0,#fff4e4)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--orange);font-size:14px}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.16;margin:12px 0 20px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p:not(.eyebrow){font-size:19px;color:var(--muted);max-width:570px;line-height:1.8}.primary{border:0;background:var(--orange);color:#fff;padding:15px 23px;border-radius:16px;font-weight:900;font-size:17px;box-shadow:0 8px 0 #d95538;cursor:pointer;margin:12px 0 30px}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(5px);box-shadow:0 3px 0 #d95538}.hero-stats{display:flex;gap:12px}.hero-stats div{padding:10px 20px;border-left:2px solid var(--line)}.hero-stats b{display:block;font-size:24px}.hero-stats span{font-size:13px;color:var(--muted)}.hero-art{height:380px;position:relative;border-radius:44% 56% 55% 45%;background:#bdeae4;overflow:hidden;border:8px solid white;box-shadow:var(--shadow)}.sun{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--yellow);right:50px;top:45px}.cloud{position:absolute;width:80px;height:28px;background:#fff;border-radius:20px}.cloud:after{content:"";position:absolute;width:35px;height:35px;border-radius:50%;background:#fff;left:20px;top:-16px}.c1{left:35px;top:55px}.c2{right:115px;top:130px;transform:scale(.7)}.island{position:absolute;width:175px;height:78px;background:#7acb78;border-radius:50%;right:-12px;bottom:55px;border-bottom:15px solid #e5b46d}.tree{font-size:100px;position:absolute;bottom:18px;right:25px;color:#288a61;transform:rotate(-8deg)}.book{position:absolute;background:#fff;color:var(--orange);font-size:28px;font-weight:900;padding:9px 13px;border-radius:8px;bottom:28px;left:18px;transform:rotate(8deg)}.boat{position:absolute;left:95px;bottom:82px;width:150px;height:45px;border-radius:8px 8px 55px 55px;background:#ef8a48;transform:rotate(-3deg)}.boat:after{content:"";position:absolute;left:76px;bottom:32px;width:5px;height:115px;background:#76513d}.sail{position:absolute;left:80px;bottom:38px;background:#fff9df;clip-path:polygon(0 0,100% 100%,0 100%);width:75px;height:90px;display:grid;place-items:center;font-weight:900;font-size:30px;color:var(--orange)}.kid{position:absolute;left:35px;bottom:30px;background:#ffd0ad;border:10px solid #25324b;width:38px;height:38px;border-radius:50%;color:transparent}.wave{position:absolute;color:white;font-size:32px;letter-spacing:3px}.w1{left:30px;bottom:30px}.w2{left:230px;bottom:15px}.map-section{padding:70px clamp(24px,7vw,100px) 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:34px;margin:7px 0}.legend{display:flex;gap:18px;color:var(--muted);font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.dot.done{background:var(--teal)}.dot.current{background:var(--orange)}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.unit-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;cursor:pointer;transition:.2s;text-align:left;color:inherit;box-shadow:0 5px 0 rgba(70,70,70,.05)}.unit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffc6b8}.unit-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:29px;background:var(--card)}.unit-card small{color:var(--muted);font-weight:700}.unit-card b{display:block;font-size:18px;margin-top:4px}.unit-status{font-size:20px;color:#ccc}.unit-card.completed .unit-status{color:var(--teal)}.back{margin:25px clamp(20px,6vw,80px) 0;border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.lesson-wrap{padding:30px clamp(20px,8vw,120px) 90px}.lesson-banner{padding:35px;border-radius:28px;background:linear-gradient(130deg,var(--lesson),#fff);display:grid;grid-template-columns:1fr auto;align-items:center}.lesson-banner h1{font-size:42px;margin:6px 0}.lesson-banner .big-icon{font-size:90px}.tabs{display:flex;gap:8px;margin:30px 0 20px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;padding:12px 20px;border-radius:20px;font-weight:800;cursor:pointer}.tab.active{background:var(--ink);color:#fff}.lesson-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.word-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.word-card{border:2px solid #eee;border-radius:18px;padding:18px;text-align:center;background:#fffdf8}.word-card strong{font-size:38px;display:block}.word-card span{color:var(--muted)}.story{max-width:760px;margin:auto;font-size:20px;line-height:2.2}.story mark{background:#fff1a9;padding:2px 4px;border-radius:5px}.question-title{font-size:22px;line-height:1.7}.choices{display:grid;gap:12px;margin:20px 0}.choice{border:2px solid var(--line);background:#fff;padding:15px 18px;border-radius:14px;text-align:left;cursor:pointer;font-weight:700}.choice:hover{border-color:var(--blue)}.choice.correct{background:#e6f8ef;border-color:#3bb47b}.choice.wrong{background:#fff0ee;border-color:#ed6b61}.feedback{min-height:28px;font-weight:800}.page-head{text-align:center;padding:65px 20px 25px}.page-head h1{font-size:45px;margin:8px}.page-head>p:last-child{color:var(--muted)}.quiz-shell,#progressContent{max-width:900px;margin:20px auto 90px;padding:0 20px}.quiz-card,.progress-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow)}.quiz-top{display:flex;justify-content:space-between;color:var(--muted);font-weight:700}.progress-line{height:10px;background:#eee;border-radius:20px;overflow:hidden;margin:12px 0 30px}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--yellow));border-radius:20px}.result{text-align:center;padding:20px}.result .medal{font-size:90px}.result h2{font-size:34px}.garden{min-height:230px;border-radius:22px;background:linear-gradient(#c9f0ec 0 66%,#93cd79 66%);position:relative;overflow:hidden;margin-bottom:22px}.flower{position:absolute;bottom:42px;font-size:48px;filter:drop-shadow(0 5px 2px rgba(0,0,0,.1))}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center}.metric b{display:block;font-size:34px}.metric span{color:var(--muted)}.reset{display:block;margin:30px auto;border:0;background:transparent;color:#a74a40;text-decoration:underline;cursor:pointer}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:14px;z-index:50;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{height:300px}.unit-grid{grid-template-columns:repeat(2,1fr)}.word-list{grid-template-columns:repeat(2,1fr)}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:8px;justify-content:space-around;border-top:1px solid var(--line);z-index:30}.nav-btn{font-size:13px}.page{padding-bottom:65px}.topbar{padding:0 18px}.star-pill{margin-left:auto}}
@media(max-width:560px){.brand small{display:none}.brand b{font-size:15px}.hero{padding:36px 20px}.hero h1{font-size:38px}.hero-art{height:250px}.boat{left:35px;transform:scale(.8)}.unit-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.map-section{padding:45px 18px 90px}.legend{display:none}.hero-stats div{padding:8px 12px}.hero-stats b{font-size:20px}.lesson-wrap{padding:25px 16px 90px}.lesson-banner{padding:24px}.lesson-banner h1{font-size:31px}.lesson-banner .big-icon{font-size:55px}.lesson-panel{padding:20px}.word-list{grid-template-columns:repeat(2,1fr)}.progress-grid{grid-template-columns:1fr}}
.textbook-tab{border-color:#a9ded9;background:#f1fbfa}.textbook-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.textbook-head h2{margin:5px 0}.read-btn{border:0;background:var(--teal);color:white;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer}.summary-card{background:linear-gradient(135deg,#fff9e9,#fff);border:1px solid #f0dfad;border-radius:18px;padding:28px;margin:20px 0;position:relative}.summary-card p{font-size:19px;line-height:2;margin:12px 0 0}.book-corner{display:inline-block;background:#ffe6a0;border-radius:10px;padding:5px 10px;font-weight:900;color:#815f00}.keyword-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.keyword{border:1px solid #b9dedb;background:#f1fbfa;color:#176d66;border-radius:20px;padding:8px 13px;font-weight:800;cursor:pointer}.keyword:hover{background:#d9f5f1}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.focus-grid article{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff}.focus-grid span{display:inline-block;background:#e6edff;color:#345eaf;border-radius:8px;padding:4px 8px;font-weight:900}.focus-grid p{line-height:1.7}.example-box{margin:18px 0;padding:18px 20px;border-left:5px solid var(--orange);background:#fff7f2;border-radius:0 14px 14px 0}.example-box p{font-size:18px;margin:7px 0}.mission-box{margin-top:25px;padding:22px;border-radius:18px;background:#f4f2ff;border:1px solid #d9d2ff}.mini-choices{display:grid;gap:9px}.mini-choices button{border:2px solid white;background:white;padding:12px;border-radius:12px;text-align:left;font-weight:700;cursor:pointer}.mini-choices button.correct{background:#e5f8ee;border-color:#38a873}.mini-choices button.wrong{background:#fff0ee;border-color:#df645a}.mini-feedback{font-weight:800;min-height:24px}.source-note{color:var(--muted);font-size:12px;margin-top:25px;border-top:1px solid var(--line);padding-top:12px}.workbook-tab{border-color:#cbb8f4;background:#f8f5ff}.workbook-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.workbook-head h2{margin:5px 0}.workbook-score{background:#f0ebff;border-radius:16px;padding:12px 18px;color:#6549a8;font-weight:800}.workbook-score b{font-size:27px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.skill-tags span{background:#f3efff;color:#6347a4;border-radius:20px;padding:6px 11px;font-size:13px;font-weight:800}.workbook-list{display:grid;gap:16px}.workbook-q{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff}.workbook-q small{color:#7656bd;font-weight:900}.workbook-q h3{line-height:1.6}.workbook-q>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.workbook-q button{border:2px solid var(--line);background:#fff;padding:11px;border-radius:11px;cursor:pointer;font-weight:700}.workbook-q button.correct{background:#e6f8ef;border-color:#38a873}.workbook-q button.wrong{background:#fff0ee;border-color:#df645a}.workbook-q p{min-height:24px;font-weight:700}.writing-card{margin-top:22px;background:#fff8e5;border:1px solid #f0db96;border-radius:18px;padding:22px}.writing-card>span{color:#956700;font-weight:900}.writing-card textarea{width:100%;resize:vertical;border:2px solid #e4d59d;border-radius:12px;padding:12px;font:inherit}.writing-card button{margin-top:10px;border:0;background:#8d6a14;color:white;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer}.writing-card p{color:#26765a;font-weight:800}.test-tab{border-color:#ffc9ba;background:#fff8f4}.test-intro{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:center;max-width:760px;margin:auto}.test-seal{width:100px;height:100px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#ffb164);color:#fff;font-size:52px;font-weight:900;transform:rotate(-5deg);box-shadow:0 10px 0 #d9573a}.last-score{background:#fff6cf;border-radius:12px;padding:10px 14px;display:inline-block}.test-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-weight:800}.test-head div{display:flex;gap:10px;align-items:center}.test-head small{background:#fff0e9;color:#cf563f;padding:4px 9px;border-radius:12px}.test-head>b{font-size:22px;color:var(--orange)}.next-test{display:block;margin-left:auto;border:0;border-radius:12px;padding:12px 20px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.next-test:disabled{opacity:.35;cursor:not-allowed}.test-result{text-align:center}.test-result .medal{font-size:82px}.test-result h2{font-size:48px;margin:5px}.result-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.wrong-list{display:grid;gap:12px;text-align:left;margin-top:25px}.wrong-list article{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fffaf7}.wrong-list p{margin:7px 0}.wrong-answer{color:#c74d43}.right-answer{color:#21835d}.perfect{padding:20px;background:#e6f8ef;border-radius:14px;font-weight:800}.test-intro .primary,.result-actions .primary{margin:12px 0}.choice:disabled{cursor:default;color:inherit}.choice.correct:disabled{opacity:1}.choice.wrong:disabled{opacity:1}@media(max-width:680px){.workbook-q>div{grid-template-columns:1fr}.workbook-head{align-items:flex-start}}@media(max-width:560px){.test-intro{grid-template-columns:1fr;text-align:center}.test-seal{margin:auto}.test-head{align-items:flex-start}.test-head div{align-items:flex-start;flex-direction:column;gap:4px}.textbook-head{align-items:flex-start;flex-direction:column}.focus-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}