/*
 * ETheme-Block — image-grid
 *
 * 卡片自身的外观与样式变体已迁移至 image-grid-card 组件，
 * 使其脱离父块也能独立呈现。此处只保留父块布局与父块级属性。
 */
.etb-image-grid{--etb-image-grid-gap: clamp(0.85rem,1.7vw,1.5rem);--etb-image-grid-radius: var(--eth-radius-l,0.75rem);--etb-image-grid-ink: var(--eth-text-body,#18202a);--etb-image-grid-muted: var(--eth-text-muted,#5d6673);--etb-image-grid-primary: var(--eth-primary,#4f46e5);--etb-image-grid-dark: var(--eth-dark,#111820);--etb-image-grid-ease: cubic-bezier(0.22,1,0.36,1);position: relative;width: 100%;box-sizing: border-box;padding-block: var(--eth-section-space-y,clamp(3rem,6vw,5rem));color: var(--etb-image-grid-ink)}
.etb-image-grid__inner{width: 100%;max-width: var(--eth-container,1350px);margin-inline: auto;padding-inline: var(--eth-section-space-x,clamp(1rem,3vw,1.5rem))}
.etb-image-grid__grid{display: grid;grid-template-columns: repeat(var(--etb-image-grid-columns,3),minmax(0,1fr));gap: var(--etb-image-grid-gap);align-items: stretch}
.etb-image-grid--style-numbered-overlay .etb-image-grid__grid{gap: 0;overflow: hidden;border-radius: calc(var(--etb-image-grid-radius) * 0.7);background: var(--etb-image-grid-dark);counter-reset: etb-kilo}
.etb-image-grid--style-editorial .etb-image-grid__grid{gap: clamp(0.55rem,1vw,0.9rem);transition: grid-template-columns 620ms var(--etb-image-grid-ease)}
.etb-image-grid--style-editorial.etb-image-grid--cols-2 .etb-image-grid__grid{grid-template-columns: 2.6fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-3 .etb-image-grid__grid{grid-template-columns: 3.2fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-4 .etb-image-grid__grid{grid-template-columns: 4fr 1fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-5 .etb-image-grid__grid{grid-template-columns: 5fr 1fr 1fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-6 .etb-image-grid__grid{grid-template-columns: 6fr 1fr 1fr 1fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-2 .etb-image-grid__grid[data-etb-active-column="2"]{grid-template-columns: 1fr 2.6fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-3 .etb-image-grid__grid[data-etb-active-column="2"]{grid-template-columns: 1fr 3.2fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-3 .etb-image-grid__grid[data-etb-active-column="3"]{grid-template-columns: 1fr 1fr 3.2fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-4 .etb-image-grid__grid[data-etb-active-column="2"]{grid-template-columns: 1fr 4fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-4 .etb-image-grid__grid[data-etb-active-column="3"]{grid-template-columns: 1fr 1fr 4fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-4 .etb-image-grid__grid[data-etb-active-column="4"]{grid-template-columns: 1fr 1fr 1fr 4fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-5 .etb-image-grid__grid[data-etb-active-column="2"]{grid-template-columns: 1fr 5fr 1fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-5 .etb-image-grid__grid[data-etb-active-column="3"]{grid-template-columns: 1fr 1fr 5fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-5 .etb-image-grid__grid[data-etb-active-column="4"]{grid-template-columns: 1fr 1fr 1fr 5fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-5 .etb-image-grid__grid[data-etb-active-column="5"]{grid-template-columns: 1fr 1fr 1fr 1fr 5fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-6 .etb-image-grid__grid[data-etb-active-column="2"]{grid-template-columns: 1fr 6fr 1fr 1fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-6 .etb-image-grid__grid[data-etb-active-column="3"]{grid-template-columns: 1fr 1fr 6fr 1fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-6 .etb-image-grid__grid[data-etb-active-column="4"]{grid-template-columns: 1fr 1fr 1fr 6fr 1fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-6 .etb-image-grid__grid[data-etb-active-column="5"]{grid-template-columns: 1fr 1fr 1fr 1fr 6fr 1fr}
.etb-image-grid--style-editorial.etb-image-grid--cols-6 .etb-image-grid__grid[data-etb-active-column="6"]{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 6fr}
:where(html.etb-has-js) .etb-image-grid.etb-reveal .etb-image-grid__card{opacity: 0;translate: 0 0.75rem}
.etb-image-grid.etb-reveal--visible .etb-image-grid__card,.etb-image-grid.etb-no-anim .etb-image-grid__card{opacity: 1;translate: none;transition-property: opacity,translate,transform,box-shadow;transition-duration: 560ms;transition-timing-function: var(--etb-image-grid-ease);transition-delay: var(--etb-reveal-delay,0ms)}
.etb-image-grid.etb-reveal--visible .etb-image-grid__card:is(:hover,:focus-within){transition-delay: 0ms}
@media (max-width: 992px) {
.etb-image-grid--cols-6 .etb-image-grid__grid,.etb-image-grid--cols-5 .etb-image-grid__grid{grid-template-columns: repeat(3,minmax(0,1fr))}
.etb-image-grid--cols-4 .etb-image-grid__grid,.etb-image-grid--cols-3 .etb-image-grid__grid{grid-template-columns: repeat(2,minmax(0,1fr))}
.etb-image-grid--style-editorial .etb-image-grid__grid{grid-template-columns: 2.6fr 1fr !important}
.etb-image-grid--style-editorial .etb-image-grid__grid[data-etb-active-column="2"]{grid-template-columns: 1fr 2.6fr !important}
}
@media (max-width: 768px) {
.etb-image-grid__inner{padding-inline: min(var(--eth-section-space-x,1rem),1rem)}
.etb-image-grid__grid,.etb-image-grid--cols-2 .etb-image-grid__grid,.etb-image-grid--cols-3 .etb-image-grid__grid,.etb-image-grid--cols-4 .etb-image-grid__grid,.etb-image-grid--cols-5 .etb-image-grid__grid,.etb-image-grid--cols-6 .etb-image-grid__grid,.etb-image-grid--style-editorial .etb-image-grid__grid{grid-template-columns: minmax(0,1fr) !important}
}
@media (prefers-reduced-motion: reduce) {
.etb-image-grid.etb-reveal .etb-image-grid__card{opacity: 1;translate: none}
}
.etb-image-grid__intro{margin-block: 0 var(--eth-space-l,2rem)}
.etb-image-grid__outro{margin-block: var(--eth-space-l,2rem) 0}

/* Gallery composition is independent from the selected card visual. */
.etb-image-grid--layout-featured-start .etb-image-grid__grid,
.etb-image-grid--layout-featured-end .etb-image-grid__grid,
.etb-image-grid--layout-mosaic .etb-image-grid__grid {
	--etb-image-grid-gap: var(--eth-content-gap, var(--eth-space-m, 1.5rem));
	grid-auto-flow: dense;
}
.etb-image-grid--layout-featured-start .etb-image-grid__card:first-child {
	grid-column: span 2;
	grid-row: span 2;
}
.etb-image-grid--layout-featured-end .etb-image-grid__card:last-child {
	grid-column: span 2;
}
.etb-image-grid--layout-mosaic .etb-image-grid__card--size-wide { grid-column: span 2; }
.etb-image-grid--layout-mosaic .etb-image-grid__card--size-tall { grid-row: span 2; }
@media (max-width: 992px) {
	.etb-image-grid--layout-featured-start .etb-image-grid__card:first-child { grid-row: span 1; }
}
@media (max-width: 768px) {
	.etb-image-grid--layout-featured-start .etb-image-grid__card:first-child,
	.etb-image-grid--layout-featured-end .etb-image-grid__card:last-child,
	.etb-image-grid--layout-mosaic .etb-image-grid__card--size-wide,
	.etb-image-grid--layout-mosaic .etb-image-grid__card--size-tall {
		grid-column: auto;
		grid-row: auto;
	}
}