:root { --black:#070707; --gold:#cda85a; --gold-light:#ead195; --ivory:#f4eddf; --serif:"Noto Serif TC","Songti TC","PMingLiU",serif; --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:rgba(255,255,255,.72); background:radial-gradient(circle at 85% 5%,rgba(205,168,90,.12),transparent 30%),#080808; font-family:var(--sans); line-height:1.9; }
a { color:var(--gold-light); }
header,footer { display:flex; max-width:980px; align-items:center; justify-content:space-between; gap:24px; margin:auto; padding:28px 24px; border-bottom:1px solid rgba(234,209,149,.16); }
header > a:first-child { display:flex; align-items:center; gap:12px; color:var(--gold-light); text-decoration:none; }
header > a:first-child span { display:grid; width:42px; height:42px; place-items:center; color:var(--black); background:linear-gradient(145deg,#f2daa2,#b98a37); border-radius:50%; font-family:var(--serif); }
header strong { font-family:var(--serif); font-size:22px; letter-spacing:.15em; }
header > a:last-child,footer a { font-size:12px; text-decoration:none; }
main { width:min(860px,calc(100% - 40px)); margin:80px auto 100px; }
.eyebrow { margin:0 0 18px; color:var(--gold); font-size:10px; font-weight:900; letter-spacing:.24em; }
h1,h2 { color:var(--ivory); font-family:var(--serif); font-weight:600; }
h1 { margin:0; font-size:clamp(42px,7vw,68px); line-height:1.3; }
.lead { max-width:720px; margin:24px 0 55px; color:rgba(255,255,255,.5); }
section { padding:28px 0; border-top:1px solid rgba(234,209,149,.13); }
h2 { margin:0 0 10px; font-size:23px; }
section p,li { font-size:14px; }
li { margin:7px 0; }
footer { border-top:1px solid rgba(234,209,149,.16); border-bottom:0; color:rgba(255,255,255,.42); font-size:11px; }
@media (max-width:600px) { main { margin-top:55px; } h1 { font-size:40px; } header,footer { padding:22px 20px; } }