:root{--bg:#0b0908;--panel:#1b1510;--ink:#f7ead1;--muted:#c4b49d;--gold:#e0b264;--line:rgba(218,169,78,.27)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Serif SC","Songti SC",serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}.wrap{width:min(980px,calc(100% - 40px));margin:auto}
header{border-bottom:1px solid var(--line);background:#120d0a}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.brand{font:700 25px Georgia,serif;letter-spacing:2px;color:#f2d18d}.top nav{display:flex;gap:24px;flex-wrap:wrap;font:14px system-ui;color:#d6c5ac}
.intro{padding:84px 0 56px;background:radial-gradient(circle at 80% 10%,rgba(146,63,24,.22),transparent 38%),#120d0a}.eyebrow{font:700 13px system-ui;letter-spacing:3px;color:var(--gold)}h1{max-width:820px;margin:14px 0 20px;font-size:clamp(35px,6vw,62px);line-height:1.25}.intro p{max-width:760px;margin:0;color:var(--muted);font:17px/1.9 system-ui}
main{padding:54px 0 90px}.article{max-width:780px}.article h2{margin:54px 0 14px;font-size:30px;color:#f2d18d;line-height:1.35}.article h3{margin:32px 0 8px;font-size:22px}.article p,.article li{color:#ded2c0;font:17px/1.9 system-ui}.article ul,.article ol{padding-left:1.4em}.article li{margin:9px 0}.note{padding:22px 26px;margin:34px 0;background:var(--panel);border-left:3px solid var(--gold);color:#ead8b9;font:16px/1.8 system-ui}.note strong{color:#ffe2a3}.cta{margin:64px 0 0;padding:30px;border:1px solid var(--line);background:linear-gradient(120deg,#2c1b12,#17100d)}.cta h2{margin:0 0 12px;font-size:28px}.cta p{margin:0 0 20px}.cta a{display:inline-block;padding:11px 18px;margin:0 12px 8px 0;border:1px solid var(--gold);color:#ffe4ad;font:600 15px system-ui}.related{margin-top:48px;padding-top:26px;border-top:1px solid var(--line)}.related h2{margin:0 0 15px;font-size:23px}.related a{display:inline-block;margin:0 26px 12px 0;color:var(--gold);font:15px system-ui}
footer{border-top:1px solid var(--line);padding:26px 0;color:#aa9c88;font:13px system-ui}.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:620px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:12px 20px}.intro{padding:58px 0 45px}main{padding:32px 0 65px}.article h2{font-size:25px}.article p,.article li{font-size:16px}.wrap{width:min(100% - 28px,980px)}}