@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Noto+Serif+TC:wght@500;600;700;800&display=swap";.gate-shell{justify-content:center;align-items:flex-start;padding:48px 24px;display:flex}.gate-card{background:#fff;border:1px solid #e2e6ee;border-radius:14px;width:100%;max-width:640px;padding:28px 28px 24px;box-shadow:0 8px 30px #1018280f}.gate-card h1{color:#16223a;margin:0 0 12px;font-size:20px;line-height:1.3}.gate-card p{color:#3d4a63;margin:0 0 14px;font-size:14px;line-height:1.55}.gate-actions{flex-wrap:wrap;gap:10px;margin:18px 0 6px;display:flex}.gate-primary,.gate-secondary{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 16px;font-size:14px}.gate-primary{color:#fff;background:#2f6bff}.gate-primary:hover{background:#245ae0}.gate-secondary{color:#16223a;background:#fff;border-color:#cbd3e1}.gate-secondary:hover{background:#f4f6fb}.gate-note{color:#6b7688;border-top:1px dashed #d7ddea;margin-top:16px;padding-top:14px;font-size:13px}.auth-backdrop{z-index:60;background:#0f211c73;justify-content:center;align-items:flex-start;padding:72px 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-panel{color:#1c2b26;box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:20px 22px 24px;box-shadow:0 20px 60px #091e1947}.auth-head{border-bottom:1px solid #e6ece9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.auth-head h2{margin:0;font-size:18px}.auth-close{cursor:pointer;color:#5a6a64;background:0 0;border:none;border-radius:8px;padding:6px;font-size:16px;line-height:1}.auth-close:hover{background:#f1f5f3}.auth-section h3{margin:0 0 8px;font-size:15px}.auth-section p{color:#384742;margin:0 0 10px;font-size:13.5px;line-height:1.55}.auth-tag{color:#8a5a00;background:#fff6e6;border-radius:8px;padding:6px 10px;font-size:12.5px;display:inline-block}.auth-note{color:#5a6a64!important;font-size:12.5px!important}.auth-incomplete{background:#fff6e6;border-radius:8px;padding:8px 10px;color:#8a5a00!important}.auth-google{align-items:center;min-height:44px;display:flex}.auth-account{font-size:16px;font-weight:600;color:#0f3d31!important}.auth-nickname{flex-direction:column;gap:6px;margin:12px 0 16px;display:flex}.auth-nickname label{font-size:13px;font-weight:600}.auth-nickname input{border:1px solid #cfdbd6;border-radius:10px;padding:9px 11px;font-size:14px}.auth-nickname small{color:#6b7a74;font-size:12px}.auth-primary,.auth-secondary{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.auth-primary{color:#fff;background:#007b61}.auth-primary:disabled{cursor:not-allowed;background:#9fbdb4}.auth-secondary{color:#1c2b26;background:#eef4f1;align-self:flex-start;margin-top:8px}.auth-error{color:#b42318!important;margin:4px 0 0!important;font-size:13px!important}.auth-ok{color:#067647!important;font-size:13px!important}.auth-steps{border-top:1px solid #e6ece9;margin-top:16px;padding-top:12px}.auth-steps h4{margin:0 0 8px;font-size:13px}.auth-steps ul{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.auth-step-pending{background:#f5f8f7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.auth-step-pending em{color:#8a5a00;white-space:nowrap;background:#fff6e6;border-radius:6px;padding:3px 7px;font-size:11.5px;font-style:normal}@media (width<=480px){.auth-backdrop{padding-top:40px}}.pg-shell{min-width:0;max-width:1040px;padding:6px 2px 30px}.pg-shell *{box-sizing:border-box}.pg-head{justify-content:space-between;align-items:flex-start;gap:18px;padding:2px 0 12px;display:flex}.pg-head-copy{min-width:0}.pg-eyebrow{color:#087356;letter-spacing:.06em;text-transform:uppercase;background:#e1f4eb;border-radius:30px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-block}.pg-head h1{letter-spacing:-.5px;color:#111a34;margin:12px 0 4px;font-family:Noto Serif TC,serif;font-size:29px;font-weight:700}.pg-sub{color:#687181;margin:0;font-size:15px;line-height:1.5}.pg-locale{background:#fff;border:1px solid #e0eae4;border-radius:9px;flex:none;gap:2px;padding:3px;display:flex}.pg-locale button{color:#5d6b66;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.pg-locale button[aria-pressed=true]{color:#fff;background:#087c65}.pg-demo{color:#3f5a52;background:#f2faf7;border:1px solid #d7ece3;border-radius:9px;align-items:center;gap:9px;margin:0 0 10px;padding:10px 13px;font-size:12px;line-height:1.5;display:flex}.pg-demo svg{color:#087c65;flex:none}.pg-mock{color:#73643b;background:#fff8e7;border:1px solid #eedfbb;border-radius:9px;margin:0 0 16px;padding:10px 13px;font-size:12px;line-height:1.5}.pg-status{color:#5d6b66;padding:14px 2px;font-size:14px}.pg-error{background:#fff5f4;border:1px solid #f2cfca;border-radius:11px;padding:16px}.pg-error p{color:#8a3a30;margin:0 0 11px;font-size:13px}.pg-error button{color:#14664c;cursor:pointer;background:#fff;border:1px solid #bad2c5;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-weight:600;display:inline-flex}.pg-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 14px;display:grid}.pg-stat{color:#5d6b66;background:#fff;border:1px solid #e8eeea;border-radius:12px;align-items:center;gap:9px;padding:13px 14px;font-size:12px;display:flex;box-shadow:0 3px 14px #17433108}.pg-stat svg{color:#087c65;flex:none}.pg-stat strong{color:#111a34;margin-left:auto;font-family:Noto Serif TC,serif;font-size:23px;line-height:1}.pg-stat.doing svg{color:#df982e}.pg-stat.done svg{color:#0a9b79}.pg-list{background:#fff;border:1px solid #e8eeea;border-radius:14px;padding:6px 18px 14px;box-shadow:0 3px 14px #17433108}.pg-list ul{margin:0;padding:0;list-style:none}.pg-row{border-bottom:1px solid #f0f2f0;align-items:flex-start;gap:14px;min-width:0;padding:14px 4px;display:flex}.pg-row:last-child{border-bottom:0}.pg-num{color:#087b64;background:#e7f5ef;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.pg-row-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pg-row-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pg-row-title b{color:#1b2a44;font-size:14px}.pg-badge{border-radius:30px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.pg-badge.todo{color:#6b7671;background:#eef1f0}.pg-badge.doing{color:#a9691f;background:#fdf0dd}.pg-badge.done{color:#087356;background:#e1f4eb}.pg-row-sub{color:#7e8792;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pg-attempt{flex-wrap:wrap;align-items:baseline;gap:5px 16px;margin-top:2px;display:flex}.pg-score{color:#3f5a52;font-size:12px}.pg-score b{color:#087c65;margin-right:2px;font-family:Noto Serif TC,serif;font-size:17px}.pg-meta{color:#6f7a86;font-size:11px}.pg-no-attempt{font-style:italic}.pg-open{color:#fff;cursor:pointer;background:#087359;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.pg-open:hover{background:#06674f}@media (width<=1050px){.pg-shell{max-width:100%}.pg-head h1{font-size:26px}}@media (width<=700px){.pg-head{flex-direction:column;gap:12px}.pg-head h1{font-size:23px}.pg-summary{grid-template-columns:1fr}.pg-row{flex-wrap:wrap;gap:10px}.pg-row-main{flex-basis:calc(100% - 50px)}.pg-open{flex-basis:100%;justify-content:center}.pg-list{padding:6px 13px 12px}}@media (width<=420px){.pg-head h1{font-size:21px}.pg-sub{font-size:13px}.pg-row-sub{white-space:normal}.pg-locale button{padding:6px 8px}.pg-demo{font-size:11px}}.cl-shell{min-width:0;max-width:1040px;padding:6px 2px 30px}.cl-shell *{box-sizing:border-box}.cl-head{justify-content:space-between;align-items:flex-start;gap:18px;padding:2px 0 12px;display:flex}.cl-head-copy{min-width:0}.cl-eyebrow{color:#087356;letter-spacing:.06em;text-transform:uppercase;background:#e1f4eb;border-radius:30px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-block}.cl-head h1{letter-spacing:-.5px;color:#111a34;margin:12px 0 4px;font-family:Noto Serif TC,serif;font-size:29px;font-weight:700}.cl-sub{color:#687181;margin:0;font-size:15px;line-height:1.5}.cl-locale{background:#fff;border:1px solid #e0eae4;border-radius:9px;flex:none;gap:2px;padding:3px;display:flex}.cl-locale button{color:#5d6b66;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.cl-locale button[aria-pressed=true]{color:#fff;background:#087c65}.cl-note{color:#73643b;background:#fff8e7;border:1px solid #eedfbb;border-radius:9px;margin:0 0 20px;padding:11px 14px;font-size:12px;line-height:1.5}.cl-status{color:#5d6b66;padding:14px 2px;font-size:14px}.cl-error{background:#fff5f4;border:1px solid #f2cfca;border-radius:11px;padding:16px}.cl-error p{color:#8a3a30;margin:0 0 11px;font-size:13px}.cl-error button,.cl-back{color:#14664c;cursor:pointer;background:#fff;border:1px solid #bad2c5;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-weight:600;display:inline-flex}.cl-back{margin:0 0 16px}.cl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cl-card{background:#fff;border:1px solid #e8eeea;border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 3px 14px #17433108}.cl-cover{color:#edda6a;text-align:center;outline-offset:-5px;background:linear-gradient(145deg,#08764f,#005437);border-radius:7px;outline:1px solid #91b950;flex-direction:column;justify-content:space-between;align-items:center;height:150px;padding:14px 10px;display:flex;box-shadow:0 6px 14px #214b3830}.cl-cover span{font-family:Noto Serif TC,serif;font-size:15px;font-weight:700}.cl-cover b{font-family:Georgia,serif;font-size:52px;line-height:1}.cl-card-info{min-width:0}.cl-volume{color:#087d60;font-size:12px;font-weight:700}.cl-card h2{color:#163d31;white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:16px;overflow:hidden}.cl-count{color:#62766e;margin:0;font-size:13px}.cl-primary{color:#fff;cursor:pointer;background:#087359;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:40px;margin-top:auto;font-weight:700;display:flex}.cl-primary:hover{background:#06674f}.cl-lessons{background:#fff;border:1px solid #e8eeea;border-radius:14px;padding:8px 18px 14px;box-shadow:0 3px 14px #17433108}.cl-lessons-head{border-bottom:1px solid #eef2ee;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 6px;display:flex}.cl-lessons-head h2{color:#163d31;margin:0;font-size:16px}.cl-lessons-head span{color:#62766e;font-size:13px}.cl-lessons ul{margin:0;padding:0;list-style:none}.cl-lesson{border-bottom:1px solid #f0f2f0;align-items:center;gap:14px;min-width:0;padding:13px 4px;display:flex}.cl-lesson:last-child{border-bottom:0}.cl-num{color:#087b64;background:#e7f5ef;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.cl-lesson.open .cl-num{color:#fff;background:#087c65}.cl-lesson-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cl-lesson-info b{color:#1b2a44;font-size:14px}.cl-lesson-info small{color:#7e8792;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cl-open{color:#fff;cursor:pointer;background:#087359;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.cl-open:hover{background:#06674f}.cl-locked{color:#6b7671;background:#f1f3f2;border:1px solid #e2e7e4;border-radius:8px;flex:none;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=1050px){.cl-shell{max-width:100%}.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-head h1{font-size:26px}}@media (width<=700px){.cl-head{flex-direction:column;gap:12px}.cl-head h1{font-size:23px}.cl-grid{grid-template-columns:1fr}.cl-cover{height:132px}.cl-lesson{flex-wrap:wrap;gap:10px}.cl-lesson-info{flex-basis:calc(100% - 50px)}.cl-open,.cl-locked{flex-basis:100%;justify-content:center}.cl-lessons{padding:8px 13px 12px}}@media (width<=420px){.cl-head h1{font-size:21px}.cl-sub{font-size:13px}.cl-card{padding:13px}.cl-lesson-info small{white-space:normal}.cl-locale button{padding:6px 8px}}.cl-badge{white-space:nowrap;border-radius:30px;flex:none;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.cl-badge.todo{color:#6b7671;background:#eef1f0}.cl-badge.doing{color:#a9691f;background:#fdf0dd}.cl-badge.done{color:#087356;background:#e1f4eb}@media (width<=700px){.cl-badge{margin-left:0}}.pp-shell{--pp-green:#007d65;--pp-ink:#111b3b;min-height:100vh;color:var(--pp-ink);background:#f8faf8;font:14px Arial,sans-serif;display:flex}.pp-shell *{box-sizing:border-box}.pp-shell button{font:inherit}.pp-sidebar{background:#fff;border-right:1px solid #eef1ee;flex-direction:column;flex:none;width:204px;min-height:100vh;padding:21px 16px;display:flex}.pp-brand{color:#111;padding:0 17px 27px}.pp-brand b{white-space:nowrap;font:700 26px Georgia,serif}.pp-brand b span{color:var(--pp-green);font-size:17px}.pp-brand small{letter-spacing:4px;font-size:11px;display:block}.pp-sidebar nav{gap:4px;display:grid}.pp-nav-item{white-space:nowrap;border-radius:9px;align-items:center;gap:16px;height:41px;padding:0 14px;font-size:13px;display:flex}.pp-nav-item.active{color:#076d58;background:#e7f5f0;font-weight:700}.pp-sidebar-bottom{color:#637184;margin-top:auto;padding:0 14px;font-size:14px;line-height:1.5}.pp-sidebar-art{opacity:.8;background:url(/assets/preview/login-landscape.png) 0 100%/cover no-repeat;height:150px;margin:10px -30px -21px}.pp-workspace{flex:1;min-width:0}.pp-header{background:#fff;border-bottom:1px solid #edf0ee;justify-content:flex-end;align-items:center;gap:19px;height:55px;padding:0 30px;display:flex}.pp-language{border:1px solid #dce9e3;border-radius:20px;padding:2px;display:flex}.pp-language button{border-radius:16px;padding:4px 8px;font-size:11px}.pp-language button[aria-pressed=true]{background:var(--pp-green);color:#fff}.pp-course{border:1px solid #e6eae8;border-radius:8px;padding:9px;font-size:12px}.pp-profile{align-items:center;gap:7px;font-size:12px;display:flex}.pp-profile img{border-radius:50%;width:29px;height:29px}.pp-mobile-logo{display:none}.pp-content{max-width:1500px;margin:auto;padding:18px 26px 24px}.pp-crumb{color:#657085;margin-bottom:10px;font-size:11px}.pp-crumb a{color:inherit;text-decoration:none}.pp-content h1{margin:0 0 5px;font:700 29px Georgia,Noto Serif TC,serif}.pp-subtitle{color:#5c6880;margin:0 0 15px;font-size:16px}.pp-columns{grid-template-columns:minmax(0,1.65fr) minmax(295px,1fr);gap:12px;display:grid}.pp-card{background:#fff;border:1px solid #f0f2f0;border-radius:13px;min-width:0;padding:17px}.pp-card h3{align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.pp-card h3 svg{color:var(--pp-green)}.pp-lesson{align-items:center;font-size:12px;display:flex}.pp-lesson span{color:#08735e;background:#e2f5ef;border-radius:5px;padding:6px 10px;font-weight:700}.pp-lesson svg{color:#e9a421;margin-left:auto}.pp-phrase{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 0 14px;display:flex}.pp-hanzi{white-space:nowrap;font:700 clamp(29px,3.6vw,49px)/1.15 Georgia,Noto Serif TC,serif}.pp-pinyin{font-size:19px}.pp-meaning{color:#657086;font-size:15px}.pp-listen{justify-content:center;gap:10px;margin:2px 0 20px;display:flex}.pp-listen button{color:#14244a;background:#fff;border:1px solid #dfe7e4;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-width:160px;height:43px;font-size:12px;font-weight:700;display:flex}.pp-shell button:disabled{cursor:not-allowed}.pp-listen svg{color:#187fc4}.pp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pp-tile{border:1px solid #f1f1f0;border-radius:10px;flex-direction:column;gap:4px;min-height:90px;padding:13px 9px 13px 45px;display:flex;position:relative}.pp-tile em{color:#1183c6;background:#e6f2ff;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid;position:absolute;top:13px;left:10px}.pp-tile:nth-child(2) em{color:#d98b13;background:#fff1db}.pp-tile:nth-child(3) em{color:#007f61;background:#e4f7ee}.pp-tile strong{font:700 16px Georgia,Noto Serif TC,serif}.pp-tile small{color:#607083;font-size:11px}.pp-record{text-align:center;background:#eaf8f3;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:159px;margin-top:13px;padding:14px;display:flex}.pp-record button{color:#fff;opacity:.65;background:#007d65;border:5px solid #fff;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.pp-record b{font-size:15px}.pp-record small{color:#576f72;font-size:11px;line-height:1.4}.pp-tip{background:#eff5fd;border-radius:7px;align-items:center;gap:9px;margin-top:9px;padding:9px;font-size:11px;display:flex}.pp-tip svg{color:#348bc9;flex:none}.pp-side-stack{align-content:start;gap:11px;display:grid}.pp-mode-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pp-mode-options>div{border:1px solid #e6eae8;border-radius:10px;flex-direction:column;gap:8px;min-height:97px;padding:13px;display:flex}.pp-mode-options .pp-mode-off{opacity:.6;border-style:dashed}.pp-mode-options b{font-size:12px}.pp-mode-options small,.pp-mode p,.pp-best p,.pp-compare p,.pp-priority p{color:#66748a;margin:3px 0;font-size:11px;line-height:1.5}.pp-empty{color:#81938e;flex-direction:column;justify-content:center;align-items:center;min-height:127px;font-size:32px;display:flex}.pp-empty small{font-size:12px}.pp-best{background:#eaf8f3;border:1px solid #b5ddcf;border-radius:10px;padding:15px}.pp-best h3{margin-bottom:3px}.pp-best button{color:#fff;opacity:.55;background:#007b61;border-radius:7px;width:100%;height:36px;margin-top:10px;font-size:11px;font-weight:700}.pp-feedback-grid{grid-template-columns:1.25fr 1.4fr;gap:11px;display:grid}.pp-sample .pp-phrase{text-align:left;align-items:flex-start;padding:10px 0 15px}.pp-sample .pp-hanzi{font-size:32px}.pp-sample .pp-pinyin{font-size:17px}.pp-heard{background:#f6fafb;border-radius:10px;gap:15px;min-height:110px;padding:18px;display:flex}.pp-heard svg{color:var(--pp-green)}.pp-heard div{flex-direction:column;gap:5px;display:flex}.pp-heard small,.pp-sample>small{color:#647286;font-size:11px}.pp-heard strong{font-size:25px}.pp-heard span{color:#647286;font-size:12px}.pp-results{background:#eef9f5}.pp-results h3{flex-wrap:wrap;justify-content:space-between}.pp-results h3 small{color:#687487;font-size:10px;font-weight:400}.pp-result-body{grid-template-columns:115px 1fr;align-items:center;gap:13px;display:grid}.pp-score{width:112px;height:112px;color:var(--pp-green);border:9px solid #dbeae5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.pp-score strong{font-size:38px}.pp-score span{color:#213f40;font-size:11px}.pp-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.pp-metrics>div:not(.pp-tone){background:#fff;border-radius:9px;flex-direction:column;gap:7px;min-height:87px;padding:10px;font-size:11px;display:flex}.pp-metrics svg{color:var(--pp-green)}.pp-metrics b{font-size:19px}.pp-tone{background:#fff;border-radius:9px;grid-column:1/-1;padding:13px;font-size:12px}.pp-tone p{color:#697588;font-size:12px}.pp-priority,.pp-compare{min-height:245px}.pp-priority h3,.pp-compare h3{margin-bottom:2px}.pp-comparison{background:#f5faf9;border-radius:8px;justify-content:space-around;align-items:center;margin-top:15px;padding:12px;display:flex}.pp-comparison>div{text-align:center;color:#647285;font-size:12px}.pp-comparison strong{color:#84918d;border:6px solid #dceae6;border-radius:50%;place-items:center;width:67px;height:67px;margin:8px auto;font-size:26px;display:grid}.pp-compare>small{text-align:center;color:#687588;margin-top:7px;display:block}.pp-actions{gap:12px;margin-top:14px;display:flex}.pp-actions button,.pp-actions a{border-radius:8px;justify-content:center;align-items:center;gap:8px;height:41px;padding:0 22px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.pp-actions button:first-child,.pp-actions a{color:#fff;background:#007b61}.pp-actions button:disabled{opacity:.52}.pp-actions button:nth-child(2){color:#007b61;border:1px solid #007b61}.pp-actions a{margin-left:auto}.pp-disclaimer{color:#637784;margin:12px 0 0;font-size:11px}@media (width<=1050px){.pp-sidebar{width:172px;padding:15px 8px}.pp-brand{padding:0 8px 20px}.pp-brand b{font-size:22px}.pp-nav-item{gap:8px;padding:0 8px;font-size:11px}.pp-content{padding:15px}.pp-columns{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.pp-mode-options{grid-template-columns:1fr}.pp-mode-options>div{min-height:65px}.pp-tiles,.pp-feedback-grid{grid-template-columns:1fr 1fr}.pp-result-body{grid-template-columns:1fr}.pp-score{margin:auto}.pp-metrics{min-width:0}.pp-metrics>div:not(.pp-tone){padding:7px;font-size:10px}}@media (width<=760px){.pp-sidebar{display:none}.pp-header{gap:9px;padding:0 12px}.pp-mobile-logo{margin-right:auto;font-family:Georgia,serif;font-weight:700;display:block}.pp-mobile-logo small{letter-spacing:2px;font-size:8px;display:block}.pp-course{display:none}.pp-content{padding:16px 12px}.pp-content h1{font-size:25px}.pp-subtitle{font-size:13px;line-height:1.5}.pp-columns,.pp-feedback-grid{grid-template-columns:1fr}.pp-mode-options{grid-template-columns:1fr 1fr}.pp-result-body{grid-template-columns:115px 1fr}.pp-actions{flex-wrap:wrap}.pp-actions a{margin-left:0}}@media (width<=430px){.pp-phrase{padding:17px 0 12px}.pp-hanzi{font-size:32px}.pp-pinyin{font-size:16px}.pp-listen button{flex:1;gap:6px;min-width:0;padding:0 4px}.pp-tiles{grid-template-columns:1fr 1fr}.pp-tile{padding-left:41px}.pp-mode-options{grid-template-columns:1fr 1fr}.pp-result-body{grid-template-columns:1fr}.pp-metrics>div:not(.pp-tone){min-width:0}.pp-actions button,.pp-actions a{flex:1;padding:0 8px}.pp-actions a{flex-basis:100%}}.pp-readiness{margin-top:12px}.pp-readiness-intro{color:#5c6880;margin:0 0 10px;font-size:12px;line-height:1.5}.pp-readiness-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.pp-check{background:#fbfdfc;border:1px solid #eef1ee;border-radius:9px;align-items:flex-start;gap:9px;padding:9px 11px;display:flex}.pp-check-dot{background:#c3cec9;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.pp-check-body{flex-direction:column;gap:2px;min-width:0;display:flex}.pp-check-body b{font-size:12px}.pp-check-body small{color:#66748a;font-size:11px;line-height:1.45}.pp-check-state{white-space:nowrap;color:#556;background:#eef1ee;border-radius:20px;flex:none;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:700}.pp-check-ready .pp-check-dot{background:#007d65}.pp-check-ready .pp-check-state{color:#08735e;background:#e2f5ef}.pp-check-blocked .pp-check-dot{background:#c0392b}.pp-check-blocked .pp-check-state{color:#b03a2e;background:#fdecea}.pp-check-unknown .pp-check-dot{background:#d98b13}.pp-check-unknown .pp-check-state{color:#a86a05;background:#fff1db}.pp-readiness-why{color:#5c6880;border-top:1px solid #eef1ee;margin-top:11px;padding-top:9px;font-size:11px}.pp-readiness-why summary{cursor:pointer;color:#076d58;font-size:12px;font-weight:700}.pp-readiness-why p{margin:7px 0 0;line-height:1.5}.pp-readiness-note{color:#66748a}.pp-note{color:#647286;background:#f6fafb;border-radius:7px;margin:8px 0 0;padding:8px 10px;font-size:11px;line-height:1.5}.pp-transcript-note{background:#fff7e8}@media (width<=760px){.pp-check{flex-wrap:wrap}.pp-check-state{margin-left:18px}}.cp-shell{color:#14233e;background:#f8faf8;grid-template-columns:190px minmax(0,1fr);min-height:100vh;font-family:Arial,sans-serif;display:grid}.cp-shell *{box-sizing:border-box}.cp-shell a{color:inherit;text-decoration:none}.cp-sidebar{background:#fff;min-height:100vh;padding:22px 12px;position:relative;overflow:hidden}.cp-brand{margin-bottom:34px;padding:0 18px;display:block;color:#083d32!important}.cp-brand strong{white-space:nowrap;font-family:serif;font-size:24px;display:block}.cp-brand strong span{font-size:15px}.cp-brand small{letter-spacing:4px;font-size:10px}.cp-nav{white-space:nowrap;border-radius:9px;align-items:center;gap:13px;padding:13px;font-size:14px;display:flex}.cp-nav.active{color:#087d60;background:#e8f4ee;font-weight:700}.cp-side-art{opacity:.7;background:url(/assets/preview/onboard-landscape-left.png) bottom/cover no-repeat;height:200px;position:absolute;bottom:0;left:0;right:0}.cp-work{min-width:0}.cp-top{background:#fff;justify-content:flex-end;align-items:center;gap:19px;height:64px;padding:0 28px;display:flex}.cp-lang{border:1px solid #d5e4dc;border-radius:9px;display:flex;overflow:hidden}.cp-lang button{cursor:pointer;background:#fff;border:0;padding:7px 10px}.cp-lang button[aria-pressed=true]{color:#fff;background:#087d60}.cp-term{border:1px solid #e3e9e6;border-radius:8px;padding:9px 14px;font-size:13px}.cp-user{align-items:center;gap:8px;font-size:13px;display:flex}.cp-user img{border-radius:50%;width:34px;height:34px}.cp-mobile-brand{display:none}.cp-main{max-width:1320px;margin:auto;padding:20px 24px 45px}.cp-banner{color:#07604c;background:#e9f5ed;border:1px solid #bfdfce;border-radius:8px;margin:0 0 16px;padding:10px 13px;font-size:12px;font-weight:700;line-height:1.5}.cp-course-hero{background:url(/assets/preview/onboard-landscape-right.png) 100%/auto 100% no-repeat;padding:10px 12px 18px}.cp-course-hero h1{color:#093b32;margin:0;font-family:serif;font-size:37px}.cp-course-hero h2{margin:2px 0;font-family:Cambria,Times New Roman,serif;font-size:23px}.cp-course-hero p{color:#687382;margin:6px 0;font-size:14px}.cp-columns{grid-template-columns:minmax(0,1fr) 245px;gap:13px;display:grid}.cp-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cp-card{background:#fff;border:1px solid #e8eeea;border-radius:12px;padding:16px;box-shadow:0 2px 12px #17433108}.cp-book{flex-direction:column;min-width:0;min-height:355px;display:flex}.cp-book:first-child{border-color:#6bc5a9}.cp-book>img{object-fit:contain;width:100%;height:190px}.cp-book h3{margin:4px 0;font-size:16px}.cp-book p{color:#62766e;font-size:12px}.cp-book small{color:#087d60}.cp-primary,.cp-soft{border-radius:8px;justify-content:center;align-items:center;margin-top:auto;padding:11px 12px;font-size:13px;font-weight:700;display:inline-flex}.cp-primary{background:#008362;color:#fff!important}.cp-soft{background:#edf5f9;color:#155b78!important}.cp-rail{flex-direction:column;gap:12px;min-width:0;display:flex}.cp-rail h3{align-items:center;gap:7px;margin:0 0 12px;font-size:15px;display:flex}.cp-rail p{color:#667481;font-size:13px;line-height:1.5}.cp-teacher img{float:left;border-radius:50%;width:49px;height:49px;margin:0 10px 5px 0}.cp-teacher strong{font-size:13px}.cp-empty{color:#3d9278;border:7px solid #deeee7;border-radius:50%;place-items:center;width:95px;height:95px;margin:auto;font-size:30px;display:grid}.cp-lesson-list{margin-top:12px}.cp-lesson-list h3{align-items:center;gap:9px;margin:0 0 12px;display:flex}.cp-lesson-list>a{border-top:1px solid #eef2ee;grid-template-columns:120px 1fr 1fr 20px;align-items:center;gap:10px;padding:12px 6px;font-size:12px;display:grid}.cp-lesson-list>a:nth-of-type(3){background:#edf7f3}.cp-lesson-list strong{font-size:14px}.cp-breadcrumb{color:#62716e;margin:8px 0 18px;font-size:13px}.cp-breadcrumb a{color:#087d60}.cp-detail-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px;display:grid}.cp-detail-hero{background:url(/assets/preview/onboard-landscape-right.png) 100% 0/auto 100% no-repeat;align-items:center;gap:24px;min-height:205px;padding:8px 10px 20px;display:flex}.cp-detail-hero>img{object-fit:contain;filter:drop-shadow(0 8px 8px #15382930);width:155px;height:200px}.cp-detail-hero>div{min-width:0}.cp-pill{color:#07664f;background:#e7f5ec;border:1px solid #087d60;border-radius:20px;padding:6px 12px;font-size:12px;display:inline-block}.cp-detail-hero h1{margin:8px 0 2px;font:700 36px Cambria,Times New Roman,serif}.cp-detail-hero p{color:#536273;margin:7px 0;font-size:14px;line-height:1.5}.cp-detail-hero .cp-hanzi{color:#26384b;font-size:20px}.cp-metadata{align-items:center;gap:9px;margin:12px 0;font-size:12px;display:flex}.cp-detail-hero .cp-primary{margin-top:3px}.cp-outline{margin-top:16px;padding:18px}.cp-outline h2{margin:0 0 14px;font-size:17px}.cp-outline>a{border:1px solid #edf0ed;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto 16px;align-items:center;gap:12px;margin:5px 0;padding:9px;font-size:13px;display:grid}.cp-outline>a:nth-of-type(4){background:#edf7f3}.cp-index{color:#087d60;border:1px solid #a9cdbb;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.cp-outline>a>span:nth-last-child(2){color:#8a9796;font-size:11px}.cp-goals{background:#f3faf6}.cp-examples>div{background:#f5f9fc;border-radius:8px;flex-direction:column;gap:5px;margin:8px 0;padding:11px 42px 11px 10px;display:flex;position:relative}.cp-examples span,.cp-examples small{color:#667481;font-size:12px}.cp-examples button{background:#e5eaf0;border:0;border-radius:50%;padding:7px;position:absolute;top:18px;right:9px}.cp-back{padding:12px;font-size:13px;color:#087d60!important}@media (width<=1050px){.cp-shell{grid-template-columns:155px minmax(0,1fr)}.cp-sidebar{padding:18px 7px}.cp-brand{padding:0 7px}.cp-brand strong{font-size:19px}.cp-nav{gap:7px;font-size:12px}.cp-columns,.cp-detail-grid{grid-template-columns:minmax(0,1fr)}.cp-rail{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cp-detail-grid .cp-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.cp-shell{display:block}.cp-sidebar{display:none}.cp-top{gap:7px;height:59px;padding:0 13px}.cp-mobile-brand{margin-right:auto;font-size:15px;font-weight:700;display:block;color:#073d32!important}.cp-mobile-brand small{letter-spacing:2px;font-size:8px;display:block}.cp-term{display:none}.cp-user{font-size:0}.cp-user img{width:30px;height:30px}.cp-main{padding:12px}.cp-course-hero{background-image:none;padding:12px 0}.cp-course-hero h1{font-size:29px}.cp-course-hero h2{max-width:300px;font-size:18px}.cp-course-hero p{font-size:12px}.cp-books{grid-template-columns:1fr}.cp-book{grid-template-columns:90px minmax(0,1fr);gap:8px;min-height:0;display:grid}.cp-book>img{grid-row:span 2;height:128px}.cp-book h3{font-size:15px}.cp-book .cp-primary,.cp-book .cp-soft{grid-column:2;margin-top:0}.cp-lesson-list>a{grid-template-columns:90px minmax(0,1fr) 16px}.cp-lesson-list>a>span:nth-last-child(2){display:none}.cp-rail,.cp-detail-grid .cp-rail{grid-template-columns:1fr}.cp-detail-hero{gap:10px}.cp-detail-hero>img{align-self:flex-start;width:90px;height:140px}.cp-detail-hero h1{font-size:26px}.cp-detail-hero p{font-size:12px}.cp-detail-hero .cp-hanzi{font-size:16px}.cp-metadata{flex-wrap:wrap}.cp-outline{padding:12px}.cp-outline>a{gap:5px}.cp-banner{font-size:11px}}.sp-shell{--green:#007b62;--ink:#101b3b;color:var(--ink);background:#f9fbf9;min-height:100vh;font:14px Noto Sans TC,Arial,sans-serif;display:flex}.sp-shell *{box-sizing:border-box}.sp-sidebar{background:#fff;border-right:1px solid #edf0ed;flex-direction:column;flex:none;width:204px;min-height:100vh;padding:18px 16px;display:flex}.sp-brand{white-space:nowrap;padding:0 17px 25px}.sp-brand strong{color:#111;font:700 25px Georgia,serif}.sp-brand strong span{color:var(--green);margin-left:3px;font-size:17px}.sp-brand small{letter-spacing:4px;font-size:11px;display:block}.sp-sidebar nav{gap:5px;display:grid}.sp-nav{white-space:nowrap;border-radius:9px;align-items:center;gap:16px;height:40px;padding:0 13px;font-size:13px;display:flex}.sp-nav.active{color:#006c57;background:#e6f5ef;font-weight:700}.sp-sidefoot{color:#5e6a7b;margin:auto 14px 12px;line-height:1.55}.sp-landscape{background:url(/assets/preview/login-landscape.png) 0 100%/cover no-repeat;height:145px;margin:0 -16px -18px}.sp-work{flex:1;min-width:0}.sp-top{background:#fff;border-bottom:1px solid #f0f2f0;justify-content:flex-end;align-items:center;gap:23px;height:55px;padding:0 31px;display:flex}.sp-top>svg{flex:none}.sp-locale{border:1px solid #dbe9e3;border-radius:15px;padding:2px;display:flex}.sp-locale button{border-radius:12px;padding:4px 8px;font-size:11px}.sp-locale button[aria-pressed=true]{background:var(--green);color:#fff}.sp-term{white-space:nowrap;border:1px solid #e8eeeb;border-radius:8px;align-items:center;gap:16px;padding:8px;font-size:11px;display:flex}.sp-user{white-space:nowrap;align-items:center;font-size:12px;display:flex}.sp-mobile-brand{display:none}.sp-content{max-width:1510px;margin:auto;padding:18px 25px 24px}.sp-crumb{color:#5e6980;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;display:flex}.sp-crumb svg{width:12px;height:12px}.sp-demo{color:#755016;background:#fff6e5;border:1px solid #f5e4bf;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-size:11px}.sp-shell h1,.sp-shell h2{font-family:Georgia,Noto Serif TC,serif}.sp-shell h1{margin:0 0 3px;font-size:29px}.sp-shell h2{margin:0;font-size:23px}.sp-heading,.sp-vhead{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.sp-heading-actions{gap:10px;display:flex}.sp-heading-actions button{white-space:nowrap;background:#fff;border:1px solid #e9efec;border-radius:8px;align-items:center;gap:7px;height:37px;padding:0 13px;font-size:12px;display:flex}.sp-heading-actions svg{color:var(--green)}.sp-shell button:disabled{cursor:not-allowed}.sp-grammar-grid{grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:12px;display:grid}.sp-maincol,.sp-rightcol{align-content:start;gap:12px;min-width:0;display:grid}.sp-rule{background:#e8f5f1;border-radius:11px;grid-template-columns:1fr 1.12fr;min-height:154px;display:grid;overflow:hidden}.sp-rule>div:first-child{color:#fff;background:linear-gradient(140deg,#036b53,#008565);padding:24px}.sp-rule small{font-size:12px}.sp-rule h2{margin:10px 0;font-size:30px}.sp-rule strong{font-family:Georgia,serif;font-size:22px}.sp-rule>div:last-child{padding:17px 22px}.sp-rule p{margin:5px 0 12px;font-size:12px;line-height:1.65}.sp-rule-note{background:#fff9;border-radius:7px;padding:11px 14px;font-size:11px}.sp-rule-note b{margin-right:12px}.sp-card{background:#fff;border:1px solid #eff2ef;border-radius:12px;min-width:0;padding:13px}.sp-card h3,.sp-vdetail h3{align-items:center;gap:10px;margin:0 0 10px;font-size:14px;display:flex}.sp-card h3 svg,.sp-vdetail h3 svg{color:var(--green);width:23px;height:23px}.sp-card h3 small{color:#6080a1;margin-left:auto;font-size:11px;font-weight:400}.sp-example{border:1px solid #eef0ee;border-radius:9px;align-items:center;gap:15px;min-height:67px;margin-top:8px;padding:8px 11px;display:flex}.sp-index{color:#007b62;background:#e5f6f0;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.sp-index.color1{color:#db921b;background:#fff3dc}.sp-index.color2{color:#2474c4;background:#e1efff}.sp-example>div{gap:1px;width:36%;min-width:0;display:grid}.sp-example b{white-space:nowrap;font:700 20px Georgia,Noto Serif TC,serif}.sp-example small{color:#69788d;font-size:11px}.sp-example>span:nth-last-child(2){color:#596785;flex:1;font-size:12px}.sp-speaker{color:#007c62;opacity:.53;border:1px solid #e8efeb;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.sp-speaker:disabled{opacity:.3;filter:grayscale();color:#6d7880;cursor:not-allowed;background:#f2f4f3}.sp-goal{color:#5a6d88;gap:12px;padding:8px;font-size:12px;line-height:1.5;display:flex}.sp-goal svg{color:#fff;background:#0da97f;border-radius:50%;flex:none;width:22px;height:22px;padding:4px}.sp-step,.sp-related{border:1px solid #edf0ee;border-radius:8px;align-items:center;gap:10px;min-height:57px;margin-top:5px;padding:7px 9px;display:flex}.sp-step>b{flex:1;min-width:0;font-size:12px}.sp-step>b small,.sp-related small{color:#63748c;margin-top:3px;font-size:10px;font-weight:400;display:block}.sp-step>small{white-space:nowrap;color:#69778a;font-size:10px}.sp-step>svg,.sp-related>svg:last-child{color:var(--green);flex:none}.sp-related>svg:first-child{color:#1887b9}.sp-related span{flex:1;font-size:11px;font-weight:700}.sp-quick p{color:#61728a;margin:0 0 10px 33px;font-size:11px}.sp-chips{background:#eef8f5;border-radius:8px;flex-wrap:wrap;gap:7px;padding:13px;display:flex}.sp-chips button{background:#fff;border:1px solid #e7efec;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:58px;min-height:42px;font-weight:700;display:flex}.sp-chips svg{color:#9daab2}.sp-check{color:#63746e;background:#e9eeec;border-radius:7px;margin-top:10px;padding:9px}.sp-notice{color:#7a7980;margin-top:7px;font-size:10px;display:block}.sp-vhead p{color:#667287;margin:2px 0 0;font-size:14px}.sp-vcontrols{align-items:center;gap:20px;display:flex}.sp-vcontrols>div:first-child{grid-template-columns:120px 42px;align-items:center;gap:6px;min-width:165px;display:grid}.sp-vcontrols small{grid-column:1/-1;font-size:11px}.sp-vcontrols b{white-space:nowrap;font-size:11px}.sp-progress{background:#e3ebe8;border-radius:10px;height:8px;overflow:hidden}.sp-progress i{background:var(--green);border-radius:inherit;width:50%;height:100%;display:block}.sp-modes{gap:6px;display:flex}.sp-modes button{white-space:nowrap;background:#fff;border:1px solid #e8eeeb;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.sp-modes button.active{background:var(--green);color:#fff}.sp-metricnote{color:#7a7980;margin:-8px 0 11px;font-size:10px;display:block}.sp-vgrid{grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:12px;display:grid}.sp-wordlist,.sp-vdetail{background:#fff;border:1px solid #eef0ed;border-radius:12px;min-width:0;padding:9px}.sp-search{color:#667089;border:1px solid #e8eeeb;border-radius:8px;align-items:center;gap:8px;height:40px;margin-bottom:10px;padding:0 11px;display:flex}.sp-search input{width:100%;min-width:0;font:inherit;border:0;outline:0;font-size:11px}.sp-word{text-align:left;border:1px solid #f0f2f0;border-radius:10px;align-items:center;gap:15px;width:100%;height:94px;margin-bottom:8px;padding:12px;display:flex;position:relative}.sp-word.active{background:#e9f8f3;border-color:#a7dcca}.sp-word>span:nth-child(2){gap:2px;display:grid}.sp-word b{font:700 20px Georgia,Noto Serif TC,serif}.sp-word small{color:#586780;font-size:11px}.sp-wordstar,.sp-wordaudio{position:absolute;right:14px}.sp-wordstar{color:#ecad25;top:14px}.sp-wordaudio{color:#078068;opacity:.5;bottom:15px}.sp-vdetail{padding:18px 22px}.sp-vdetail-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sp-tag{color:#00705a;background:#e1f5ec;border-radius:5px;padding:5px 8px;font-size:11px}.sp-vdetail-top>div{gap:7px;display:flex}.sp-vdetail-top button{border:1px solid #e7efeb;border-radius:8px;padding:9px}.sp-vdetail-top .sp-add{background:var(--green);color:#fff;opacity:.5;font-size:11px}.sp-bigword{align-items:center;gap:15px;margin-top:12px;display:flex}.sp-bigword strong{font:700 58px Georgia,Noto Serif TC,serif}.sp-transcription{font-size:19px}.sp-translation{color:#657184;margin:4px 0 14px}.sp-facts{background:#f4f9fc;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:16px;padding:12px 8px;display:grid}.sp-facts>div{border-right:1px solid #e5ecef;align-items:center;gap:10px;min-width:0;padding:2px 9px;display:flex}.sp-facts>div:last-child{border:0}.sp-facts svg{color:var(--green);flex:none;width:20px}.sp-facts>div>span:first-child{color:#eda623;font-size:25px}.sp-facts span{color:#66748a;font-size:10px}.sp-facts b{color:var(--ink);margin-top:4px;font-size:11px;display:block}.sp-facts .sp-stars{color:#e9a627;white-space:nowrap;font-size:17px}.sp-vdetail h3{margin:12px 0 8px}.sp-sentence{border:1px solid #e9eeeb;border-radius:8px;grid-template-columns:max-content 38px;justify-content:start;align-items:center;gap:3px 12px;padding:12px 18px;display:grid}.sp-sentence b{font:700 23px Georgia,Noto Serif TC,serif}.sp-sentence small,.sp-sentence span{color:#617087;grid-column:1/-1}.sp-sentence small{font-size:13px}.sp-vdetail>p{color:#647087;font-size:12px}.sp-phrases{background:#eef9f5;border-radius:9px;margin-top:14px;padding:12px}.sp-phrases>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sp-phrases>div>div{background:#fff;border-radius:7px;gap:3px;min-width:0;padding:9px;display:grid;position:relative}.sp-phrases b{font-size:13px}.sp-phrases small{color:#60718a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.sp-phrases .sp-speaker{border:0;width:25px;height:25px;position:absolute;top:5px;right:3px}.sp-phrases .sp-speaker svg{width:15px}@media (width<=1100px){.sp-sidebar{width:174px;padding:15px 8px}.sp-brand{padding:0 8px 23px}.sp-brand strong{font-size:21px}.sp-nav{gap:9px;padding:0 8px;font-size:11px}.sp-content{padding:15px}.sp-vgrid{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.sp-vhead{flex-direction:column;align-items:flex-start}.sp-grammar-grid{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr)}.sp-rule{grid-template-columns:1fr}.sp-phrases>div{grid-template-columns:1fr 1fr 1fr}}@media (width<=900px){.sp-grammar-grid{grid-template-columns:minmax(0,1fr)}.sp-example>div{flex:0 36%;width:auto;min-width:0}.sp-example b{white-space:normal;overflow-wrap:anywhere}.sp-example>span:nth-last-child(2){overflow-wrap:anywhere;min-width:0}}@media (width<=760px){.sp-sidebar{display:none}.sp-top{gap:12px;padding:0 12px}.sp-mobile-brand{margin-right:auto;font-size:12px;font-weight:700;display:block}.sp-term{display:none}.sp-content{padding:15px 12px}.sp-heading,.sp-vhead{flex-direction:column;align-items:flex-start}.sp-grammar-grid{grid-template-columns:1fr}.sp-rule{grid-template-columns:1fr 1fr}.sp-vgrid{grid-template-columns:1fr}.sp-wordlist{gap:8px;display:flex;overflow-x:auto}.sp-search{flex:none;align-self:center;width:190px;margin:0}.sp-word{flex:none;width:170px;margin:0}.sp-vdetail{padding:15px}.sp-vcontrols{flex-wrap:wrap}.sp-facts{grid-template-columns:1fr 1fr 1fr}}@media (width<=520px){.sp-vcontrols{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.sp-vcontrols>div:first-child{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0}.sp-vcontrols b{white-space:normal;overflow-wrap:anywhere}.sp-modes{flex-wrap:wrap;gap:8px;width:100%}.sp-shell h1{font-size:24px}.sp-shell h2{font-size:20px}.sp-top{gap:8px}.sp-user{font-size:0}.sp-user svg{display:none}.sp-rule{grid-template-columns:1fr}.sp-rule>div:first-child{padding:18px}.sp-rule h2{font-size:25px}.sp-example{gap:7px}.sp-example>div{width:49%}.sp-example b{white-space:normal;font-size:16px}.sp-example>span:nth-last-child(2){font-size:10px}.sp-example .sp-speaker{width:28px;height:28px}.sp-heading-actions{flex-wrap:wrap;max-width:100%}.sp-facts{grid-template-columns:1fr 1fr}.sp-facts>div:last-child{grid-column:1/-1}.sp-phrases>div{grid-template-columns:1fr}.sp-phrases>div>div{min-height:63px}.sp-vdetail-top{flex-wrap:wrap}.sp-vdetail-top>div{margin-left:auto}.sp-bigword strong{font-size:46px}.sp-sentence b{font-size:19px}.sp-crumb{flex-wrap:wrap}}.wb-shell{color:#213a35;background:#f6f8f7;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.wb-sidebar{background:#fff;border-right:1px solid #e6ebe8;flex-direction:column;flex:none;width:242px;padding:28px 16px;display:flex}.wb-brand{color:#124c40;padding:4px 14px 36px;font-size:21px;font-weight:800;line-height:1.15}.wb-brand span{color:#e8a54b}.wb-brand small{letter-spacing:.14em;color:#80918a;margin-top:5px;font-size:11px;font-weight:600;display:block}.wb-sidebar nav{gap:6px;display:grid}.wb-sidebar nav a,.wb-sidebar nav span{color:#5d6b66;border-radius:11px;align-items:center;padding:13px 15px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.wb-sidebar nav .wb-nav-active{color:#0c6852;background:#e6f3ee}.wb-sidebar-bottom{background:#e9f3ee;border-radius:14px;margin-top:auto;padding:20px 14px;font-weight:700}.wb-sidebar-bottom small{color:#71857b;font-weight:400}.wb-body{flex:1;min-width:0}.wb-top{background:#fff;border-bottom:1px solid #e6ebe8;justify-content:flex-end;align-items:center;gap:22px;height:74px;padding:0 36px;display:flex}.wb-switch{background:#eef3f0;border-radius:9px;gap:2px;padding:3px;display:flex}.wb-switch button{color:#677970;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 11px;font-weight:700}.wb-switch button[aria-pressed=true]{color:#08654e;background:#fff;box-shadow:0 1px 4px #183e2918}.wb-account{color:#526a60;font-size:12px}.wb-mobile-brand{display:none}.wb-main{max-width:1300px;margin:auto;padding:36px 42px 80px}.wb-breadcrumb{color:#84968e;align-items:center;gap:9px;margin-bottom:25px;font-size:12px;display:flex}.wb-eyebrow{color:#087356;text-transform:uppercase;letter-spacing:.07em;background:#e1f4eb;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-block}.wb-main h1{letter-spacing:-.035em;color:#163d31;margin:13px 0 7px;font-size:clamp(27px,3vw,39px)}.wb-sub{color:#64766c;margin:0 0 20px;line-height:1.6}.wb-notice{color:#73643b;background:#fff8e7;border:1px solid #eedfbb;border-radius:9px;margin-bottom:24px;padding:12px 15px;font-size:12px;line-height:1.5}.wb-grid{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px;display:grid}.wb-card{background:#fff;border:1px solid #e6ece7;border-radius:15px;padding:24px;box-shadow:0 5px 20px #1d41350a}.wb-card-header{border-bottom:1px solid #edf0ec;align-items:center;gap:13px;padding-bottom:20px;display:flex}.wb-icon{color:#138264;background:#e6f5ed;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.wb-card h2{color:#244538;margin:0;font-size:17px}.wb-card-header small{color:#86978e;font-size:12px}.wb-question{border:0;border-bottom:1px solid #edf0ec;min-width:0;margin:0;padding:24px 0}.wb-question legend{align-items:flex-start;gap:13px;width:100%;font-weight:700;line-height:1.5;display:flex}.wb-number{color:#0d785a;background:#e5f3eb;border-radius:7px;flex:none;padding:4px 8px;font-size:12px}.wb-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0 39px;display:grid}.wb-option{cursor:pointer;border:1px solid #e4eae5;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:13px;font-size:14px;line-height:1.4;display:flex}.wb-option.checked{background:#e9f7ef;border-color:#0b8465}.wb-option input{accent-color:#0c8060;flex:none}.wb-footer{padding-top:23px}.wb-submit{color:#fff;cursor:pointer;background:#087359;border:0;border-radius:9px;align-items:center;gap:9px;padding:12px 19px;font-weight:700;display:flex}.wb-submit:disabled{opacity:.5;cursor:not-allowed}.wb-secondary{color:#14664c;cursor:pointer;background:#fff;border:1px solid #bad2c5;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.wb-right{gap:18px;display:grid}.wb-listen p{color:#74857a;font-size:13px;line-height:1.6}.wb-listen h2{margin-top:14px}.wb-listen button{color:#81908a;cursor:not-allowed;background:#e9eeea;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px;display:flex}.wb-help>div{color:#247b5f;align-items:center;gap:11px;margin-top:19px;font-size:13px;display:flex}.wb-help>div.unavailable{color:#9ca9a0}@media (width<=1050px){.wb-sidebar{width:195px}.wb-main{padding:30px 25px}.wb-grid{grid-template-columns:minmax(0,1fr) 220px}.wb-options{grid-template-columns:1fr}}@media (width<=700px){.wb-sidebar{display:none}.wb-top{justify-content:space-between;gap:8px;height:60px;padding:0 16px}.wb-mobile-brand{color:#17523d;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.wb-account{display:none}.wb-main{padding:22px 16px 50px}.wb-breadcrumb{margin-bottom:17px}.wb-grid{grid-template-columns:1fr}.wb-right{grid-template-columns:1fr 1fr}.wb-card{padding:18px}.wb-options{margin-left:0}.wb-sub{font-size:14px}}@media (width<=420px){.wb-right{grid-template-columns:1fr}.wb-main h1{font-size:27px}.wb-question legend{font-size:14px}}.preview{color:#101731;box-sizing:border-box;min-height:100vh;font-family:Arial,sans-serif}.preview *{box-sizing:border-box}.preview button,.preview input,.preview select{font:inherit}.preview-brand{color:#101321;flex-direction:column;width:max-content;line-height:1;display:flex}.preview-brand strong{letter-spacing:2px;font-family:Georgia,serif;font-size:29px}.preview-brand strong span{font-size:22px}.preview-brand small{letter-spacing:4px;margin-top:4px;font-size:12px}.preview-brand.light{color:#fff}.preview-brand.light strong{font-size:42px}.preview-brand.light small{font-size:19px}.preview-locale{z-index:3;background:#fff;border:1px solid #d9e6df;border-radius:30px;gap:3px;padding:3px;display:flex;position:absolute;top:20px;right:24px}.preview-locale button{color:#55605e;cursor:pointer;background:0 0;border:0;border-radius:20px;padding:5px 10px}.preview-locale button[aria-pressed=true]{color:#fff;background:#007c61}.login-preview{background:#fafbf9;grid-template-columns:58% 42%;display:grid}.login-art{color:#fff;background:radial-gradient(at 80% 6%,#39a789 0,#0000 34%),linear-gradient(145deg,#006347,#00523d 68%,#007359);border-radius:0 44% 43% 0/0 100% 100% 0;min-height:100vh;padding:55px 7% 0 8%;position:relative;overflow:hidden}.login-art .preview-brand,.hero-copy{z-index:1;position:relative}.hero-copy{max-width:600px;margin-top:25px}.gold-rule{background:#f4e68b;width:32px;height:3px;margin-bottom:20px}.hero-copy h1{color:#fff4c1;max-width:600px;margin:0;font:700 clamp(29px,3vw,44px)/1.18 Cambria,Times New Roman,serif}.hero-copy p{max-width:550px;font-size:18px;line-height:1.5}.book-row{gap:18px;margin-top:25px;display:flex}.book{text-align:center;color:#fff;border-radius:3px;flex-direction:column;align-items:center;width:29%;max-width:190px;height:245px;padding:20px 8px 12px;display:flex;position:relative;overflow:hidden;box-shadow:8px 8px 15px #003a3399}.book:before{content:"";background:#0004;width:10px;position:absolute;inset:0 auto 0 0}.book small{white-space:nowrap;font:700 20px Georgia,serif}.book b{font:70px Georgia,serif}.book span{letter-spacing:1px;font-size:7px}.book i{filter:grayscale()brightness(2);font-size:75px;font-style:normal;line-height:1.4}.art-landscape{opacity:.55;background:radial-gradient(at 30% 90%,#d8e9b76b,#0000 55%),linear-gradient(165deg,#0000 30%,#074e3b99);width:105%;height:35%;position:absolute;bottom:-8%;left:-10%}.login-side{justify-content:center;align-items:center;padding:60px 35px;display:flex}.login-card{text-align:center;background:#fff;border-radius:20px;width:min(100%,430px);min-height:610px;padding:65px 42px 38px;box-shadow:0 10px 40px #172f2420}.login-card .preview-brand{margin:auto}.green-rule{background:#007a60;width:30px;height:3px;margin:20px auto}.login-card h2{margin:28px 0 12px;font:700 35px/1.12 Cambria,Times New Roman,serif}.login-card p{color:#646573;margin:0 0 35px;font-size:17px}.google-button{color:#15172a;background:#fff;border:1px solid #ccc;border-radius:9px;justify-content:center;align-items:center;gap:18px;width:100%;height:58px;display:flex;font-weight:600!important}.google-button b{color:#4285f4;font:700 27px Arial}.google-pending{color:#66746f;margin:7px 0;display:block}.demo-link{color:#007b61;margin:4px 0 16px;font-size:13px;display:inline-block}.provider{text-align:left;background:#f1f9f6;border-radius:8px;align-items:flex-start;gap:18px;padding:20px;display:flex}.provider>span{color:#007b61;font-size:27px}.provider b{font-size:13px;display:block}.provider small{color:#616c72;margin-top:7px;font-size:12px;line-height:1.5;display:block}.legal{color:#777;border-top:1px solid #eaeaea;margin-top:26px;padding:28px 20px 0;font-size:11px;line-height:1.7}.legal span{color:#007b61;text-decoration:underline}.onboarding-preview{background:radial-gradient(at 50% 110%,#d6ead9 0%,#0000 55%),#f7faf7;min-height:100vh;padding-bottom:20px}.onboard-header{background:#fff;justify-content:space-between;align-items:center;height:62px;padding:0 5.3%;display:flex;box-shadow:0 1px 4px #15292109}.onboard-header .preview-brand strong{font-size:23px}.onboard-header .preview-brand small{font-size:10px}.onboard-header .preview-locale{top:14px;right:315px}.onboard-account{font-size:12px;font-weight:600}.tiny-avatar{background:#d6e8da;border-radius:50%;padding:4px;font-size:21px;display:inline-flex}.onboard-stage{justify-content:center;padding:0 20px;display:flex}.onboard-card{background:#fff;border-radius:16px;width:min(100%,660px);padding:24px 67px 25px;box-shadow:0 10px 34px #224a3320}.steps{justify-content:space-around;margin-bottom:29px;display:flex}.step{text-align:center;flex:1;font-size:11px;position:relative}.step:not(:last-child):after{content:"";border-top:1px solid #c4c7ca;width:68%;position:absolute;top:14px;left:66%}.step span{color:#4b505b;background:#f0f1f2;border-radius:50%;place-items:center;width:30px;height:30px;margin:auto auto 7px;font-weight:700;display:grid}.step.complete span{color:#fff;background:#007b61}.step:nth-child(2) small{color:#007b61;font-weight:700}.onboard-card h1{text-align:center;margin:0 0 5px;font:700 32px Cambria,Times New Roman,serif}.subtitle{text-align:center;color:#70778a;margin:0 0 23px;font-size:14px}.field-title{margin:16px 0 7px;font-size:12px;font-weight:700;display:block}.onboard-form>input{color:#101731;border:1px solid #d9dcdf;border-radius:8px;width:100%;height:37px;padding:0 15px}.hint{color:#697385;margin-top:7px;font-size:11px;display:block}.avatar-row,.theme-row{justify-content:space-between;gap:5px;display:flex}.avatar-row button{cursor:pointer;background:#f2efe8;border:2px solid #0000;border-radius:50%;place-items:center;width:52px;height:52px;font-size:31px;display:grid}.avatar-row button.chosen{border-color:var(--selected-theme);box-shadow:inset 0 0 0 2px #fff}.theme-row button{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;width:30px;height:30px;font-weight:700}.theme-row button.chosen{outline:2px solid var(--selected-theme)}.language-row{align-items:center;gap:18px;display:flex}.language-row select{background:#fff;border:1px solid #ddd;border-radius:8px;width:50%;height:35px;padding:0 12px}.language-row small{color:#727889;font-size:10px;line-height:1.4}.board-row{background:#f2f9f6;border-radius:8px;align-items:center;gap:16px;margin:17px 0 12px;padding:12px 17px;font-size:12px;display:flex}.board-row>span:nth-child(2){flex:1}.board-row small{color:#767d88;margin-top:4px;font-size:10px;display:block}.board-row input{accent-color:var(--selected-theme);cursor:pointer;width:24px;height:22px}.consent{color:#606778;align-items:flex-start;gap:12px;margin:9px 0;font-size:11px;line-height:1.4;display:flex}.consent input{accent-color:var(--selected-theme);cursor:pointer;flex:none;width:17px;height:17px;margin:0}.finish{background:var(--selected-theme);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;height:42px;margin-top:10px;font-weight:700!important}.finish:disabled{opacity:.48;cursor:not-allowed}.preview-disclaimer{text-align:center;color:#67746e;margin-top:8px;font-size:10px;display:block}.finished{color:#007b61;text-align:center;font-size:12px}.back-link{text-align:center;color:#007b61;margin:10px auto;font-size:12px;display:block}@media (width<=900px){.login-preview{grid-template-columns:51% 49%}.login-art{border-radius:0 30% 30% 0/0 100% 100% 0;padding:70px 8%}.login-card{padding:55px 22px 30px}.book{height:170px}.book small{font-size:12px}.book b{font-size:48px}.book i{font-size:46px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:15px}.onboarding-preview{background-size:auto 60%}.onboard-card{padding:23px 45px}}@media (width<=600px){.login-preview{display:block}.login-art{border-radius:0 0 28px 28px;min-height:385px;padding:32px 27px}.login-art .preview-brand strong{font-size:28px}.login-art .preview-brand small{font-size:13px}.hero-copy{margin-top:20px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:13px}.book-row{gap:9px;margin-top:12px}.book{width:27%;height:105px;padding:6px}.book small{font-size:9px}.book b{font-size:30px}.book span{display:none}.book i{font-size:27px}.art-landscape{opacity:.38;height:32%}.login-side{padding:20px 17px 35px}.login-side .preview-locale{top:17px;right:13px}.login-card{min-height:0;padding:27px 23px}.login-card h2{margin:17px 0 9px;font-size:27px}.login-card p{margin-bottom:19px;font-size:14px}.provider{padding:14px}.legal{margin-top:15px;padding:15px 0 0}.onboard-header{height:62px;padding:0 13px}.onboard-header .preview-locale{top:15px;right:12px}.onboard-account{display:none}.onboard-stage{padding:13px 12px}.onboard-card{padding:19px 17px}.onboard-card h1{font-size:26px}.subtitle{font-size:12px}.step:not(:last-child):after{width:50%;left:75%}.step small{font-size:9px}.avatar-row button{width:39px;height:39px;font-size:23px}.theme-row button{width:25px;height:25px}.language-row{gap:8px}.language-row select{width:55%}.board-row{padding:10px}.consent{font-size:11px}}.login-art .book-row{align-items:flex-start;gap:16px}.login-art img.book{aspect-ratio:229/305;object-fit:fill;background:0 0;border:0;border-radius:0;width:29%;max-width:190px;height:auto;padding:0;display:block;box-shadow:8px 8px 15px #003a3399}.login-art img.book:before{display:none}.login-art .art-landscape{opacity:1;pointer-events:none;background:url(/assets/preview/login-landscape.png) bottom/100% 100% no-repeat;width:100%;height:27%;bottom:0;left:0}.onboarding-preview{isolation:isolate;background:#f7faf7;position:relative}.onboarding-preview:before,.onboarding-preview:after{content:"";z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;width:min(29vw,345px);height:min(57vh,570px);position:absolute;top:24%}.onboarding-preview:before{background-image:url(/assets/preview/onboard-landscape-left.png);left:0}.onboarding-preview:after{background-image:url(/assets/preview/onboard-landscape-right.png);right:0}.avatar-row button{background:0 0;padding:0;overflow:hidden}.avatar-row button img,.tiny-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-row button.chosen{box-shadow:inset 0 0 0 2px #fff}.tiny-avatar{vertical-align:middle;width:30px;height:30px;padding:0;overflow:hidden}@media (width<=900px){.login-art img.book{height:auto}.onboarding-preview:before,.onboarding-preview:after{opacity:.75}}@media (width<=600px){.login-art .book-row{gap:9px}.login-art img.book{width:27%;height:auto;padding:0}.onboarding-preview:before,.onboarding-preview:after{opacity:.35;width:26vw;height:45vh;top:27%}.login-art .art-landscape{height:9%}}:root{color:#172039;font-synthesis:none;text-rendering:optimizelegibility;--green:#087c65;--dark:#086d59;--mint:#e9f6f1;--line:#e9edeb;--muted:#778092;background:#f7f9f7;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline-offset:2px;outline:2px solid #159f80}.app-shell{min-height:100vh}.sidebar{z-index:4;background:#fbfcfb;border-right:1px solid #edf0ee;flex-direction:column;width:204px;padding:17px 13px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:#101a21;padding:0 16px 25px;line-height:1}.brand b{letter-spacing:-1.4px;font-family:Noto Serif TC,serif;font-size:26px;display:block}.brand b span{color:var(--green);margin-left:4px;font-size:19px}.brand small{letter-spacing:4px;margin-top:4px;font-size:12px;display:block}.sidebar nav{gap:5px;display:grid}.nav-item{text-align:left;border-radius:11px;align-items:center;gap:18px;height:42px;padding:0 15px;font-size:14px;display:flex}.nav-item svg{flex-shrink:0}.nav-item.active,.lesson-nav .active{color:#066c58;background:#e9f6f1;font-weight:700}.side-note{color:#616a71;margin:auto 16px 12px;font-size:14px;line-height:1.55;position:relative}.side-note i{background:var(--green);width:24px;height:3px;margin-top:13px;display:block}.landscape{display:none}.hero-scene{background:#d8e9d8}.hero-art{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.main{min-height:100vh;margin-left:204px;padding:0 24px 28px}.topbar{border-bottom:1px solid #eff1ef;justify-content:flex-end;align-items:center;gap:20px;height:57px;margin:0 -24px 15px;padding:0 29px;display:flex}.term,.profile{border:1px solid #e9ecea;border-radius:9px;align-items:center;gap:9px;height:36px;padding:0 11px;font-size:12px;display:flex}.term{justify-content:space-between;min-width:158px}.icon-btn{padding:8px;position:relative}.dot{background:#e74c50;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.profile{border:0;padding:0 2px}.avatar{font-size:23px}.mobile-brand,.mobile-menu{display:none}.welcome{justify-content:space-between;align-items:center;padding:0 2px 15px;display:flex}.welcome h1,.lesson-heading h1{letter-spacing:-.6px;color:#111a34;margin:1px 0 3px;font-family:Noto Serif TC,serif;font-size:29px;font-weight:700}.welcome p,.lesson-heading p{color:#687181;margin:0;font-family:Noto Serif TC,serif;font-size:16px}.duration{width:300px}.duration>b{align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.duration>div{gap:8px;display:flex}.duration button{color:#667081;background:#fff;border:1px solid #edf0ef;border-radius:12px;flex:1;height:34px;font-size:12px}.duration button.chosen,.speed .chosen{background:var(--green);color:#fff}.dashboard-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.left-col,.right-col{align-content:start;gap:11px;display:grid}.continue-card{background:#eaf6f1;border-radius:15px;grid-template-columns:39% 1fr;gap:22px;height:277px;padding:16px;display:grid}.book-cover{color:#edda6a;text-align:center;outline-offset:-5px;background:linear-gradient(145deg,#08764f,#005437);border-radius:5px;outline:1px solid #91b950;flex-direction:column;justify-content:space-between;height:100%;padding:18px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #214b3840}.book-cover:before{content:"⌘　♧　♧";opacity:.65;font-size:27px;display:block;position:absolute;inset:83px 0 auto}.book-cover span{z-index:1;font-family:Noto Serif TC;font-size:17px;font-weight:700}.book-cover b{z-index:1;font-family:Georgia,serif;font-size:70px}.book-cover small{font-size:9px}.continue-info{flex-direction:column;min-width:0;padding-top:4px;display:flex;position:relative}.pill{color:#14785f;background:#d6f1e7;border-radius:6px;align-self:flex-start;margin-bottom:9px;padding:4px 8px;font-size:10px}.continue-info>b{font-size:14px}.continue-info h2{color:#10203b;margin:2px 0 7px;font-family:Noto Serif TC;font-size:28px;line-height:1.25}.progress{background:#dce7e4;border-radius:8px;height:9px;overflow:hidden}.progress i{background:var(--green);border-radius:inherit;height:100%;display:block}.percent{font-size:12px;position:absolute;top:105px;right:0}.continue-hint{color:var(--green);background:#f6fbf9;border-radius:10px;align-items:center;gap:10px;margin-top:19px;padding:8px 11px;display:flex}.continue-hint span{gap:3px;display:grid}.continue-hint b{color:#20314a;font-size:12px}.continue-hint small{color:#747e8a;font-size:10px}.primary{background:var(--green);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:40px;font-weight:700;display:flex}.continue-info .primary{margin-top:10px}.panel{background:#fff;border:1px solid #f0f1ef;border-radius:14px}.phrase-panel{padding:12px}.panel-title{align-items:center;gap:10px;min-height:22px;margin-bottom:10px;display:flex}.panel-title>svg{width:21px;height:21px;color:var(--green);flex-shrink:0}.panel-title b{font-size:14px}.panel-title a{color:#667589;margin-left:auto;font-size:10px}.phrase-tiles{grid-template-columns:1fr 1fr;gap:9px;display:grid}.phrase-tile{background:#f4faf8;border-radius:10px;flex-direction:column;gap:3px;min-height:92px;padding:9px 12px;display:flex;position:relative}.phrase-tile>b{font-family:Noto Serif TC;font-size:24px}.phrase-tile span{font-size:12px}.phrase-tile span svg,.dialogue-row small svg{color:var(--green);vertical-align:middle;fill:#159b7933}.phrase-tile small{color:#788291;font-size:12px}.tile-star{color:#daa72e;position:absolute;top:12px;right:10px}.skills{padding:13px}.skill-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.skill{border:1px solid #f0f1f0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;height:99px;padding:8px 5px;display:flex}.skill svg{width:20px;height:20px}.skill span{white-space:nowrap;font-size:10px}.skill strong{font-size:11px}.skill>i{background:#e8efed;border-radius:8px;width:100%;height:7px;margin-top:3px}.skill>i b{border-radius:inherit;background:currentColor;height:100%;display:block}.blue{color:#3088cc}.sky{color:#328ecd}.green{color:var(--green)}.orange{color:#df982e}.purple{color:#8052b2}.stats-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.stat{flex-direction:column;gap:7px;min-height:151px;padding:14px 12px 12px;display:flex;position:relative}.stat-icon{width:23px;height:23px}.stat-icon.fire{color:#ec8c25;fill:#ec8c2533}.stat-icon.blue{color:#2d88c7}.stat-chevron{color:#9ca4aa;position:absolute;top:20px;right:12px}.stat>span{font-size:12px}.stat>strong{white-space:nowrap;font-family:Noto Serif TC;font-size:29px;line-height:1.1}.stat>strong small{margin-left:5px;font-family:inherit;font-size:11px}.stat-foot{color:#78818b;white-space:nowrap;font-size:10px}.stat-progress{height:7px;margin-top:-2px}.plan{padding:13px 12px 10px}.plan .panel-title{margin-bottom:7px}.outline{border:1px solid #e6eae8;border-radius:14px;padding:5px 10px;color:#263348!important}.plan-row{border:1px solid #eff1f0;border-radius:11px;align-items:center;gap:13px;min-height:61px;margin-top:8px;padding:8px 10px;display:flex}.num{color:#087b64;background:#e7f5ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:14px;display:flex}.plan-icon{width:25px;height:25px;color:var(--green)}.plan-row>span,.mistake-row>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.plan-row>span b,.mistake-row>span b{font-size:12px}.plan-row>span small,.mistake-row>span small{color:#7e8792;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.plan-row>small{color:#657083;white-space:nowrap;font-size:11px}.round-play{width:29px;height:29px;color:var(--green);border:1px solid #e7eeeb;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mistakes{padding:12px}.mistakes .panel-title{margin-bottom:8px}.mistake-row{border:1px solid #eff1f0;border-radius:9px;align-items:center;gap:12px;height:49px;margin-top:7px;padding:6px 9px;display:flex}.mistake-row .num{color:#ac6a2b;background:#fff2e2}.lesson-heading{justify-content:space-between;align-items:center;padding:1px 3px 14px;display:flex}.crumb{color:#738092;margin-bottom:7px;font-size:11px;display:block}.lesson-heading h1{margin-bottom:2px;font-size:27px}.lesson-heading p{font-size:16px}.lesson-step{align-items:center;gap:10px;display:flex}.lesson-step>b{font-size:13px}.lesson-step>i{background:#e1e8e5;border-radius:8px;width:160px;height:9px}.lesson-step>i b{background:var(--green);border-radius:inherit;width:35%;height:100%;display:block}.lesson-step button{background:#fff;border:1px solid #e7ece9;border-radius:50%;width:36px;height:36px;font-size:23px;line-height:1}.player-grid{grid-template-columns:153px minmax(360px,1.25fr) minmax(290px,1fr);gap:10px;display:grid}.lesson-nav{background:#fff;border:1px solid #eff0ee;border-radius:13px;flex-direction:column;gap:4px;min-height:440px;padding:10px 8px;display:flex}.lesson-nav button{text-align:left;white-space:nowrap;border-radius:9px;align-items:center;gap:11px;height:42px;padding:0 10px;font-size:12px;display:flex}.lesson-nav .active{font-weight:700}.lesson-main{flex-direction:column;gap:9px;min-width:0;display:flex}.hero-scene{background:linear-gradient(#b9d99c 0 35%,#f0d7b2 35% 45%,#a6c2b8 45% 100%);border-radius:13px;height:162px;position:relative;overflow:hidden}.scene-bg{background:linear-gradient(90deg,#76a87033,#fff2 45%,#d8e1d477);justify-content:space-around;align-items:flex-start;padding-top:5px;font-size:45px;display:flex;position:absolute;inset:0}.characters{justify-content:space-between;font-size:80px;line-height:1;display:flex;position:absolute;bottom:2px;left:15%;right:12%}.scene-label{color:#fff;background:#087b61;border-radius:10px;flex-direction:column;padding:7px 13px;display:flex;position:absolute;bottom:10px;left:12px;box-shadow:0 2px 5px #0002}.scene-label b{font-size:14px}.scene-label small{font-size:10px}.dialogue{background:#fff;border:1px solid #eff1f0;border-radius:13px;padding:2px 8px}.dialogue-row{text-align:left;border-radius:10px;align-items:flex-start;gap:12px;width:100%;min-height:78px;padding:9px 7px;display:flex;position:relative}.dialogue-row.selected{background:#e4f5ef}.dialogue-row>.num{margin-top:1px}.dialogue-row.selected>.num{background:var(--green);color:#fff}.dialogue-row>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.dialogue-row strong{font-family:Noto Serif TC;font-size:21px}.dialogue-row small,.dialogue-row em{color:#49556a;font-size:12px;font-style:normal}.favorite{color:#d5a126;margin:3px 5px}.selected .favorite{fill:#e6ad33}.levels{color:#0a9b79;letter-spacing:1px;font-size:14px}.audio{grid-template-columns:1fr 1fr;gap:9px;padding:12px 11px;display:grid}.audio-controls{justify-content:space-around;align-items:center;display:flex}.audio-controls button{align-items:center;gap:2px;display:flex}.audio-controls svg{width:18px;height:18px}.audio-controls small{font-size:10px}.audio-controls .pause{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.audio-controls .pause svg{width:22px}.timeline{align-items:center;gap:7px;display:flex}.timeline small{font-size:10px}.timeline i{background:#dfe7e4;border-radius:5px;flex:1;height:5px;position:relative}.timeline i:before{content:"";background:var(--green);border-radius:inherit;width:42%;height:100%;position:absolute;left:0}.timeline i b{background:var(--green);border-radius:50%;width:13px;height:13px;position:absolute;top:-4px;left:40%}.speed{border:1px solid #e9edeb;border-radius:8px;justify-self:end;display:flex;overflow:hidden}.speed button{padding:6px 9px;font-size:10px}.repeat{border:1px solid #edf0ee;border-radius:8px;justify-content:space-around;align-items:center;display:flex}.repeat button{align-items:center;gap:5px;font-size:11px;display:flex}.repeat svg{width:16px}.select-audio{white-space:nowrap;text-overflow:ellipsis;border:1px solid #e9eeeb;border-radius:8px;align-items:center;gap:7px;height:39px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.select-audio svg:last-child{flex-shrink:0;margin-left:auto}.lesson-aside{flex-direction:column;gap:9px;min-width:0;display:flex}.vocab{padding:12px 11px 7px}.vocab .panel-title{margin-bottom:7px}.vocab-row{border-top:1px solid #f0f1ef;grid-template-columns:43px 47px 52px minmax(55px,1fr) 17px 17px;align-items:center;gap:4px;height:38px;display:grid}.vocab-row>b{font-family:Noto Serif TC;font-size:15px}.vocab-row>span,.vocab-row>small,.vocab-row>em{color:#626d7c;white-space:nowrap;font-size:10px}.vocab-row>em{text-overflow:ellipsis;font-style:normal;overflow:hidden}.vocab-row svg{width:14px;height:14px;color:var(--green)}.vocab-row svg:last-child{color:#d9a633}.practice{background:#edf8f4;padding:13px}.practice p{color:#6e7787;margin:2px 0 10px 31px;font-size:12px;line-height:1.6}.practice .primary{width:100%;height:44px}.practice .primary svg{width:19px}.tips{padding:12px}.tips .panel-title{margin-bottom:7px}.tips p{color:#616e7b;margin:5px 0;font-size:11px}.tips p:first-letter{color:var(--green)}.demo-note{color:#869089;text-align:right;margin-top:8px;font-size:10px}.mobile-menu{background:var(--green);color:#fff;z-index:5;border-radius:50%;place-items:center;width:44px;height:44px;display:none;position:fixed;bottom:12px;right:12px}.nav-backdrop{display:none}@media (width<=1120px){.sidebar{width:184px}.dashboard-grid,.player-grid,.left-col,.right-col,.lesson-main,.lesson-aside{min-width:0}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.player-grid{grid-template-columns:minmax(110px,.55fr) minmax(0,1.2fr) minmax(0,1fr)}.stat-foot{white-space:normal}.lesson-nav button{gap:7px;min-width:0;padding:0 7px;font-size:11px}.audio,.audio-controls,.select-audio{min-width:0}}@media (width<=1000px){.player-grid{grid-template-columns:minmax(0,1fr)!important}.lesson-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-height:auto;display:grid}.lesson-nav button{white-space:normal;justify-content:flex-start}.lesson-main,.lesson-aside{width:100%;min-width:0}.lesson-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.lesson-aside .vocab{grid-row:span 2}}@media (width<=760px){.app-shell,.main,.dashboard-grid,.player-grid,.left-col,.right-col{width:100%;min-width:0}.main{overflow-x:clip}.stats-grid{min-width:0}.continue-card{grid-template-columns:37% minmax(0,1fr);min-width:0}.continue-info{min-width:0}.duration{max-width:100%}.audio,.audio-controls,.audio-controls button,.repeat,.select-audio{min-width:0}.lesson-nav{touch-action:pan-x;width:100%;max-width:100%}.lesson-nav button{flex-shrink:0;min-height:36px}.lesson-main,.lesson-aside{width:100%;min-width:0}.hero-art{object-fit:cover}}.main{margin-left:184px;padding-left:17px;padding-right:17px}.topbar{margin-left:-17px;margin-right:-17px}.dashboard-grid{grid-template-columns:1fr}.continue-card{height:258px}.player-grid{grid-template-columns:130px minmax(320px,1.2fr) minmax(265px,1fr)}.lesson-step>i{width:90px}.vocab-row{grid-template-columns:35px 43px 45px minmax(38px,1fr) 15px 15px}.vocab-row>small{display:none}@media (width<=760px){.sidebar{visibility:hidden;z-index:20;width:264px;max-width:82vw;transition:transform .26s,visibility 0s linear .26s;overflow-y:auto;transform:translate(-104%)}.sidebar.open{visibility:visible;transition:transform .26s,visibility;transform:translate(0);box-shadow:6px 0 26px #091a1247}.nav-backdrop{z-index:15;background:#091a1273;display:block;position:fixed;inset:0}.main{margin-left:0;padding:0 12px 20px}.topbar{gap:12px;height:53px;margin:0 -12px 13px;padding:0 12px}.mobile-brand{margin-right:auto;font-size:13px;font-weight:700;display:block}.term{white-space:nowrap;justify-content:center;gap:0;width:38px;min-width:0;padding:0;font-size:0;overflow:hidden}.term svg:first-child{width:17px}.term svg:last-child{display:none}.profile{gap:3px;font-size:0}.profile svg{width:14px}.welcome{display:block}.welcome h1{font-size:23px}.welcome p{font-size:13px;line-height:1.5}.duration{width:100%;margin-top:13px}.dashboard-grid{grid-template-columns:1fr}.continue-card{grid-template-columns:37% 1fr;gap:13px;height:250px;padding:12px}.continue-info h2{font-size:23px}.book-cover{padding:15px 8px}.book-cover span{font-size:13px}.book-cover b{font-size:58px}.continue-hint{margin-top:17px;padding:7px}.continue-hint small{font-size:9px}.skill-grid{grid-template-columns:repeat(3,1fr)}.skill{height:90px}.stats-grid{gap:6px}.stat{min-height:143px;padding:10px 8px}.stat>strong{font-size:23px}.stat>span{font-size:10px}.stat-foot{white-space:normal;font-size:9px}.plan-row{gap:8px;padding:8px}.plan-row>span small{font-size:9px}.lesson-heading{display:block}.lesson-heading h1{font-size:22px}.lesson-heading p{font-size:13px}.lesson-step{justify-content:flex-end;margin-top:10px}.lesson-step>i{flex:1}.player-grid{grid-template-columns:1fr;gap:9px}.lesson-nav{flex-direction:row;gap:3px;min-height:auto;padding:6px;overflow-x:auto}.lesson-nav button{height:36px;padding:0 10px;font-size:11px}.lesson-nav button svg{width:15px}.hero-scene{height:155px}.characters{font-size:72px}.lesson-aside{grid-template-columns:1fr;display:grid}.vocab-row{grid-template-columns:45px 50px 48px minmax(40px,1fr) 17px 17px}.vocab-row>small{display:block}.audio{gap:7px}.select-audio{padding:0 6px;font-size:10px}.demo-note{text-align:center}.mobile-menu{z-index:30;width:36px;height:36px;display:grid;top:9px;bottom:auto;right:8px}.topbar{padding-right:54px}}.source-status>span:before{content:" · "}.locale-toggle{border:1px solid #e5ebe7;border-radius:8px;gap:2px;padding:2px;display:flex}.locale-toggle button{color:#667;border-radius:6px;padding:5px 7px;font-size:10px}.locale-toggle button.selected{color:#fff;background:#087c65}@media (width<=760px){.locale-toggle{gap:0}.locale-toggle button{padding:5px 6px}}.audio button:disabled,.practice .primary:disabled{color:#68746f;opacity:.5;cursor:not-allowed;background:#d9e0dd;border:1px solid #cbd5d0}.phrase-tile .speaker-unavailable,.dialogue-row .speaker-unavailable,.vocab-row .speaker-unavailable{opacity:.35;filter:grayscale();cursor:default;pointer-events:none}