/* 拼凑页专用样式（index、product、newlist、history、contact 等）；不修改 common.css 与 qlbd-*.html */

.qlbd-case-1__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.qlbd-case-1__type {
	margin: 0 0 8px;
	font-size: 13px;
	color: #888;
	line-height: 1.4;
}

.qlbd-case-1__pagebar {
	max-width: var(--ql-container-width);
	margin: 24px auto 0;
	padding: 0 20px 48px;
	text-align: center;
}


/* 产品列表分页 {page:bar}：视觉对齐 qlbd-fir-buttonlist 筛选按钮 */
.qlbd-case-1__pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 12px;
	margin-top: 32px;
	padding: 8px 0 16px;
}

/* 新闻列表分页容器在 qlbd-news-1 外层，补齐版心与底部留白 */
.qlbd-news-1__pager {
	max-width: var(--ql-container-width);
	margin: 0 auto;
	padding: 8px 16px 48px;
}

.qlbd-case-1__pager .page-status {
	flex: 1 0 100%;
	text-align: center;
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ql-color-text-body);
}

.qlbd-case-1__pager .page-index,
.qlbd-case-1__pager .page-pre,
.qlbd-case-1__pager .page-numbar,
.qlbd-case-1__pager .page-next,
.qlbd-case-1__pager .page-last {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.qlbd-case-1__pager .page-index a,
.qlbd-case-1__pager .page-pre a,
.qlbd-case-1__pager .page-next a,
.qlbd-case-1__pager .page-last a,
.qlbd-case-1__pager .page-numbar a.page-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 10px 18px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--ql-color-text-title);
	text-decoration: none;
	white-space: nowrap;
	border-radius: 6px;
	border: 1px solid color-mix(in srgb, var(--ql-color-text-title) 8%, transparent);
	background-color: color-mix(in srgb, var(--ql-color-text-title) 6%, #ffffff);
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.qlbd-case-1__pager .page-index a:hover,
.qlbd-case-1__pager .page-pre a:hover,
.qlbd-case-1__pager .page-next a:hover,
.qlbd-case-1__pager .page-last a:hover,
.qlbd-case-1__pager .page-numbar a.page-num:hover {
	color: var(--ql-color-primary);
	background-color: color-mix(in srgb, var(--ql-color-primary) 10%, #ffffff);
	border-color: color-mix(in srgb, var(--ql-color-primary) 28%, transparent);
	box-shadow: 0 1px 4px color-mix(in srgb, var(--ql-color-primary) 10%, transparent);
}

.qlbd-case-1__pager .page-numbar a.page-num.page-num-current {
	color: #ffffff;
	background-color: var(--ql-color-primary);
	border-color: var(--ql-color-primary);
	box-shadow: none;
	cursor: default;
	pointer-events: none;
}

.qlbd-case-1__pager .page-numbar a.page-num.page-num-current:hover {
	color: #ffffff;
	background-color: var(--ql-color-primary);
	border-color: var(--ql-color-primary);
	box-shadow: none;
}

.qlbd-case-1__pager .page-numbar span.page-num {
	display: inline-flex;
	align-items: center;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 600;
	color: color-mix(in srgb, var(--ql-color-text-body) 65%, transparent);
	user-select: none;
}

.qlbd-case-1__pager a[href="javascript:;"] {
	opacity: 0.45;
	pointer-events: none;
	box-shadow: none;
}

.qlbd-case-1__pager a[href="javascript:;"]:hover {
	color: var(--ql-color-text-title);
	background-color: color-mix(in srgb, var(--ql-color-text-title) 6%, #ffffff);
	border-color: color-mix(in srgb, var(--ql-color-text-title) 8%, transparent);
	box-shadow: none;
}

.qlbd-case-1__pager .page-none {
	display: inline-block;
	padding: 10px 18px;
	font-size: 14px;
	color: var(--ql-color-text-body);
}
/* 产品列表分页 {page:bar}：视觉对齐 qlbd-fir-buttonlist 筛选按钮 */

@media (max-width: 1200px) {
	.qlbd-banner-2 {
		margin-top: 50px;
	}

	.qlbd-fir-indexus-inner::after {
		display: none;
	}

	.qlbd-fir-indexus-inner {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}

	.qlbd-fir-indexus-left {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.qlbd-fir-indexus-right {
		position: static;
		width: 100%;
		right: auto;
		top: auto;
		bottom: auto;
		min-height: 0;
	}
}

@media (max-width: 768px) {
	.qlbd-fir-indexus-right {
		padding-left: 0px;
	}

	.qlbd-fir-indexus-text-scroll {
		max-height: unset;
	}
}

/* 首页横幅视频：弱化 WebKit/壳浏览器默认控件条 */
.qlbd-swiper-1 .swiper-slide .qlbd-banner-video {
	-webkit-appearance: none;
}

.qlbd-banner-video::-webkit-media-controls,
.qlbd-banner-video::-webkit-media-controls-enclosure {
	display: none !important;
}