.blog-detail-shell{padding-top:150px;padding-bottom:88px}.blog-article{max-width:900px}.article-meta{margin:14px 0 28px;color:var(--brand-primary-dark);font-weight:800}.article-content{color:var(--brand-text);font-size:1.05rem;line-height:1.8}.article-content h2,.article-content h3{margin-top:30px;font-weight:800}.article-content p{color:var(--brand-text);margin-bottom:16px}.article-content img{border-radius:var(--brand-radius);margin:24px 0}.author-card,.comment-box,.post-nav,.share-row{margin-top:32px;padding-top:24px;border-top:1px solid var(--brand-border)}.share-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.share-row a{font-weight:800;color:var(--brand-primary-dark)}.share-row a:hover{color:var(--brand-secondary)}.author-card{display:flex;gap:18px;align-items:center}.author-card img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-card h2{font-size:1.1rem;margin-bottom:6px}.author-card p{color:var(--brand-text-secondary);font-size:.92rem}.post-nav{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.post-nav a{border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:18px;font-weight:800;color:var(--brand-text);transition:border-color .2s}.post-nav a:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.post-nav span{display:block;color:var(--brand-text-secondary);font-size:.86rem;margin-bottom:6px}.post-nav strong{display:block;color:var(--brand-text)}.comment-box h2{font-size:1.25rem;margin-bottom:18px}.toc-box{border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:22px;background:#fff;position:sticky;top:100px}.toc-box h2{font-size:1rem;font-weight:900;margin-bottom:12px}.toc-box a{display:block;padding:9px 0;border-bottom:1px solid var(--brand-border);color:var(--brand-text);font-size:.92rem}.toc-box a:hover{color:var(--brand-primary)}@media (max-width:991px){.blog-detail-shell{padding-top:128px}}@media (max-width:767px){.post-nav{grid-template-columns:1fr}.author-card{align-items:flex-start}}