:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang HK","Noto Sans TC",sans-serif;color:#243b45;background:#faf7ef;font-size:16px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:.24em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ad452e;outline-offset:5px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid #d5d3c8;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.2rem;font-weight:750}.brand img{border-radius:10px}.brand small{display:block;font-size:.8rem;font-weight:400;margin-top:5px;letter-spacing:.08em}nav{display:flex;gap:28px;flex-wrap:wrap;align-items:center}nav a{text-decoration:none;font-size:.95rem}.nav-account{border:1px solid #254a5c;padding:10px 16px;border-radius:4px}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1.22fr;align-items:center;min-height:640px;padding:65px 40px 75px;gap:20px}.eyebrow{font-size:.9rem;letter-spacing:.12em;font-weight:650;color:#84623e;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1{font-family:"Songti TC","Noto Serif TC",serif;font-size:clamp(2.7rem,5.1vw,4.8rem);line-height:1.3;letter-spacing:.02em;margin-bottom:24px;font-weight:650}.lead{font-size:1.2rem;line-height:1.95;color:#4e5d63}.hero-art{margin:0 -10px 0 0}.hero-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.hero-art figcaption{text-align:center;font-size:.9rem;letter-spacing:.2em;color:#6d7068;margin-top:18px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;padding:16px 25px;background:#ad452e;border:1px solid #ad452e;color:white;text-decoration:none;font:inherit;cursor:pointer;border-radius:4px;font-weight:650;min-height:48px}.button:hover{background:#8d3626}.text-link{font-weight:650}.launch-note,.fine{font-size:.9rem;line-height:1.8;color:#5c676a}.launch-note{margin:26px 0 0}.reading{background:#f0ecdf;padding:72px max(40px,calc((100vw - 1200px)/2)) 82px;border-top:1px solid #dad5c7;border-bottom:1px solid #dad5c7}h2{font-family:"Songti TC","Noto Serif TC",serif;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.45;font-weight:650}.section-heading .eyebrow{margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.number{font-family:Georgia,serif;font-size:2rem;color:#ad452e;display:block;margin-bottom:18px}h3{font-size:1.25rem;line-height:1.5;margin-bottom:15px}p{line-height:1.9}.steps p{color:#4e5d63;margin-bottom:0}.companion{max-width:1280px;padding:90px 40px;display:grid;grid-template-columns:1fr 1fr;gap:75px;margin:auto}.companion-copy{padding-top:10px}.plan{max-width:1200px;margin:0 auto 80px;border-top:1px solid #c4c8bc;padding:65px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:85px}.price{padding:36px;background:#fffcf5;border:1px solid #c9c8bc;border-top:5px solid #ad452e}.price h3{font:2.8rem Georgia,serif;color:#ad452e;margin-bottom:22px}.price h3 span{font-family:-apple-system,sans-serif;font-size:1rem;color:#485d65}li{line-height:1.8;margin:.5em 0}.price ul{padding-left:22px}.closing{background:#254a5c;color:white;text-align:center;padding:65px 24px}.closing h2{margin-bottom:28px}.light{background:#f7e5b4;border-color:#f7e5b4;color:#243b45}.light:hover{background:#efd090}footer{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px;padding:52px 40px 30px;font-size:.9rem}footer nav{gap:16px;align-content:start}footer small{grid-column:1/-1;color:#687275}.footer-brand{font-weight:700;text-decoration:none;font-size:1.15rem}footer p{margin:0}.article{max-width:840px;margin:auto;padding:65px 30px 85px;min-height:65vh}.article h1{font-size:3.2rem}.article h2{font-family:inherit;font-size:1.45rem;margin:36px 0 14px}.article p{overflow-wrap:anywhere}.article .lead{margin-bottom:35px}.article details{border-top:1px solid #c9c8bc;padding:23px 0}.article details:last-of-type{border-bottom:1px solid #c9c8bc}.article summary{cursor:pointer;font-size:1.1rem;font-weight:650;line-height:1.6}.article details p{margin:18px 0 0}.help{margin-top:50px;padding:25px 30px;background:#f0ecdf}.help h2{margin:0 0 15px}.skip{position:absolute;left:16px;top:-70px;background:white;padding:16px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}.account{max-width:720px}form{display:grid;gap:12px;margin:28px 0}input{font:inherit;min-height:48px;padding:12px;border:1px solid #7d888a;border-radius:4px;width:100%;background:#fff}.account button{justify-self:start;margin:10px 0}.secondary{font:inherit;padding:12px 20px;color:#254a5c;background:transparent;border:1px solid #254a5c;border-radius:4px;cursor:pointer;min-height:48px}#service-status{padding:22px;background:#f0ecdf;border-left:4px solid #ad452e}dt{font-weight:650;margin-top:18px}dd{margin:6px 0 15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:1rem/1.7 ui-monospace,monospace}#account-message{color:#8b301f}button:disabled{opacity:.6;cursor:wait}@media(max-width:900px){header{padding:22px 25px;flex-wrap:wrap}nav{gap:18px}.hero{padding:45px 25px;min-height:0}.hero h1{font-size:3rem}.steps{gap:28px}.reading{padding:55px 25px}.companion{padding:60px 25px;gap:35px}.plan{margin:0 25px 55px;gap:30px}footer{padding:40px 25px;grid-template-columns:1fr 1fr}footer nav{grid-column:1/-1}}@media(max-width:620px){header{gap:20px}.brand{font-size:1.1rem}header nav{width:100%;justify-content:space-between;gap:12px}header nav a{font-size:.88rem}.nav-account{padding:8px 10px}.hero{grid-template-columns:1fr;padding-top:45px;gap:25px}.hero h1{font-size:3.2rem}.hero-art{margin:0}.hero-art figcaption{margin-top:0}.hero .lead{font-size:1.1rem}.steps,.companion,.plan{grid-template-columns:1fr}.steps{gap:32px;margin-top:30px}.steps article{padding-bottom:25px;border-bottom:1px solid #d3cebf}.steps article:last-child{border:0;padding-bottom:0}.number{margin-bottom:10px}.companion{gap:15px}.plan{padding-top:45px;gap:25px}.price{padding:28px}.article{padding:45px 25px 65px}.article h1{font-size:2.7rem}footer{grid-template-columns:1fr;gap:20px}footer nav{gap:22px}.actions{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.reading-feature{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;margin-top:55px;border-top:1px solid #d3cebf;padding-top:35px}.reading-feature figure,.learning figure{margin:0}.reading-feature img,.learning img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.reading-feature figcaption{font-size:.9rem;color:#5c676a;line-height:1.7;margin-top:12px}.reading-feature h3{font-family:"Songti TC",serif;font-size:2rem;line-height:1.5}.learning{max-width:1280px;margin:auto;padding:85px 40px 65px}.learning-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.learning .eyebrow{letter-spacing:.06em}.learning-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.learning-points .number{font-size:1.6rem}.learning-note{margin-top:35px;padding:22px 28px;border-left:3px solid #ad452e;background:#f0ecdf}.learning-note p:last-child{margin-bottom:0}.companion{border-top:1px solid #d5d3c8}.translation-note{max-width:1200px;margin:0 auto 70px;padding:40px;border:1px solid #d5d3c8;background:#fffcf5}.translation-note>p:not(.eyebrow){max-width:850px}.translation-note details{border-top:1px solid #d5d3c8;padding-top:22px;margin-top:25px}.translation-note summary{font-size:1.1rem;font-weight:650;cursor:pointer;line-height:1.7}.translation-note details p{max-width:920px;margin-top:18px}.translation-note details p:last-child{margin-bottom:0}.learning a,.translation-note a{overflow-wrap:anywhere}@media(max-width:900px){.reading-feature{gap:30px}.learning{padding:55px 25px}.learning-intro{gap:30px}.learning-points{gap:25px}.translation-note{margin:0 25px 55px;padding:30px}}@media(max-width:620px){.reading-feature,.learning-intro,.learning-points{grid-template-columns:1fr}.reading-feature{gap:25px;margin-top:30px}.reading-feature .eyebrow{margin-bottom:15px}.learning-intro{gap:25px}.learning-points{gap:18px;margin-top:30px}.learning-points article{border-top:1px solid #d5d3c8;padding-top:20px}.learning-points .number{margin-bottom:12px}.learning-note{padding:20px}.translation-note{padding:25px}.translation-note h2{font-size:1.9rem}}
.support-page{max-width:1160px}.support-guide{margin:48px 0 52px;padding:32px 0;border-top:1px solid #c9c8bc;border-bottom:1px solid #c9c8bc}.support-guide .eyebrow{margin-bottom:12px}.support-guide h2{margin:0 0 16px}.support-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0}.support-screens figure{margin:0;min-width:0}.support-screens figure>a{display:block;width:min(100%,240px);margin:0 auto 25px;border:1px solid #d5d3c8;border-radius:22px;overflow:hidden;background:#f7f5ec;box-shadow:0 10px 22px #243b4510}.support-screens img{display:block;width:100%;height:auto}.support-screens .number{font-size:1.5rem;margin-bottom:8px}.support-screens h3{margin-bottom:10px}.support-screens p{font-size:.95rem;color:#4e5d63}.support-faq{max-width:780px;margin:auto}.support-faq>h2{margin-bottom:25px}@media(max-width:720px){.support-screens{grid-template-columns:1fr;gap:38px}.support-screens figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.support-screens figure>a{margin:0}.support-screens figcaption p{margin-bottom:0}}@media(max-width:440px){.support-screens figure{display:block}.support-screens figure>a{max-width:248px;margin:0 auto 24px}.support-screens figcaption{max-width:300px;margin:auto}.support-guide{margin-top:35px;padding-top:28px}}
