.article-shell{padding:74px 0 96px}.article-main h1{font-size:max(2.1rem, min(4vw, 4rem));font-weight:800;line-height:1.08}.article-label a{color:var(--brand-accent);font-weight:800;text-transform:uppercase}.article-meta{border-bottom:1px solid var(--brand-border);color:var(--brand-text-secondary);margin:20px 0 32px;padding-bottom:20px}.article-body{color:var(--brand-text)}.article-body h2,.article-body h3{color:var(--brand-primary);margin-top:34px}.article-share,.author-box,.blog-reply,.recent-box,.toc-box{border:1px solid var(--brand-border);margin-top:30px;padding:24px}.article-share{display:flex;justify-content:space-between}.author-box{align-items:center;display:flex;gap:20px}.author-box img{border-radius:50%;height:72px;-o-object-fit:cover;object-fit:cover;width:72px}.pre-next{margin-top:28px}.pn-card{border:1px solid var(--brand-border);color:var(--brand-primary);display:block;padding:18px}.pn-card span{color:var(--brand-text-secondary);display:block;font-size:.82rem}.article-side{position:relative}.toc-box{position:sticky;top:24px}.toc-list{display:grid;grid-gap:8px;gap:8px}.toc-list a{border-left:2px solid var(--brand-border);color:var(--brand-text-secondary);display:block;padding-left:10px}.toc-list a:hover{border-color:var(--brand-secondary);color:var(--brand-primary)}.recent-box ul{list-style:none;padding:0}.recent-box li{border-bottom:1px solid var(--brand-border);padding:12px 0}.recent-box span{color:var(--brand-text-secondary);display:block;font-size:.82rem}