:root{
  --bg:#0a0b09; --bg2:#111310; --fg:#e9eae4; --dim:#8b8f84;
  --acid:#b8ff3c; --line:#20241d;
}
@font-face{
  font-family:"Space Grotesk"; src:url("/fonts/SpaceGrotesk-500.woff2") format("woff2");
  font-weight:500; font-display:swap;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:400 16px/1.75 "Space Grotesk","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  letter-spacing:.01em;
}
a{color:var(--fg); text-decoration:none; border-bottom:1px solid var(--line)}
a:hover{color:var(--acid); border-bottom-color:var(--acid)}
.wrap{max-width:720px; margin:0 auto; padding:0 24px}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{font-family:"Space Grotesk",sans-serif; font-weight:500; letter-spacing:.08em; font-size:14px}
.brand i{display:inline-block; width:7px; height:7px; background:var(--acid); border-radius:50%; margin-right:8px; vertical-align:middle; font-style:normal}
nav a{border:0; color:var(--dim); font-size:13px; margin-left:18px; letter-spacing:.06em}
nav a:hover{color:var(--acid)}
main{padding:56px 0 72px}
h1{font-family:"Space Grotesk",sans-serif; font-weight:500; font-size:28px; line-height:1.3; margin:0 0 10px; letter-spacing:.01em}
.lead{color:var(--dim); margin:0 0 44px; font-size:15px}
.meta{color:var(--dim); font-size:12px; letter-spacing:.08em; text-transform:uppercase}
.list{margin:0; padding:0; list-style:none}
.list li{padding:20px 0; border-top:1px solid var(--line)}
.list li:last-child{border-bottom:1px solid var(--line)}
.list a{border:0}
.list h2{font-family:"Space Grotesk",sans-serif; font-weight:500; font-size:17px; margin:4px 0 6px}
.list p{margin:0; color:var(--dim); font-size:14px}
article h1{margin-bottom:6px}
article .meta{margin-bottom:36px; display:block}
article p{margin:0 0 20px}
article h2{font-family:"Space Grotesk",sans-serif; font-weight:500; font-size:18px; margin:36px 0 12px}
pre{background:var(--bg2); border:1px solid var(--line); padding:14px 16px; overflow:auto; font-size:13px; line-height:1.6}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.92em; color:var(--acid)}
footer{border-top:1px solid var(--line); color:var(--dim); font-size:12px}
footer .wrap{padding:22px 24px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
.nf h1{font-size:56px; letter-spacing:-.02em; color:var(--acid)}
@media (max-width:520px){ main{padding:40px 0 56px} h1{font-size:23px} header .wrap{height:58px} }