:root{--bg: #f8f5ef;--surface: #ffffff;--ink: #1b2440;--muted: #5d6478;--line: #e4ddd0;--navy: #1d2b52;--on-navy: #f6f1e6;--gold: #a87b2e;--gold-soft: #efe3cb;--brand: var(--navy);--btn-bg: var(--navy);--btn-fg: var(--on-navy);--font-display: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--font-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-latin: "Cormorant Garamond", "Times New Roman", serif;--r: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #10162a;--surface: #182039;--ink: #ece6d8;--muted: #a9aec0;--line: #2a3352;--navy: #0b1022;--on-navy: #ece6d8;--gold: #d6ab5e;--gold-soft: #2b2a33;--brand: var(--gold);--btn-bg: var(--gold);--btn-fg: #10162a;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.75}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.35;margin:0}h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:900;letter-spacing:.02em}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}p{margin:0}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:50;background:var(--surface);padding:8px 12px}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.band{padding-block:clamp(48px,7vw,88px)}.band.alt{background:var(--surface);border-block:1px solid var(--line)}.eyebrow{font-size:.8rem;letter-spacing:.18em;color:var(--gold);font-weight:700}.latin{font-family:var(--font-latin);font-style:italic;letter-spacing:.04em}.lead{font-size:1.08rem;color:var(--muted);max-width:38em}.section-head{display:grid;gap:10px;margin-bottom:32px;max-width:46em}.section-head p:not(.eyebrow){color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:24px;min-height:64px}.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;white-space:nowrap}.brand strong{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.08em;color:var(--brand)}.brand span{font-size:.72rem;color:var(--muted);letter-spacing:.1em}.nav-scroll{overflow-x:auto;margin-left:auto;scrollbar-width:none;min-width:0}.nav-scroll::-webkit-scrollbar{display:none}.nav{display:flex;gap:4px;list-style:none;margin:0;padding:0}.nav a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:.93rem;white-space:nowrap;color:var(--muted)}.nav a:hover{color:var(--ink);background:var(--gold-soft)}.nav a[aria-current=page]{color:var(--ink);background:var(--gold-soft);font-weight:700}@media(max-width:860px){.header-row{flex-wrap:wrap;gap:0;padding-block:10px 4px;min-height:0}.nav-scroll{margin-left:0;width:100%;padding-bottom:6px}.nav a{padding:6px 10px}}.btns{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;text-decoration:none;border:1px solid var(--btn-bg);font:inherit;font-weight:700;cursor:pointer}.btn.primary{background:var(--btn-bg);color:var(--btn-fg)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--gold)}.hero{padding-block:clamp(40px,6vw,72px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,5vw,64px);align-items:center}.hero-copy{display:grid;gap:22px;min-width:0}.hero-copy .latin{color:var(--gold);font-size:1.05rem}.hero-photo{position:relative;justify-self:center;width:min(340px,100%);margin:0}.hero-photo:before{content:"";position:absolute;inset:8% -10% -4%;border-radius:50% 50% 0 0;border:1px solid var(--gold);border-bottom:0;opacity:.6}.hero-photo img{position:relative;display:block;width:100%;aspect-ratio:400 / 520;object-fit:cover;object-position:top;border-radius:170px 170px var(--r) var(--r)}.hero-photo figcaption{position:relative;margin-top:12px;text-align:center;font-family:var(--font-display);font-size:1.05rem}.hero-photo figcaption small{display:block;font-family:var(--font-body);font-size:.8rem;color:var(--muted)}@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-photo{width:min(240px,70%)}}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);list-style:none;margin:0;padding:0}.stat{padding:22px 16px;display:grid;gap:4px;text-align:center}.stat+.stat{border-left:1px solid var(--line)}.stat b{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.2}.stat b small{font-size:.5em;margin-left:2px}.stat span{font-size:.85rem;color:var(--muted)}@media(max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}.layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}.layer{padding:24px 20px;display:grid;gap:8px;align-content:start}.layer+.layer{border-left:1px solid var(--line)}.layer .tag{font-family:var(--font-display);font-size:1.9rem;color:var(--gold);line-height:1}.layer p{color:var(--muted);font-size:.92rem}@media(max-width:760px){.layers{grid-template-columns:repeat(2,minmax(0,1fr))}.layer:nth-child(3){border-left:0}.layer:nth-child(n+3){border-top:1px solid var(--line)}}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.topic{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);text-decoration:none;transition:border-color .2s,transform .2s}.topic:hover{border-color:var(--gold);transform:translateY(-2px)}.topic h3{display:flex;justify-content:space-between;gap:8px}.topic h3:after{content:"→";color:var(--gold);font-family:var(--font-body)}.topic p{color:var(--muted);font-size:.9rem}.topic .count{font-size:.78rem;color:var(--gold);letter-spacing:.08em}@media(prefers-reduced-motion:reduce){.topic{transition:none}.topic:hover{transform:none}}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:minmax(0,1fr)}}.card{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:22px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;min-width:0}a.card:hover{border-color:var(--gold)}.pill{justify-self:start;font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-weight:700;letter-spacing:.04em}.card .answer{color:var(--muted);font-size:.93rem}.card .meta{font-size:.8rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}.card.soon{border-style:dashed;background:transparent}.card.soon .meta:after{content:"・撰寫中";color:var(--gold)}.series{display:grid;gap:28px}.series-block{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:24px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:90px}.series-block>div:first-child{display:grid;gap:6px;align-content:start}.series-block>div:first-child p:not(.eyebrow){color:var(--muted);font-size:.9rem}@media(max-width:760px){.series-block{grid-template-columns:minmax(0,1fr);gap:14px}}.course-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.course{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center}.course h3{font-size:1.05rem}.course p{grid-column:1 / -1;color:var(--muted);font-size:.9rem}.course .facts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.82rem;color:var(--muted)}.level{font-size:.75rem;padding:2px 10px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);white-space:nowrap}.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}@media(max-width:860px){.cols{grid-template-columns:minmax(0,1fr)}}.cols h2{font-size:1.15rem;padding-bottom:8px;border-bottom:2px solid var(--gold);margin-bottom:12px}.dot-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.dot-list li{padding-left:18px;position:relative}.dot-list li:before{content:"";position:absolute;left:2px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--gold)}.about-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:start}.about-grid img{width:100%;border-radius:var(--r);display:block;aspect-ratio:400 / 520;object-fit:cover;object-position:top}.about-grid .prose-block{display:grid;gap:16px}@media(max-width:760px){.about-grid{grid-template-columns:minmax(0,1fr)}.about-grid img{width:min(260px,80%)}}.quote{font-family:var(--font-display);font-size:1.3rem;border-left:3px solid var(--gold);padding-left:16px}.cta-band{background:var(--navy);color:var(--on-navy)}.cta-band .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.cta-band p:not(.eyebrow){opacity:.85}.cta-band .btn{background:var(--on-navy);color:var(--navy);border-color:var(--on-navy)}@media(max-width:760px){.cta-band .wrap{grid-template-columns:minmax(0,1fr)}}.modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:760px){.modules{grid-template-columns:minmax(0,1fr)}}.module{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:8px;align-content:start}.band.alt .module{background:var(--bg)}.module p{color:var(--muted);font-size:.93rem}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}.steps li{counter-increment:s;padding:18px;border-top:2px solid var(--gold);background:var(--surface)}.steps li:before{content:"步驟 " counter(s);display:block;font-size:.75rem;color:var(--gold);letter-spacing:.1em;font-weight:700}@media(max-width:760px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.85rem;color:var(--muted);font-weight:500}.contact{display:grid;gap:12px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-width:640px}.contact dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0}.contact dt{color:var(--muted)}.contact dd{margin:0;overflow-wrap:anywhere}.todo{color:var(--gold);font-size:.9rem}.article{max-width:720px;margin:0 auto;display:grid;gap:22px}.crumbs{font-size:.85rem;color:var(--muted)}.crumbs a{color:var(--gold);text-decoration:none}.tldr{background:var(--gold-soft);border-radius:var(--r);padding:18px 20px;display:grid;gap:6px}.tldr strong{font-size:.8rem;letter-spacing:.12em;color:var(--gold)}.tldr p{font-size:1.05rem;color:var(--ink)}.byline{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--muted)}.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top}.prose{display:grid;gap:18px}.prose h2{font-size:1.4rem;margin-top:14px}.prose ol,.prose ul{margin:0;padding-left:1.3em;display:grid;gap:6px}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:var(--surface)}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin-top:8px;color:var(--muted)}.draft-flag{border:1px dashed var(--gold);color:var(--gold);border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:700}.note{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:760px){.paths{grid-template-columns:minmax(0,1fr)}}.path{padding:22px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:grid;gap:10px;align-content:start}.path .if{font-size:.85rem;color:var(--gold);font-weight:700}.path a{color:var(--gold);font-weight:700;text-decoration:none}.site-footer{background:var(--navy);color:var(--on-navy);padding-block:40px;font-size:.9rem}.site-footer .wrap{display:grid;gap:18px}.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}.foot-top strong{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.08em}.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;opacity:.85}.disclaimer{opacity:.7;font-size:.8rem;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}.cover{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--r);margin:8px 0 20px}.card:has(.card-cover){grid-template-rows:auto auto auto 1fr auto}.card-cover{width:calc(100% + 44px);max-width:none;margin:-22px -22px 4px;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--r) var(--r) 0 0}.home-banner{display:block}.home-banner img{display:block;width:100%;height:auto}.admin-link{flex:none;margin-left:8px;padding:6px 14px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap}.admin-link:hover{background:var(--gold-soft)}@media(max-width:860px){.header-row .admin-link{position:absolute;top:12px;right:16px}.site-header .wrap{position:relative}}.foot-contact{margin-top:6px;font-size:.9rem}.foot-contact a{color:inherit}