:root{--ink:#36475a;--paper:#f6f1e6;--cream:#ede7d6;--gold:#b07d34;--line:rgba(54,71,90,.2);--white:#fff;--serif:"Noto Serif TC",serif;--sans:"Noto Sans TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.85}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(720px,calc(100% - 40px))}.hero{min-height:95vh;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 65%),var(--paper);display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.eyebrow,.section-kicker,.chapter-head p,.closing>div>p{font-size:.73rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.menu{border:0;background:none;color:var(--ink);font:700 .8rem var(--sans);letter-spacing:.12em;cursor:pointer}.menu span{font-size:1.3rem;margin-left:8px}.hero-inner{flex:1;padding:9vh 0 7vh}.eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:900px;margin:28px 0;font:900 clamp(3.2rem,7.7vw,7rem)/1.18 var(--serif);letter-spacing:-.045em}.hero h1 em,.chapter h2 em,.arc h2 em,.closing h2 em{color:var(--gold);font-style:normal}.dek{max-width:820px;font-size:1.1rem}.hero-quote{margin:36px 0;padding-left:24px;border-left:3px solid var(--gold);font:700 1.35rem var(--serif)}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:60px 0 0;padding-top:25px;border-top:1px solid var(--line)}.meta div{display:flex;gap:12px}.meta dt{font-size:.72rem;font-weight:900;color:var(--gold);letter-spacing:.12em}.meta dd{margin:0;font-size:.82rem;font-weight:700}.arc{padding:110px 0 75px}.arc h2{font:800 clamp(2.5rem,5vw,5rem)/1.3 var(--serif)}.arc-line{display:flex;align-items:center;justify-content:space-between;margin-top:55px;padding:22px 0;border-block:1px solid var(--line);font-weight:700}.arc-line i{color:var(--gold)}.index{display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:100px}.index a{display:grid;grid-template-columns:55px 130px 1fr;align-items:center;padding:18px;border-bottom:1px solid var(--line);transition:.2s}.index a:hover{background:rgba(255,255,255,.5);padding-left:25px}.index b{color:var(--gold);font-family:var(--serif)}.index span{font-weight:900}.index small{color:#6d7782}.chapter{padding:120px 0;border-top:1px solid var(--line);scroll-margin-top:0}.chapter.dark{background:var(--ink);color:var(--paper)}.chapter.sand{background:var(--cream)}.chapter-head{display:grid;grid-template-columns:120px 1fr;margin-bottom:75px}.chapter-head .num{font:900 4rem var(--serif);color:var(--gold)}.chapter-head p{margin:0;color:var(--gold)}.chapter h2{margin:10px 0 12px;font:800 clamp(2.4rem,5vw,5.2rem)/1.25 var(--serif);letter-spacing:-.03em}.chapter-head .sub{font:500 1rem var(--sans);letter-spacing:0;text-transform:none;color:inherit;opacity:.78}.prose p{font-size:1.04rem;margin-bottom:28px}.prose blockquote{margin:50px 0;padding:28px 0 28px 32px;border-left:3px solid var(--gold);font:700 1.45rem/1.8 var(--serif)}blockquote cite{display:block;margin-top:15px;font:700 .75rem var(--sans);letter-spacing:.1em;color:var(--gold)}.formula,.translation{display:flex;align-items:center;justify-content:center;gap:16px;margin:48px -80px;padding:30px;background:var(--white);box-shadow:0 10px 45px rgba(54,71,90,.07);font-weight:900}.formula b,.translation b{color:var(--gold)}.compare{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch}.compare>div:not(.vs){padding:45px;border:1px solid rgba(246,241,230,.25)}.compare small,.duo small,.cards small{color:var(--gold);font-weight:900;letter-spacing:.14em}.compare h3,.cards h3,.duo h3{font:800 2rem var(--serif)}.vs,.plus{display:grid;place-items:center;color:var(--gold);font-weight:900}.bigline{margin-top:70px;font:700 clamp(1.7rem,3.5vw,3rem)/1.6 var(--serif);text-align:center}.orbit{position:relative;height:420px;margin:50px 0}.core{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:220px;height:220px;display:grid;place-content:center;text-align:center;border-radius:50%;color:var(--paper);background:var(--ink)}.core b{color:#e5bd83}.orbit span{position:absolute;padding:9px 20px;border:1px solid var(--gold);border-radius:99px;font-weight:700;background:var(--paper)}.orbit span:nth-of-type(1){left:3%;top:20%}.orbit span:nth-of-type(2){right:3%;top:20%}.orbit span:nth-of-type(3){left:0;top:62%}.orbit span:nth-of-type(4){right:0;top:62%}.orbit span:nth-of-type(5){left:21%;bottom:1%}.orbit span:nth-of-type(6){right:21%;bottom:1%}.grid9{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.grid9 div{min-height:130px;display:grid;place-items:center;border:1px solid var(--line);font-weight:800}.grid9 .center{background:var(--ink);color:var(--paper);font-family:var(--serif);text-align:center}.grid9 .center b{color:#e5bd83;font-size:1.5rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards>div{padding:38px;background:var(--white);border-top:4px solid var(--gold)}.cards>div>b{font:900 3rem var(--serif);color:var(--cream)}.widequote{margin-top:75px;text-align:center;font:700 clamp(1.6rem,3vw,2.7rem)/1.6 var(--serif)}.widequote em{color:var(--gold);font-style:normal}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.steps>div{padding:28px;border-left:1px solid rgba(246,241,230,.25)}.steps b,.timeline b{font:900 2.5rem var(--serif);color:var(--gold)}.steps h3,.timeline h3{font:800 1.35rem var(--serif)}.translation{font-size:.95rem}.duo{display:grid;grid-template-columns:1fr 80px 1fr}.duo>div:not(.plus){padding:45px;background:rgba(255,255,255,.55)}.duo li{margin:8px 0}.timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.timeline>div{padding:35px 22px;border-right:1px solid var(--line)}.finale{background:linear-gradient(180deg,var(--paper),#e7ddc7)}.checklist{display:grid;gap:12px}.checklist label{display:flex;align-items:flex-start;gap:18px;padding:22px 25px;background:rgba(255,255,255,.7);cursor:pointer}.checklist input{appearance:none;width:24px;height:24px;flex:0 0 auto;border:2px solid var(--gold);margin-top:3px}.checklist input:checked{background:var(--gold);box-shadow:inset 0 0 0 5px var(--paper)}.checklist input:checked+span{text-decoration:line-through;opacity:.55}.closing{padding:140px 0;background:var(--ink);color:var(--paper)}.closing h2{font:800 clamp(2.5rem,5vw,4.8rem)/1.35 var(--serif)}.closing a{display:inline-block;margin-top:30px;color:#e5bd83;font-weight:900}footer{padding:30px;background:#2b3948;color:#aeb7bf;font-size:.75rem;letter-spacing:.08em}.drawer{position:fixed;z-index:30;top:0;right:0;width:min(430px,90vw);height:100vh;padding:70px 50px;background:var(--ink);color:var(--paper);translate:100% 0;transition:.3s;overflow:auto}.drawer.open{translate:0}.drawer-close{position:absolute;right:25px;top:20px;border:0;background:none;color:var(--paper);font-size:2rem;cursor:pointer}.drawer>p{color:#e5bd83;font-size:.72rem;font-weight:900;letter-spacing:.2em}.drawer ol{padding:0;list-style:none}.drawer li a{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15)}.drawer li b{color:#e5bd83}.scrim{position:fixed;z-index:20;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.3s}.scrim.open{opacity:1;pointer-events:auto}@media(max-width:800px){.hero{min-height:auto}.hero-inner{padding:75px 0}.hero h1{font-size:clamp(2.7rem,13vw,4.6rem)}.meta{grid-template-columns:1fr 1fr}.index{grid-template-columns:1fr}.index a{grid-template-columns:45px 110px 1fr}.chapter{padding:85px 0}.chapter-head{grid-template-columns:1fr;margin-bottom:45px}.chapter-head .num{font-size:2.5rem}.compare,.duo{grid-template-columns:1fr}.vs,.plus{height:60px}.cards,.steps{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline>div{border-bottom:1px solid var(--line)}.formula,.translation{margin:40px 0;flex-wrap:wrap}.grid9 div{min-height:95px;font-size:.8rem}.arc-line{align-items:flex-start;gap:8px;font-size:.72rem}.orbit{height:360px}.core{width:170px;height:170px}.orbit span:nth-of-type(5){left:12%}.orbit span:nth-of-type(6){right:12%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}