/* KM REBUILD-04-FIX2：全站首图文字去背景色块 + 文字投影 */
/* 说明：不换图、不重构页面；只对 JS 标记出的首图区块生效。 */

.km-fix2-hero-target{
  position: relative !important;
  overflow: hidden !important;
}

/* 统一弱遮罩，避免文字读不清，但不再使用文字背景色块 */
.km-fix2-hero-target::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(5,18,38,.34) 0%, rgba(5,18,38,.20) 35%, rgba(5,18,38,.08) 68%, rgba(5,18,38,.02) 100%) !important;
}

.km-fix2-hero-target.km-fix2-align-right::before{
  background:
    linear-gradient(270deg, rgba(5,18,38,.34) 0%, rgba(5,18,38,.20) 35%, rgba(5,18,38,.08) 68%, rgba(5,18,38,.02) 100%) !important;
}

.km-fix2-hero-copy{
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: clamp(18px, 4vw, 48px) !important;
  max-width: min(760px, 72vw) !important;
}

/* 清除首图文字容器及其常见内层元素的背景色块 */
.km-fix2-hero-copy *,
.km-fix2-hero-target .hero-content,
.km-fix2-hero-target .banner-content,
.km-fix2-hero-target .page-hero-content,
.km-fix2-hero-target .hero-text,
.km-fix2-hero-target .hero-copy,
.km-fix2-hero-target .caption,
.km-fix2-hero-target .content,
.km-fix2-hero-target .text,
.km-fix2-hero-target .title-box,
.km-fix2-hero-target .headline-box{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 标题与说明文字投影，保证无色块也能读清 */
.km-fix2-hero-target h1,
.km-fix2-hero-target h2,
.km-fix2-hero-target .hero-title,
.km-fix2-hero-target .page-title,
.km-fix2-hero-target .banner-title,
.km-fix2-hero-target .title{
  color: #ffffff !important;
  text-shadow:
    0 3px 10px rgba(0,0,0,.46),
    0 12px 28px rgba(0,0,0,.28) !important;
  line-height: 1.12 !important;
  letter-spacing: .02em !important;
}

.km-fix2-hero-target p,
.km-fix2-hero-target .subtitle,
.km-fix2-hero-target .hero-subtitle,
.km-fix2-hero-target .page-subtitle,
.km-fix2-hero-target .banner-subtitle,
.km-fix2-hero-target .desc,
.km-fix2-hero-target .summary{
  color: rgba(255,255,255,.94) !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,.44),
    0 8px 20px rgba(0,0,0,.24) !important;
  line-height: 1.72 !important;
}

/* 左右布局优化：不同页面可由 JS 自动分配左/中/右，不再全部一样 */
.km-fix2-align-left{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.km-fix2-align-center{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.km-fix2-align-right{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: left !important;
}

.km-fix2-align-left .km-fix2-hero-copy{
  margin-left: clamp(28px, 7vw, 112px) !important;
  margin-right: auto !important;
}

.km-fix2-align-right .km-fix2-hero-copy{
  margin-left: auto !important;
  margin-right: clamp(28px, 7vw, 112px) !important;
}

.km-fix2-align-center .km-fix2-hero-copy{
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 760px){
  .km-fix2-hero-target,
  .km-fix2-align-left,
  .km-fix2-align-center,
  .km-fix2-align-right{
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .km-fix2-hero-copy{
    max-width: 92vw !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding: 18px !important;
  }
}