/* 首页「Recent articles」三张卡接真实文章后补的样式。
   home.css 是 extract_v2.py 从设计稿生成的，重跑会覆盖，所以手写的放这里。
   （顺带：home.css 是同名覆盖的文件之一，有浏览器缓存风险，见上线清单 8.1；
   本文件是新文件名，不受影响。）

   设计稿里封面是内联 SVG（.blog-cover svg 已有填充规则），真实文章换成了
   main_image，这里给 img 补上等价的填充和 hover。 */

.blog-card .blog-cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.blog-card:hover .blog-cover img { transform: scale(1.03); }

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

/* 标题行数不一，卡片高度会参差；让正文区把箭头顶到底部对齐 */
.blog-card .blog-card-body { display: flex; flex-direction: column; }
.blog-card .blog-card-arrow { margin-top: auto; }