/* About 页横幅背景（2026-11-06 交付包 v1.1.11 about-jayden-hero.css 原样入库）。
   交付包图片与 CSS 同目录（additive-assets），主题结构下改指 assets/img/。 */
.ab-page .ab-jayden-hero {
  --jayden-hero-image: url("../img/about-jayden-office-v1.webp");
  background-color: #142a49;
  background-image: var(--jayden-hero-image);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto calc(100% - var(--header-total, 122px));
}

.ab-page .ab-jayden-hero::before {
  background: linear-gradient(90deg, #142a49 0%, rgba(20, 42, 73, .94) 28%, rgba(20, 42, 73, .76) 48%, rgba(20, 42, 73, .10) 65%, transparent 79%);
}

@media (max-width: 900px) {
  .ab-page .ab-jayden-hero {
    padding-bottom: 0;
    background-image: none;
  }

  .ab-page .ab-jayden-hero::before {
    content: none;
  }

  .ab-page .ab-jayden-hero::after {
    content: "";
    display: block;
    height: clamp(215px, 63vw, 300px);
    margin-top: 20px;
    background:
      linear-gradient(180deg, #142a49, transparent 24%),
      var(--jayden-hero-image) 88% center / cover no-repeat;
  }
}