/* ============================================================
   业务领域页头底图：
     · 未设置底图时保持原来的米金色渐变（practice-menu.css）
     · 后台设置了底图后，页头加上 has-image 类，
       改用「深色遮罩 + 照片」的写法，文字转为白色
   ============================================================ */
.practice-banner.has-image {
  padding: 64px 0;
  background-image: linear-gradient(90deg, rgba(7, 17, 28, .94) 0%, rgba(7, 17, 28, .80) 36%, rgba(7, 17, 28, .38) 68%, rgba(7, 17, 28, .12) 100%),
    var(--banner-practiceSub, linear-gradient(90deg, #f5ebd4, #fffcf6));
  background-position: center, center 60%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  border-bottom: 0;
}
.practice-banner.has-image.practice-banner--overview {
  background-image: linear-gradient(90deg, rgba(7, 17, 28, .94) 0%, rgba(7, 17, 28, .80) 36%, rgba(7, 17, 28, .38) 68%, rgba(7, 17, 28, .12) 100%),
    var(--banner-practice, linear-gradient(90deg, #f5ebd4, #fffcf6));
}
.practice-banner.has-image span {
  color: #e9d9b6;
}
.practice-banner.has-image h1 {
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}
.practice-banner.has-image p {
  color: rgba(255, 255, 255, .86);
}
@media (max-width: 800px) {
  .practice-banner.has-image {
    padding: 46px 0;
    background-position: center, 62% center;
    background-image: linear-gradient(90deg, rgba(7, 17, 28, .95) 0%, rgba(7, 17, 28, .84) 58%, rgba(7, 17, 28, .46) 100%),
      var(--banner-practiceSub, linear-gradient(90deg, #f5ebd4, #fffcf6));
  }
  .practice-banner.has-image.practice-banner--overview {
    background-image: linear-gradient(90deg, rgba(7, 17, 28, .95) 0%, rgba(7, 17, 28, .84) 58%, rgba(7, 17, 28, .46) 100%),
      var(--banner-practice, linear-gradient(90deg, #f5ebd4, #fffcf6));
  }
}