.article-page{background:radial-gradient(80% 50% at 50% 0%, #7a4a1873, transparent), var(--night);color:var(--text)}.article-main{z-index:3;gap:18px;width:min(860px,100%);margin:0 auto;padding:110px 16px 80px;font-size:16px;line-height:1.65;display:grid;position:relative}.crumbs{color:var(--muted);font-size:13.5px}.crumbs a{color:var(--amber)}.article-head{gap:8px;display:grid}.article-head h1{color:var(--hot);text-shadow:var(--shadow);font-size:clamp(36px,6vw,58px)}.article-head time,.post-list time{color:var(--amber);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;font-weight:700}.article-head .lede{margin:0;font-size:clamp(16px,1.25vw,18.5px)}.article{padding:26px clamp(18px,4vw,40px) 28px;scroll-margin-top:84px}.article h2{color:var(--hot);margin:0 0 14px;font-size:clamp(28px,4vw,38px)}.article h3{color:var(--amber);margin:22px 0 8px;font-size:22px}.article p,.article ul,.article ol{margin:0 0 12px}.article ul,.article ol{padding-left:22px}.article li{margin:4px 0}.article strong,.article b{color:var(--hot);font-weight:650}.article table{border-collapse:collapse;width:100%;margin:6px 0 14px;font-size:14.5px;display:block;overflow-x:auto}.article th,.article td{text-align:left;vertical-align:top;border-bottom:1px solid #ffbe552e;padding:7px 12px 7px 0}.article th{color:var(--amber);white-space:nowrap;font-weight:650}.toc{padding:16px 22px}.toc ol{columns:2 220px;margin:0;padding-left:22px}.post-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.post-list li{gap:4px;padding:16px 20px;display:grid}.post-list h2{font-size:24px}.post-list h2 a{color:var(--hot);text-decoration:none}.post-list p{color:var(--muted);margin:0}.post-tags{flex-wrap:wrap;gap:6px;display:flex}.post-tags i{color:var(--dim);font-size:12px;font-style:normal}.post-tags i:before{content:"#"}.article-next{justify-content:space-between;gap:16px;font-size:14.5px;display:flex}.article-foot{flex-wrap:wrap;gap:10px;margin:8px 0 0;display:flex}
