/* 产品页 Hero 统一左侧蒙层 — 对齐源站 hero-unify */

#hero [class$="-hero-shade"],
#hero [class$="-hero-shade-b"],
#hero [class$="-hero-fade"],
#hero [class$="-hero-grid"],
#hero [class*="-hero-orb"],
#hero .cl-hero-bg::after,
.tr-hero [class$="-hero-shade"],
.tr-hero [class$="-hero-fade"],
.tr-hero [class*="-hero-orb"] {
  display: none !important;
}

#hero [class$="-hero-photo"],
#hero .cl-hero-photo,
#hero .cl-hero-bg,
.tr-hero-photo {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  z-index: 0;
}

#hero::before,
.tr-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(8, 8, 8, 0.88) 0%,
    rgba(8, 8, 8, 0.72) 26%,
    rgba(8, 8, 8, 0.42) 48%,
    rgba(8, 8, 8, 0.14) 68%,
    transparent 88%
  );
}

#hero [class$="-hero-inner"],
#hero [class$="-hero-copy"],
#hero .cl-hero-inner,
.tr-hero-inner,
.tr-hero-copy {
  position: relative;
  z-index: 2;
}

#hero h1,
.tr-hero h1,
#hero [class$="-hero-desc"],
#hero .cl-hero-desc,
.tr-hero-desc,
#hero [class$="-hero-label-text"],
.tr-hero-label-text {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

#hero h1,
.tr-hero h1 {
  color: #fff;
}

#hero [class$="-hero-desc"],
#hero .cl-hero-desc,
.tr-hero-desc {
  color: rgba(255, 255, 255, 0.92) !important;
}