.home-article-thumbnail {
  /* 基础高度设置为视口宽度的 25% */
  height: 25vw;

  /* 高度上限 */
  max-height: 400px;

  /* 高度下限 */
  min-height: 180px;
}

.footer-badges {
  display: flex;            /* 启用 Flexbox 布局 */
  justify-content: center;  /* 水平居中所有子元素 */
  align-items: center;      /* 垂直居中所有子元素，确保它们在一条直线上 */
  gap: 10px;                /* 设置徽章之间的间距，可以替代你原来的 margin */
  flex-wrap: wrap;          /* 在屏幕较窄时允许换行，提升响应式体验 */
  padding: 10px 0;          /* 给容器一些垂直方向的内边距，让它看起来不那么拥挤 */
}

/* 统一所有徽章图片的大小 */
.footer-badges a img {
  height: 22px;  /* 设置一个统一的高度，浏览器会自动缩放宽度。你可以根据喜好调整这个值 */
  display: block;  /* 消除图片下方的微小间隙 */
}