@charset "utf-8";
	/* 通用模块样式 */
        .section {
	padding:0rem 0;
	width:100%;
	margin:0 auto;
}
.section-header {
	text-align:center;
	margin-bottom:3rem;
	width:100%;
}
.section-title {
	font-size:clamp(1.75rem,3vw,2.5rem);
	font-weight:700;
	color:var(--primary);
	position:relative;
	display:inline-block;
	margin-bottom:1rem;
}
.section-title::after {
	content:'';
	position:absolute;
	bottom:-8px;
	left:50%;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background-color:var(--accent);
}
.section-desc {
	max-width:700px;
	margin:0 auto;
	color:var(--text-light);
	font-size:1rem;
}
/* 产品分类筛选栏 */
        .product-categories {
	background-color:var(--card-bg);
	padding:2rem 0;
	box-shadow:var(--shadow-sm);
	width:100%;
}
.categories-container {
	max-width:1400px;
	margin:0 auto;
	padding:0 2rem;
	width:100%;
}
.categories-title {
	font-size:1.3rem;
	font-weight:600;
	color:var(--primary);
	margin-bottom:1.5rem;
}
.categories-list {
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	align-items:center;
}
.category-item {
	padding:0.6rem 1.8rem;
	background-color:var(--light-bg);
	border-radius:50px;
	color:var(--text-dark);
	font-weight:500;
	cursor:pointer;
	transition:var(--transition);
	border:2px solid transparent;
}
.category-item a{ color:#333333;}
.category-item:hover {
	background-color:#E8F0FE;
	color:var(--primary);
}
.category-item.active {
	background-color:var(--primary);
	color:white;
	border-color:var(--primary);
}
.category-item.active a{ color:#FFFFFF;}
/* 响应式分类栏 */
        @media (max-width:767px) {
	.categories-list {
	gap:0.8rem;
}
.category-item {
	padding:0.5rem 1.2rem;
	font-size:0.9rem;
}
}
        .products-list-section {
	background-color:var(--light-bg);
	padding:5rem 0 0rem;
	width:100%;
}
.products-container {
	max-width:1400px;
	margin:0 auto;
	padding:0 2rem;
	width:100%;
}
.products-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:2.5rem;
	margin-bottom:0rem;
	width:100%;
}
/* 产品卡片样式 */
        .product-card {
	background-color:var(--card-bg);
	border-radius:12px;
	overflow:hidden;
	box-shadow:var(--shadow-sm);
	transition:var(--transition);
	height:100%;
	display:flex;
	flex-direction:column;
}
.product-card:hover {
	transform:translateY(-5px);
	box-shadow:var(--shadow-md);
}
.product-img-container {
	width:100%;
	overflow:hidden;
	position:relative;
}
.product-img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:var(--transition);
}
.product-card:hover .product-img {
	transform:scale(1.05);
}
.product-badge {
	position:absolute;
	top:15px;
	left:15px;
	padding:0.3rem 0.8rem;
	background-color:var(--accent);
	color:white;
	font-size:0.8rem;
	font-weight:600;
	border-radius:4px;
	z-index:10;
}
.product-content {
	padding:1.8rem 1.5rem;
	flex:1;
	display:flex;
	flex-direction:column;
}
.product-category-tag {
	font-size:0.8rem;
	color:var(--primary);
	font-weight:500;
	margin-bottom:0.8rem;
}
.product-title {
	font-size:1.2rem;
	font-weight:600;
	color:var(--text-dark);
	margin-bottom:1rem;
	line-height:1.4;
}
.product-desc {
	font-size:0.95rem;
	color:var(--text-light);
	margin-bottom:1.5rem;
	flex:1;
}
.product-price-row {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:auto;
}
.product-price {
	font-size:1.3rem;
	font-weight:700;
	color:var(--primary);
}
.product-price span {
	font-size:0.9rem;
	font-weight:500;
	color:var(--text-light);
}
.product-btn {
	padding:0.6rem 1.2rem;
	background-color:var(--primary);
	color:white;
	border:none;
	border-radius:6px;
	font-weight:600;
	font-size:0.9rem;
	transition:var(--transition);
	cursor:pointer;
}
.product-btn:hover {
	background-color:#0047b3;
}
/* 分页样式 */
        .pagination-container {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:3rem;
	width:100%;
}
.pagination {
	display:flex;
	gap:0.5rem;
	list-style:none;
	padding:0;
	margin:0;
}
.page-item {
	margin:0;
}
.page-link {
	display:flex;
	align-items:center;
	justify-content:center;
	width:45px;
	height:45px;
	border-radius:8px;
	background-color:var(--card-bg);
	color:var(--text-dark);
	font-weight:500;
	text-decoration:none;
	transition:var(--transition);
	border:1px solid transparent;
}
.page-link:hover {
	background-color:#E8F0FE;
	color:var(--primary);
}
.page-item.active .page-link {
	background-color:var(--primary);
	color:white;
	border-color:var(--primary);
}
.page-item.disabled .page-link {
	background-color:var(--light-bg);
	color:var(--text-light);
	cursor:not-allowed;
}
/* 响应式产品列表 */
        @media (max-width:992px) {
	.products-grid {
	grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:2rem;
}
}@media (max-width:767px) {
	.products-grid {
	grid-template-columns:1fr;
	gap:1.5rem;
}
.product-img-container {
}
.page-link {
	width:40px;
	height:40px;
	font-size:0.9rem;
}
}
/* ========== 产品详情页专属样式 ========== */
        /* 通用模块样式 */
        .section {
	padding:4rem 0;
	width:100%;
	margin:0 auto;
}
.section-header {
	text-align:center;
	margin-bottom:3rem;
	width:100%;
}
.section-title {
	font-size:clamp(1.75rem,3vw,2.5rem);
	font-weight:700;
	color:var(--primary);
	position:relative;
	display:inline-block;
	margin-bottom:1rem;
}
.section-title::after {
	content:'';
	position:absolute;
	bottom:-8px;
	left:50%;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background-color:var(--accent);
}
.section-desc {
	max-width:700px;
	margin:0 auto;
	color:var(--text-light);
	font-size:1rem;
}
/* 产品主内容区域 */
        .product-detail-main {
	padding:4rem 0;
	background-color:var(--card-bg);
	width:100%;
}
.product-detail-container {
	max-width:1280px;
	margin:0 auto;
	padding:0rem;
	width:100%;
}
.product-detail-row {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4rem;
	align-items:flex-start;
}
/* 图片计数器 */
        .modal-counter {
	position:fixed;
	bottom:2rem;
	left:50%;
	transform:translateX(-50%);
	color:white;
	background-color:rgba(0,0,0,0.5);
	padding:0.5rem 1.5rem;
	border-radius:50px;
	font-size:1rem;
	font-weight:500;
	z-index:2010;
}
/* 产品信息区域 */
        .product-info {
	padding:0rem 0;
	position:relative;
}
.product-badges {
	display:inline-block;
	padding:0.4rem 1rem;
	background-color:var(--accent);
	color:white;
	font-size:0.85rem;
	font-weight:600;
	border-radius:50px;
	margin-bottom:1.5rem;
}
.product-title {
	font-weight:700;
	color:var(--text-dark);
	margin-bottom:1.5rem;
	line-height:1.3;
}
.product-price-section {
	margin-bottom:2rem;
	padding-bottom:2rem;
	border-bottom:1px solid #e1e8ed;
}
.price-label {
	font-size:1rem;
	color:var(--text-light);
	margin-bottom:0.5rem;
}
.product-price {
	font-size:1.5rem;
	font-weight:700;
	color:var(--primary);
	margin-bottom:0.8rem;
}
.product-moq {
	font-size:1rem;
	color:var(--text-light);
}
.product-short-desc {
	font-size:1.1rem;
	color:var(--text-light);
	line-height:1.8;
	margin-bottom:2rem;
}
/* 购买按钮区域 */
        .product-actions {
	display:flex;
	gap:1.5rem;
	margin-bottom:2.5rem;
	flex-wrap:wrap;
}
.btn-primary-custom {
	padding:0.9rem 2.5rem;
	background-color:var(--primary);
	color:white;
	border:none;
	border-radius:8px;
	font-weight:600;
	font-size:1.1rem;
	transition:var(--transition);
	cursor:pointer;
	flex:1;
	min-width:200px;
	text-align:center;
}
.btn-primary-custom:hover {
	background-color:#0047b3;
	transform:translateY(-2px);
	box-shadow:var(--shadow-md);
}
.btn-secondary-custom {
	padding:0.9rem 2.5rem;
	background-color:transparent;
	color:var(--primary);
	border:2px solid var(--primary);
	border-radius:8px;
	font-weight:600;
	font-size:1.1rem;
	transition:var(--transition);
	cursor:pointer;
	flex:1;
	min-width:200px;
	text-align:center;
}
.btn-secondary-custom:hover {
	background-color:#E8F0FE;
	transform:translateY(-2px);
}
/* 产品特性列表 */
        .product-features {
	margin-bottom:3rem;
}
.features-title {
	font-size:1.3rem;
	font-weight:600;
	color:var(--primary);
	margin-bottom:1.5rem;
}
.features-list {
	list-style:none;
	padding:0;
}
.feature-item {
	display:flex;
	align-items:flex-start;
	gap:1rem;
	margin-bottom:1rem;
}
.feature-icon {
	color:var(--primary);
	font-size:1.2rem;
	margin-top:0.3rem;
}
.feature-text {
	color:var(--text-light);
	font-size:1rem;
}
/* ========== 产品参数模块 (20项) ========== */
        .product-specs-section {
	background-color:var(--light-bg);
	padding:5rem 0;
	width:100%;
}
.specs-container {
	max-width:1280px;
	margin:0 auto;
	padding:0;
	width:100%;
}
.specs-table {
	width:100%;
	border-collapse:collapse;
	background-color:var(--card-bg);
	border-radius:12px;
	overflow:hidden;
	box-shadow:var(--shadow-sm);
}
.specs-table th,.specs-table td {
	padding:1.2rem 1.5rem;
	text-align:left;
	border-bottom:1px solid #f0f2f5;
}
.specs-table th {
	width:35%;
	font-weight:600;
	color:var(--text-dark);
	background-color:#f8f9fa;
}
.specs-table td {
	color:var(--text-light);
}
.specs-table tr:last-child td,.specs-table tr:last-child th {
	border-bottom:none;
}
/* ========== FAQ模块 ========== */
        .product-faq-section {
	background-color:var(--card-bg);
	padding:5rem 0;
	width:100%;
}
.faq-container {
	max-width:1280px;
	margin:0 auto;
	padding:0 1rem;
	width:100%;
}
.faq-accordion {
	width:100%;
}
.accordion-item {
	border:none;
	border-bottom:1px solid #e1e8ed;
	border-radius:0 !important;
	margin-bottom:0;
}
.accordion-header {
	padding:0;
}
.accordion-button {
	padding:1.5rem 0;
	background-color:transparent;
	border:none;
	font-size:1.1rem;
	font-weight:600;
	color:var(--text-dark);
	box-shadow:none !important;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.accordion-button:not(.collapsed) {
	color:var(--primary);
	background-color:transparent;
}
.accordion-button::after {
	content:'\f067';
	font-family:'FontAwesome';
	background-image:none;
	width:auto;
	height:auto;
	font-size:1rem;
	color:var(--primary);
}
.accordion-button:not(.collapsed)::after {
	content:'\f068';
	font-family:'FontAwesome';
	background-image:none;
	transform:none;
}
.accordion-body {
	padding:0 0 1.5rem 0;
	color:var(--text-light);
	font-size:1rem;
	line-height:1.8;
}
/* ========== 产品详情描述 ========== */
        .product-description-section {
	background-color:var(--light-bg);
	padding:5rem 0;
	width:100%;
}
.description-container {
	max-width:1280px;
	margin:0 auto;
	padding:0rem;
	width:100%;
}
.description-content {
	background-color:var(--card-bg);
	padding:3rem;
	border-radius:12px;
	box-shadow:var(--shadow-sm);
}
.description-content h3 {
	font-size:1.5rem;
	font-weight:600;
	color:var(--primary);
	margin-bottom:1.5rem;
	margin-top:2rem;
}
.description-content h3:first-child {
	margin-top:0;
}
.description-content p {
	color:var(--text-light);
	font-size:1.05rem;
	line-height:1.8;
	margin-bottom:1.5rem;
}
.description-content ul {
	color:var(--text-light);
	font-size:1.05rem;
	line-height:1.8;
	margin-bottom:1.5rem;
	padding-left:2rem;
}
.description-content li {
	margin-bottom:0.8rem;
}
/* ========== 相关产品推荐 ========== */
        .related-products-section {
	background-color:var(--card-bg);
	padding:5rem 0;
	width:100%;
}
.related-container {
	max-width:1400px;
	margin:0 auto;
	padding:0 2rem;
	width:100%;
}
.related-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:2.5rem;
	width:100%;
}
.related-card {
	background-color:var(--card-bg);
	border-radius:12px;
	overflow:hidden;
	box-shadow:var(--shadow-sm);
	transition:var(--transition);
	height:100%;
	display:flex;
	flex-direction:column;
	border:1px solid #f0f2f5;
}
.related-card:hover {
	transform:translateY(-5px);
	box-shadow:var(--shadow-md);
}
.related-img-container {
	width:100%;
	height:200px;
	overflow:hidden;
}
.related-img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:var(--transition);
}
.related-card:hover .related-img {
	transform:scale(1.05);
}
.related-content {
	padding:1.5rem;
	flex:1;
	display:flex;
	flex-direction:column;
}
.related-title {
	font-size:1.1rem;
	font-weight:600;
	color:var(--text-dark);
	margin-bottom:1rem;
	line-height:1.4;
}
.related-price {
	font-size:1.2rem;
	font-weight:700;
	color:var(--primary);
	margin-top:auto;
}
.related-btn {
	margin-top:1rem;
	padding:0.6rem 0;
	background-color:var(--primary);
	color:white;
	border:none;
	border-radius:6px;
	font-weight:600;
	font-size:0.9rem;
	transition:var(--transition);
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}
.related-btn:hover {
	background-color:#0047b3;
	color:white;
}
/* ========== 响应式适配 ========== */
        @media (max-width:992px) {
	.product-detail-row {
	grid-template-columns:1fr;
	gap:3rem;
}
.product-main-image {
	max-width:400px;
	margin:0 auto;
}
.specs-table th,.specs-table td {
	padding:1rem;
	font-size:0.95rem;
}
.related-grid {
	grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:2rem;
}
/* 移动端弹窗图片适配 */
            .modal-img-container {
	width:95vw;
	height:95vw;
}
.modal-close {
	width:40px;
	height:40px;
	font-size:1.2rem;
	top:1rem;
	right:1rem;
}
}@media (max-width:767px) {
	.product-main-image {
	max-width:300px;
}
.product-actions {
	flex-direction:column;
	gap:1rem;
}
.btn-primary-custom,.btn-secondary-custom {
	width:100%;
	min-width:unset;
}
.description-content {
	padding:2rem 1.5rem;
}
.specs-table {
	font-size:0.9rem;
}
.specs-table th,.specs-table td {
	padding:0.8rem;
}
.related-grid {
	grid-template-columns:1fr;
	gap:1.5rem;
}
}/* ---------- 电脑端网格相册 (默认显示) ---------- */
        .gallery {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	/* 强制两列 */
            gap:15px;
	margin:0 auto;
	width:100%;
}
.gallery-item {
	aspect-ratio:1 / 1;
	/* 正方形 */
            overflow:hidden;
	border-radius:12px;
	cursor:pointer;
	box-shadow:0 6px 14px rgba(0,0,0,0.08);
	transition:transform 0.25s ease,box-shadow 0.2s;
	background:#ddd;
}
.gallery-item:hover {
	transform:scale(1.02);
	box-shadow:0 10px 20px rgba(0,0,0,0.15);
}
.gallery-item img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
/* ---------- 手机端轮播 (默认隐藏) ---------- */
        .mobile-carousel {
	display:none;
	width:100%;
	max-width:500px;
	margin:0 auto;
	position:relative;
	user-select:none;
}
.carousel-viewport {
	width:100%;
	aspect-ratio:1 / 1;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 8px 20px rgba(0,0,0,0.12);
	background:#eaeaea;
	cursor:pointer;
	/* 点击图片打开弹窗 */
            touch-action:pan-y;
	/* 允许垂直滚动，水平滑动由JS处理 */
}
.carousel-viewport img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	pointer-events:none;
	/* 点击事件由父容器统一处理 */
}
/* 简洁指示点 */
        .carousel-dots {
	display:flex;
	justify-content:center;
	gap:8px;
	margin-top:16px;
}
.dot {
	width:8px;
	height:8px;
	border-radius:20px;
	background:#ccc;
	transition:0.2s;
}
.dot.active {
	background:#333;
	width:24px;
}
/* ---------- 全屏弹窗 (完全顶满) ---------- */
        .lightbox {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:#000;
	z-index:9999;
	overflow-y:auto;
	padding:0;
}
.lightbox.active {
	display:block;
}
.lightbox-close {
	position:fixed;
	top:20px;
	right:20px;
	width:52px;
	height:52px;
	border-radius:50%;
	background:#fff;
	color:#000;
	font-size:32px;
	font-weight:400;
	cursor:pointer;
	z-index:10000;
	display:flex;
	align-items:center;
	justify-content:center;
	border:none;
	outline:none;
	box-shadow:0 4px 12px rgba(0,0,0,0.3);
	transition:background 0.2s;
	line-height:1;
}
.lightbox-close:hover {
	background:#f0f0f0;
}
.lightbox-images {
	display:flex;
	flex-direction:column;
	gap:0;
	align-items:center;
}
.lightbox-images img {
	width:100%;
	height:auto;
	display:block;
	cursor:pointer;
	/* 点击图片亦可关闭 */
}
/* ---------- 响应式切换 ---------- */
        @media screen and (max-width:640px) {
	.gallery {
	display:none;
}
.mobile-carousel {
	display:block;
}
body {
	padding:16px 12px;
}
}@media screen and (min-width:641px) {
	.mobile-carousel {
	display:none !important;
}
.gallery {
	display:grid !important;
}
}button:focus-visible {
	outline:2px solid #4a90e2;
}



  .parameter-container {
            width: 95%;
            max-width: 1200px;
			background:#ffffff;
            margin: 0 auto;
            padding: 20px;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
            border: 1px solid #eee;
            border-radius: 4px;
            /* 关键：用grid实现每行2列，自动适配 */
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 固定2列，各占50% */
            grid-gap: 0; /* 列间距为0，靠边框分隔 */
        }

        /* 单个参数容器：完全独立，占1列 */
        .parameter-item {
            display: flex; /* 内部标题+内容左右布局 */
            align-items: center; /* 垂直居中 */
            padding: 12px 10px;
            box-sizing: border-box;
            border-right: 1px solid #eee; /* 列分隔线 */
            border-bottom: 1px solid #eee; /* 行分隔线 */
        }

        /* 偶数个参数容器：去掉右侧边框（避免重复） */
        .parameter-item:nth-child(2n) {
            border-right: none;
        }

        /* 最后一行的参数容器：去掉下边框 */
        .parameter-item:last-child,
        .parameter-item:nth-last-child(2):nth-child(2n+1) {
            border-bottom: none;
        }

        /* 参数标题：固定宽度+右对齐 */
        .param-title {
            flex: 0 0 200px; /* 可根据需求调整宽度 */
            font-weight: bold;
            color: #333;
            text-align: right;
            padding-right: 15px;
            box-sizing: border-box;
        }

        /* 参数内容：占剩余宽度 */
        .param-content {
            flex: 1;
            color: #666;
            line-height: 1.5;
        }

        /* 响应式适配：小屏幕每行1个参数 */
        @media (max-width: 768px) {
            .parameter-container {
                grid-template-columns: 1fr; /* 小屏幕改为1列 */
            }
            .parameter-item {
                border-right: none; /* 1列时去掉右侧边框 */
            }
            .param-title {
                flex: 0 0 80px; /* 缩小标题宽度 */
                padding-right: 10px;
            }
        }

        /* 移动端极端适配 */
        @media (max-width: 480px) {
            .param-title {
                flex: 0 0 70px;
                font-size: 13px;
            }
            .param-content {
                font-size: 12px;
            }
        }