:root{--ink:#132947;--muted:#516176;--blue:#2359d1;--line:#d6dfe9;--paper:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font:17px/1.8 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}a{color:var(--blue);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #eea92b;outline-offset:5px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:3}.skip:focus{top:12px}header,main,footer{max-width:1240px;margin:auto}header{padding:25px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:650}.brand b{font-size:28px;letter-spacing:-2px}.brand b span{color:var(--blue)}.brand-en{font-size:12px;font-weight:400;max-width:85px;line-height:1.4}nav{display:flex;gap:28px}nav a{color:var(--ink);font-size:15px;text-decoration:none}.intro{padding:68px 60px 48px;background:var(--ink);color:white;margin:28px 38px 0;position:relative;border-top:7px solid #91baff}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;margin:0 0 18px;color:var(--blue)}.intro .eyebrow{color:#b7cdfb}h1{font-size:clamp(38px,5.5vw,66px);line-height:1.25;font-weight:650;letter-spacing:-1px;margin:20px 0}h2{font-size:30px;line-height:1.4;margin:8px 0 14px}h3{font-size:21px;line-height:1.6;margin:0 0 12px}p{margin:0 0 18px}.lead{max-width:660px;color:#d5dfed;font-size:19px}.button{display:inline-block;padding:11px 22px;background:var(--blue);color:white;border:1px solid transparent;text-decoration:none;font-weight:650;border-radius:4px}.intro .button{background:white;color:var(--ink);margin-top:10px}.intro-note{display:flex;gap:24px;border-top:1px solid #4b5c73;margin-top:44px;padding-top:20px;font-size:15px;color:#d5dfed}.section{padding:64px 38px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.section-heading p:not(.eyebrow){color:var(--muted)}.label{background:#e7efff;color:#194bae;padding:4px 14px;font-size:14px;border-radius:30px;white-space:nowrap}.course{display:grid;grid-template-columns:1.8fr 1fr;background:var(--paper);margin-top:22px;border:1px solid var(--line)}.course-main{padding:36px}.course-main h3{font-size:32px;line-height:1.45}.course-main p:not(.eyebrow){color:var(--muted);max-width:630px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.text-link{font-size:15px}.course-details{margin:0;padding:36px;border-left:1px solid var(--line)}dt{color:var(--muted);font-size:13px}dd{margin:0 0 18px;font-size:16px;font-weight:600}.source-note{font-size:13px;color:var(--muted);margin:16px 0}.units{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:36px}.units article{border-top:2px solid var(--line);padding-top:15px}.units article:first-child{border-color:var(--blue)}.units span{font-size:14px;color:var(--blue)}.units h3{font-size:18px;margin-top:8px}.units p,.units a{font-size:15px;color:var(--muted)}.units a{color:var(--blue)}.section-copy{color:var(--muted)}#topic-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:28px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;gap:16px;align-items:baseline}summary::after{content:'+';margin-left:auto;color:var(--blue)}details[open] summary::after{content:'−'}.number{font-size:13px;color:var(--muted);font-weight:400}details p{font-size:16px;color:var(--muted);margin:14px 0 12px 34px}details a{font-size:14px;margin-left:34px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact p{color:var(--muted)}footer{padding:28px 38px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.lesson{max-width:950px;padding:45px 38px}.lesson h1{font-size:42px}.lesson .meta{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:24px}.lesson section{margin:42px 0}.lesson li{margin:8px 0}.lesson .reading{background:var(--paper);padding:26px;border-left:4px solid var(--blue)}.theories{display:grid;grid-template-columns:1fr 1fr;gap:22px}.theories article{padding:20px;border:1px solid var(--line)}.theories p{font-size:16px}.lesson .eyebrow{margin-top:28px}@media(max-width:740px){header{padding:18px 20px;flex-wrap:wrap}.brand-en{display:none}nav{gap:22px}.intro{margin:16px 16px 0;padding:32px 24px}.intro-note{flex-direction:column;gap:0}.section{padding:42px 20px}.course{grid-template-columns:1fr}.course-main,.course-details{padding:24px}.course-details{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.8fr;gap:10px}.course-details dd{margin:0}.units{grid-template-columns:1fr 1fr}.course-main h3{font-size:27px}#topic-list,.contact,.theories{grid-template-columns:1fr}.lesson{padding:28px 20px}.lesson h1{font-size:32px}footer{padding:24px 20px;flex-wrap:wrap;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--blue:#1758cf;--paper:#eef5fc}body{background:radial-gradient(ellipse at 10% 12%,#e4f4ff 0,transparent 36%),radial-gradient(ellipse at 100% 65%,#dff6f1 0,transparent 36%),#f9fbff}header{background:#ffffffed;flex-wrap:wrap}header nav{margin-left:auto}.language{display:flex;border:1px solid #ccd8e7;border-radius:24px;padding:3px;gap:3px;font-size:14px;line-height:1.7}.language a,.language span{padding:4px 12px;border-radius:18px;text-decoration:none;white-space:nowrap}.language span{background:var(--ink);color:white}.language a:hover{background:#e6effb}.intro{display:grid;grid-template-columns:1.1fr 1fr;padding:0;overflow:hidden;border-radius:8px 8px 38px 8px;border-top:0;background:linear-gradient(120deg,#132947,#122843 60%,#143957);box-shadow:0 24px 55px #17395815}.hero-copy{padding:50px 0 36px 44px;z-index:1}.intro h1{font-size:clamp(36px,4.5vw,58px)}.intro .lead{font-size:17px;max-width:530px}.intro .eyebrow{font-size:12px;letter-spacing:1.8px}.intro-note{font-size:14px;gap:18px;margin-top:30px}.hero-art{display:flex;justify-content:center;align-items:center;position:relative;min-width:0}.hero-art img{width:115%;max-width:none;height:100%;object-fit:cover;object-position:center;mix-blend-mode:lighten;animation:hero-enter 1.2s ease-out both}.image-caption{position:absolute;bottom:28px;right:28px;color:#b8dbed;font-size:12px;letter-spacing:3px}.hero-copy .button{box-shadow:0 4px 22px #1e739433}.button{transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1758cf25}.section{border-bottom:0}.course{background:linear-gradient(125deg,#fff,#edf6ff);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #1739580a;border-color:#c7d9ea}.course-details{background:#e9f3fc}.units article{border-radius:0 0 10px 10px}.units article:nth-child(2){border-top-color:#00a896}.units article:nth-child(3){border-top-color:#eeac32}.units article:nth-child(4){border-top-color:#8b67dc}.units span{font-weight:700}.topics{background:linear-gradient(130deg,#eaf3ff,#eefaf7);border-radius:24px;margin:0 20px;padding-left:30px;padding-right:30px}.topics h2{font-size:34px}#topic-list{gap:14px 22px}details{background:#ffffffd9;border:1px solid #d2e1ed;border-radius:10px;padding:18px 20px;align-self:start;transition:box-shadow .2s,background .2s}details:hover{box-shadow:0 8px 22px #1739580c;background:white}summary{font-size:17px}details:nth-child(3n+1) .number{color:#1758cf}details:nth-child(3n+2) .number{color:#008b7b}details:nth-child(3n) .number{color:#a36809}details[open]{border-color:#91b8dc}details[open] p{animation:content-enter .25s ease-out}.contact{margin-top:20px}.contact h3{color:#1758cf}.lesson{background:#ffffffc9;margin-top:30px;border-radius:20px}.lesson .reading{background:linear-gradient(115deg,#edf4ff,#e9f7f4);border-radius:0 12px 12px 0}.theories article{background:#f7faff;border-top:3px solid #1758cf;border-radius:10px}.theories article:nth-child(2){border-top-color:#00a896}.theories article:nth-child(3){border-top-color:#eeac32}.theories article:nth-child(4){border-top-color:#8b67dc}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}@keyframes hero-enter{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes content-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:741px){html[lang=en] .brand{font-size:16px}html[lang=en] .intro h1{font-size:clamp(34px,4.5vw,59px);line-height:1.15}html[lang=en] .intro-note{flex-direction:column;gap:5px}}@media(max-width:900px){.brand-en{display:none}header{gap:14px}nav{gap:16px}.hero-copy{padding:32px 0 28px 30px}.intro-note{flex-direction:column;gap:0}}@media(max-width:740px){header nav{order:3;width:100%;margin:0;border-top:1px solid var(--line);padding-top:10px}.language{margin-left:auto}.brand{font-size:16px}.intro{grid-template-columns:1fr;padding:0;border-radius:8px 8px 24px 8px}.hero-copy{padding:30px 25px 14px}.intro h1{font-size:40px}.hero-art{height:270px;overflow:hidden}.hero-art img{width:100%;height:auto;min-height:100%;object-fit:cover}.image-caption{bottom:16px;right:22px}.intro-note{margin-top:22px}.topics{margin:0 12px;padding:34px 18px}.topics h2{font-size:28px}.course-main h3{font-size:26px}.section-heading h2{font-size:27px}.lesson{margin:14px 10px}.contact{padding-top:40px}details p,details a{margin-left:0}summary{gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.button:hover{transform:none}}