/* 正文内容区块（富文本 / 图文区块）通用样式：
   图片布局（通栏 / 宫格 / 相册）与图片间距，分类详情、产品详情共用。
   间距优先取后台设置的 --aoyea-content-image-gap，未设置时 16px。 */
.aoyea-content-image {
  display: grid;
  gap: var(--aoyea-content-image-gap, 16px);
}

.aoyea-content-image--full {
  grid-template-columns: 1fr;
}

.aoyea-content-image--grid2 {
  grid-template-columns: repeat(2, 1fr);
}

.aoyea-content-image--grid3 {
  grid-template-columns: repeat(3, 1fr);
}

.aoyea-content-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* 通栏：每张图按原始比例占满整行宽度 */
.aoyea-content-image--full img {
  height: auto;
  object-fit: contain;
}

.aoyea-content-image--grid2 img,
.aoyea-content-image--grid3 img {
  aspect-ratio: 1 / 1;
}

.aoyea-content-image--album {
  position: relative;
  display: block;
  cursor: pointer;
}

.aoyea-content-image--album img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.aoyea-content-image--album img.is-active {
  position: relative;
  opacity: 1;
}

@media (max-width: 960px) {
  .aoyea-content-image--grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
}