*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#000;--text:#f5f5f7;--text2:#86868b;--blue:#2997ff;--card:rgba(28,28,30,0.8)}
body{background:var(--bg);color:var(--text);font-family:-apple-system,'SF Pro Display','PingFang SC','Helvetica Neue',sans-serif;line-height:1.6}
a{color:var(--blue);text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:48px;
  background:rgba(0,0,0,0.72);backdrop-filter:saturate(180%) blur(20px);
  display:flex;align-items:center;justify-content:center;gap:32px;font-size:13px}
nav a{color:var(--text2);transition:color .3s}
nav a:hover{color:#fff}
nav .brand{font-weight:600;color:#fff;font-size:15px}
article{max-width:720px;margin:0 auto;padding:100px 24px 80px}
article h1{font-size:36px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px;line-height:1.15}
.meta{font-size:14px;color:var(--text2);margin-bottom:40px}
article p{font-size:17px;color:#d1d1d6;line-height:1.8;margin-bottom:20px}
article strong{color:#fff;font-weight:600}
article h2{font-size:26px;font-weight:700;margin:48px 0 16px;letter-spacing:-.02em}
article h3{font-size:20px;font-weight:600;margin:32px 0 12px}
article code{background:rgba(255,255,255,0.08);padding:2px 8px;border-radius:6px;font-size:14px}
article ul{padding-left:24px;margin-bottom:20px}
article li{font-size:17px;color:#d1d1d6;line-height:1.8;margin-bottom:8px}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--text2);font-size:14px;margin-bottom:32px;transition:color .3s}
.back:hover{color:#fff}