:root{--ink:#172329;--navy:#0d172a;--cream:#faf8f3;--paper:#f2efe8;--line:#dedbd3;--gold:#a78362;--soft:#e9e5dc;--serif:"Noto Serif TC",serif;--sans:"Noto Sans TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--cream);color:var(--ink);font:300 16px/1.95 var(--sans)}.progress{position:fixed;inset:0 0 auto;height:3px;z-index:100}.progress span{display:block;width:0;height:100%;background:#c8a57f}.site-header{height:78px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font:400 15px/1.25 var(--serif);letter-spacing:.1em}.brand b{display:grid;place-items:center;width:39px;height:39px;border:1px solid currentColor;border-radius:50%;font-size:19px}.brand small{display:block;font:300 8px var(--sans);letter-spacing:.18em;opacity:.6;margin-top:4px}.site-header nav{display:flex;gap:30px}.site-header nav a,.book{color:white;text-decoration:none;font-size:13px;letter-spacing:.08em}.book{border:1px solid #ffffff99;padding:8px 15px}.hero{min-height:660px;background:radial-gradient(circle at 74% 42%,#b7a18325,transparent 25%),linear-gradient(125deg,#0d172a,#14243b 60%,#243342);color:white;display:flex;align-items:center;position:relative;overflow:hidden;padding:75px max(8vw,40px)}.hero-copy{width:66%;max-width:850px;position:relative;z-index:2}.eyebrow{font-size:11px!important;letter-spacing:.25em;color:#d4c0a3!important}.hero h1{font:400 clamp(38px,5vw,66px)/1.5 var(--serif);letter-spacing:.05em;margin:22px 0}.hero-copy>p{max-width:760px;color:#ffffffb8;font-size:15px}.meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#ffffff8c;margin:30px 0}.meta i{width:3px;height:3px;background:#d4c0a3;border-radius:50%}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.start,.ghost{display:inline-block;padding:12px 24px;text-decoration:none;font-size:13px}.start{background:#f3efe6;color:var(--navy)}.ghost{border:1px solid #ffffff6b;color:white}.hero-art{position:absolute;right:3vw;width:34vw;height:540px;display:grid;place-items:center}.circle{width:240px;height:240px;border:1px solid #ffffff52;border-radius:50%;display:grid;place-items:center;text-align:center;font:400 25px/1.6 var(--serif);box-shadow:0 0 100px #d4c0a31c}.orbit{position:absolute;border:1px solid #ffffff1c;border-radius:50%;transform:rotate(-25deg)}.orbit.one{width:390px;height:190px}.orbit.two{width:500px;height:270px;transform:rotate(38deg)}.opening{text-align:center;padding:100px 25px;background:var(--paper)}.opening span,.cta small{font-size:11px;letter-spacing:.2em;color:var(--gold)}.opening h2{font:400 32px/1.7 var(--serif);letter-spacing:.06em}.layout{max-width:1180px;margin:auto;padding:100px 30px;display:grid;grid-template-columns:250px minmax(0,760px);gap:85px;align-items:start}.toc{position:sticky;top:105px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:20px;max-height:calc(100vh - 125px);overflow:auto}.toc>strong{font:500 15px var(--serif);margin-bottom:12px}.toc>a{color:#6d7773;text-decoration:none;font-size:12px;padding:4px 0;line-height:1.55}.toc>a.active{color:#8c6048;font-weight:500}.side-card{background:var(--soft);padding:20px;margin:25px 0 0 -20px}.side-card small{font-size:10px;color:#7a756e}.side-card b{display:block;font:500 15px/1.7 var(--serif);margin:5px 0}.side-card a{font-size:11px;color:#805945}.content-section{position:relative;padding-top:15px;margin:0 0 105px}.content-section:not(:last-child):after{content:"";display:block;width:42px;border-bottom:1px solid #b89c82;margin-top:65px}.section-index{position:absolute;right:0;top:-12px;font:500 62px/1 var(--serif);color:#e6e3db;z-index:-1}article h2{font:400 34px/1.55 var(--serif);letter-spacing:.05em;margin:0 0 30px}article h3{font:500 20px/1.6 var(--serif);margin:38px 0 12px}article h4{font:500 16px/1.8 var(--sans);margin:30px 0 10px;color:#8b654d}article p{color:#52605a;margin:0 0 21px}article a{color:#835d47;text-underline-offset:4px}article ul{margin:18px 0 28px;padding:22px 28px 22px 48px;background:#f0f0e9}article li{padding:4px 0;color:#4c5a54}.notice{padding:24px 28px;margin:30px 0;background:#eee9df;border-left:3px solid #ad896b;color:#4d5651;font-size:14px}hr{border:0;border-top:1px solid var(--line);margin:45px 0}.faq-section details{border-bottom:1px solid var(--line)}.faq-section details:first-of-type{border-top:1px solid var(--line)}.faq-section summary{list-style:none;cursor:pointer;padding:22px 3px;display:flex;justify-content:space-between;gap:18px;font:500 16px/1.7 var(--serif)}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font:300 23px var(--sans);color:#8e765f;transition:.2s}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details div{padding:0 30px 20px}.cta{background:var(--navy);color:#fff;text-align:center;padding:110px 25px}.cta h2{font:400 39px/1.6 var(--serif);letter-spacing:.06em;margin:12px 0}.cta p{max-width:680px;color:#ffffffb5;margin:0 auto 35px}.cta a{display:inline-block;text-decoration:none;margin:5px}.cta .primary{background:#f3efe6;color:var(--navy);padding:14px 24px}.cta .secondary{color:white;padding:14px 18px}footer{background:#091220;color:#d8dfdc;padding:45px max(7vw,30px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}footer>p{font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff17;padding-top:15px;color:#ffffff71}.mobile-guide,.mobile-cta{display:none}@media(max-width:900px){.site-header nav{display:none}.hero-copy{width:78%}.hero-art{right:-120px;opacity:.5}.layout{grid-template-columns:1fr;gap:0}.toc{display:none}.mobile-guide{display:block;margin:50px 25px 0;border:1px solid var(--line)}.mobile-guide button{width:100%;padding:15px 18px;border:0;background:var(--paper);text-align:left;color:var(--ink);font:500 14px var(--sans)}.mobile-guide button span{float:right}.mobile-guide>div{display:none;padding:12px 18px}.mobile-guide.open>div{display:grid}.mobile-guide a{font-size:12px;color:#5e6964;text-decoration:none;padding:5px}.content-section{margin-bottom:80px}}@media(max-width:600px){body{padding-bottom:62px}.site-header{height:66px;padding:0 18px}.book{display:none}.hero{min-height:650px;padding:65px 22px}.hero-copy{width:100%}.hero h1{font-size:37px}.hero-copy>p{font-size:14px}.hero-art{width:100%;height:300px;right:-130px;bottom:-25px}.circle{width:150px;height:150px;font-size:19px}.orbit.one{width:260px;height:120px}.orbit.two{width:330px;height:170px}.meta{flex-wrap:wrap}.opening{padding:70px 22px}.opening h2{font-size:25px}.opening br,.cta br{display:none}.layout{padding:65px 22px}.section-index{font-size:50px}article h2{font-size:28px}article h3{font-size:19px}article ul{padding:20px 20px 20px 38px}.cta{padding:80px 22px}.cta h2{font-size:29px}.cta a{display:block}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;z-index:60;background:var(--navy);color:#fff;align-items:center;justify-content:space-between;padding:0 22px;text-decoration:none;font-size:13px;box-shadow:0 -6px 25px #0002}footer{grid-template-columns:1fr;padding:40px 24px}footer>p{margin:10px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}