/* ==========================================================================
   内容页 / 独立页统一 banner（参考稿：深蓝满宽底 + 左侧面包屑/红色上线/大标题/导语 +
   右侧线框地球；页头透明叠在 banner 上）
   —— 作用于 news / about / contact / downloads / faq / honors / manufacturing /
      privacy / product-detail / products / quality / rd / scenarios / sitemap /
      terms / video / news-detail 共 17 个页面
   —— 只提供版式与配色，不改页面正文结构
   ========================================================================== */

.page-banner{
  position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(132px,10.5vw,158px) 0 clamp(56px,5.6vw,84px);
  background:
    radial-gradient(120% 150% at 84% 0%,rgba(9,58,110,.85) 0%,rgba(5,34,66,.42) 44%,rgba(2,18,36,0) 72%),
    linear-gradient(112deg,#02152B 0%,#032848 52%,#063E72 100%);
  color:#fff;
}
/* 右侧地球线框：纯装饰 */
.page-banner:before{
  content:"";position:absolute;z-index:1;pointer-events:none;
  top:50%;right:clamp(-140px,-7vw,-40px);width:clamp(420px,42vw,680px);aspect-ratio:1;
  transform:translateY(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none'%3E%3Cg stroke='rgba(120,170,220,.20)' stroke-width='1.1'%3E%3Ccircle cx='300' cy='300' r='250'/%3E%3Cellipse cx='300' cy='300' rx='250' ry='95'/%3E%3Cellipse cx='300' cy='300' rx='250' ry='175'/%3E%3Cellipse cx='300' cy='300' rx='95' ry='250'/%3E%3Cellipse cx='300' cy='300' rx='175' ry='250'/%3E%3Cpath d='M50 300h500'/%3E%3C/g%3E%3Cpath d='M168 118c132 74 132 290 0 364' stroke='rgba(120,190,255,.30)' stroke-width='1.1' stroke-dasharray='7 9'/%3E%3Cg fill='rgba(110,190,255,.55)'%3E%3Ccircle cx='206' cy='244' r='4'/%3E%3Ccircle cx='412' cy='196' r='4'/%3E%3Ccircle cx='352' cy='384' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.9;
}
.page-banner-in{position:relative;z-index:2;max-width:var(--max,1460px);margin:0 auto;padding:0 30px}

/* 面包屑：浅白小字，保留站内路径 */
.page-banner .crumb{margin-bottom:clamp(24px,2.6vw,34px);color:rgba(255,255,255,.62);font-size:13.5px}
.page-banner .crumb a{color:rgba(255,255,255,.82)}
.page-banner .crumb a:hover{color:#fff}
.page-banner .crumb b{color:rgba(255,255,255,.94);font-weight:600}

/* 红色上线 + 标题 + 导语 */
.page-banner .overline{justify-content:flex-start;margin-bottom:16px;color:#F0A0A0;font-size:12.5px;letter-spacing:.18em}
.page-banner .overline:before{width:26px;height:2px;background:#C80000}
.page-banner h1{
  margin:0 0 20px;max-width:1120px;color:#fff;
  font-size:clamp(30px,3.4vw,44px);line-height:1.14;letter-spacing:-.8px;text-transform:uppercase;
}
.page-banner-sub{
  max-width:900px;margin:0;color:rgba(255,255,255,.82);
  font-size:clamp(15px,1.15vw,17.5px);line-height:1.8;
}
.page-banner-sub p{margin:0 0 12px;color:inherit}
.page-banner-sub p:last-child{margin-bottom:0}

/* banner 之后的原首屏区块：收紧上内距，避免重复留白 */
.page-banner + .art-head{margin-top:0;border-radius:0;box-shadow:none;padding-top:clamp(30px,3vw,44px)}
.page-banner + .sec-ct,.page-after-banner{padding-top:clamp(40px,4.2vw,64px)}

@media (max-width:1180px){
  .page-banner{padding-top:clamp(112px,10vw,132px)}
  .page-banner:before{right:-24%;width:min(60vw,520px);opacity:.55}
}
@media (max-width:880px){
  .page-banner{padding:104px 0 46px}
  .page-banner:before{display:none}
  .page-banner-in{padding:0 20px}
  .page-banner h1{font-size:26px;line-height:1.24}
  .page-banner-sub{font-size:15px}
}