/* 2026 秋季閱讀介面：保持原有資料與功能，統一節奏與跨裝置閱讀。 */
:root{--ink:#233e3b;--navy:#234b43;--blue:#246458;--teal:#246458;--muted:#586963;--paper:#faf9f5;--line:#dce5dd;--orange:#a9552d;--radius:20px;--shadow:0 16px 40px #213e3510}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased}*,*::before,*::after{box-sizing:border-box}img{max-width:100%}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a9552d;outline-offset:4px}button,.btn{touch-action:manipulation;min-height:44px}a,button,summary{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}p{overflow-wrap:break-word}.wrap{max-width:1180px}
.top,.topbar{display:none}.beta-strip{font-size:12px;background:#edf2e9;border-bottom:1px solid #dce5dd}.beta-strip .wrap{padding-top:7px;padding-bottom:7px;gap:10px}.beta-badge{background:#dae6d5!important;color:#294b37!important}.beta-strip a{color:#355c45}
header{position:sticky;top:0;z-index:50;background:#faf9f5f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}body>.nav{position:sticky;top:0;z-index:50;background:#faf9f5f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.responsive-nav,.responsive-nav.nav{min-height:76px}.brand{color:#24483e!important}.brand-mark,.mark{background:#244f43!important;color:#fff!important;border-radius:15px!important}.responsive-nav .nav-panel{gap:4px}.responsive-nav .nav-panel a{font-size:13px;padding:8px 10px;color:#405b50}.responsive-nav .nav-panel a[aria-current=page]{background:#e5eee5;color:#234d3c}.responsive-nav .nav-panel a.nav-cta{background:#244f43;border-radius:12px}.nav-toggle{border-color:#cbd8ca!important;background:#fffef9!important}.nav-panel a{white-space:nowrap}
.btn{border-radius:12px!important;padding:12px 20px!important;font-weight:750}.btn-primary{background:#244f43!important;color:#fff!important;box-shadow:0 5px 14px #244f4315}.btn-secondary,.btn-light{background:#fffdf7!important;color:#244f43!important;border:1px solid #d6dfd3!important}.btn:hover{transform:translateY(-2px)}
body.home-redesign .hero{background:linear-gradient(115deg,#f6f3e9,#f1f6ed);padding:48px 0 28px}.home-redesign .hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:28px 52px;align-items:center}.hero-copy{min-width:0}.home-redesign .eyebrow{font-size:12px;color:#7d4d31;letter-spacing:.1em}.home-redesign .hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.2;margin:16px 0 20px}.home-redesign .hero h1 em{color:#2a6550;font-style:normal}.home-redesign .hero p{font-size:16px;max-width:460px;color:#526658}.home-redesign .hero .actions{gap:10px;flex-wrap:wrap}.home-redesign .home-hero-art{grid-column:2;grid-row:1;margin:0!important;align-self:center;border:0;background:none;box-shadow:none;width:100%!important}.home-redesign .home-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 28px 70px 28px}.home-redesign .home-hero-art figcaption{padding:10px 4px;font-size:12px;color:#526658}.hero-facts{display:flex;gap:18px;margin-top:23px;color:#566a5c;font-size:12px}.hero-facts strong{color:#244f43;font-size:18px;margin-right:4px}
.home-redesign .hero-card{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px 26px;align-items:center;padding:20px 26px;border-radius:18px;background:#244f43;box-shadow:none;margin:4px 0 0}.home-redesign .hero-card::after{display:none}.home-redesign .hero-card .label{grid-column:1;color:#d0dfce}.home-redesign .hero-card h2{grid-column:1;margin:0;font-size:19px;line-height:1.4}.home-redesign .hero-card h2 br{display:none}.home-redesign .hero-card .score{grid-column:2;grid-row:1/3;margin:0}.home-redesign .hero-card .score b{font-size:32px}.home-redesign .hero-card .score span{color:#e2eade}.home-redesign .hero-card .progress{grid-column:2;height:6px}.home-redesign .hero-card .progress i{background:#dfb58b}.home-redesign .hero-card .mini-list{grid-column:1/-1;grid-row:4;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:4px}.home-redesign .hero-card .mini-list div{font-size:12px;color:#e0ebdc}.home-redesign .hero-card .cta-link{grid-column:3;grid-row:1/4;background:#efe8d4;color:#234638;margin:0;max-width:270px;overflow-wrap:anywhere}.home-redesign .hero-card .note{grid-column:1/-1;margin:0;color:#d0dfce;font-size:11px}
.home-redesign main>section{padding:40px 0}.home-redesign .section-head{gap:24px;margin-bottom:22px}.home-redesign .section-head h2{font-size:27px}.home-redesign .section-head p{font-size:14px;max-width:450px}.home-redesign .modules{gap:16px}.home-redesign .module{padding:24px 20px;min-height:230px;border:1px solid #dbe3d6;background:#fffefa;box-shadow:0 5px 18px #26433704}.home-redesign .module:hover{border-color:#8da68e;box-shadow:var(--shadow)}.home-redesign .module .icon{width:66px!important;height:66px!important;background-image:none!important;background:#edf3e7!important;font-size:0;border-radius:20px;margin-bottom:18px}.home-redesign .module .icon img{width:52px;height:52px}.home-redesign .module h3{font-size:18px}.home-redesign .module p{font-size:13px;line-height:1.75}.home-redesign .module .meta{color:#246458;font-size:12px}.home-redesign .guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-redesign .guide-link{border-radius:15px;background:#fffefa;padding:18px;border:1px solid #dce5dd}.home-redesign .guide-link b{font-size:15px}.home-redesign .guide-link small{font-size:12px;color:#586963}.home-redesign .guide-link .more{font-size:12px;color:#246458}.home-redesign .guide-link b>span{display:none}.home-redesign .scenario{background:#eef2e8;color:#233e3b}.home-redesign .scenario .section-head p{color:#586963}.home-redesign .scenario-main,.home-redesign .scenario-side{background:#fffefa;border:1px solid #dce5dd}.home-redesign .scenario .steps div,.home-redesign .scenario .quote{color:#405b50}.home-redesign .scenario .quote{background:#f1f3e9;border-color:#a9552d}.home-redesign .scenario .steps b{color:white;background:#35614c}.home-disclosure{border-radius:18px;border-color:#dce5dd;background:#fffefa}.home-disclosure>summary{font-size:18px;color:#284c3d;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.home-disclosure>summary::after{content:'＋';font-size:24px;font-weight:400}.home-disclosure[open]>summary::after{content:'−'}.home-disclosure>summary::-webkit-details-marker{display:none}.home-redesign #beta,.home-redesign #resources,.home-redesign #scenario{padding:14px 0}.home-redesign .beta-section{background:none}.home-redesign .beta-grid{gap:14px}.home-redesign .beta-grid article{background:#f4f4eb;border:1px solid #dde5d6}.home-redesign #help{padding:32px 0}.home-redesign footer{margin-top:24px}
.reading-controls{position:sticky;top:78px;z-index:8;background:#faf9f5f5;backdrop-filter:blur(10px);padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.reading-controls::before{content:'依你的節奏，一段一段讀';font-size:12px;color:#586963}.reading-section{border-radius:15px!important;border-color:#dce5dd!important;margin:12px 0!important;background:#fffefa}.reading-section>summary{min-height:58px;padding:16px 20px!important}.reading-section>summary h2{font-size:19px!important}.reading-body{padding:8px 24px 24px!important;line-height:1.9}.lesson-head{border-radius:24px;background:#f0f3e9!important}.lesson-head h1{font-size:clamp(28px,3.7vw,43px)!important}.side-card{border-color:#dce5dd!important;border-radius:17px!important}.lesson-list{max-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.card,.tk-tool,.resource,.side-card,.panel{box-shadow:0 4px 16px #26433704}.tk-fold{border:1px solid #dce5dd;border-radius:18px;background:#fffefa;margin:14px 0;scroll-margin-top:95px}.tk-fold>summary{padding:18px 22px;cursor:pointer;font-size:18px;font-weight:750;color:#284c3d}.tk-fold>.tk-tool{border:0;margin:0;padding-top:0}.tk-fold:not([open])>.tk-tool{display:none}footer{background:#223e34!important;color:#d8e4d6!important}footer a,footer strong{color:#fff!important}
@media(min-width:1101px){.home-redesign .responsive-nav .nav-panel a[href^='#']{display:none!important}}
@media(max-width:1100px){.responsive-nav .nav-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 0;max-height:65vh;background:#faf9f5}.responsive-nav .nav-panel a{background:#f0f3e9;font-size:14px;white-space:normal}.responsive-nav .nav-panel .lang{grid-column:1/-1}.home-redesign .hero-grid{gap:22px}.home-redesign .hero h1{font-size:42px}.home-redesign .modules{grid-template-columns:repeat(2,1fr)}.home-redesign .guide-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}.beta-strip .beta-long{display:none!important}.beta-strip .beta-short{display:inline!important}.beta-strip a{font-size:11px}.responsive-nav .brand small{font-size:10px}.home-redesign .hero{padding:28px 0 22px}.home-redesign .hero-grid{grid-template-columns:1fr;gap:22px}.home-redesign .hero h1{font-size:38px}.home-redesign .hero p{font-size:15px}.home-redesign .home-hero-art{grid-column:1;grid-row:2;max-width:540px;justify-self:center}.home-redesign .home-hero-art img{aspect-ratio:16/9;object-position:center 48%;border-radius:22px 22px 48px 22px}.home-redesign .home-hero-art figcaption{font-size:11px;padding:6px 0}.hero-facts{margin-top:16px}.home-redesign .hero-card{grid-column:1;grid-template-columns:1fr auto;padding:18px;gap:8px 14px}.home-redesign .hero-card .label{grid-column:1/-1}.home-redesign .hero-card h2{grid-column:1;font-size:17px}.home-redesign .hero-card .score{grid-column:2;grid-row:2/4;display:block;text-align:right}.home-redesign .hero-card .score b{font-size:27px;display:block}.home-redesign .hero-card .score span{font-size:11px}.home-redesign .hero-card .progress{grid-column:1;grid-row:3}.home-redesign .hero-card .cta-link{grid-column:1/-1;grid-row:4;justify-content:center;max-width:none;margin-top:6px}.home-redesign .hero-card .mini-list{grid-row:5;gap:4px 12px}.home-redesign .hero-card .mini-list div{font-size:11px}.home-redesign .hero-card .note{grid-row:6}.home-redesign main>section{padding:28px 0}.home-redesign .section-head{display:block;margin-bottom:16px}.home-redesign .section-head h2{font-size:24px}.home-redesign .modules{gap:10px}.home-redesign .module{padding:17px 14px;min-height:240px;border-radius:17px}.home-redesign .module .icon{width:54px!important;height:54px!important;margin-bottom:12px}.home-redesign .module .icon img{width:45px;height:45px}.home-redesign .module h3{font-size:16px}.home-redesign .module p{font-size:12px}.home-redesign .module .meta{font-size:11px}.home-redesign .guide-links{grid-template-columns:1fr}.home-disclosure>summary{font-size:16px;padding:16px}.reading-controls{top:70px}.reading-body{padding:8px 16px 18px!important}.lesson-list{max-height:300px}.tk-fold>summary{font-size:16px;padding:16px}.home-redesign .help-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{header,.reading-controls{position:static}.tk-fold>.tk-tool{display:block!important}.tk-fold{border:0}.tk-fold>summary{display:none}.home-redesign .hero-card{display:block}.home-redesign .hero-grid{display:block}}
.home-redesign .hero-card h2,.home-redesign .hero-card .score b{color:#fff!important}.home-redesign .hero-card .score span{color:#e2eade!important}.home-redesign .hero-card .cta-link{color:#234638!important}
.brand small{color:#4f665b!important}
.home-redesign .hero-card .cta-link,.home-redesign .hero-card .cta-link:hover{background:#efe8d4!important;color:#234638!important}.home-redesign .scenario .steps span,.home-redesign .scenario .steps strong{color:#405b50!important}p[data-t="intro"],p[data-t="cardsIntro"],.profile-privacy{color:#4f665b!important;opacity:1!important}