:root{--_p-navy:#0e2238;--_p-navy-2:#26313f;--_p-blue:#44638a;--_p-red:#b5371f;--_p-red-soft:#f4e1dc;--_p-green:#2d5f3e;--_p-green-soft:#e8f0eb;--_p-gold:#8b6f50;--_p-gold-soft:#f5ead7;--_p-paper:#fafaf7;--_p-paper-2:#f1efea;--_p-card:#fff;--_p-ink:#1f1f1f;--_p-ink-2:#5c5c5c;--_p-ink-3:#8a8a8a;--_p-line:#ddd8cd;--_p-hair:#e8e3d6;--_p-code-bg:#0e2238;--_p-code-ink:#edede6;--_p-quote-ink:#4a3f2e;--_p-callout-ink:#5a2417;--_p-ok-ink:#24422f;--_p-white:#fff;--t-xs:.75rem;--t-sm:.875rem;--t-base:1rem;--t-md:1.3125rem;--t-lg:1.75rem;--t-xl:2.3125rem;--t-2xl:3.125rem;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-6:1.5rem;--s-8:2rem;--s-12:3rem;--s-16:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #0e22380f;--shadow-md:0 4px 16px #0e223814;--motion-fast:.15s;--motion-base:.32s;--motion-ease:cubic-bezier(.22,.61,.36,1);--font-cjk:"Microsoft JhengHei","PingFang TC","Noto Sans TC",system-ui,sans-serif;--font-latin:"Inter",system-ui,-apple-system,sans-serif;--font-sans:var(--font-cjk);--font-serif:Georgia,"Times New Roman",serif;--color-surface:var(--_p-paper);--color-surface-2:var(--_p-paper-2);--color-card:var(--_p-card);--color-heading:var(--_p-navy);--color-panel:var(--_p-navy);--color-panel-text:var(--_p-white);--color-text:var(--_p-ink);--color-text-2:var(--_p-ink-2);--color-text-3:var(--_p-ink-3);--color-action:var(--_p-blue);--color-action-text:var(--_p-white);--color-accent:var(--_p-red);--color-accent-soft:var(--_p-red-soft);--color-on-accent:var(--_p-white);--color-accent-2:var(--_p-gold);--color-accent-2-soft:var(--_p-gold-soft);--color-success:var(--_p-green);--color-success-soft:var(--_p-green-soft);--color-line:var(--_p-line);--color-line-soft:var(--_p-hair);--color-code-bg:var(--_p-code-bg);--color-code-text:var(--_p-code-ink);--color-quote-text:var(--_p-quote-ink);--color-callout-text:var(--_p-callout-ink);--color-callout-ok-text:var(--_p-ok-ink)}[data-theme=light],:root{--color-surface:var(--_p-paper);--color-surface-2:var(--_p-paper-2);--color-card:var(--_p-card);--color-heading:var(--_p-navy);--color-panel:var(--_p-navy);--color-panel-text:var(--_p-white);--color-text:var(--_p-ink);--color-text-2:var(--_p-ink-2);--color-text-3:var(--_p-ink-3);--color-line:var(--_p-line);--color-line-soft:var(--_p-hair);--color-code-bg:var(--_p-code-bg);--color-code-text:var(--_p-code-ink);--color-accent-2-soft:var(--_p-gold-soft);--color-success-soft:var(--_p-green-soft);--color-quote-text:var(--_p-quote-ink);--color-callout-text:var(--_p-callout-ink);--color-callout-ok-text:var(--_p-ok-ink)}[data-theme=dark]{--color-surface:#12161a;--color-surface-2:#1b2026;--color-card:#1b2026;--color-heading:#eef1f4;--color-panel:var(--_p-navy-2);--color-panel-text:#eef1f4;--color-text:#e6e8ea;--color-text-2:#b3b9c0;--color-text-3:#8a919a;--color-line:#2c333b;--color-line-soft:#242a31;--color-code-bg:#0a0e12;--color-code-text:#edede6;--color-accent-soft:color-mix(in oklab, var(--color-accent) 26%, #12161a);--color-accent-2-soft:#2b2620;--color-success-soft:#17271d;--color-quote-text:#d8cdbc;--color-callout-text:#f0c9be;--color-callout-ok-text:#bfe0cd}[data-brand=teaching],:root{--color-action:var(--_p-blue);--color-accent:var(--_p-red);--color-accent-soft:var(--_p-red-soft);--color-on-accent:var(--_p-white)}[data-brand=general]{--color-action:#3a5a78;--color-accent:#9a7b3f;--color-accent-soft:color-mix(in oklab, #9a7b3f 16%, var(--color-surface));--color-on-accent:var(--_p-ink)}[data-brand=aabe]{--color-action:#2fa598;--color-accent:#c9a961;--color-accent-soft:color-mix(in oklab, #c9a961 18%, var(--color-surface));--color-on-accent:var(--_p-ink)}html[data-brand=aabe]{--color-action-text:var(--_p-ink)}[data-brand=swiss]{--color-action:#3a4048;--color-accent:#c0392b;--color-accent-soft:color-mix(in oklab, #c0392b 15%, var(--color-surface));--color-on-accent:var(--_p-white)}[data-brand=coral]{--color-action:#3e5c8a;--color-accent:#e86a5c;--color-accent-soft:color-mix(in oklab, #e86a5c 18%, var(--color-surface));--color-on-accent:var(--_p-ink)}[data-brand=forest]{--color-action:#2f6b45;--color-accent:#c79a3e;--color-accent-soft:color-mix(in oklab, #c79a3e 18%, var(--color-surface));--color-on-accent:var(--_p-ink)}:root{--color-skeleton:color-mix(in oklab, var(--color-line) 70%, var(--color-surface));--color-error:#b3362c}.is-loading{position:relative;color:#0000!important}.is-loading:after{content:"";background:var(--color-skeleton);border-radius:var(--radius-sm);animation:1.2s infinite sk;position:absolute;inset:0}.is-error{color:var(--color-error)}@keyframes sk{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.is-loading:after{animation:none}}.sw-teaching{background:#b5371f}.sw-general{background:#9a7b3f}.sw-aabe{background:#2fa598}.sw-swiss{background:#c0392b}.sw-coral{background:#e86a5c}.sw-forest{background:#c79a3e}:root{--bg:var(--color-surface);--bg-alt:var(--color-surface-2);--card:var(--color-card);--inst:var(--color-heading);--inst-light:var(--color-action);--brand:var(--color-accent);--brand-soft:var(--color-accent-soft);--ok:var(--color-success);--ok-soft:var(--color-success-soft);--gold:var(--color-accent-2);--gold-soft:var(--color-accent-2-soft);--ink:var(--color-text);--mut:var(--color-text-2);--meta:var(--color-text-3);--line:var(--color-line);--hair:var(--color-line-soft);--serif:var(--font-serif);--sans:var(--font-sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:17px;line-height:1.75}.wrap{max-width:880px;margin:0 auto;padding:0 24px}a{color:var(--inst-light)}a:hover{color:var(--brand)}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--inst);font-size:18px;font-weight:800;text-decoration:none}.logo .dot{color:var(--brand)}nav.main a{color:var(--mut);margin-left:22px;font-size:15px;text-decoration:none}nav.main a:hover{color:var(--brand)}.badge-free{background:var(--ok-soft);color:var(--ok);border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}.badge-paid{background:var(--gold-soft);color:var(--gold);border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}.hero{padding:56px 0 40px}.kicker{font-family:var(--serif);letter-spacing:5px;color:var(--brand);text-transform:uppercase;font-size:13px;font-weight:700}h1.hero-title{color:var(--inst);margin:10px 0 14px;font-size:42px;font-weight:800;line-height:1.3}.hero-sub{color:var(--mut);max-width:640px;font-size:19px}.hero-img{border:1px solid var(--line);border-radius:14px;width:100%;margin-top:32px;display:block}section{padding:36px 0}h2.sec{color:var(--inst);margin:0 0 6px;font-size:26px;font-weight:800}.sec-sub{color:var(--mut);margin:0 0 22px;font-size:15.5px}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=720px){.grid3,.grid2{grid-template-columns:1fr}h1.hero-title{font-size:30px}}.card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:20px;text-decoration:none;transition:all .15s;display:block}.card:hover{border-color:var(--brand);transform:translateY(-2px)}.card h3{color:var(--inst);margin:0 0 6px;font-size:18px}.card p{color:var(--mut);margin:0;font-size:14.5px}.card .lv{font-family:var(--serif);color:var(--brand);font-size:15px;font-weight:800}article.course{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:36px 0;padding:40px 44px}article.course h1{color:var(--inst);font-size:32px;line-height:1.35}article.course h2{color:var(--inst);border-bottom:1px solid var(--hair);margin-top:2em;padding-bottom:6px;font-size:23px}article.course h3{color:var(--inst);font-size:18px}article.course table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}article.course th{background:var(--bg-alt);text-align:left}article.course th,article.course td{border:1px solid var(--line);padding:8px 12px}article.course code{background:var(--bg-alt);border-radius:5px;padding:1px 6px;font-size:.9em}article.course pre{background:var(--color-code-bg);color:var(--color-code-text);border-radius:10px;padding:18px;font-size:14px;line-height:1.6;overflow-x:auto}article.course pre code{color:inherit;background:0 0;padding:0}article.course blockquote{border-left:3px solid var(--gold);background:var(--gold-soft);color:var(--color-quote-text);border-radius:0 8px 8px 0;margin:14px 0;padding:10px 18px}@media (width<=720px){article.course{padding:24px 18px}}footer.site{border-top:1px solid var(--line);color:var(--meta);margin-top:48px;padding:28px 0;font-size:13.5px}.news-list{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow:hidden}.news-item{border-bottom:1px solid var(--hair);color:var(--ink);padding:16px 20px;text-decoration:none;display:block}.news-item:last-child{border-bottom:none}.news-item:hover{background:var(--bg-alt)}.news-date{font-family:var(--serif);color:var(--brand);margin-right:10px;font-size:13px;font-weight:700}.news-src{color:var(--meta);border:1px solid var(--line);border-radius:5px;margin-right:8px;padding:1px 6px;font-size:12.5px}.news-title{color:var(--inst);font-size:16px;font-weight:700}.news-sum{color:var(--mut);margin:4px 0 0;font-size:14px}.news-why{color:var(--gold);margin:2px 0 0;font-size:13.5px}.meta-row{flex-wrap:wrap;gap:8px;margin:12px 0 4px;font-size:13px;display:flex}.meta-row .tag{border:1px solid var(--line);color:var(--mut);background:var(--card);border-radius:6px;padding:2px 9px}.meta-row .tag.lvl-1{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.meta-row .tag.lvl-2{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.meta-row .tag.lvl-3{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.meta-row .tag.mode{color:var(--inst);border-color:var(--inst-light);font-weight:700}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;display:flex}.filter-bar .flabel{color:var(--meta);margin-right:2px;font-size:13px}.fbtn{border:1px solid var(--line);background:var(--card);color:var(--mut);cursor:pointer;font-size:13.5px;font-family:var(--sans);border-radius:8px;padding:5px 13px}.fbtn:hover{border-color:var(--brand);color:var(--brand)}.fbtn.on{background:var(--color-panel);color:var(--color-panel-text);border-color:var(--color-panel);font-weight:700}.fcount{color:var(--meta);margin:6px 0 16px;font-size:13.5px}.item-card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:18px 20px}.item-card .ihead{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.item-id{font-family:var(--serif);color:var(--meta);font-size:13px;font-weight:700}.item-title{color:var(--inst);font-size:17.5px;font-weight:800;text-decoration:none}a.item-title:hover{color:var(--brand)}.item-desc{color:var(--mut);margin:6px 0 0;font-size:14.5px}.item-meta{color:var(--meta);margin-top:8px;font-size:13px}details.prompt-box{margin-top:10px}details.prompt-box summary{cursor:pointer;color:var(--inst-light);user-select:none;font-size:14px;font-weight:700}details.prompt-box summary:hover{color:var(--brand)}.pfields{border:1px solid var(--hair);border-radius:8px;grid-template-columns:88px 1fr;gap:6px 12px;margin:12px 0;padding:14px;font-size:14px;display:grid}.pfields dt{color:var(--gold);font-weight:700}.pfields dd{color:var(--ink);margin:0}.copy-wrap{margin-top:8px;position:relative}.copy-pre{background:var(--color-code-bg);color:var(--color-code-text);white-space:pre-wrap;font-size:13.5px;line-height:1.65;font-family:var(--sans);border-radius:10px;padding:16px}.copy-btn{background:var(--brand);color:var(--color-on-accent);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--sans);border:none;border-radius:7px;padding:5px 14px;position:absolute;top:10px;right:10px}.copy-btn:hover{opacity:.88}.copy-btn.done{background:var(--ok)}.steps-list{counter-reset:st;margin:16px 0;padding:0;list-style:none}.steps-list li{counter-increment:st;border:1px solid var(--hair);background:var(--card);border-radius:10px;margin-bottom:10px;padding:14px 16px 14px 56px;position:relative}.steps-list li:before{content:counter(st);background:var(--color-panel);width:26px;height:26px;color:var(--color-panel-text);font-family:var(--serif);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:14px;left:16px}.steps-list .sname{color:var(--inst);margin-bottom:2px;font-weight:800;display:block}.steps-list .sdetail{color:var(--mut);font-size:14.5px}.prep-box{border:1px solid var(--line);background:var(--bg-alt);border-radius:10px;padding:14px 18px;font-size:14.5px}.prep-box b{color:var(--inst)}.callout{border-left:3px solid var(--brand);background:var(--brand-soft);color:var(--color-callout-text);border-radius:0 8px 8px 0;margin:14px 0;padding:10px 16px;font-size:14.5px}.callout.ok{border-color:var(--ok);background:var(--ok-soft);color:var(--color-callout-ok-text)}.fd-tag{background:var(--bg-alt);color:var(--inst-light);border:1px solid var(--hair);font-size:12px;font-family:var(--serif);border-radius:5px;padding:2px 8px}.area-card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:22px;text-decoration:none;display:block}.area-card:hover{border-color:var(--brand)}.area-num{font-family:var(--serif);color:var(--brand);letter-spacing:2px;font-size:13px;font-weight:800}.area-card h3{color:var(--inst);margin:6px 0;font-size:19px}.area-card p{color:var(--mut);margin:0;font-size:14px}.area-card .acount{color:var(--meta);margin-top:10px;font-size:13px;display:block}.skin-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.skin-bar .flabel{color:var(--meta)}.skin-btn{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);color:var(--mut);cursor:pointer;font-size:12.5px;font-family:var(--sans);padding:3px 12px}.skin-btn:hover{border-color:var(--brand);color:var(--brand)}.skin-btn.on{background:var(--color-panel);color:var(--color-panel-text);border-color:var(--color-panel);font-weight:700}.skin-sw{vertical-align:-1px;border:1px solid #00000026;border-radius:50%;width:13px;height:13px;margin-right:5px;display:inline-block}.site-header{z-index:50;backdrop-filter:blur(8px);background:color-mix(in oklab,var(--bg) 88%,transparent);position:sticky;top:0}nav.main a.active{color:var(--brand);font-weight:700}.btn{border:1px solid #0000;border-radius:10px;padding:13px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block}.btn-primary{background:var(--color-panel);color:var(--color-panel-text)}.btn-primary:hover{opacity:.92;color:var(--color-panel-text);transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;padding:48px 0 36px;display:grid}@media (width<=820px){.hero-grid{grid-template-columns:1fr;gap:20px;padding:36px 0 24px}}figure.scene{margin:0;position:relative}figure.scene img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;box-shadow:var(--shadow-md);background:var(--bg-alt);display:block}figure.scene.ratio-43 img{aspect-ratio:4/3}figure.scene figcaption{color:var(--meta);margin-top:6px;font-size:12.5px}.card figure.scene img{box-shadow:none;border-radius:10px;margin-bottom:12px}.band{background:var(--bg-alt);border:1px solid var(--hair);border-radius:var(--radius-lg);margin:8px 0;padding:28px 26px}@media (width<=720px){.band{padding:20px 16px}}.steps-strip{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=720px){.steps-strip{grid-template-columns:1fr}}.step-cell{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 18px 18px 62px;position:relative}.step-cell .n{background:var(--color-panel);width:32px;height:32px;color:var(--color-panel-text);font-family:var(--serif);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;top:16px;left:16px}.step-cell b{color:var(--inst);margin-bottom:2px;display:block}.step-cell p{color:var(--mut);margin:0;font-size:14px}.drill{border:1px solid var(--line);border-radius:var(--radius-lg);margin:18px 0;overflow:hidden}.drill-head{background:var(--color-panel);color:var(--color-panel-text);padding:12px 20px;font-size:16px;font-weight:800}.drill-body{background:var(--card);padding:18px 20px}.drill-round{border-bottom:1px dashed var(--hair);align-items:baseline;gap:14px;padding:10px 0;display:flex}.drill-round:last-child{border-bottom:none}.drill-round .r{font-family:var(--serif);color:var(--brand);flex:none;font-size:14px;font-weight:800}.drill-round p{color:var(--ink);margin:0;font-size:14.5px}.drill-round p small{color:var(--meta)}.card,.area-card,.item-card{box-shadow:var(--shadow-sm)}.card:hover,.area-card:hover{box-shadow:var(--shadow-md)}footer.site .foot-links{flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:14px;display:flex}footer.site .foot-links a{color:var(--mut);text-decoration:none}footer.site .foot-links a:hover{color:var(--brand)}.skip-link{background:var(--color-panel);color:var(--color-panel-text);z-index:100;border-radius:0 0 10px;padding:10px 18px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.nav-toggle{border:1px solid var(--line);cursor:pointer;color:var(--inst);font-size:15px;font-weight:700;font-family:var(--sans);background:0 0;border-radius:8px;padding:7px 12px;display:none}@media (width<=860px){.nav-toggle{display:block}nav.main{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);z-index:60;padding:10px 24px 16px;display:none;position:absolute;top:64px;left:0;right:0}nav.main.open{flex-direction:column;gap:4px;display:flex}nav.main a{border-bottom:1px solid var(--hair);margin:0;padding:11px 6px;font-size:16px}nav.main a:last-child{border-bottom:none}.site-header{position:sticky}.site-header .wrap{position:relative}}@media (width<=720px){article.course table{max-width:100%;display:block;overflow-x:auto}article.course p:has(>img.hero-img[src$=\.svg]){-webkit-overflow-scrolling:touch;overflow-x:auto}article.course img.hero-img[src$=\.svg]{min-width:760px}}.faq-list details{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-bottom:10px;padding:0 18px}.faq-list summary{cursor:pointer;color:var(--inst);user-select:none;padding:14px 0;font-size:16px;font-weight:700}.faq-list summary:hover{color:var(--brand)}.faq-list .fa{color:var(--mut);padding:0 0 14px;font-size:14.5px;line-height:1.8}.search-box{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);font-size:18px;font-family:var(--sans);border-radius:12px;padding:14px 18px}.search-box:focus{border-color:var(--color-action);outline:none}.search-hint{color:var(--meta);margin:8px 0 18px;font-size:13.5px}.sr-tag{border:1px solid var(--line);color:var(--meta);border-radius:5px;margin-right:8px;padding:1px 7px;font-size:12px}.proof-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;padding:18px 20px}.proof-card .ev{color:var(--ok);margin-top:8px;font-size:13.5px;display:block}.taskshot{margin:18px 0}.taskshot img{aspect-ratio:auto;object-fit:contain;background:var(--color-surface-2);max-height:520px}