/* 研發單位：雲鐸科技教育 Cloud Beacon EdTech｜優而美110課英語課程研發與製作；複製或改作時請保留來源署名。 */
:root{--muted:#53645c;--reading-border:#d6dfd5;--reading-soft:#edf1e9;--reading-radius:18px}html{scroll-padding-top:24px}body{font-size:17px;line-height:1.85;color:#253b32;background:#f7f7f2}header,main,footer{max-width:1200px}header{padding-top:22px;padding-bottom:22px}header small{font-size:13px}h1,h2,h3{letter-spacing:-.02em}button,select,.file-label{font-size:15px;min-height:44px;border-radius:10px}button{padding:10px 16px}button:hover{border-color:#81998a}.primary{box-shadow:0 2px 4px #26443d15}.primary:disabled{box-shadow:none}a{text-underline-offset:4px}p{max-width:65ch}.course-links{padding:0 0 20px;gap:10px 21px;font-size:14px}.course-links a{display:inline-flex;align-items:center;text-decoration:none;color:#3c5848;min-height:36px}.course-links a:hover{color:#172f24;text-decoration:underline}.course-links .tiny-course-icon{margin-right:6px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#805b42}.course-cover .cover-hero{gap:64px;padding:48px 0 58px}.course-cover .cover-copy h1{font-size:clamp(38px,4.4vw,56px);line-height:1.35}.course-cover .cover-subtitle{font-size:18px;color:#465d50;line-height:1.9;max-width:29em}.course-cover .course-tag{font-size:15px}.course-cover .cover-actions{gap:20px}.course-cover .cover-button{font-size:16px;min-height:52px;border-radius:12px}.course-cover .secondary-button{font-size:16px}.course-cover .entry-note{font-size:14px}.course-cover .path-grid{gap:12px;border:0;background:transparent;overflow:visible}.course-cover .path-grid li{border:1px solid var(--reading-border);border-radius:16px;background:#fffefb;overflow:hidden;box-shadow:0 3px 12px #26443d04}.course-cover .path-grid li:first-child{background:#e9efe4}.course-cover .path-card{padding:26px 22px}.course-cover .path-number{font-size:11px;color:#526d5b}.course-cover .path-grid h3{font-size:19px;margin-top:19px}.course-cover .path-card .path-description{font-size:15px;color:#52645a;line-height:1.9;margin-bottom:24px}.course-cover .path-enter{font-size:14px;font-weight:600}.course-cover .guide-steps p,.course-cover .guide-content details,.course-cover .cover-guide>div>p:last-child{font-size:16px}.course-cover .guide-steps li{padding-bottom:18px;border-bottom:1px solid var(--reading-border)}.course-cover .guide-steps strong{font-size:18px}.course-cover .cover-guide{gap:72px}.course-cover .cover-section-title h2{font-size:28px}.foundation-hero{padding-top:28px;padding-bottom:24px}.foundation-hero .intro-heading{margin-bottom:22px}.foundation-hero .intro-heading h1{font-size:34px}.foundation-hero .routine-card,.foundation-hero .help-phrase{padding:22px}.foundation-hero .routine-steps strong{font-size:17px}.foundation-hero .routine-steps small{font-size:14px;color:#53645c}.foundation-hero .intro-label{font-size:14px}.foundation-hero .intro-secondary{font-size:14px}.foundation-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;align-items:start}.foundation-sidebar{position:sticky;top:24px;background:#eaf0e5;border:1px solid #d5dfce;border-radius:var(--reading-radius);padding:23px}.foundation-sidebar h2{font-size:21px;line-height:1.5;margin:10px 0}.foundation-sidebar .eyebrow{font-size:9px;letter-spacing:1px}.current-foundation{font-size:14px;color:#435c4b;margin:0 0 19px}.foundation-sidebar .day-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.foundation-sidebar .day-nav a{font-size:14px;text-align:center;text-decoration:none;border:1px solid #ccd8c8;background:#fffefb;color:#355241;padding:8px 0;border-radius:9px;min-height:42px}.foundation-sidebar .day-nav a[aria-current=step]{background:#26443d;color:#fffefb;border-color:#26443d;font-weight:700;box-shadow:0 2px 5px #26443d18}.foundation-forward{display:block;border-top:1px solid #cbd8c6;margin-top:22px;padding-top:17px;font-size:13px;color:#355241}.foundation-reader{min-width:0}.foundation-reader .foundation-card{margin:0;padding:34px 38px;border:1px solid var(--reading-border);border-radius:var(--reading-radius);background:#fffefb;box-shadow:0 8px 25px #26443d05;scroll-margin-top:24px}.foundation-card[hidden]{display:none!important}.foundation-reader .foundation-card>.eyebrow{font-size:12px;letter-spacing:.6px;color:#5c715f;margin-top:0}.scenario-label{font-size:15px;color:#53645c;margin:18px 0 7px}.foundation-reader .foundation-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.3vw,43px);line-height:1.4;font-weight:500;margin:4px 0 10px;overflow-wrap:anywhere}.foundation-reader .translation{font-size:21px;color:#4c6254;margin:0 0 28px}.foundation-reader .audio-controls{background:#f0f3ec;border:1px solid #dce4d6;padding:23px;border-radius:14px}.audio-controls label{font-size:14px;color:#435c4b;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audio-controls .actions{gap:10px;margin:16px 0}.audio-controls [data-action=sentence]{font-weight:650;min-height:48px}.audio-controls [data-action=repeat],.audio-controls [data-action=stop]{background:transparent;color:#52665b;border-color:#ccd7c7;font-size:14px}.audio-controls>p{font-size:14px;color:#52665b}.audio-controls .audio-status:empty{display:none}.audio-controls .audio-status{font-size:14px;margin-bottom:0}.listening-tip{border-left:3px solid #b8996d;padding:15px 19px;margin:25px 0;background:#f8f5ed;border-radius:0 12px 12px 0}.listening-tip>strong{font-size:14px;color:#705836}.listening-tip p{font-size:16px;line-height:1.9;color:#4d5d50;margin:5px 0 0}.lesson-details{margin-top:18px;padding-top:16px;border-top:1px solid var(--reading-border);font-size:15px;color:#53645c}.lesson-details summary{font-size:14px;cursor:pointer;color:#42614b}.lesson-details .practice{font-size:15px;background:#f1f4ed;padding:16px}.lesson-links{font-size:14px;margin-top:26px;padding-top:22px}.lesson-links a{min-height:40px;display:inline-flex;align-items:center}.lesson-links a:nth-child(2){font-size:13px}.layout{grid-template-columns:265px minmax(0,1fr);gap:28px}.catalog{position:sticky;top:24px;padding:24px;border-color:var(--reading-border);background:#edf2e8}.catalog h2{font-size:21px}.catalog label{font-size:14px}#lesson-list{max-height:58vh}#lesson-list button{font-size:15px;line-height:1.65;padding:12px}.lesson{padding:34px 38px;border-color:var(--reading-border);box-shadow:0 8px 25px #26443d05}.lesson>h2{font-size:25px}.lesson .context{font-size:15px}.lesson .sentence{font-size:clamp(30px,3.3vw,42px);line-height:1.55;margin:25px 0 12px}.lesson .translation{font-size:22px;margin-bottom:27px}.lesson .actions{gap:10px}.lesson .reading-details{border:1px solid var(--reading-border);border-radius:12px;background:#f8faf5;padding:16px 19px;margin:17px 0;color:#506554;font-size:15px}.reading-details summary{font-size:15px;font-weight:600;color:#36533f;cursor:pointer}.reading-details p{font-size:15px;line-height:1.85}.reading-details #segments{margin-top:16px}.lesson .practice{padding:22px;background:#edf2e8}.lesson .practice h3{margin-top:0}.lesson .practice p{font-size:16px}.backup p,footer{font-size:14px}.hero>p:not(.eyebrow){font-size:16px}.hero .foundation-entry{margin:20px 0}.hero:not(.foundation-hero){padding-bottom:30px}.backup{border-color:var(--reading-border)}details summary:focus-visible,.day-nav a:focus-visible{outline:3px solid var(--clay);outline-offset:4px}@media(max-width:980px){.foundation-workspace{grid-template-columns:205px minmax(0,1fr);gap:20px}.foundation-sidebar{padding:18px}.foundation-reader .foundation-card,.lesson{padding:26px}.course-cover .cover-hero{gap:32px}.course-cover .cover-subtitle{font-size:16px}.course-cover .path-grid h3{font-size:17px}.course-cover .path-card{padding:23px 18px}}@media(max-width:780px){header,main,footer{padding-left:20px;padding-right:20px}.foundation-workspace,.layout{grid-template-columns:1fr}.foundation-sidebar,.catalog{position:static}.foundation-sidebar{padding:20px}.foundation-sidebar .day-nav{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.foundation-sidebar h2{margin-top:0}.foundation-sidebar .eyebrow{display:none}.current-foundation{margin-bottom:14px}.foundation-forward{margin-top:16px;padding-top:13px}.foundation-reader .foundation-card{margin-top:0}.course-cover .cover-guide{gap:25px}.foundation-hero .intro-grid{grid-template-columns:1fr}.foundation-hero .intro-heading h1{font-size:31px}.course-cover .path-grid{grid-template-columns:1fr 1fr}.course-cover .cover-section-title h2{font-size:25px}}@media(max-width:480px){body{font-size:17px}header,main,footer{padding-left:17px;padding-right:17px}.course-links{gap:7px 13px;font-size:13px}.course-cover .cover-copy h1{font-size:38px}.course-cover .path-grid{gap:10px}.course-cover .path-card{padding:21px 14px}.course-cover .path-grid h3{font-size:16px}.course-cover .path-card .path-description{font-size:14px}.course-cover .path-grid .path-number{font-size:9px}.course-cover .path-enter{font-size:13px}.course-cover .cover-subtitle{font-size:16px}.course-cover .guide-steps p{font-size:15px}.course-cover .cover-section-title h2{font-size:24px}.foundation-sidebar .day-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.foundation-hero .intro-heading h1{font-size:28px}.foundation-hero .routine-steps small{font-size:13px}.foundation-reader .foundation-card,.lesson{padding:24px 20px}.foundation-reader .foundation-card h2{font-size:34px}.foundation-reader .translation{font-size:20px}.foundation-reader .audio-controls{padding:18px 15px}.audio-controls button{font-size:14px;padding:10px 12px}.listening-tip{padding:14px 16px}.listening-tip p{font-size:16px}.lesson-links{gap:9px;font-size:13px;flex-wrap:wrap}.lesson-links a:nth-child(2){font-size:12px}.lesson .sentence{font-size:32px}.lesson .translation{font-size:21px}.lesson .actions button{font-size:14px}#lesson-list{grid-template-columns:1fr 1fr;max-height:220px}#lesson-list button{font-size:14px}.course-cover .cover-button{font-size:15px;gap:14px;padding:13px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.intro-guide{font-size:14px;color:#53645c}.intro-guide>summary{cursor:pointer;width:fit-content;padding:4px 0 8px;color:#47634f}.intro-guide[open]>.intro-grid{margin-top:15px}.intro-guide[open]{margin-bottom:5px}.intro-guide .intro-secondary{border-bottom:0;padding-bottom:0}.foundation-hero .intro-heading{margin-bottom:12px}.foundation-hero{padding-bottom:22px}