/* 雲鐸科技教育 · Hola Panamá · original course interface */
:root{--paper:#fffaf0;--white:#fffef9;--ink:#173832;--muted:#66746d;--teal:#087b76;--teal-light:#ddf2e9;--coral:#d65035;--coral-light:#ffe4d7;--purple:#72519c;--purple-light:#eee6f7;--gold:#f2b544;--line:#deded0;--radius:24px;--shadow:0 12px 35px #193d2d09}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.75 'Segoe UI','Microsoft JhengHei',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}h1{font-size:clamp(36px,4.6vw,64px);letter-spacing:-2px;font-weight:800}h2{font-size:clamp(25px,2.8vw,37px);letter-spacing:-.8px}h3{font-size:21px}small{font-size:13px}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px max(24px,calc((100vw - 1200px)/2));background:#fffaf0f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;line-height:1.25;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:600;margin-top:5px;color:var(--muted)}.brand-mark{background:var(--teal);border-radius:13px 13px 3px 13px;color:var(--white);width:43px;height:43px;display:grid;place-items:center;font-size:25px}.site-header nav{display:flex;gap:28px;font-size:14px;font-weight:600}.site-header nav a{padding:7px 0;position:relative}.site-header nav a[aria-current]{color:var(--teal)}.site-header nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:40%;width:20%;height:3px;border-radius:5px;background:var(--teal)}.header-cta{border:1px solid var(--ink);border-radius:99px;padding:9px 19px;font-size:13px;font-weight:700}.header-cta span{margin-left:13px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 24px;min-height:49px;background:var(--teal);border:1px solid transparent;border-radius:99px;color:white;font-size:14px;font-weight:700;transition:transform .2s,background .2s;line-height:1.5}.button:hover{background:#08635e;transform:translateY(-2px)}.button.light{color:var(--ink);background:var(--white);border-color:var(--line)}.button.light:hover{background:var(--teal-light)}.button.coral{background:var(--coral)}.button.small{padding:8px 16px;min-height:42px;font-size:13px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.icon{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inline-icon{display:inline-flex;align-items:center;gap:8px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-top:66px;padding-bottom:60px}.hero h1 em{font-style:normal;color:var(--teal);position:relative;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:7px;border-radius:50%;border-top:4px solid var(--gold);transform:rotate(-2deg)}.hero .intro{max-width:480px;margin:25px 0;color:#546b62;font-size:16px;line-height:1.9}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--teal-light);border-radius:99px;padding:5px 13px;letter-spacing:1px}.hero-facts{display:flex;gap:21px;margin-top:24px;font-size:12px;color:#61766a}.hero-facts span{display:flex;align-items:center;gap:6px}.hero-facts .icon{width:15px;height:15px}.hero-art{position:relative;min-height:370px;display:grid;place-items:center}.sun{position:absolute;width:270px;height:270px;border-radius:50%;background:#f9ca5a;right:18px;top:18px}.sun:after{content:'';position:absolute;inset:17px;border:1px dashed #fff9;border-radius:50%}.passport-art{z-index:2;width:230px;height:300px;background:#087b76;border-radius:8px 19px 19px 8px;color:#f9e5a5;transform:rotate(-12deg);box-shadow:12px 18px 0 #133e3420,inset 7px 0 #075e5a;border:2px solid #0a625e;padding:30px 24px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.passport-art:before{content:'';position:absolute;inset:12px;border:1px solid #f6d88c80;border-radius:2px 9px 9px 2px}.passport-art .icon{width:86px;height:86px;stroke-width:1}.passport-art .art-label{font-size:11px;letter-spacing:3px}.passport-art b{font-size:28px;line-height:1.2;letter-spacing:-1px}.passport-art small{font-size:10px;letter-spacing:3px}.boarding{position:absolute;z-index:3;bottom:16px;right:-3px;background:var(--white);border-radius:12px;width:265px;padding:18px 21px;box-shadow:0 9px 28px #17383220;transform:rotate(8deg);border:1px solid #e5dfd0}.boarding .top{font-size:9px;letter-spacing:2px;border-bottom:1px dashed var(--line);padding-bottom:9px;margin-bottom:9px;color:var(--muted)}.boarding .codes{display:flex;justify-content:space-between;align-items:center}.boarding strong{font-size:26px}.boarding small{display:block;font-size:9px;letter-spacing:1px}.boarding .plane{font-size:22px;color:var(--coral)}.round-stamp{position:absolute;z-index:4;right:12px;top:65px;display:grid;place-items:center;width:97px;height:97px;border:3px double var(--coral);border-radius:50%;transform:rotate(13deg);color:var(--coral);font-size:15px;font-weight:800;line-height:1.3;text-align:center;background:#fffaf0cc}.spark{position:absolute;color:var(--purple);font-size:40px;left:18px;top:50px}.palm{position:absolute;width:110px;height:140px;bottom:2px;left:0;color:var(--teal)}.pattern-band{height:12px;opacity:.85;background:repeating-linear-gradient(135deg,var(--teal) 0 10px,var(--paper) 10px 14px,var(--gold) 14px 24px,var(--paper) 24px 28px,var(--coral) 28px 38px,var(--paper) 38px 42px)}.today-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:30px 0 64px;padding:24px 30px;border-radius:20px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.today-icon{width:57px;height:57px;background:var(--coral-light);color:var(--coral);display:grid;place-items:center;border-radius:18px}.today-card .eyebrow{margin-bottom:6px;font-size:10px}.today-card h3{font-size:20px}.today-card p{font-size:13px;color:var(--muted);margin-top:5px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}.section-heading p{color:var(--muted);font-size:14px;margin-top:11px}.text-link{font-size:13px;font-weight:700;color:var(--teal);border-bottom:1px solid #087b7640;padding-bottom:3px;white-space:nowrap}.worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:68px}.world-card{--accent:var(--teal);--soft:var(--teal-light);padding:26px 22px 20px;border-radius:24px;background:var(--soft);border:1px solid transparent;transition:transform .2s;position:relative;overflow:hidden}.world-card:hover{transform:translateY(-5px);border-color:var(--accent)}.world-card:after{content:'';width:100px;height:100px;position:absolute;right:-40px;top:20px;border:1px solid var(--accent);border-radius:50%;opacity:.18}.stage-0,.teal{--accent:var(--teal);--soft:var(--teal-light)}.stage-1,.coral{--accent:var(--coral);--soft:var(--coral-light)}.stage-2,.purple{--accent:var(--purple);--soft:var(--purple-light)}.stage-3,.gold{--accent:#916013;--soft:#fcefcd}.world-card .icon{width:36px;height:36px;color:var(--accent);margin:20px 0}.world-card .world-no{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--accent)}.world-card h3{font-size:20px;margin-bottom:12px}.world-card p{font-size:13px;line-height:1.8;color:#56665c;min-height:70px}.world-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:13px;border-top:1px solid #17383220;font-size:11px;color:var(--accent);font-weight:700}.progress-track{height:5px;background:#17383213;border-radius:20px;overflow:hidden;margin-top:16px}.progress-track i{display:block;height:100%;background:var(--accent,var(--teal));border-radius:20px}.map-section{padding-bottom:65px}.map-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:23px;align-items:start}.map-frame{background:#e2f3ef;border:1px solid #bcdad2;border-radius:24px;overflow:hidden;position:relative}.map-flag{position:absolute;z-index:2;top:18px;left:18px;border-radius:9px;background:#fffef9e8;padding:8px 12px;font-size:10px;font-weight:700;letter-spacing:1px}.world-map{width:100%;height:auto}.land{fill:#f9f6e5;stroke:#b9c9bb;stroke-width:.65}.stop-land{fill:var(--accent);fill-opacity:.45;stroke:#fffaf0;stroke-width:1}.journey-line{fill:none;stroke:#d9764f;stroke-width:1.6;stroke-dasharray:5 6;opacity:.65}.map-pin circle{fill:var(--accent);stroke:#fffaf0;stroke-width:3;transition:r .2s}.map-pin:hover circle,.map-pin:focus-visible circle{r:18}.map-pin text{font-size:10px;fill:white;font-weight:bold;font-family:Arial,sans-serif;pointer-events:none}.ocean-label{font-size:16px;letter-spacing:7px;fill:#398e8b;opacity:.45}.map-region-label{font-size:11px;letter-spacing:3px;fill:#29635e}.map-caption{padding:10px 16px;font-size:11px;color:#56736a;border-top:1px solid #bcdad2;background:#eaf6ee}.map-legend{display:flex;gap:10px;flex-wrap:wrap;padding:13px 16px;font-size:10px;color:#4d6b5e}.map-legend span:before{content:'';display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:5px}.stop-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stop-card{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:var(--white);text-align:left;min-height:106px;display:block;transition:border-color .2s,transform .2s}.stop-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stop-card .stop-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:9px;color:var(--accent);font-weight:800;letter-spacing:.6px}.stop-card b{font-size:15px;display:block}.stop-card small{font-size:10px;color:var(--muted)}.stop-card.selected{border:2px solid var(--accent);background:var(--soft);padding:13px 14px}.tiny-progress{font-size:11px;color:var(--accent);margin-top:7px}.callout{background:#173f38;border-radius:24px;padding:32px 36px;color:#fffaf0;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:60px}.callout .eyebrow{color:#f6ca65;margin-bottom:9px}.callout h2{font-size:27px}.callout p{font-size:13px;color:#d4e4db;margin-top:12px}.callout .button{background:#f6ca65;color:var(--ink);white-space:nowrap}.site-footer{padding:32px 28px 27px;text-align:center;border-top:1px solid var(--line)}.footer-brand{font-size:22px;font-weight:800;color:var(--teal)}.site-footer p{font-size:13px;color:var(--muted);margin:5px 0 20px}.site-footer>div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.site-footer a:hover{color:var(--teal)}.page-top{padding:44px 0 28px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.page-top p.description{margin-top:14px;color:var(--muted);max-width:700px;font-size:15px}.page-top h1{font-size:40px}.stage-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.stage-tab{border:1px solid var(--line);padding:10px 17px;border-radius:99px;background:var(--white);font-size:13px;font-weight:600}.stage-tab[aria-pressed="true"]{background:var(--teal);color:white;border-color:var(--teal)}.route-intro{padding:25px;background:var(--soft);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.route-intro h2{font-size:25px}.route-intro p{font-size:13px;margin-top:8px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}.lesson-card{display:flex;align-items:center;gap:15px;padding:17px 20px;border:1px solid var(--line);background:var(--white);border-radius:16px;min-height:99px;position:relative}.lesson-card:hover{border-color:var(--accent,var(--teal));background:var(--soft,var(--teal-light))}.lesson-number{width:43px;height:43px;border-radius:13px;background:var(--soft,var(--teal-light));display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--accent,var(--teal));flex:none}.lesson-card.done .lesson-number{background:var(--teal);color:white}.lesson-card h3{font-size:15px;line-height:1.5;margin:0 25px 3px 0}.lesson-card p{font-size:12px;color:var(--muted)}.lesson-card .arrow{position:absolute;right:16px;color:var(--accent)}.lesson-card.current{border:2px solid var(--accent)}.lesson-wrap{max-width:1020px}.lesson-layout{display:grid;grid-template-columns:1fr 285px;gap:25px;align-items:start;margin-bottom:45px}.lesson-panel{background:var(--white);border:1px solid var(--line);border-radius:25px;padding:32px}.lesson-tag{display:inline-block;font-size:11px;color:var(--accent,var(--teal));background:var(--soft,var(--teal-light));border-radius:99px;padding:5px 13px;font-weight:700}.lesson-panel h1{font-size:27px;letter-spacing:-.5px;margin:17px 0 22px;line-height:1.5}.context-box{background:#f6f2e8;border-radius:14px;padding:14px 18px;font-size:14px;margin-bottom:25px}.context-box b{font-size:11px;display:block;color:var(--muted);margin-bottom:5px}.core-sentence{border-left:4px solid var(--accent,var(--teal));padding-left:23px;margin:28px 0}.core-sentence .es{font-size:clamp(26px,3vw,37px);line-height:1.45;font-weight:700;letter-spacing:-.7px;overflow-wrap:anywhere}.core-sentence .zh{font-size:16px;margin-top:11px;color:var(--muted)}.core-sentence.covered .es{filter:blur(8px);user-select:none}.core-sentence.covered .es:focus{filter:none}.small-action{background:transparent;border:0;border-bottom:1px solid #17383240;font-size:12px;padding:4px 0;color:var(--teal)}.practice-section{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.practice-section h2{font-size:18px;display:flex;align-items:center;gap:10px;letter-spacing:0}.step-number{font-size:11px;display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.practice-section>p{font-size:14px;color:#54665c;margin-top:12px}.sound-card{background:var(--soft,var(--teal-light));padding:18px;border-radius:15px;margin-top:16px}.sound-card h3{font-size:14px}.sound-card p{font-size:13px;margin:9px 0 14px;color:#435b50}.sound-card .sound-es{font-size:18px;font-weight:600;color:var(--ink);line-height:1.7}.sound-card .caption{font-size:11px;color:#5a6e61}.audio-buttons{display:flex;flex-wrap:wrap;gap:8px}.play-button{display:flex;align-items:center;gap:7px;border:1px solid #adc8bd;border-radius:99px;min-height:43px;padding:8px 15px;background:#fffef9;font-size:12px;color:var(--ink);font-weight:700}.play-button:hover{background:#fff}.play-button .icon{width:15px;height:15px}.reply-card{background:#f5f2e9;padding:18px;border-radius:14px;margin-top:16px}.reply-card .label{font-size:11px;color:var(--muted)}.reply-card .reply-es{font-size:20px;font-weight:700;margin:7px 0}.reply-card small{color:var(--muted)}details.note{border:1px solid var(--line);border-radius:13px;padding:13px 16px;margin-top:16px;font-size:13px}summary{cursor:pointer;font-weight:600}details.note p{margin-top:10px;color:var(--muted)}.quiz-options{display:grid;gap:9px;margin-top:16px}.quiz-option{padding:12px 15px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:11px;font-size:13px}.quiz-option.correct{background:var(--teal-light);border-color:var(--teal)}.quiz-option.incorrect{background:var(--coral-light);border-color:var(--coral)}.quiz-feedback{font-size:13px;min-height:27px;margin-top:10px;color:var(--teal)}.finish-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.lesson-sidebar{position:sticky;top:110px}.sidebar-card{padding:22px;border:1px solid var(--line);background:var(--white);border-radius:20px;margin-bottom:15px}.sidebar-card h2{font-size:16px;margin-bottom:15px}.sidebar-card p{font-size:12px;color:var(--muted)}.mini-step{display:flex;align-items:center;gap:10px;font-size:13px;margin:15px 0}.mini-step span{height:25px;width:25px;border-radius:50%;background:var(--teal-light);color:var(--teal);display:grid;place-items:center;font-size:10px}.review-link{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.review-link:last-child{border:0}.review-link b{display:block;font-size:10px;color:var(--teal);margin-bottom:3px}.lesson-pagination{display:flex;justify-content:space-between;gap:15px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.lesson-pagination a{padding:9px 0;min-height:44px}.lesson-pagination a[aria-disabled]{color:#999;pointer-events:none}.step-note{font-size:11px;color:var(--muted);margin-top:14px}.voice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-radius:20px;background:var(--teal-light);margin-bottom:26px}.voice-toolbar label{font-size:13px;font-weight:700}.voice-toolbar select{display:block;margin-top:8px;background:var(--white);border:1px solid #b7cbbf;border-radius:10px;padding:9px 12px;max-width:100%}.voice-toolbar p{font-size:13px;max-width:420px;color:#456258}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:40px}.sample-card{border:1px solid var(--line);border-radius:20px;padding:23px;background:var(--white)}.sample-card h2{font-size:18px}.sample-card .sample-text{font-size:21px;line-height:1.7;font-weight:600;margin:16px 0 20px;overflow-wrap:anywhere}.voice-row{padding-top:14px;border-top:1px solid var(--line);margin-top:15px}.voice-row b{display:block;font-size:12px;margin-bottom:9px}.voice-choice{margin-top:17px}.voice-choice .button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--gold)}.passport-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-box{padding:22px;border-radius:20px;background:var(--white);border:1px solid var(--line)}.stat-box strong{font-size:34px;display:block;color:var(--teal);line-height:1.2}.stat-box p{font-size:12px;margin-top:10px;color:var(--muted)}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.badge{padding:25px 16px;text-align:center;border-radius:21px;border:1px dashed #17383250;background:var(--white);color:var(--muted)}.badge.earned{background:var(--soft);border:2px solid var(--accent);color:var(--accent)}.badge-symbol{width:75px;height:75px;border-radius:50%;border:3px double currentColor;margin:0 auto 15px;display:grid;place-items:center}.badge-symbol .icon{width:35px;height:35px}.badge b{display:block;font-size:17px}.badge small{display:block;margin-top:8px;font-size:11px}.empty-state{padding:35px;text-align:center;background:var(--white);border:1px dashed var(--line);border-radius:20px;margin-bottom:30px}.empty-state h2{font-size:23px;margin-bottom:13px}.empty-state p{font-size:14px;color:var(--muted);margin-bottom:20px}.utility-panel{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--white);margin-bottom:35px}.utility-panel h2{font-size:20px;margin-bottom:14px}.utility-panel p{font-size:13px;color:var(--muted);margin-bottom:16px}.file-label{cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.danger-link{font-size:12px;color:#a64132;background:none;border:0;border-bottom:1px solid #a6413260;padding:5px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 45px}.guide-card{padding:27px;background:var(--white);border:1px solid var(--line);border-radius:20px}.guide-card h2{font-size:20px;margin-bottom:14px}.guide-card p,.guide-card li{font-size:14px;color:var(--muted)}.guide-card ul{padding-left:20px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:45px}.help-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--white)}.help-card .es{font-size:22px;font-weight:600;line-height:1.4}.help-card p{font-size:13px;color:var(--muted);margin-top:9px}.help-card a{display:inline-block;margin-top:13px;font-size:12px;color:var(--teal)}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:white;border-radius:15px;padding:13px 22px;max-width:min(90vw,550px);font-size:13px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s}.toast.visible{opacity:1}.audio-dock{position:fixed;z-index:45;bottom:18px;right:20px;background:#173832;color:white;border-radius:99px;padding:9px 12px 9px 20px;box-shadow:0 5px 20px #0003;display:flex;gap:18px;align-items:center;font-size:12px;max-width:calc(100vw - 30px)}.audio-dock[hidden]{display:none}.audio-dock button{border:1px solid #ffffff70;border-radius:99px;background:transparent;color:white;padding:5px 14px;font-size:12px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:10px 20px}.skip:focus{top:5px}dialog{border:1px solid var(--line);border-radius:25px;background:var(--white);color:var(--ink);width:min(490px,calc(100vw - 32px));padding:45px 30px;text-align:center;box-shadow:0 30px 90px #142a2840}dialog::backdrop{background:#102b2855;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:25px;color:var(--muted);width:40px;height:40px}.seal-big{display:grid;place-items:center;width:85px;height:85px;background:#f9d875;color:var(--coral);border-radius:50%;font-size:45px;margin:0 auto 20px;animation:seal-pop .25s ease-out}dialog h2{font-size:29px}dialog p:not(.eyebrow){color:var(--muted);margin:16px 0 24px;font-size:14px}dialog .button-row{justify-content:center}dialog small{display:block;margin-top:23px;color:var(--muted);font-size:11px}.error-panel{max-width:600px;margin:70px auto;padding:30px;text-align:center}.error-panel h1{font-size:30px}.error-panel p{margin:20px 0}.source-links a{color:var(--teal);text-decoration:underline;overflow-wrap:anywhere}.noscript-note{padding:20px;text-align:center;background:var(--coral-light)}.route-map-button{margin-bottom:20px}@keyframes seal-pop{from{transform:scale(.8)}to{transform:scale(1)}}
@media(min-width:1400px){.hero-art{margin-right:30px}.hero{gap:90px}}@media(max-width:1050px){.site-header{gap:15px;padding:17px 23px}.site-header nav{gap:20px}.header-cta{display:none}.hero{gap:25px}.hero-art{transform:scale(.92)}.worlds{grid-template-columns:1fr 1fr}.world-card p{min-height:0}.map-layout{grid-template-columns:1.1fr 1fr}.stop-list{gap:8px}.stop-card{padding:11px;min-height:100px}.stop-card b{font-size:13px}.lesson-layout{grid-template-columns:1fr 245px;gap:18px}.lesson-panel{padding:25px}.hero h1{font-size:49px}}@media(max-width:760px){.site-header{padding:12px 20px;flex-wrap:wrap;gap:14px;position:relative}.brand{font-size:19px}.brand-mark{width:37px;height:37px;font-size:23px}.brand small{font-size:9px}.site-header nav{gap:23px;font-size:12px;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;gap:0;padding:34px 0 24px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero .intro{font-size:14px;margin:22px 0}.hero .eyebrow{font-size:9px}.hero-art{min-height:330px;max-width:390px;width:100%;margin:auto;transform:scale(.9)}.hero-facts{gap:15px;font-size:11px;margin-top:18px}.hero-facts span:last-child{display:none}.boarding{right:0}.hero .button{font-size:13px;padding:12px 19px}.today-card{grid-template-columns:auto 1fr;gap:12px;padding:20px;margin:24px 0 42px}.today-card>.button{grid-column:1/-1;width:100%;margin-top:6px}.today-card h3{font-size:17px}.today-icon{width:43px;height:43px;border-radius:13px}.today-card p{font-size:12px}.worlds{gap:12px;margin-bottom:42px}.world-card{padding:20px 15px 16px;border-radius:18px}.world-card h3{font-size:17px}.world-card p{font-size:12px;min-height:64px}.world-card .icon{width:28px;height:28px;margin:15px 0}.world-card .world-no{font-size:9px}.world-bottom{font-size:10px;margin-top:14px}.section-heading{align-items:start;gap:12px}.section-heading .text-link{font-size:11px}.section-heading p{font-size:12px}.section-heading h2{font-size:27px}.map-layout{grid-template-columns:1fr}.map-frame{max-width:540px;width:100%;margin:auto}.stop-list{grid-template-columns:repeat(2,1fr);gap:10px}.stop-card b{font-size:15px}.stop-card{padding:14px 15px;min-height:103px}.stop-card.selected{padding:13px 14px}.map-section{padding-bottom:40px}.map-region-label{font-size:12px}.callout{padding:26px;display:block;margin-bottom:40px}.callout h2{font-size:25px}.callout .button{margin-top:21px;width:100%}.page-top{padding-top:27px}.page-top h1{font-size:33px}.page-top p.description{font-size:13px}.lesson-grid{grid-template-columns:1fr;gap:10px}.lesson-card{padding:15px;min-height:90px}.lesson-card h3{font-size:14px}.lesson-card p{font-size:11px}.route-intro{padding:20px;align-items:start;flex-direction:column;gap:13px}.route-intro h2{font-size:23px}.stage-tabs{gap:8px}.stage-tab{font-size:11px;padding:8px 12px}.lesson-layout{grid-template-columns:1fr}.lesson-panel{padding:22px 19px;border-radius:20px}.lesson-panel h1{font-size:23px}.core-sentence{padding-left:16px}.core-sentence .es{font-size:29px}.core-sentence .zh{font-size:14px}.lesson-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:12px}.sidebar-card{margin-bottom:0}.voice-toolbar{flex-direction:column;align-items:stretch;padding:20px}.voice-toolbar p{font-size:12px}.sample-grid{grid-template-columns:1fr}.sample-card{padding:22px}.sample-card .sample-text{font-size:20px}.passport-summary{gap:9px}.stat-box{padding:18px 12px}.stat-box strong{font-size:26px}.stat-box p{font-size:10px}.badge-grid{grid-template-columns:1fr 1fr;gap:10px}.badge{padding:20px 12px}.badge b{font-size:15px}.badge-symbol{width:65px;height:65px}.guide-grid{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr}.help-card .es{font-size:21px}.site-footer{padding:30px 20px}.site-footer>div{gap:13px;font-size:10px}.site-footer>div>span{width:100%}.button-row .button{max-width:100%}.route-map-button{font-size:12px}.audio-dock{bottom:12px;right:12px;font-size:11px;gap:10px}.audio-dock #audio-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.stage-tab[aria-current="page"]{background:var(--teal);color:white;border-color:var(--teal)}.palm>.icon{width:100%;height:100%}.sound-card h3{display:flex;align-items:center;gap:8px}.sound-card h3 .icon{width:18px;height:18px}

.vowel-row{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0}.vowel-row span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--teal-light);color:var(--teal);font-size:32px;font-weight:700}.alphabet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:45px}.alphabet-card{padding:20px 15px;border:1px solid var(--line);border-radius:17px;background:var(--white)}.alphabet-card b{font-size:30px;color:var(--teal)}.alphabet-card b small{font-size:19px;color:var(--muted)}.alphabet-card p{font-size:13px;color:var(--muted);margin-bottom:14px}.alphabet-card div{font-size:17px;font-weight:600}.alphabet-card>small{color:var(--muted);font-size:11px}.guide-card .reference-words{font-size:19px;color:var(--ink);font-weight:600;margin:15px 0}@media(max-width:760px){.alphabet-grid{grid-template-columns:repeat(3,1fr);gap:10px}.alphabet-card{padding:16px 12px}.alphabet-card b{font-size:27px}.vowel-row{gap:9px}.vowel-row span{width:48px;height:48px;font-size:27px}}
#main:focus{outline:none}

