:root{--red:#ff2a2a;--bg:#070708;--panel:rgba(15,15,17,.72);
  --border:rgba(255,255,255,.09);--text:#e8e8e8;--dim:#9a9aa2}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:'Oswald','Microsoft YaHei',sans-serif}
body{padding:74px 18px 60px}
a{color:#ff6b6b;text-decoration:none}a:hover{text-decoration:underline}
.topbar{position:fixed;top:0;left:0;right:0;height:56px;display:flex;
  align-items:center;justify-content:space-between;padding:0 22px;z-index:50;
  background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.55));
  border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;letter-spacing:3px;font-size:1.05rem}
.brand::before{content:'';width:9px;height:9px;background:var(--red);
  border-radius:50%;box-shadow:0 0 12px var(--red)}
.topbar nav{display:flex;gap:14px;font-size:.85rem}
.wrap{max-width:820px;margin:0 auto;background:var(--panel);
  border:1px solid var(--border);border-radius:14px;padding:38px 42px 46px}
h1{font-family:'Bebas Neue',sans-serif;letter-spacing:4px;font-size:2rem;margin:0 0 6px}
h2{font-size:1.05rem;color:#fff;margin:34px 0 12px;padding-left:12px;
  border-left:3px solid var(--red)}
h3{font-size:.98rem;color:#ffb3b3;margin:26px 0 10px}
p{line-height:2.05;font-size:1.02rem;margin:0 0 14px;color:#dedee2}
p.li{padding-left:1.1em;color:#d5d5da}
blockquote{margin:16px 0;padding:12px 18px;line-height:1.95;color:#cfcfd6;
  border-left:3px solid rgba(255,42,42,.45);background:rgba(255,42,42,.05)}
code{font-family:'JetBrains Mono',monospace;font-size:.9em;color:#ffb3b3;
  background:rgba(255,255,255,.05);padding:1px 5px;border-radius:4px}
.sep{text-align:center;color:rgba(255,255,255,.22);margin:22px 0;letter-spacing:6px}
.meta{color:var(--dim);font-size:.85rem;margin-bottom:26px}
.nav{display:flex;justify-content:space-between;gap:12px;margin-top:40px;
  padding-top:20px;border-top:1px solid var(--border);font-size:.9rem}
.nav span{color:var(--dim)}
.toc{list-style:none;padding:0;margin:0}
.toc li{margin:0 0 6px}
.toc a{display:flex;justify-content:space-between;padding:9px 14px;
  border-radius:9px;border:1px solid transparent;color:#dcdce2}
.toc a:hover{background:rgba(255,42,42,.08);color:#fff;text-decoration:none;
  border-color:rgba(255,42,42,.25)}
.toc .id{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--dim)}
.part{margin:30px 0 10px;letter-spacing:3px;color:#fff;font-size:1.02rem;
  border-left:3px solid var(--red);padding-left:12px}
.back{display:inline-block;margin-bottom:18px;font-size:.88rem;color:var(--dim)}
@media(max-width:640px){.wrap{padding:26px 20px 34px}body{padding:70px 12px 40px}}