:root{--bg:#0f1115;--fg:#e8eaf0;--muted:#a8aeba;--line:#262b34;--acc:#7ee0a8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.wrap{max-width:860px;margin:0 auto;padding:0 1.1rem}
.hero{padding:3.4rem 0 2.4rem;border-bottom:1px solid var(--line)}
.brand{color:var(--acc);letter-spacing:.16em;font-size:.82rem;margin:0 0 .5rem}
h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.25;margin:.2rem 0 .9rem}
.lede{color:var(--muted);font-size:1.05rem;max-width:70ch;margin:0 0 1.5rem}
.cta{display:inline-block;background:var(--acc);color:#0b1f14;font-weight:700;padding:.72rem 1.4rem;border-radius:999px;text-decoration:none}
.nav{position:sticky;top:0;background:#0f1115ee;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:5}
.nav a{display:inline-block;padding:.7rem .85rem;color:var(--muted);text-decoration:none;font-size:.9rem}
.nav a:hover{color:var(--fg)}
main{padding:2.2rem 0 4rem}
h2{font-size:1.35rem;margin:2rem 0 .8rem}
.facts ul{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.facts li{padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.facts li:last-child{border-bottom:0}
.facts b{color:var(--acc);margin-right:.6rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.2rem}
.card{display:block;border:1px solid var(--line);border-radius:14px;padding:1.1rem;text-decoration:none;color:var(--fg)}
.card:hover{border-color:var(--acc)}
.card h3{margin:0 0 .35rem;color:var(--acc)}
.card p{margin:0;color:var(--muted);font-size:.92rem}
.scenes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.scenes article{border:1px solid var(--line);border-radius:12px;padding:1rem}
.scenes h2{font-size:1.1rem;margin:.2rem 0 .5rem;color:var(--acc)}
.scenes p{margin:0;color:var(--muted);font-size:.94rem}
table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.92rem}
th,td{border:1px solid var(--line);padding:.6rem .7rem;text-align:left}
th{background:#161a21;color:var(--acc)}
td:first-child{color:var(--muted)}
.cat{margin-top:1.8rem}
.games{list-style:none;padding:0;margin:.4rem 0 0}
.games li{padding:.42rem 0;border-bottom:1px dashed var(--line);font-size:.96rem}
.games li:last-child{border-bottom:0}
.g{color:var(--acc);font-weight:700;margin-right:.5rem}
details{border:1px solid var(--line);border-radius:10px;padding:.25rem 1rem;margin:.6rem 0;background:#13161d}
summary{cursor:pointer;font-weight:600;padding:.6rem 0}
details p{color:var(--muted);margin:.2rem 0 .8rem}
.big{margin:1.6rem 0}
code{word-break:break-all;color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:1.4rem 0;color:var(--muted);font-size:.85rem}
.foot a{color:var(--acc)}