.sample-jump{margin-bottom:24px}.sample-card{scroll-margin-top:105px}

/* Full-course dual-voice listening */
.core-audio{margin:16px 0 22px;border:1px solid var(--line);border-radius:17px;padding:0 18px 17px;background:#f8f6ed}.core-audio .voice-row:first-child{border-top:0}.sentence-tools{margin-top:17px}.reply-card .dual-audio{margin-top:16px}.voice-row b{font-size:12px}.practice-voice{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:14px 17px;margin:18px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.practice-voice label{font-size:12px;font-weight:600}.practice-voice select{font-size:13px;padding:8px 10px;background:var(--white);border:1px solid #b5c7bd;border-radius:9px;margin-left:10px;max-width:100%}.practice-voice small{font-size:11px;color:var(--muted)}.practice-vocabulary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 5px}.vocabulary-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--white)}.vocabulary-card>span{display:block;font-size:18px;font-weight:600;margin-bottom:11px;overflow-wrap:anywhere}.mini-audio{display:flex;gap:6px;flex-wrap:wrap}.mini-play{font-size:11px;min-height:40px;border:1px solid #b8cabe;border-radius:8px;padding:6px 9px;background:var(--white);color:var(--teal);font-weight:600}.mini-play:hover{background:var(--teal-light)}.audio-type-label{display:block;font-size:9px;color:var(--muted);margin:8px 0 5px}.alphabet-card .mini-audio{margin-bottom:17px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.alphabet-card .mini-play{padding:5px 1px;font-size:10px}.alphabet-card div[lang]{margin-top:8px}.vowel-item{display:flex;flex-direction:column;align-items:center;gap:6px}.vowel-target{width:58px;height:58px;background:var(--teal-light);border:1px solid #bad8c9;border-radius:18px;font-size:32px;font-weight:700;color:var(--teal)}.vowel-item .small-action{min-height:36px}.core-audio .play-button,.reply-card .play-button{min-height:44px}.pronunciation-practice>summary{line-height:1.6}.dual-audio .audio-buttons{gap:8px}
@media(max-width:760px){.practice-voice{flex-direction:column;align-items:start;padding:13px}.practice-voice label{width:100%}.practice-voice select{display:block;margin:8px 0 0;width:100%}.practice-vocabulary{gap:8px}.vocabulary-card{padding:11px}.vocabulary-card>span{font-size:17px}.vocabulary-card .mini-play{padding:5px 7px;font-size:10px}.core-audio{padding:0 13px 15px}.vowel-target{width:48px;height:48px;font-size:27px}.alphabet-card .mini-play{font-size:9px}}

.dual-audio .voice-row b{font-size:13px}.mini-play{min-height:44px}@media(max-width:480px){.alphabet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alphabet-card .mini-play,.vocabulary-card .mini-play{font-size:12px;min-height:44px}.audio-type-label{font-size:11px}}

.site-footer .footer-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.site-footer .footer-actions a{min-width:150px}.site-footer .footer-actions a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}