@charset "utf-8";
/* CSS Document - 响应式版本 */

#certify {
	position: relative;
	width: min(1134px, calc(1134 / 1414 * 100vw));
	margin: 0 auto;
}

#certify .swiper-container {
	padding-bottom: min(30px, calc(30 / 1414 * 100vw));
	overflow: hidden;
}

#certify .swiper-slide {
	width: min(744px, calc(744 / 1414 * 100vw));
	height: min(415px, calc(415 / 1414 * 100vw));
	background: transparent;
	box-shadow: none;
	overflow: hidden;
	position: relative;
}

/* 非
动 slide 添加黑色半透明遮罩 */
#certify .swiper-slide::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
	pointer-events: none;
}

/* 活动 slide 移除遮罩 */
#certify .swiper-slide-active::before {
	display: none;
}

/* 右侧第一张图片尺寸 420*262 - 更靠近中间，显示更少 */
#certify .swiper-slide[data-index="1"] img,
#certify .swiper-slide[data-index="-1"] img {
	width: min(420px, calc(420 / 1414 * 100vw));
	height: min(262px, calc(262 / 1414 * 100vw));
}

/* 右侧第二张图片尺寸 320*200 - 更靠近中间，显示更少 */
#certify .swiper-slide[data-index="2"] img,
#certify .swiper-slide[data-index="-2"] img {
	width: min(320px, calc(320 / 1414 * 100vw));
	height: min(200px, calc(200 / 1414 * 100vw));
}

#certify .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#certify .swiper-slide p {
	display: none;
}

/* 文字分页按钮样式 */
#certify .swiper-pagination {
	width: 100%;
	bottom: 0;
	display: flex;
	justify-content: center;
	gap: min(10px, calc(10 / 1414 * 100vw));
	position: relative;
}

#certify .swiper-pagination-bullet {
	width: min(120px, calc(120 / 1414 * 100vw));
	height: min(45px, calc(45 / 1414 * 100vw));
	border-radius: min(4px, calc(4 / 1414 * 100vw));
	background: rgba(255, 255, 255, 0.1);
	border: min(1px, calc(1 / 1414 * 100vw)) solid rgba(255, 255, 255, 0.3);
	opacity: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: min(14px, calc(14 / 1414 * 100vw));
	transition: all 0.3s ease;
	line-height: 1;
}

/* 激活状态 - 径向渐变效果 */
#certify .swiper-pagination-bullet-active {
	background: radial-gradient(ellipse 155.27% 239.57% at 3.01% -18.86%, #003CF1 14%, rgba(0, 0, 0, 0) 51%, #0A82FF 85%);
	border-color: #0A82FF;
	box-shadow: 0 0 min(15px, calc(15 / 1414 * 100vw)) rgba(10, 130, 255, 0.5);
	color: #fff;
}

#certify .swiper-button-prev {
	left: min(-30px, calc(-30 / 1414 * 100vw));
	width: min(45px, calc(45 / 1414 * 100vw));
	height: min(45px, calc(45 / 1414 * 100vw));
	/* background在cdn_assets.html中定义 */
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 min(-46px, calc(-46 / 1414 * 100vw));
	background-size: 100%;
}

#certify .swiper-button-next {
	right: min(-30px, calc(-30 / 1414 * 100vw));
	width: min(45px, calc(45 / 1414 * 100vw));
	height: min(45px, calc(45 / 1414 * 100vw));
	/* background在cdn_assets.html中定义 */
	background-position: 0 min(-93px, calc(-93 / 1414 * 100vw));
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 min(-139px, calc(-139 / 1414 * 100vw));
	background-size: 100%;
}

/* =========================
   移动端竖向列表样式 (宽度 < 800px)
   ========================= */

/* 默认隐藏移动端列表 */
.mobile-showcase-list {
	display: none;
}

.mobile-showcase-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: min(30px, calc(30 / 1414 * 100vw));
}

.mobile-showcase-item:last-child {
	margin-bottom: 0;
}

.mobile-showcase-image {
	width: min(800px, calc(800 / 1414 * 100vw));
	overflow: hidden;
	border-radius: min(10px, calc(10 / 1414 * 100vw));
}

.mobile-showcase-image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.mobile-showcase-cta {
	margin-top: min(20px, calc(20 / 1414 * 100vw));
	text-align: center;
}

/* 移动端按钮样式 - 与 solutions-cta 一致 */
.mobile-showcase-cta .btn-custom {
	display: inline-block;
	padding: min(14px, calc(14 / 1414 * 100vw)) min(50px, calc(50 / 1414 * 100vw));
	background: linear-gradient(135deg, #0A82FF 0%, #003CF1 100%);
	border-radius: min(25px, calc(25 / 1414 * 100vw));
	color: #fff;
	font-size: min(16px, calc(16 / 1414 * 100vw));
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
}

.mobile-showcase-cta .btn-custom:hover {
	transform: translateY(min(-2px, calc(-2 / 1414 * 100vw)));
	filter: brightness(1.1);
	box-shadow: 0 min(5px, calc(5 / 1414 * 100vw)) min(20px, calc(20 / 1414 * 100vw)) rgba(10, 130, 255, 0.4);
}

/* 媒体查询：宽度 < 800px 时切换显示 */
@media screen and (max-width: 799px) {
	/* 隐藏 Swiper */
	.swiper-view,
	#certify {
		display: none !important;
	}

	/* 显示移动端竖向列表 */
	.mobile-showcase-list {
		display: flex;
		flex-direction: column;
		padding: min(20px, calc(20 / 1414 * 100vw));
		gap: min(30px, calc(30 / 1414 * 100vw));
	}

	.mobile-showcase-item {
		margin-bottom: 0;
	}
}