/* V11.7.6 首屏主视觉显示区域/清晰度修复 */
.wl11-hero-shell.has-poster{
  min-height:760px;
  background:#dfe6ef;
}

/* 降低整体发白遮罩，保留左侧文案可读性，右侧主视觉更清晰 */
.wl11-hero-shell.has-poster::before{
  z-index:1;
  background:
    linear-gradient(90deg,
      rgba(233,239,246,.94) 0%,
      rgba(233,239,246,.90) 15%,
      rgba(233,239,246,.72) 28%,
      rgba(233,239,246,.36) 40%,
      rgba(233,239,246,.08) 50%,
      rgba(233,239,246,0) 58%),
    radial-gradient(circle at 10% 16%,rgba(255,255,255,.28),transparent 24%);
}

.wl11-hero-shell.has-poster::after{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    inset 0 20px 32px rgba(255,255,255,.03),
    inset 0 -22px 36px rgba(9,23,50,.04);
}

/* 上传主视觉图直接清晰显示，不再额外放大和滤镜柔化 */
.wl11-hero-shell.has-poster .wl11-hero-ambient{
  z-index:0;
}
.wl11-hero-shell.has-poster .wl11-hero-ambient img{
  object-fit:cover;
  object-position:center center;
  transform:none !important;
  filter:none !important;
  image-rendering:auto;
  -webkit-image-rendering:auto;
}
.wl11-hero-shell.has-poster .wl11-hero-ambient picture,
.wl11-hero-shell.has-poster .wl11-hero-ambient img{
  will-change:auto;
  backface-visibility:hidden;
}

/* 左侧悬浮内容卡尺寸收紧，避免盖掉主视觉有效区域 */
.wl11-hero-shell.has-poster .wl11-hero-copy{
  z-index:3;
  width:min(42%,680px);
  min-height:calc(760px - 64px);
  margin:32px 0 32px 32px;
  padding:42px 36px 34px 40px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.52);
  background:
    linear-gradient(145deg,rgba(247,250,253,.82),rgba(240,245,250,.68) 58%,rgba(235,241,248,.54)),
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.54),transparent 34%);
  box-shadow:
    0 22px 54px rgba(24,42,78,.08),
    inset 0 1px 0 rgba(255,255,255,.80);
  backdrop-filter:blur(10px) saturate(1.02);
  -webkit-backdrop-filter:blur(10px) saturate(1.02);
}
.wl11-hero-shell.has-poster .wl11-hero-copy::before{
  left:18px;
  top:70px;
  bottom:auto;
  height:78%;
  width:3px;
  opacity:.88;
}
.wl11-hero-shell.has-poster .wl11-hero-copy::after{display:none}

.wl11-hero-shell.has-poster .wl11-kicker{margin-bottom:22px}
.wl11-hero-shell.has-poster .wl11-hero h1{
  max-width:610px;
  font-size:clamp(46px,4.2vw,72px);
  line-height:1.05;
  letter-spacing:-3.2px;
}
.wl11-hero-shell.has-poster .wl11-hero-lead{
  max-width:590px;
  font-size:15px;
  line-height:1.76;
}
.wl11-hero-shell.has-poster .wl11-hero-actions{margin-top:26px}
.wl11-hero-shell.has-poster .wl11-proof{margin-top:24px}
.wl11-hero-shell.has-poster .wl11-hero-metrics{margin-top:30px}
.wl11-hero-shell.has-poster .wl11-hero-metrics div{background:rgba(246,249,252,.72)}

/* 隐藏重复的右侧独立图片容器，保持背景式主视觉模式 */
.wl11-hero-shell.has-poster .wl11-stage,
.wl11-hero-shell.has-poster .wl11-stage-custom{display:none!important}

@media(max-width:1440px){
  .wl11-hero-shell.has-poster{min-height:708px}
  .wl11-hero-shell.has-poster .wl11-hero-copy{
    width:min(44%,660px);
    min-height:calc(708px - 52px);
    margin:26px 0 26px 26px;
    padding:38px 32px 30px 36px;
  }
  .wl11-hero-shell.has-poster .wl11-hero h1{font-size:clamp(42px,4vw,64px)}
}

@media(max-width:1180px){
  .wl11-hero-shell.has-poster{min-height:660px}
  .wl11-hero-shell.has-poster::before{
    background:
      linear-gradient(90deg,
        rgba(233,239,246,.94) 0%,
        rgba(233,239,246,.90) 18%,
        rgba(233,239,246,.76) 33%,
        rgba(233,239,246,.42) 46%,
        rgba(233,239,246,.12) 58%,
        rgba(233,239,246,0) 66%);
  }
  .wl11-hero-shell.has-poster .wl11-hero-copy{
    width:min(48%,640px);
    min-height:calc(660px - 44px);
    margin:22px 0 22px 22px;
    padding:34px 28px 28px 32px;
  }
}

@media(max-width:960px){
  .wl11-hero-shell.has-poster{min-height:720px;border-radius:32px}
  .wl11-hero-shell.has-poster::before{
    background:
      linear-gradient(180deg,rgba(233,239,246,.94) 0%,rgba(233,239,246,.84) 32%,rgba(233,239,246,.52) 56%,rgba(233,239,246,.14) 78%,transparent 100%),
      linear-gradient(90deg,rgba(233,239,246,.52),rgba(233,239,246,.12) 64%,transparent 100%);
  }
  .wl11-hero-shell.has-poster .wl11-hero-copy{
    width:calc(100% - 24px);
    min-height:auto;
    margin:12px;
    padding:26px 22px 22px 22px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(246,249,252,.84),rgba(239,244,250,.68));
  }
  .wl11-hero-shell.has-poster .wl11-hero-copy::before{left:8px;top:26px;height:84px;width:3px}
  .wl11-hero-shell.has-poster .wl11-hero h1{font-size:clamp(38px,9vw,54px);letter-spacing:-2.4px}
}

@media(max-width:760px){
  .wl11-hero-shell.has-poster{min-height:760px;border-radius:28px}
  .wl11-hero-shell.has-poster .wl11-hero-ambient img{object-position:center center}
  .wl11-hero-shell.has-poster .wl11-hero-copy{margin:12px;width:calc(100% - 24px);padding:24px 18px 20px 20px}
  .wl11-hero-shell.has-poster .wl11-hero-lead{font-size:14px;line-height:1.7}
}