/* 微博九宫格图片组（配合 {% imggrid %} 标签使用）
   列数按 data-count 决定：1 张单列不裁切、2/4 张两列、其余三列 */
.article-entry .img-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin: 1em 0;
}

.article-entry .img-grid[data-count="2"],
.article-entry .img-grid[data-count="4"] {
  grid-template-columns: repeat(2, 1fr);
}

.article-entry .img-grid[data-count="1"] {
  grid-template-columns: 1fr;
}

.article-entry .img-grid > a.fancybox {
  display: block;
  margin: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f2f2f2;
}

.article-entry .img-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}

/* 单图与 contain 模式保留完整画面 */
.article-entry .img-grid[data-count="1"] > a.fancybox {
  aspect-ratio: auto;
}

.article-entry .img-grid[data-count="1"] img,
.article-entry .img-grid[data-fit="contain"] img {
  height: auto;
  object-fit: contain;
}

/* square 模式：强制 1:1 方形裁切（含单张），适合超长竖图缩略图，点开放大看完整 */
.article-entry .img-grid[data-fit="square"] > a.fancybox {
  aspect-ratio: 1 / 1;
}

.article-entry .img-grid[data-fit="square"] img {
  height: 100%;
  object-fit: cover;
}

/* 主题脚本按 alt 插入的 .caption 会破坏格子对齐 */
.article-entry .img-grid .caption {
  display: none;
}

@media (max-width: 600px) {
  .article-entry .img-grid {
    gap: 2px;
  }
}