.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: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.mod-gallery__item { flex: 0 0 calc((100% - (var(--gallery-cols-desktop, 3) - 1) * 14px) / var(--gallery-cols-desktop, 3)); }
@media (max-width: 768px) {
    .mod-gallery__item { flex: 0 0 calc((100% - (var(--gallery-cols-mobile, 2) - 1) * 14px) / var(--gallery-cols-mobile, 2)) !important; }
}
.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; } }

/* ===== gallery03: 小图密集网格 ===== */
.mod-gallery__dense { display: grid; gap: 8px; max-width: 1100px; margin: 0 auto; }
.mod-gallery__dense-item { margin: 0; }
.mod-gallery__dense-item img { width: 100%; height: 110px; object-fit: cover; border-radius: var(--radius-base, 6px); }
.mod-gallery__dense-item figcaption { text-align: center; color: #888; font-size: 11px; margin-top: 4px; }
@media (max-width: 768px) { .mod-gallery__dense { grid-template-columns: repeat(2, 1fr) !important; } }

/* ===== gallery04: 大图稀疏网格 ===== */
.mod-gallery__sparse { display: grid; gap: 28px; max-width: 1100px; margin: 0 auto; }
.mod-gallery__sparse-item { margin: 0; }
.mod-gallery__sparse-item img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: var(--radius-base, 12px); box-shadow: var(--shadow-base, 0 4px 16px rgba(0,0,0,.08)); }
.mod-gallery__sparse-item figcaption { text-align: center; color: var(--color-text, #555); font-size: 15px; margin-top: 12px; }
@media (max-width: 768px) { .mod-gallery__sparse { grid-template-columns: 1fr !important; } }