/* 独立图库瀑布流样式：在 intelligence.css 与 textile-stage-two.css 后引入。 */
.gallery-kind-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 0; }
.gallery-product-filter { display: flex; align-items: center; gap: 8px; margin-left: auto; color: var(--muted); font-size: 14px; white-space: nowrap; }
.gallery-product-filter select { min-height: 44px; min-width: 0; padding: 8px 30px 8px 12px; color: var(--ink); background: var(--panel-solid); border: 1px solid var(--line-strong); border-radius: 8px; }
.gallery-collection { min-width: 0; }
@media (max-width: 680px) { .gallery-product-filter { margin-left: 0; width: 100%; } .gallery-kind-filters .trend-subtab { flex: 1 1 auto; min-height: 44px; } }
.trend-news-grid.is-gallery {
  --gallery-columns: 3;
  --gallery-gap: 14px;
  --gallery-min-card-width: 170px;
}

.trend-news-grid.is-gallery.is-masonry {
  display: block;
  position: relative;
  min-width: 0;
}

.trend-news-grid.is-gallery.is-masonry > .trend-news-card {
  position: absolute;
  margin: 0;
  contain-intrinsic-size: none;
  content-visibility: visible;
}

.trend-news-grid.is-gallery.is-masonry.is-overview {
  --gallery-columns: 0;
}

.trend-news-grid.is-gallery.is-masonry.is-overview .trend-news-visual {
  display: block;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  padding: 0;
}

.trend-news-grid.is-gallery.is-masonry.is-overview .trend-gallery-zoom,
.trend-news-grid.is-gallery.is-masonry.is-overview .trend-news-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 1080px) {
  .trend-news-grid.is-gallery { --gallery-columns: 2; }
}

@media (max-width: 680px) {
  .trend-news-grid.is-gallery { --gallery-columns: 1; }
  .trend-news-grid.is-gallery.is-overview { --gallery-min-card-width: 140px; }
}