/* /blog/ 接 CMS 数据后补的样式。
   blog.css 是 extract_v2.py 从设计稿生成的，重跑会覆盖，所以手写的放这里。 */

/* 设计稿的封面是内联 SVG（.blog-cover svg 已有 width/height/hover 规则），
   真实文章换成了 main_image，这里给 img 补上等价的填充和 hover。 */
.blog-page .blog-cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.blog-page .editorial-row:hover .blog-cover img { transform: scale(1.025); }

@media (prefers-reduced-motion: reduce) {
  .blog-page .editorial-row:hover .blog-cover img { transform: none; }
}

.blog-page .blog-empty {
  color: #426078;
  font-size: 16px;
  padding: 36px 0;
}

/* 设计稿只排了 4 篇、没有分页区。配色取自 blog.css 里的同一套。 */
.blog-page .blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 46px;
}

.blog-page .blog-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 13px;
  border: 1px solid #D7E2EC;
  border-radius: 9px;
  background: #fff;
  color: #10243A;
  font-size: 14px;
  font-weight: 700;
  transition: border-color .15s, color .15s, background .15s;
}

.blog-page .blog-page-link:hover { border-color: #006BE0; color: #006BE0; }

.blog-page .blog-page-link.is-current {
  background: #0A3766;
  border-color: #0A3766;
  color: #fff;
}

.blog-page .blog-page-gap {
  min-width: 24px;
  text-align: center;
  color: #90ABC2;
}

@media (max-width: 700px) {
  .blog-page .blog-pagination { padding-top: 32px; gap: 6px; }
  .blog-page .blog-page-link { min-width: 36px; height: 36px; padding: 0 10px; }
}