.blog-hero{background:var(--brand-primary-dark);color:var(--text-on-dark)}.blog-hero p{color:rgba(255,255,255,.82);max-width:780px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-card h2{font-size:1.35rem}.blog-meta-line{display:flex;gap:14px;flex-wrap:wrap;color:var(--brand-muted);font-size:.9rem;font-weight:800;margin-bottom:14px}.blog-pagination{margin-top:42px}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:44px;gap:44px;align-items:start}.blog-article{max-width:860px}.article-description{font-size:1.12rem;color:var(--brand-muted);border-left:4px solid var(--brand-accent);padding-left:18px}.content{color:var(--brand-text)}.author-box{display:flex;gap:18px;padding:24px;border:1px solid var(--brand-border);margin-top:34px}.author-box img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;background:var(--brand-bg-alt)}.pre-next{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;margin-top:28px}.pre-next div,.recent-card,.toc-card{border:1px solid var(--brand-border);padding:20px}.pre-next span,.recent-card span{display:block;color:var(--brand-muted);font-size:.85rem}.toc-sidebar{position:sticky;top:146px;display:grid;grid-gap:20px;gap:20px}.toc-card a{display:block;margin:10px 0;font-weight:800}.recent-card h2{font-size:1.25rem}.recent-card ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px}@media (max-width:1000px){.blog-card-grid{grid-template-columns:repeat(2,1fr)}.blog-detail-layout{grid-template-columns:1fr}.toc-sidebar{position:static}}@media (max-width:640px){.blog-card-grid,.pre-next{grid-template-columns:1fr}}