/* critical.css — 关键 CSS：保证 blog-content grid 和图片比例在异步 style.css 加载前就生效，减少 CLS */
.blog-content{padding:32px 0 64px}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.articles-grid{grid-template-columns:1fr}}
.article-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden}
.article-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.article-image{width:100%;aspect-ratio:400/250;flex-shrink:0;background:#E5E7EB;overflow:hidden}
.article-image img{width:100%;height:100%;object-fit:cover}
.related-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px;min-height:320px}
@media(max-width:1024px){.related-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.related-posts-grid{grid-template-columns:1fr}}
.article-hero{position:relative;padding:80px 0 48px;text-align:center;width:100%;box-sizing:border-box}
.article-hero--with-cover{min-height:300px;display:flex;align-items:center;justify-content:center}
.article-hero-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.pagination-jump{display:inline-flex;align-items:center;margin-left:16px}
.pagination-input{width:60px;padding:8px 12px;border:1px solid #E5E7EB;border-radius:99px;margin-right:8px;text-align:center;font-size:14px}
.pagination-go{padding:8px 16px;cursor:pointer;background:#fff;border:1px solid #E5E7EB;border-radius:99px;font-size:14px;transition:all 0.2s}
.pagination-go:hover{background:#F3F4F6;border-color:#D1D5DB}
.pagination-first, .pagination-last{padding:8px 12px;border-radius:99px;font-size:14px;background:#fff;border:1px solid #E5E7EB;cursor:pointer;margin:0 4px}
.pagination-first:hover, .pagination-last:hover{background:#F3F4F6;border-color:#D1D5DB}