:root{
  --bg:#0e1116; --panel:#161b23; --ink:#e8e6df; --muted:#9aa3ad;
  --gold:#d4a94e; --blue:#6fa8dc; --line:#262d38;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.6}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--line);background:var(--panel)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;flex-wrap:wrap;gap:10px}
.brand{font-size:1.35rem;letter-spacing:.06em;color:var(--ink)}
.brand span{color:var(--gold)}
.nav nav a{margin-left:22px;color:var(--muted);font-size:.95rem;letter-spacing:.04em}
.nav nav a:hover{color:var(--ink)}
.hero{padding:70px 0 55px;text-align:center;border-bottom:1px solid var(--line)}
.hero h1{font-size:2.3rem;font-weight:normal;letter-spacing:.03em}
.hero h1 em{color:var(--gold);font-style:normal}
.hero p{color:var(--muted);max-width:560px;margin:16px auto 0}
.btn{display:inline-block;margin-top:26px;padding:12px 30px;border:1px solid var(--gold);color:var(--gold);letter-spacing:.08em;font-size:.9rem}
.btn:hover{background:var(--gold);color:#0e1116;text-decoration:none}
section{padding:55px 0;border-bottom:1px solid var(--line)}
h2{font-weight:normal;font-size:1.5rem;letter-spacing:.05em;margin-bottom:18px}
h2 span{color:var(--gold)}
.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:26px}
.card{background:var(--panel);border:1px solid var(--line);padding:16px}
.card img{width:100%;display:block;margin-bottom:12px}
.card h3{font-weight:normal;font-size:1.05rem;color:var(--ink)}
.card p{color:var(--muted);font-size:.9rem;margin-top:6px}
footer{padding:30px 0;color:var(--muted);font-size:.85rem;text-align:center}
.note{font-size:.8rem;color:var(--muted);font-style:italic;margin-top:14px}
.hero-cover{padding:45px 0 55px}
.cover{width:100%;max-width:440px;display:block;margin:0 auto 30px;border:1px solid var(--line)}
.title-line{font-size:2.1rem;letter-spacing:.14em}
.title-sub{color:var(--gold);letter-spacing:.28em;font-size:.95rem;margin-top:8px}
.world-line{color:var(--muted);max-width:520px;margin:18px auto 0}
.chapters{margin-top:24px;border-top:1px solid var(--line)}
.chapter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;border-bottom:1px solid var(--line)}
.chapter h3{font-weight:normal;font-size:1.1rem}
.chapter p{margin-top:4px}
.chapter.coming{opacity:.55}
.status{border:1px solid var(--gold);color:var(--gold);font-size:.7rem;letter-spacing:.14em;padding:5px 12px;white-space:nowrap}