:root{--bg:#0d0f14;--panel:#161a23;--ink:#e8e4d8;--muted:#9a937f;
--gold:#c9a84c;--line:#2a3040;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);
font-family:var(--serif);line-height:1.65}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:rgba(13,15,20,.95);
position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;
flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{color:var(--gold);text-decoration:none;font-size:1.25rem;letter-spacing:.04em}
nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:.95rem}
nav a:hover,nav a.active{color:var(--gold)}
main{padding:36px 20px 64px}
h1,h2,h3{font-weight:normal;color:var(--gold);letter-spacing:.02em}
h1{font-size:2.1rem}h2{font-size:1.5rem;margin-top:2em}
a{color:#d8b86a}
.hero{text-align:center;padding:48px 0 24px}
.hero img{max-width:420px;width:90%;border-radius:6px;
box-shadow:0 8px 40px rgba(0,0,0,.6)}
.hero p.tag{color:var(--muted);font-style:italic;font-size:1.15rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;margin:36px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;
padding:22px}
.card h3{margin-top:0}.card p{color:var(--muted)}
table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.95rem}
th,td{border:1px solid var(--line);padding:8px 12px;text-align:left}
th{background:var(--panel);color:var(--gold)}
blockquote{border-left:3px solid var(--gold);margin:1.2em 0;padding:.3em 1.2em;
color:#cfc9b8;background:var(--panel);border-radius:0 6px 6px 0}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;
border-radius:8px;border:1px solid var(--line);margin:24px 0}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
gap:14px;margin:20px 0}
.gallery a{display:block;background:var(--panel);border:1px solid var(--line);
border-radius:6px;overflow:hidden;text-decoration:none}
.gallery img{width:100%;height:150px;object-fit:cover;display:block}
.gallery span{display:block;padding:8px 10px;font-size:.82rem;color:var(--muted)}
.chip{display:inline-block;background:var(--panel);border:1px solid var(--line);
border-radius:999px;padding:2px 12px;font-size:.85rem;color:var(--muted);
margin:0 6px 8px 0;text-decoration:none}
.chip:hover{color:var(--gold)}
.notice{background:var(--panel);border:1px solid var(--gold);border-radius:8px;
padding:14px 18px;color:var(--muted)}
.toc-item{margin:1.1em 0}.toc-item .sum{color:var(--muted);font-size:.95rem}