/* ===== 相册页 /photos/ ：瀑布流（图片放大/切换由 Fluid 主题原生提供） ===== */

/* 瀑布流容器：同时带 markdown-body 类，用于触发主题原生的图片放大与懒加载 */
.photo-gallery {
  column-width: 240px;
  column-gap: 1rem;
}
@media (min-width: 900px) {
  .photo-gallery {
    column-width: 280px;
    column-gap: 1.25rem;
  }
}

/* 每张照片即一个瀑布流单元，禁止跨列断开 */
.photo-gallery figure {
  margin: 0 0 1rem;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
@media (min-width: 900px) {
  .photo-gallery figure {
    margin-bottom: 1.25rem;
  }
}

.photo-gallery figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  cursor: zoom-in;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.14);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.photo-gallery figure img:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

/* 照片说明：一句话 + 时间 */
.markdown-body.photo-gallery figcaption {
  margin-top: 0.55rem;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.55;
  color: inherit;
  opacity: 0.75;
}
.markdown-body.photo-gallery .cap-time {
  margin-left: 0.5rem;
  font-size: 0.78rem;
  opacity: 0.8;
}