/* 轮播容器基础设定 */
.hbanner .swiper-slide {
    position: relative;
    width: 100%;
    /* 移除固定高度，让内容撑开 */
    height: auto; 
    overflow: hidden;
}

/* 媒体资源（图片和视频）统一控制 */
.hbanner .slide-media {
    display: block;
    width: 100%;
    height: auto; /* 关键：高度根据原始比例自适应 */
    object-fit: cover; /* 确保在不同屏幕下铺满，如果不希望裁剪可改为 contain */
}

/* 文字覆盖层 */
.hbanner .swiper-slide .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
    text-align: center;
    pointer-events: none; /* 防止遮罩层干扰视频/链接点击 */
}

.hbanner .swiper-slide .txt {
    pointer-events: auto; /* 恢复文字区域的点击 */
}

/* 移动端特殊处理 */
@media (max-width: 768px) {
    .hbanner .swiper-slide h2 {
        font-size: 1.5rem;
    }
    /* 如果移动端视频和图片比例不一致，可以强制一个最小高度 */
    .hbanner .slide-media {
        min-height: 200px; 
    }
}