:root{--pb:#0b1a2b;--pb-deep:#081522;--pb-ink:#06111c;--txt:#e6eaef;--mut:#9fb0c2;--gold:#e2c48e;--gold-grad:linear-gradient(100deg,#f7e8c8 0%,#ebd2a0 45%,#d6b47c 75%,#f0dcb2 100%);--card:#102236;--r:8px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--pb-deep)}
body{background:radial-gradient(1200px 600px at 50% -10%,#14304d 0,var(--pb) 55%,var(--pb-deep) 100%);color:var(--txt);font:17px/1.65 "Noto Sans TC","Microsoft JhengHei","Segoe UI",system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
main{max-width:880px;margin:0 auto;padding:72px 16px 40px}
header{text-align:center}
.logo{display:block;width:min(260px,70vw);height:auto;margin:0 auto 28px}
h1{font:600 clamp(2.4rem,7vw,3.6rem)/1.1 "Playfair Display",Georgia,serif;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}
.tag{color:var(--mut);font-size:1.15rem;margin-top:14px}
section{background:var(--card);border-radius:var(--r);padding:32px;margin-top:40px}
h2{font:600 1.5rem/1.2 "Playfair Display",Georgia,serif;color:var(--gold);margin-bottom:14px}
p+p{margin-top:8px}
.btn{display:block;width:100%;max-width:420px;margin:28px auto 0;text-align:center;padding:18px 24px;border-radius:var(--r);background:var(--gold-grad);color:var(--pb-ink);font-weight:700;font-size:1.15rem;text-decoration:none}
.btn:hover{filter:brightness(1.07)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px}
dt{color:var(--mut)}
dd{min-width:0;overflow-wrap:anywhere}
a{color:var(--gold)}
ul.links{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
ul.links a{display:inline-block;padding:10px 18px;border-radius:var(--r);background:var(--pb);text-decoration:none}
footer{text-align:center;color:var(--mut);margin:40px 16px;font-size:.95rem}
footer a{margin:0 6px}
@media(max-width:560px){main{padding-top:40px}section{padding:22px 18px}dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}}