/* 首页城市数字孪生首屏：左侧保证标题可读，右侧保留城市主体。 */
.hj-v7-home .hero {
  background: #f3f8fa;
}

.hj-v7-home .hero-image {
  left: 0;
  right: 0;
}

.hj-v7-home .hero-image img {
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 53%;
  transform: scale(1.01);
  filter: saturate(.96) contrast(1.01) brightness(1.01);
}

.hj-v7-home .hero-image::after {
  background:
    linear-gradient(90deg, rgba(246, 250, 252, .86) 0%, rgba(246, 250, 252, .78) 14%, rgba(246, 250, 252, .52) 26%, rgba(246, 250, 252, .18) 40%, rgba(246, 250, 252, .03) 58%, rgba(246, 250, 252, .06) 100%),
    linear-gradient(180deg, rgba(246, 250, 252, .28) 0%, rgba(246, 250, 252, 0) 28% 78%, rgba(246, 250, 252, .2) 100%);
}

.hj-v7-home .hero-copy {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

@media (min-width: 761px) {
  .hj-v7-home .hero {
    height: clamp(600px, 70svh, 650px);
    min-height: 600px;
  }

  .hj-v7-home .hero-copy {
    width: min(570px, 56vw);
    margin-left: clamp(48px, 5vw, 72px);
    padding-top: clamp(76px, 10vh, 94px);
  }
}

@media (max-width: 1024px) and (min-width: 761px) {
  .hj-v7-home .hero-image {
    left: 0;
  }

  .hj-v7-home .hero-image img {
    object-position: 58% 53%;
  }
}

@media (max-width: 760px) {
  .hj-v7-home .hero-image {
    margin-top: 18px;
    background: #edf6f9;
  }

  .hj-v7-home .hero-image img {
    top: 0;
    height: 100%;
    object-position: 62% center;
    transform: none;
    filter: saturate(.9) contrast(.99) brightness(1.01);
  }

  .hj-v7-home .hero-image::after {
    background:
      linear-gradient(180deg, rgba(243, 248, 250, .7) 0%, rgba(243, 248, 250, 0) 17% 83%, rgba(243, 248, 250, .5) 100%),
      linear-gradient(90deg, rgba(243, 248, 250, .24) 0%, rgba(243, 248, 250, 0) 18% 86%, rgba(243, 248, 250, .14) 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hj-v7-home .hero-image img {
    animation: none;
  }
}