/**
 * 首页 Hero：取消左右轮播/转动，多屏内容上下全部铺开显示
 */
.gf-hero__slides {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* 覆盖品牌 CSS 的 display:none 轮播隐藏 */
.gf-hero__slide {
  display: block !important;
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  position: relative;
  padding-bottom: 8px;
}

.gf-hero__slide + .gf-hero__slide {
  margin-top: 8px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.gf-hero__slide.is-active,
.gf-hero__slide.is-in-next,
.gf-hero__slide.is-in-prev {
  animation: none !important;
}

/* 主图始终显示，不再依赖轮播激活态；固定 4:3，避免竖图 cover 裁成「只剩头顶」 */
.gf-hero__visual {
  display: block !important;
  margin-top: 18px;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #0b1220;
}

.gf-hero__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 32%;
  display: block;
}

@media (min-width: 900px) {
  .gf-hero__slide,
  .gf-hero__slide.is-active {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 32px;
    align-items: center;
  }

  .gf-hero__visual {
    margin-top: 0 !important;
    height: auto;
    max-height: none;
    aspect-ratio: 4 / 3;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  }
}

/* 圆点指示不再需要 */
.gf-hero__dots {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .gf-hero__slide {
    scroll-margin-top: 0;
  }
}