@charset "UTF-8";
		.product-detail-wrapper {
			padding: 40px 0;
			background-color: #ffffff;
		}

		.product-card-container {
			display: flex;
			flex-wrap: wrap;
			background: #ffffff;
			border: 1px solid #e0e0e0;
			padding: 24px;
			gap: 32px;
			margin: 0 auto;
		}

		/* 左侧：图片展示区 */
		.gallery-container {
			/* flex: 1; */
			/* width: 320px; */
			width: 40%;
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

		/* Swiper 主图轮播（白底无黑边） */
		.gallery-main {
			width: 100%;
			/* height: 420px; */
			background-color: #ffffff;
			border: 1px solid #f0f0f0;
			box-sizing: border-box;
			position: relative;
			overflow: hidden;
		}

		.gallery-main .swiper-slide {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			cursor: zoom-in;
			width: 100%;
			height: 100%;
		}

		.gallery-main .swiper-slide img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
		}

		/* 放大提示图标 */
		.zoom-hint {
			position: absolute;
			right: 5rem;
			bottom: 5rem;
			background: rgba(0, 0, 0, 0.4);
			color: #ffffff;
			padding: 6px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			pointer-events: none;
			transition: background 0.2s;
			z-index: 10;
		}

		.gallery-main:hover .zoom-hint {
			background: #30318b;
		}

		/* Swiper 缩略图栏 */
		.thumbnail-bar {
			display: flex;
			align-items: center;
			gap: 8px;
			position: relative;
		}

		.nav-arrow {
			width: 40rem;
			height: 40rem;
			border-radius: 50%;
			border: 1px solid #dcdfe6;
			background: #ffffff;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 14px;
			color: #606266;
			transition: all 0.2s;
			flex-shrink: 0;
			user-select: none;
		}

		.nav-arrow:hover {
			border-color: #30318b;
			color: #30318b;
		}

		.gallery-thumbs {
			flex: 1;
			overflow: hidden;
			padding: 2px 0;
		}

		.gallery-thumbs .swiper-slide {
			width: 32%;
			height: 100%;
			border: 2px solid #e0e0e0;
			cursor: pointer;
			box-sizing: border-box;
			background: #ffffff;
			flex-shrink: 0;
			transition: border-color 0.2s;
		}

		.gallery-thumbs .swiper-slide img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.gallery-thumbs .swiper-slide-thumb-active {
			border-color: #30318b;
		}

		/* 右侧：产品信息区 */
		.info-container {
			flex: 1;
			min-width: 300px;
			display: flex;
			flex-direction: column;
			padding-top: 5px;
		}

		.detail-product-title {
			font-size: 26rem;
			font-weight: bold;
			color: #30318b;
			display: flex;
			align-items: center;
			gap: 12px;
			margin-bottom: 12rem;
		}

		.title-square {
			width: 16px;
			height: 16px;
			background-color: #30318b;
			display: inline-block;
			flex-shrink: 0;
		}

		.category-row {
			font-size: 15rem;
			margin-bottom: 15rem;
		}

		.category-label {
			font-size: 16rem;
			color: #30318b;
			font-weight: 600;
		}

		.category-value {
			font-size: 15rem;
			color: #000000;
		}

		/* 新增：产品描述/简介文本区（参考图一） */
		.product-intro-text {
			font-size: 17rem;
			color: #555555;
			line-height: 1.5;
			margin-bottom: 20rem;
			text-align: justify;
			background-color: #fafafa;
			padding: 12rem 15rem;
			border-radius: 4px;
			border-left: 3px solid #30318b;
		}

		/* 新增：价格与规格参数栏（参考图一） */
		.product-spec-bar {
			font-weight: 600;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12rem 15rem;
			background-color: #f8f8f8;
			border-top: 1px solid #eeeeee;
			border-bottom: 1px solid #eeeeee;
			margin-bottom: 20rem;
			font-size: 20rem;
			color: #000000;
		}

		.spec-item .price-num {
			color: #d81e06;
			font-size: 18rem;
			font-weight: 800;
		}

		.dashed-divider {
			border-bottom: 1px dashed #dcdfe6;
			margin: 15px 0;
			width: 100%;
		}

		/* 底部吸底区域容器：自动沉底 */
		.bottom-info-block {
			margin-top: auto; /* 关键：自动将此区域推至最底部 */
		}

		.contact-row {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 8px 0;
		}

		.phone-icon-circle {
			width: 36px;
			height: 36px;
			background-color: #30318b;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #ffffff;
			flex-shrink: 0;
		}

		.contact-text {
			font-size: 18rem;
			color: #333333;
		}

		.phone-number {
			font-size: 20rem;
			font-weight: 800;
			color: #30318b;
			margin-left: 6px;
		}

		.button-group {
			display: flex;
			gap: 20px;
			margin-top: 15px;
		}

		.btn-custom {
			padding: 10rem 20rem;
			/* width: 130rem; */
			/* height: 42rem; */
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none !important;
			font-size: 16rem;
			color: #333333;
			background-color: #ffffff;
			border: 1px solid #30318b;
			cursor: pointer;
			transition: all 0.2s;
		}

		.btn-custom.btn-primary-custom {
			/* border-left: 0px solid #30318b; */
		}

		.btn-custom:hover {
			background-color: #30318b;
			color: #fff;
		}

		/* 全屏图片放大弹窗 Modal */
		.img-modal-overlay {
			display: none;
			position: fixed;
			z-index: 99999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.85);
			backdrop-filter: blur(4px);
			justify-content: center;
			align-items: center;
			opacity: 0;
			transition: opacity 0.25s ease;
		}

		.img-modal-overlay.active {
			display: flex;
			opacity: 1;
		}

		.img-modal-content {
			max-width: 90vw;
			max-height: 90vh;
			object-fit: contain;
			border-radius: 4px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
			transform: scale(0.92);
			transition: transform 0.25s ease;
		}

		.img-modal-overlay.active .img-modal-content {
			transform: scale(1);
		}

		.img-modal-close {
			position: absolute;
			top: 20px;
			right: 30px;
			color: #ffffff;
			font-size: 36px;
			font-weight: bold;
			cursor: pointer;
			transition: color 0.2s, transform 0.2s;
			line-height: 1;
			z-index: 100000;
			user-select: none;
		}

		.img-modal-close:hover {
			color: #d81e06;
			transform: scale(1.5);
		}

		/* 移动端适配 (<= 900px) */
		@media screen and (max-width: 900px) {
			.product-detail-wrapper {
				padding: 15px 0;
			}

			.product-card-container {
				flex-direction: column;
				padding: 15px;
				gap: 20px;
			}

			.gallery-container {
				max-width: 100%;
				min-width: 100%;
				gap: 12px;
			}

			.gallery-main {
				height: 280px;
			}

			.gallery-thumbs .swiper-slide {
				width: 56px;
				height: 56px;
			}

			.info-container {
				min-width: 100%;
				padding-top: 0;
			}

			.detail-product-title {
				font-size: 20px;
				margin-bottom: 10px;
			}

			.title-square {
				width: 12px;
				height: 12px;
			}

			.category-row {
				font-size: 13px;
				margin-bottom: 10px;
			}

			.product-spec-bar {
				flex-direction: column;
				align-items: flex-start;
				gap: 6px;
			}

			.bottom-info-block {
				margin-top: 15px;
			}

			.dashed-divider {
				margin: 10px 0;
			}

			.contact-row {
				padding: 5px 0;
			}

			.contact-text {
				font-size: 13px;
			}

			.phone-number {
				font-size: 16px;
				display: inline-block;
			}

			.button-group {
				margin-top: 15px;
				gap: 12px;
			}

			.btn-custom {
				flex: 1;
				width: auto;
				height: 38px;
				font-size: 14px;
			}

			.img-modal-close {
				top: 15px;
				right: 20px;
				font-size: 32px;
			}
		}