:root{--ink:#0b0b0b;--paper:#fff;--gold:#b08d57;--mute:#6b6b6b;--line:#e8e2d6}
*{box-sizing:border-box}body{margin:0;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
h1,h2,h3,.logo{font-family:"Playfair Display",Didot,"Bodoni 72",Georgia,"Songti SC",serif;font-weight:400;letter-spacing:.02em}
a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:9}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{font-size:1.5rem;text-decoration:none;letter-spacing:.12em;text-transform:uppercase}.logo b{color:var(--gold);font-weight:400}
nav a{text-decoration:none;margin-left:20px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}nav a:hover{color:var(--gold)}
.lang{border:1px solid var(--ink);background:none;padding:6px 12px;cursor:pointer;font-size:.8rem;margin-left:20px}
.hero{background:var(--ink);color:#fff;padding:110px 0 100px;text-align:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 18px;line-height:1.2}.hero p{color:#cfc8bb;max-width:640px;margin:0 auto 32px}
.eyebrow{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:12px 28px;text-decoration:none;letter-spacing:.15em;text-transform:uppercase;font-size:.8rem}.btn:hover{background:var(--gold);color:#000}
section{padding:80px 0}h2{font-size:2rem;text-align:center;margin:0 0 40px}h2:after{content:"";display:block;width:48px;height:1px;background:var(--gold);margin:18px auto 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.card{border:1px solid var(--line);padding:32px}.card .n{font-family:Georgia,serif;color:var(--gold);font-size:1.6rem}
.alt{background:#faf8f4}
table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}th{font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.best td{background:#f6efe2}.tag{display:inline-block;background:var(--gold);color:#000;font-size:.7rem;padding:2px 8px;margin-left:6px}
.notice{border:1px dashed var(--gold);padding:12px 16px;margin-bottom:20px;font-size:.85rem;color:#5a4a2e;background:#fffaf0}
.scroll{overflow-x:auto}.prose{max-width:760px;margin:0 auto;padding:60px 24px}.prose h1{font-size:2.4rem}.prose h2{text-align:left;font-size:1.4rem;margin:36px 0 12px}.prose h2:after{margin:12px 0 0}
footer{background:var(--ink);color:#aaa;padding:40px 0;font-size:.85rem}footer a{color:#ddd;margin-right:18px}
.zh{display:none}html.zh-mode .zh{display:revert}html.zh-mode .en{display:none}
@media(max-width:760px){nav a{margin-left:10px;font-size:.72rem}.nav{flex-wrap:wrap;height:auto;padding:12px 0}.hero{padding:70px 0}}