/* KM REBUILD-04-FIX1：小范围首图扩大 + 压图文字背景透明度优化 */
/* 只作用于 JS 标记到的首图，不全局乱改内容区 */
:root{
  --km-fix1-hero-desktop-height: 560px;
  --km-fix1-hero-tablet-height: 460px;
  --km-fix1-hero-mobile-height: 340px;
}

.km-fix1-hero-target{
  min-height: var(--km-fix1-hero-desktop-height) !important;
  height: var(--km-fix1-hero-desktop-height) !important;
  max-height: none !important;
  overflow: hidden !important;
  position: relative !important;
}

.km-fix1-hero-target img,
.km-fix1-hero-target picture,
.km-fix1-hero-target video{
  min-height: var(--km-fix1-hero-desktop-height) !important;
}

.km-fix1-hero-target img{
  object-fit: cover !important;
}

/* 降低遮罩强度，让图片更完整清晰 */
.km-fix1-hero-target::before,
.km-fix1-hero-target::after{
  opacity: .42 !important;
}

/* 文案背景更透明，不再重压图片 */
.km-fix1-hero-copy,
.km-fix1-hero-target .hero-content,
.km-fix1-hero-target .banner-content,
.km-fix1-hero-target .page-hero-content,
.km-fix1-hero-target .hero-text,
.km-fix1-hero-target .hero-copy,
.km-fix1-hero-target .caption,
.km-fix1-hero-target .text,
.km-fix1-hero-target .content{
  background-color: rgba(8, 24, 46, .26) !important;
  background-image: none !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 14px 42px rgba(5,15,30,.12) !important;
}

/* 避免普通容器被强行压满 */
.km-fix1-hero-target > .container,
.km-fix1-hero-target > .wrap,
.km-fix1-hero-target > .inner{
  min-height: inherit !important;
}

@media (max-width: 1100px){
  .km-fix1-hero-target{
    min-height: var(--km-fix1-hero-tablet-height) !important;
    height: var(--km-fix1-hero-tablet-height) !important;
  }
  .km-fix1-hero-target img,
  .km-fix1-hero-target picture,
  .km-fix1-hero-target video{
    min-height: var(--km-fix1-hero-tablet-height) !important;
  }
}

@media (max-width: 720px){
  .km-fix1-hero-target{
    min-height: var(--km-fix1-hero-mobile-height) !important;
    height: var(--km-fix1-hero-mobile-height) !important;
  }
  .km-fix1-hero-target img,
  .km-fix1-hero-target picture,
  .km-fix1-hero-target video{
    min-height: var(--km-fix1-hero-mobile-height) !important;
  }
  .km-fix1-hero-copy,
  .km-fix1-hero-target .hero-content,
  .km-fix1-hero-target .banner-content,
  .km-fix1-hero-target .page-hero-content,
  .km-fix1-hero-target .hero-text,
  .km-fix1-hero-target .hero-copy,
  .km-fix1-hero-target .caption,
  .km-fix1-hero-target .text,
  .km-fix1-hero-target .content{
    background-color: rgba(8, 24, 46, .30) !important;
  }
}