/* 奖项区域容器 */
.awards {
  margin: 40px 0;
  padding: 20px 20px 24px;
  background: #f9fbff;
  border-radius: 12px;
  border: 1px solid #dde5f0;
}

.awards-heading {
  margin-top: 32px;      /* 标题与上方内容的距离 */
  margin-bottom: 0;      /* 下面空隙交给 row 控制 */
}

.awards-row-middle,
.awards-row-bottom {
  margin-top: 60px;      /* 图标与紫色线条的距离 */
}

/* 三层图片的公共样式 */
.awards-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

/* 统一所有奖项图片的结构和大小 */
.awards-row figure {
  margin: 0;
  text-align: center;
}

.awards-row img {
  width: 140px;          /* 统一宽度 */
  height: 140px;         /* 统一高度 */
  border-radius: 8px;
  object-fit: contain;   /* 保持图标比例，不会被拉伸 */
}

.awards-row figcaption {
  margin-top: 6px;
  font-size: 14px;
  color: #555;
}

/* 奖项文字说明（当前没用到，留着也没关系） */
.awards-text {
  margin-top: 16px;
}

.awards-text h2 {
  margin: 12px 0 4px;
  font-size: 20px;
}

.awards-text ul {
  margin: 4px 0 10px 20px;
  padding-left: 16px;
}

/* =========================
   Gallery 区域
   ========================= */

/* 整个 gallery：上下两层垂直排列，居中 */
.gallery {
  margin-top: 32px;
  display: flex;
  flex-direction: column;   /* 上面一层竖图 + 下面一层 2x2 */
  align-items: center;
  gap: 24px;                /* 两层之间的间距 */
}

/* 旧版的 gallery-row，如果没用到也不会影响 */
.gallery-row {
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}

.gallery-row img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

/* 第一排：纵向 1×3（3 张竖图一行） */
.gallery-vertical-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: 960px;         /* 限制一下总宽度 */
}

.gallery-vertical-row img {
  width: 30%;
  height: auto;
  border-radius: 18px;
  object-fit: cover;
  display: block;
}

/* 第二排：横向 2×2（4 张横图两行两列） */
.gallery-grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 960px;         /* 和上面一排同宽 */
}

.gallery-grid-2x2 img {
  width: 100%;
  aspect-ratio: 16 / 10;    /* 稳定横图比例，可按需要微调 */
  border-radius: 18px;
  object-fit: cover;
  display: block;
}

/* =========================
   Mobile 响应式
   ========================= */
@media (max-width: 768px) {
  .page {
    flex-direction: column;
  }

  /* awards 与旧 gallery 的行在小屏上允许换行 */
  .awards-row,
  .gallery-row {
    flex-wrap: wrap;
  }

  /* 小屏幕下奖项图稍微缩小一点，防止太挤 */
  .awards-row img {
    width: 120px;
    height: 120px;
  }

  /* 竖图在手机上改为一列 */
  .gallery-vertical-row {
    flex-direction: column;
    align-items: center;
  }

  .gallery-vertical-row img {
    width: 100%;
  }

  /* 2×2 横图在手机上改成单列 */
  .gallery-grid-2x2 {
    grid-template-columns: 1fr;
  }

  .gallery-grid-2x2 img {
    aspect-ratio: auto;
  }
}