.blog-detail-shell{padding:72px 0 80px;background:var(--brand-bg)}.blog-detail-shell .container{max-width:860px}.article-head{text-align:center}.article-head h1{margin:12px 0 16px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.3rem));line-height:1.12}.article-meta{display:flex;justify-content:center;gap:16px;margin-bottom:28px;color:var(--brand-text)}.article-head img{width:100%;aspect-ratio:16/9;border-radius:var(--brand-radius);-o-object-fit:cover;object-fit:cover;background:var(--brand-bg-alt)}.article-content{margin-top:38px;color:var(--brand-text);font-size:1.05rem}.article-content img{height:auto}.article-author{display:flex;gap:18px;align-items:center;margin-top:44px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.article-author img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.article-author h2{margin:0 0 6px;font-size:1.2rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin-top:34px}.pre-next a{display:block;min-height:110px;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text)}.pre-next span{display:block;margin-bottom:8px;color:var(--brand-primary);font-weight:800}.related-section{padding:70px 0;background:var(--brand-bg-alt)}.related-section h2{margin-bottom:24px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.related-grid a{padding:20px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.related-grid span,.related-grid strong{display:block}.related-grid span{color:var(--brand-primary)}.related-grid strong{color:var(--brand-text)}@media (max-width:767px){.pre-next,.related-grid{grid-template-columns:1fr}}