/* carousel：双列对照；轮播与卡片舞台同宽 */

.wa-fam-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wa-fam-card__stage {
  justify-content: stretch;
  align-items: stretch;
}

.wa-fam-card__stage > .wa-carousel,
.wa-embed__stage > .wa-carousel {
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* 成员页对齐双列家族卡宽：(--wa-container 1120 - gap 32) / 2 ≈ 544 */
body.wa-preview-embed .wa-preview-stage[data-slug^="carousel-"].wa-embed {
  width: min(544px, calc(100% - 32px));
}

body.wa-preview-embed .wa-preview-stage[data-slug^="carousel-"] .wa-embed__stage {
  align-items: stretch;
}

.wa-carousel,
.wa-carousel--card,
.wa-carousel--vertical {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: var(--border-radius-medium, 8px);
}

.wa-carousel .arco-carousel-item,
.wa-carousel-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  box-sizing: border-box;
}

.wa-carousel-slide__sub {
  font-size: 13px;
  font-weight: 400;
  opacity: 0.85;
}

.wa-carousel-slide--1 {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.wa-carousel-slide--2 {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.wa-carousel-slide--3 {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}

.wa-carousel-slide--4 {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
}

.wa-carousel-slide--5 {
  background: linear-gradient(135deg, #db2777 0%, #be185d 100%);
}