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

		/* Swiper 容器：父级已定高，子级拉满；宽度与视口一致 */
		.qlbd-swiper-1 {
			/* 轮播文案位置：调整这两个变量可统一控制桌面端位置 */
			--ql-swiper-copy-left: max(32px, calc((100% - var(--ql-container-width)) / 2 + 16px));
			--ql-swiper-copy-top: 52%;
			width: 100%;
			max-width: 100%;
			min-width: 0;
			height: 100%;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		/* 勿写死 wrapper 宽度：由 Swiper 计算（写 100% 会导致无法切换/不动） */
		.qlbd-swiper-1 .swiper-wrapper {
			height: 100%;
			box-sizing: border-box;
		}

		/* 每屏占满轮播宽度，避免 flex 居中导致图片未贴边 */
		.qlbd-swiper-1 .swiper-slide {
			width: 100%;
			max-width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			background: #fff;
			display: block;
			position: relative;
		}

		/* 后台幻灯片跳转链接：铺满 slide，与单图全幅一致 */
		.qlbd-swiper-1 .qlbd-swiper-1__slide-link {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
			color: inherit;
		}

		.qlbd-swiper-1 .qlbd-swiper-1__slide-link[href=""],
		.qlbd-swiper-1 .qlbd-swiper-1__slide-link[href="#"] {
			pointer-events: none;
			cursor: default;
		}

		/* 幻灯片标题与副标题（内容由后台「幻灯片」的标题、副标题字段提供） */
		.qlbd-swiper-1 .qlbd-swiper-1__copy {
			position: absolute;
			z-index: 2;
			left: var(--ql-swiper-copy-left);
			top: var(--ql-swiper-copy-top);
			transform: translateY(-50%);
			max-width: min(620px, 48vw);
			color: #ffffff;
			text-shadow: 0 2px 8px rgba(0, 0, 0, 0.42), 0 1px 1px rgba(0, 0, 0, 0.32);
			pointer-events: none;
		}

		.qlbd-swiper-1 .qlbd-swiper-1__title,
		.qlbd-swiper-1 .qlbd-swiper-1__subtitle {
			display: block;
		}

		.qlbd-swiper-1 .qlbd-swiper-1__title {
			font-size: clamp(34px, 3.2vw, 58px);
			font-weight: 700;
			line-height: 1.2;
			letter-spacing: 0.04em;
			text-shadow: 0 3px 12px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.35);
		}

		.qlbd-swiper-1 .qlbd-swiper-1__subtitle {
			margin-top: 18px;
			font-size: clamp(16px, 1.35vw, 22px);
			font-weight: 400;
			line-height: 1.65;
			letter-spacing: 0.03em;
		}

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

		/* 当前轮播图在 5 秒展示期间轻微放大，营造平缓的镜头推进感 */
		.qlbd-swiper-1 .swiper-slide-active img {
			animation: qlbd-swiper-1-ken-burns 5s ease-out both;
			will-change: transform;
		}

		.qlbd-swiper-1:hover .swiper-slide-active img {
			animation-play-state: paused;
		}

		@keyframes qlbd-swiper-1-ken-burns {
			from {
				transform: scale(1);
			}
			to {
				transform: scale(1.07);
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.qlbd-swiper-1 .swiper-slide-active img {
				animation: none;
			}
		}

		@media (max-width: 768px) {
			.qlbd-swiper-1 {
				/* 手机端单独控制文案位置 */
				--ql-swiper-copy-left: 24px;
				--ql-swiper-copy-top: 54%;
			}

			.qlbd-swiper-1 .qlbd-swiper-1__copy {
				max-width: calc(100vw - 48px);
			}

			.qlbd-swiper-1 .qlbd-swiper-1__title {
				font-size: clamp(26px, 7.5vw, 38px);
				letter-spacing: 0.025em;
			}

			.qlbd-swiper-1 .qlbd-swiper-1__subtitle {
				margin-top: 10px;
				font-size: clamp(14px, 3.8vw, 18px);
				line-height: 1.55;
			}
		}

		/* 左右箭头：大一点，半透明 */
		.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: var(--ql-color-secondary); /* #EAF3FF，与 qlbd-root 副色一致 */
			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;
		}