/* 博客复用内页的 page-hero、card、ico、soft-button 与 cta-band，仅补充列表布局。 */
.blog-page .blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.blog-page .blog-filters{display:flex;flex-wrap:wrap;gap:16px}
.blog-page .blog-filters button{padding:12px 20px;gap:8px}
.blog-page .blog-filters button small{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.blog-page .blog-filters button[aria-pressed=true]{background:var(--surface-inset);color:var(--accent);box-shadow:var(--control-inset)}
.blog-page .blog-search{display:block;flex:0 0 256px;min-width:0}
.blog-page .blog-search input{width:100%;margin:0}
.blog-page .blog-card{display:flex;flex-direction:column;min-width:0}
.blog-page .blog-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.blog-page .blog-card-heading .ico{margin:0}
.blog-page .blog-category{font-size:12px;color:var(--tone-ink,var(--accent))}
.blog-page .blog-card h3{font-size:18px;line-height:1.65;margin:0 0 12px}
.blog-page .blog-card>p{margin:0 0 20px;flex:1}
.blog-page .blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto}
.blog-page .blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.blog-page .blog-card .more{gap:8px;margin:0;white-space:nowrap}
.blog-page .blog-card .more svg{width:16px;height:16px;transition:transform var(--ease)}
.blog-page .blog-card .more:hover svg{transform:translateX(4px)}
.blog-page .blog-empty{text-align:center}
.blog-page .blog-empty button{padding:12px 20px;margin-top:16px}
.blog-page .blog-contact{margin-top:44px}
@media(max-width:1100px){.blog-page .blog-toolbar{align-items:stretch;flex-direction:column}.blog-page .blog-search{flex:auto;width:min(100%,360px)}}
@media(max-width:640px){.blog-page .blog-filters{gap:12px}.blog-page .blog-filters button{padding:12px 16px}.blog-page .blog-search{width:100%}.blog-page .blog-toolbar{gap:24px}.blog-page .blog-card h3{font-size:18px}.blog-page .blog-card-footer{gap:8px}.blog-page .blog-meta{gap:4px 12px}.blog-page .blog-contact{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.blog-page .blog-card .more svg{transition:none}}