/* 首页与影片共用的 H5 单张轮播，按 390px 设计宽度等比适配。 */
.xl-h5-hero-eyebrow{display:none}
@media(max-width:640px){
 .xl-ui [data-xl-hero]{height:auto;margin:calc(16 * var(--xl-h5-unit)) calc(16 * var(--xl-h5-unit)) calc(24 * var(--xl-h5-unit));border-radius:calc(12 * var(--xl-h5-unit));overflow:hidden;isolation:isolate}
 .xl-ui [data-xl-hero] .xl-hero-stage{height:auto;aspect-ratio:358/186;min-height:0;position:relative}
 .xl-ui [data-xl-hero] .xl-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}
 .xl-ui [data-xl-hero] .xl-hero-photo.pc-block{display:none!important}
 .xl-ui [data-xl-hero] .xl-hero-photo.mobile-block{display:block!important}
 .xl-ui [data-xl-hero] .xl-hero-shade{inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}
 .xl-ui [data-xl-hero] .xl-hero-caption{position:absolute;inset:auto calc(16 * var(--xl-h5-unit)) calc(19 * var(--xl-h5-unit));display:flex;flex-direction:column;gap:calc(4 * var(--xl-h5-unit));color:#fff;pointer-events:none}
 .xl-ui [data-xl-hero] .xl-h5-hero-eyebrow{display:block;font-size:calc(12 * var(--xl-h5-unit));line-height:calc(17 * var(--xl-h5-unit))}
 .xl-ui [data-xl-hero] .xl-hero-caption h2{font-size:calc(20 * var(--xl-h5-unit));line-height:calc(28 * var(--xl-h5-unit));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .xl-ui [data-xl-hero] .xl-watch{position:absolute;inset:0;width:auto;height:auto;margin:0;padding:0;border-radius:0;background:transparent!important;box-shadow:none;font-size:0;color:transparent!important;transform:none}
 .xl-ui [data-xl-hero] .xl-watch-icon{display:none}
 .xl-ui [data-xl-hero] .xl-hero-bottom{position:absolute;inset:auto calc(16 * var(--xl-h5-unit)) calc(10 * var(--xl-h5-unit));width:auto;height:calc(5 * var(--xl-h5-unit));margin:0;z-index:3}
 .xl-ui [data-xl-hero] .xl-hero-thumbs{position:static;display:flex;justify-content:flex-end;gap:calc(4 * var(--xl-h5-unit));overflow:visible;padding:0;height:calc(5 * var(--xl-h5-unit))}
 .xl-ui [data-xl-hero] .xl-thumb{position:relative;flex:none;width:calc(5 * var(--xl-h5-unit));height:calc(5 * var(--xl-h5-unit));min-height:0;padding:0;margin:0;border:0;border-radius:calc(3 * var(--xl-h5-unit));background:rgba(255,255,255,.5);opacity:1}
 .xl-ui [data-xl-hero] .xl-thumb.is-active{width:calc(16 * var(--xl-h5-unit));background:var(--brand-blue-default)}
 .xl-ui [data-xl-hero] .xl-thumb:before{content:'';position:absolute;inset:calc(-12 * var(--xl-h5-unit)) calc(-2 * var(--xl-h5-unit))}
 .xl-ui [data-xl-hero] .xl-thumb img,.xl-ui [data-xl-hero] .xl-thumb span{display:none}
}