/* 组件容器
		 * 高度问题说明：
		 * - 仅用 height:auto + 图片 height:auto 时，高度 = 图片固有宽高比 × 屏宽；手机很窄时约 117px，下面会空一大块。
		 * - 用 max(视口比例, 横幅比例) 让窄屏也有足够「首屏氛围」，大屏仍不超过 600px。
		 */
		.ql-lunbo-one {
			position: relative;
			width: 100%;
			height: max(38vh, min(31.25vw, 600px));
			max-height: min(90vh, 600px);
			background: #fafafa;
			overflow: hidden;
		}

		/* Swiper 容器：父级已定高，子级拉满 */
		.qlbd-swiper-1 {
			width: 100%;
			height: 100%;
		}

		.qlbd-swiper-1 .swiper-wrapper,
		.qlbd-swiper-1 .swiper-slide {
			height: 100%;
		}

		/* Slide 样式 */
		.qlbd-swiper-1 .swiper-slide {
			background: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		/* 在固定高度内裁剪，避免窄屏被比例压成细条 */
		.qlbd-swiper-1 .swiper-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

		/* 左右箭头：大一点，半透明 */
		.qlbd-swiper-1 .qlbdswiper-button-next1,
		.qlbd-swiper-1 .qlbdswiper-button-prev1 {
			color: #ffffff;
			width: 50px;
			height: 50px;
			background-color: rgba(0, 0, 0, 0.3); /* 深色半透明背景，更适合大图 */
			border-radius: 50%;
			transition: all 0.3s;
		}

		.qlbd-swiper-1 .qlbdswiper-button-next1:hover,
		.qlbd-swiper-1 .qlbdswiper-button-prev1:hover {
			background-color: var(--ql-color-primary);
		}

		.qlbd-swiper-1 .qlbdswiper-button-next1::after,
		.qlbd-swiper-1 .qlbdswiper-button-prev1::after {
			font-size: 20px;
		}

		/* 分页器：长条形 */
		.qlbd-swiper-1 .swiper-pagination-bullet {
			background: rgba(255, 255, 255, 0.5); /* 白色半透明，适合深色图片 */
			width: 40px;
			height: 4px;
			border-radius: 2px;
			opacity: 1;
			transition: all 0.3s;
		}

		.qlbd-swiper-1 .swiper-pagination-bullet-active {
			background: var(--ql-color-primary); /* 激活变纯白 */
			width: 40px;
		}