/* 首页主视觉：极速微观测量 */
.gq-home .gq-hero {
  position: relative;
  min-height: clamp(520px, 40vw, 680px);
  background:
    linear-gradient(
      90deg,
      rgba(7, 10, 14, 0.98) 0%,
      rgba(7, 10, 14, 0.95) 34%,
      rgba(7, 10, 14, 0.56) 47%,
      rgba(7, 10, 14, 0.12) 63%,
      rgba(7, 10, 14, 0) 100%
    ),
    url("/common/upload/universal/banner/2026/10/09/145439ro.webp") center / cover no-repeat;
}

.gq-home .gq-hero__inner {
  padding-block: 104px;
}

.gq-home .gq-hero h1 {
  max-width: 540px;
}

.gq-home .gq-hero p:not(.gq-eyebrow) {
  max-width: 460px;
  color: rgba(255, 255, 255, 0.86);
}

.gq-home .gq-hero__indicators {
  position: absolute;
  z-index: 1;
  right: 50%;
  bottom: 28px;
  display: flex;
  gap: 8px;
  align-items: center;
  transform: translateX(50%);
}

.gq-home .gq-hero__indicator {
  width: 28px;
  height: 3px;
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.48);
  cursor: pointer;
  transition: width .25s ease, background-color .25s ease;
}

.gq-home .gq-hero__indicator.is-active {
  width: 48px;
  background: var(--gq-red);
}

.gq-home .gq-hero__indicator:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

/* 产品中心：更多产品入口沿用产品卡片结构，只替换图片区背景 */
.gq-home .gq-product-card--more {
  background: #fff;
  color: inherit;
}

.gq-home .gq-product-card--more .gq-product-card__image {
  position: relative;
  background: url("/uploads/20260909/more-products-stage-v5.webp") center / cover no-repeat;
  color: #fff;
}

.gq-home .gq-product-card__image--fallback {
  background: linear-gradient(135deg, #f5f7fa, #e5e7eb);
}

.gq-home .gq-product-card--more p {
  color: var(--gq-muted);
}

.gq-home .gq-product-card--more .gq-product-card__more {
  background: var(--gq-red);
  color: #fff;
}

.gq-home .gq-product-card--more:hover {
  border-color: var(--gq-red);
  background: #fff;
}

.gq-home .gq-product-card--more:hover .gq-product-card__image {
  background-position: center;
}

/* 产品中心：以鸿鹄系列为高度基准校正整机视觉比例 */
.gq-home .gq-product-card--honghu img {
  transform: scale(1) !important;
}

.gq-home .gq-product-card--kunpeng img {
  transform: translateY(2.7%) scale(1.215) !important;
}

.gq-home .gq-product-card--zhitou img {
  transform: scale(1.10) !important;
}

.gq-home .gq-product-card--zhiqian img {
  object-position: center center;
  transform: scale(1) !important;
}

.gq-home .gq-product-card--qilin img {
  object-position: center center;
  transform: scale(1) !important;
}

/* 首页解决方案：行业代表性应用场景 */
.gq-home .gq-solution--energy {
  background-image: url("/uploads/20260909/solution-energy-v2.webp");
}

.gq-home .gq-solution--chip {
  background-image: url("/uploads/20260909/solution-semiconductor-v2.webp");
}

.gq-home .gq-solution--electronics {
  background-image: url("/uploads/20260909/solution-3c-v2.webp");
}

.gq-home .gq-solution--magnet {
  background-image: url("/uploads/20260909/solution-magnet-v2.webp");
}

.gq-home .gq-solution--mold {
  background-image: url("/uploads/20260909/solution-mold-v2.webp");
}

.gq-home .gq-solution--parts {
  background-image: url("/uploads/20260909/solution-parts-v2.webp");
}

@media (max-width: 760px) {
  .gq-home .gq-hero {
    display: flex;
    align-items: flex-start;
    height: 480px;
    min-height: 480px;
    background:
      linear-gradient(
        180deg,
        rgba(7, 10, 14, 0.96) 0%,
        rgba(7, 10, 14, 0.82) 42%,
        rgba(7, 10, 14, 0.22) 100%
      ),
      url("/common/upload/universal/banner/2026/10/09/145439ro.webp") 61% center / cover no-repeat;
  }

  .gq-home .gq-hero__inner {
    padding-block: 64px 270px;
  }

  .gq-home .gq-hero__indicators {
    bottom: 22px;
  }

  .gq-home .gq-hero__indicator,
  .gq-home .gq-hero__indicator.is-active {
    flex: 0 0 auto;
    width: 28px !important;
    height: 3px !important;
    min-width: 28px !important;
    min-height: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    line-height: 0 !important;
  }

  .gq-home .gq-hero__indicator.is-active {
    width: 48px !important;
    min-width: 48px !important;
    background: var(--gq-red) !important;
  }

  .gq-home .gq-hero h1 {
    max-width: 320px;
  }

  .gq-home .gq-proof {
    overflow: visible;
  }

  .gq-home .gq-proof__grid {
    min-height: 72px;
    padding: 10px 0;
  }

  .gq-home .gq-proof__grid > div:first-child {
    min-height: 38px;
    white-space: nowrap;
  }
}