.blog-detail-page{background:var(--brand-bg);padding-top:86px}.blog-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:34px;gap:34px;align-items:start}.blog-article{max-width:840px}.blog-article h1{font-size:max(2rem, min(4vw, 3.4rem));margin-bottom:18px}.blog-article .content{color:var(--brand-text)}.article-share,.author-box,.blog-reply,.pre-next,.recent-card,.toc-card{border:1px solid var(--brand-border);border-radius:var(--radius);background:var(--brand-bg-alt)}.article-share{padding:18px;margin:30px 0}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:18px;gap:18px;padding:22px;margin-bottom:24px}.author-box img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.blog-reply h2,.recent-card h2,.toc-card h2{font-size:1.15rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;padding:18px;margin-bottom:28px}.blog-reply{padding:24px}.toc-sidebar{position:sticky;top:118px;display:grid;grid-gap:18px;gap:18px}.recent-card,.toc-card{padding:22px}.toc-card a{display:block;padding:8px 0;font-weight:700}.recent-card ul{padding:0;margin:0;list-style:none}.recent-card li+li{margin-top:12px}@media (max-width:991px){.blog-detail-grid,.pre-next{grid-template-columns:1fr}.toc-sidebar{position:static}}