/* --- 全局重置 --- */
 .intro-banner {
 	margin-top: var(--nav-height);
 	max-width: 100%;
 }

 .container {
 	max-width: 1400px;
 	margin: 0 auto;
 	padding: 0 20px;
 }

 /* --- 顶部滑动导航栏 --- */
 .nav-wrapper {
 	margin: 30px 0;
 	position: relative;
 	display: flex;
 	align-items: center;
 }

 /* 左侧箭头 */
 .nav-arrow {
 	width: 40px;
 	height: 50px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 	z-index: 10;
 	flex-shrink: 0;
 	color: #999;
 	transition: color 0.3s;
 	user-select: none;
 }

 .nav-arrow:hover {
 	color: #c92020;
 }

 .nav-arrow.disabled {
 	color: #ddd;
 	cursor: not-allowed;
 }

 .nav-arrow svg {
 	width: 24px;
 	height: 24px;
 	fill: currentColor;
 }

 /* 导航滚动容器 */
 .nav-scroll-container {
 	flex: 1;
 	overflow: hidden;
 	position: relative;
 }

 .nav-scroll {
 	display: flex;
 	gap: 10px;
 	overflow-x: auto;
 	white-space: nowrap;
 	padding: 5px 0;
 	scroll-behavior: smooth;
 	scrollbar-width: none;
 }

 .nav-scroll::-webkit-scrollbar {
 	display: none;
 }

 .nav-item {
 	display: inline-block;
 	padding: 12px 25px;
 	font-size: 16px;
 	color: #666;
 	text-decoration: none;
 	background: #f9f9f9;
 	border-radius: 4px;
 	transition: all 0.3s;
 	cursor: pointer;
 	flex-shrink: 0;
 	border: 1px solid transparent;
 }

 .nav-item:hover {
 	color: #c92020;
 	background: #fff0f0;
 	border-color: #c92020;
 }

 .nav-item.active {
 	background-color: #c92020;
 	color: #fff;
 	box-shadow: 0 4px 10px rgba(201, 32, 32, 0.3);
 	border-color: #c92020;
 }

 /* 右侧箭头 */
 .nav-arrow-right {
 	width: 40px;
 	height: 50px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 	z-index: 10;
 	flex-shrink: 0;
 	color: #999;
 	transition: color 0.3s;
 	user-select: none;
 }

 .nav-arrow-right:hover {
 	color: #c92020;
 }

 .nav-arrow-right.disabled {
 	color: #ddd;
 	cursor: not-allowed;
 }

 .nav-arrow-right svg {
 	width: 24px;
 	height: 24px;
 	fill: currentColor;
 }

 /* --- 产品列表网格 --- */
 .product-grid {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 20px;
 	margin-bottom: 40px;
 }

 .product-card {
 	background-color: #f5f5f5;
 	padding: 20px;
 	text-align: center;
 	transition: transform 0.3s, box-shadow 0.3s;
 	cursor: pointer;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 }

 .product-card:hover {
 	transform: translateY(-5px);
 	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 	background-color: #fff;
 }

 .product-img-box {
 	width: 100%;
 	height: 220px;
 	margin-bottom: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 /* 	background: #eef2f5; */
 	border-radius: 4px;
 	overflow: hidden;
 }

 .product-img-box img {
 	max-width: 100%;
 	max-height: 100%;
 	object-fit: contain;
 	transition: transform 0.5s;
 }

 .product-card:hover .product-img-box img {
 	transform: scale(1.05);
 }

 .product-title {
 	font-size: 16px;
 	font-weight: bold;
 	color: #333;
 	margin-bottom: 5px;
 }

 .product-desc {
 	font-size: 14px;
 	color: #666;
 	line-height: 1.5;
 }

 .product-power {
 	font-size: 14px;
 	color: #888;
 	margin-top: 5px;
 }

 /* --- 分页样式 --- */
 .pagination {
 	display: flex;
 	justify-content: center;
 	gap: 10px;
 	list-style: none;
 }

 .pagination li {
 	display: inline-block;
 }

 .pagination a {
 	display: block;
 	min-width: 40px;
 	height: 40px;
 	line-height: 38px;
 	text-align: center;
 	border: 1px solid #ddd;
 	color: #666;
 	text-decoration: none;
 	font-size: 14px;
 	transition: all 0.2s;
 	background: #fff;
 }

 .pagination a:hover,
 .pagination .active a {
 	border-color: #c92020;
 	color: #c92020;
 	font-weight: bold;
 }

 .pagination .disabled a {
 	border-color: #eee;
 	color: #ccc;
 	cursor: not-allowed;
 }

 /* --- 响应式适配 --- */
 @media (max-width: 992px) {
 	.product-grid {
 		grid-template-columns: repeat(2, 1fr);
 	}
 }

 @media (max-width: 768px) {
 	.nav-wrapper {
 		margin: 20px 0;
 	}

 	.nav-arrow,
 	.nav-arrow-right {
 		width: 30px;
 		height: 45px;
 	}

 	.nav-arrow svg,
 	.nav-arrow-right svg {
 		width: 20px;
 		height: 20px;
 	}

 	.nav-item {
 		padding: 10px 18px;
 		font-size: 14px;
 	}

 	.product-grid {
 		grid-template-columns: 1fr;
 	}

 	.product-img-box {
 		height: 200px;
 	}

 	/* 移动端隐藏箭头，直接用手指滑动 */
 	.nav-arrow,
 	.nav-arrow-right {
 		display: none;
 	}

 	/* 移动端显示滚动条提示可以滑动 */
 	.nav-scroll {
 		-webkit-overflow-scrolling: touch;
 	}
 }