/* 研發單位：雲鐸科技教育 Cloud Beacon EdTech｜優而美110課英語課程研發與製作；複製或改作時請保留來源署名。 */
:root{--forest:#26443d;--paper:#fffdf8;--snow:#f7f5f0;--mist:#dce7e4;--clay:#b86f52;--ink:#24302f;--muted:#697775}*{box-sizing:border-box}body{margin:0;background:var(--snow);color:var(--ink);font:16px/1.8 system-ui,sans-serif}header,main,footer{max-width:1160px;padding:24px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--mist)}header strong{font-size:23px;color:var(--forest)}header small{display:block;font-size:12px}.badge{font-size:12px;padding:6px 12px;background:var(--mist);border-radius:20px}.hero{padding:28px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--clay)}h1{font-size:clamp(30px,4vw,46px);line-height:1.4;color:var(--forest)}h2{font-size:25px;color:var(--forest);line-height:1.5}h3{font-size:18px;color:var(--forest)}.private{font-size:14px;padding:12px 16px;border-left:4px solid var(--clay);background:#f3e7ce}button,select,input{font:inherit}button,.file-label{cursor:pointer;border:1px solid #c8d5ce;background:var(--paper);border-radius:8px;padding:9px 14px;color:var(--forest)}button:hover{background:#eaf1ea}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.primary{background:var(--forest);color:white}.primary:hover{background:#355b50}button:disabled{opacity:.45;cursor:default}select{padding:10px;border:1px solid #c8d5ce;border-radius:8px;background:white;max-width:100%}.progress-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.progress-row progress{flex:1;min-width:100px;accent-color:var(--forest)}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.catalog,.lesson,.backup{background:var(--paper);border:1px solid var(--mist);border-radius:16px;padding:24px}.catalog h2{margin-top:0}.catalog label{display:block;font-size:13px;margin-bottom:8px}.catalog select{width:100%}#lesson-list{display:grid;gap:8px;margin-top:15px;max-height:65vh;overflow-y:auto}#lesson-list button{text-align:left;width:100%;font-size:14px}#lesson-list button[aria-current=step]{background:var(--forest);color:white}.lesson{scroll-margin-top:15px;min-width:0}.context{font-size:14px;color:var(--muted)}.sentence{font:clamp(25px,3.3vw,35px)/1.6 Georgia,serif;overflow-wrap:anywhere;color:var(--forest)}.translation{font-size:21px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.speed{display:flex;align-items:center;gap:12px}.chunks,.practice,.review{background:#eef2e9;border-radius:10px;padding:18px;margin:20px 0}.chunks p,.muted,.backup p{font-size:13px;color:var(--muted)}#segments{display:flex;gap:8px;flex-wrap:wrap}#segments button{font-family:Georgia,serif}.review article{border-top:1px solid #c8d5ce;padding:12px 0}.review article p{margin:5px 0}.backup{margin-top:25px}.file-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-label input{max-width:100%;font-size:12px;width:200px}#status{min-height:28px;color:#8c4f30}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--mist);margin-top:35px}footer strong{color:var(--forest)}.concealed #sentence,.concealed #segments{visibility:hidden}.concealed .chunks{border:1px dashed #829585}@media(max-width:780px){header,main,footer{padding:18px}header{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}.catalog,.lesson,.backup{padding:20px}#lesson-list{max-height:220px;grid-template-columns:1fr 1fr}.sentence{font-size:27px}.progress-row progress{min-width:160px}h1{font-size:32px}.file-label{max-width:100%}}@media(max-width:400px){#lesson-list{grid-template-columns:1fr}.actions button{max-width:100%}}
:root .voice-picker{margin-top:12px}.voice-picker select{min-width:0;max-width:min(100%,460px);flex:1}.pronunciation{background:#f3eadb;border-left:4px solid var(--clay);padding:16px 20px;margin:20px 0;border-radius:0 10px 10px 0}.pronunciation h3{margin-top:0}.pronunciation p{overflow-wrap:anywhere}.voice-picker label{flex-shrink:0}.concealed .pronunciation{visibility:hidden}@media(max-width:500px){.speed{align-items:flex-start;flex-wrap:wrap}.voice-picker select{width:100%;flex-basis:100%}}

.course-return-links{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 0}.course-return{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #c8d5ce;border-radius:8px;background:var(--paper);color:var(--forest);font-weight:750;text-decoration:none}.course-return:hover{background:#eaf1ea}.course-return:focus-visible{outline:3px solid var(--clay);outline-offset:3px}@media(max-width:400px){.course-return{flex:1 1 180px}}