
.home-video-banner {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
 min-height: 300px;
}
.home-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  width:1600;
  height:900;
  fetchpriority:high;
}
.home-banner-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
  pointer-events: none;
  /* 确保视频层级正常渲染 */
  will-change: opacity;
}
.banner-text-wrap {
  position: absolute;
  inset: 0;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 20px;
  background: rgba(0,0,0,0.25);
}
.banner-title {
  font-size: clamp(22px,4vw,46px);
  font-weight: 700;
  margin: 0 0 8px;
}
.banner-sub {
  font-size: clamp(14px,1.8vw,18px);
  margin: 0 0 30px;
  max-width: 700px;
  opacity: 0.9;
  line-height:1.7;
}
.banner-cta-group {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
}
.banner-cta {
  padding:14px 32px;
  border-radius:8px;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
  transition:0.3s;
}
.cta-quote {
  background:#2888ee;
  color:#fff;
}
.cta-quote:hover {
  background:#28c0ff;
}
.cta-brochure {
  background:#fff;
  color:#111;
}
.cta-brochure:hover {
  background:#eee;
}
.poster-loaded .home-video-poster {
  opacity: 0;
  pointer-events: none;
}
.poster-loaded .home-banner-video {
  opacity: 1;
}
/* 手机端缩小按钮适配 */
@media (max-width:767px){
  .banner-cta {
    width: 65%;
    display:block;
    padding: 10px 20px;
    font-size: 14px;
  }
  .banner-cta-group {
    gap:12px;
  }
}
