.mod-gallery { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
.mod-gallery__title { text-align: center; color: var(--color-dark, var(--dark, #111)); margin-bottom: 24px; }
.mod-gallery__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.mod-gallery__item { margin: 0; }
.mod-gallery__item img { width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-base, 8px); }
.mod-gallery__item figcaption { text-align: center; color: #888; font-size: 12px; margin-top: 6px; }
/* ===== gallery02: 三列卡片式（参考6686体育风格） ===== */
.mod-gallery--v2 { padding: calc(var(--spacing-unit, 8px) * 6) 20px; }
.mod-gallery__title-v2 { font-family: var(--font-family, inherit); font-size: 28px; font-weight: 700; text-align: center; margin: 0 0 32px; }
.mod-gallery__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--spacing-unit, 8px) * 3); max-width: 1100px; margin: 0 auto; }
.mod-gallery__card { background: var(--color-surface, #fff); border-radius: var(--radius-base, 10px); overflow: hidden; box-shadow: var(--shadow-base, 0 2px 10px rgba(0,0,0,.06)); }
.mod-gallery__card-image { aspect-ratio: 4/3; overflow: hidden; }
.mod-gallery__card-image img { width: 100%; height: 100%; object-fit: cover; }
.mod-gallery__card-caption { font-family: var(--font-family, inherit); font-size: 14px; color: var(--color-text, #333); padding: 14px 16px; margin: 0; text-align: center; }
@media (max-width: 768px) { .mod-gallery__cards { grid-template-columns: 1fr; } }