/* --- 全局重置 --- */
 .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: #0d424a;
 }

 .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;
 }

 /* 一级分类项：悬停 / 选中 */
 .category-side .nav-item:hover {
 	background: #f2f7f7;
 	color: #0d424a;
 	border-color: transparent;
 }

 .category-side .nav-item.active {
 	background-color: #0d424a;
 	color: #fff;
 	box-shadow: 0 4px 10px rgba(13, 66, 74, 0.25);
 	border-color: transparent;
 }

 /* 二级栏目行：仅选中 Products 时显示，比一级行紧凑 */
 .sub-nav-wrapper {
 	margin: -10px 0 30px;
 }

 .sub-nav-wrapper .nav-item {
 	padding: 8px 20px;
 	font-size: 14px;
 }

 /* 右侧箭头 */
 .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: #0d424a;
 }

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

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

 /* --- PC 端：左侧分类栏 + 右侧产品 --- */
 .category-layout {
 	display: flex;
 	align-items: flex-start;
 	gap: 30px;
 	margin: 30px 0;
 }

 /* 左侧分类栏：白卡 + 轻阴影 */
 .category-side {
 	flex: 0 0 240px;
 	width: 240px;
 	background: #fff;
 	border: 1px solid #ececec;
 	border-radius: 10px;
 	padding: 14px 12px;
 	box-sizing: border-box;
 	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
 }

 /* 侧栏标题 */
 .category-title {
 	font-size: 15px;
 	font-weight: 700;
 	color: #0d424a;
 	letter-spacing: 0.5px;
 	margin: 0 0 12px;
 	padding: 0 4px 10px;
 	border-bottom: 1px solid #ececec;
 }

 /* 右侧产品区 */
 .product-main {
 	flex: 1;
 	min-width: 0;
 }

 /* 分类竖向排列，隐藏左右箭头 */
 .category-side .nav-wrapper {
 	margin: 0;
 	display: block;
 	position: static;
 }

 .category-side .nav-scroll-container {
 	overflow: visible;
 }

 .category-side .nav-scroll {
 	flex-direction: column;
 	overflow: visible;
 	white-space: normal;
 	gap: 4px;
 	padding: 0;
 }

 .category-side .nav-item {
 	position: relative;
 	display: block;
 	width: 100%;
 	box-sizing: border-box;
 	text-align: left;
 	padding: 12px 14px 12px 16px;
 	background: transparent;
 	border: none;
 	border-radius: 6px;
 	font-size: 15px;
 	color: #4a5c5c;
 }

 .category-side .nav-item:hover {
 	
 }

 .category-side .nav-arrow,
 .category-side .nav-arrow-right {
 	display: none;
 }

 /* 二级栏目：缩进 + 左侧引导线，与一级形成层级 */
 .category-side .sub-nav-wrapper {
 	margin: 2px 0 6px 8px;
 	padding: 4px 0 4px 10px;
 	border-top: none;
 	border-left: 1px solid #e3eaea;
 }

 .category-side .sub-nav-wrapper .nav-scroll {
 	gap: 2px;
 }

 .category-side .sub-nav-wrapper .nav-item {
 	position: relative;
 	padding: 8px 10px;
 	font-size: 13px;
 	color: #7b8b8b;
 	border: none;
 	border-radius: 4px;
 	background: transparent;
 }

 /* 二级选中态：浅底 + 左侧竖条，区别于一级的深色填充 */
 .category-side .sub-nav-wrapper .nav-item.active {
 	background: #eef5f6;
 	color: #0d424a;
 	font-weight: 600;
 	box-shadow: inset 3px 0 0 #0d424a;
 }

 .category-side .sub-nav-wrapper .nav-item:hover {
 	background: #f5f9f9;
 	color: #0d424a;
 	border-color: transparent;
 }

 /* --- 产品列表网格 --- */
 .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: #0d424a;
 	color: #0d424a;
 	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) {
 	/* 移动端恢复：分类横向滑动置顶，产品在下方（与改版前一致） */
 	.category-layout {
 		display: block;
 		margin: 0;
 	}

 	.category-side {
 		flex: none;
 		width: auto;
 		background: none;
 		border: none;
 		border-radius: 0;
 		padding: 0;
 		box-shadow: none;
 	}

 	.category-title {
 		display: none;
 	}

 	.category-side .nav-wrapper {
 		display: flex;
 		margin: 20px 0;
 	}

 	.category-side .nav-scroll-container {
 		overflow: hidden;
 	}

 	.category-side .nav-scroll {
 		flex-direction: row;
 		overflow-x: auto;
 		white-space: nowrap;
 		gap: 10px;
 		padding: 5px 0;
 	}

 	.category-side .nav-item {
 		display: inline-block;
 		width: auto;
 		text-align: center;
 		padding: 10px 18px;
 		font-size: 14px;
 		color: #666;
 		background: #f9f9f9;
 		border: 1px solid transparent;
 		border-radius: 4px;
 	}

 	.category-side .sub-nav-wrapper {
 		margin: -10px 0 30px;
 		padding: 0;
 		border-top: none;
 		border-left: none;
 	}

 	.category-side .sub-nav-wrapper .nav-scroll {
 		gap: 10px;
 	}

 	.category-side .sub-nav-wrapper .nav-item {
 		padding: 8px 20px;
 		font-size: 14px;
 		color: #666;
 		font-weight: normal;
 		background: #f9f9f9;
 		border-radius: 4px;
 		box-shadow: none;
 	}

 	/* 移动端选中态还原为原深色填充 */
 	.category-side .nav-item.active,
 	.category-side .sub-nav-wrapper .nav-item.active {
 		background-color: #0d424a;
 		color: #fff;
 		font-weight: normal;
 		box-shadow: 0 4px 10px rgba(13, 66, 74, 0.4);
 	}

 	.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;
 	}
 }