/* product_detail.php的代码。主内容容器 - 总宽度920px，总高度380px */
        .detail-container {
            display: flex;
            width: 870px;
            height: 380px;
            margin: 20px auto 0;
            gap: 20px; /* 主图和信息区之间的间距 */
            box-sizing: border-box;
        }
		.detail-container2 {
            display: flex;
            width: 870px;
            height: 380px;
            margin: 20px auto 0;
            gap: 20px; /* 主图和信息区之间的间距 */
            box-sizing: border-box;
        }
        
        /* 左侧主图容器 - 固定320*380px（与总高度一致） */
        .main-image-container {
            width: 320px;
            height: 100%; /* 继承父容器380px高度 */
            flex-shrink: 0; /* 防止缩小 */
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #eee;
            padding: 10px;
            box-sizing: border-box;
			 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 水平偏移 0，垂直偏移 2px，模糊 10px，浅灰色阴影 */
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        /* 右侧信息区 - 自动计算宽度（920 - 320 - 20间距 = 580px），高度380px */
        .product-info {
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
	
        }
        
        .product-info-top {
            padding: 5px 0 10px;
            border-bottom: 1px solid #eee;
        }
        
        .product-info-middle {
            flex: 1;
            padding: 10px 0;
            overflow-y: auto; /* 参数过多时显示滚动条 */
        }
        
        .product-info-bottom {
            padding: 10px 0 5px;
            border-top: 1px solid #eee;
            display: flex;
            align-items: center;
        }
        
        .product-name {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .product-category {
            font-size: 18px;
            color: #666;
        }
        
        .parameter-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
            font-size: 14px;
        }
        
        .parameter-item {
            display: flex;
        }
        
        .parameter-label {
            color: #666;
            min-width: 70px;
        }
				
			  .parameter-value {
			flex: 1;
			/* 移除 nowrap 限制，允许自动换行 */
			/* white-space: nowrap; */
			/* 移除溢出隐藏和省略号 */
			/* overflow: hidden;
			text-overflow: ellipsis; */
			word-wrap: break-word; /* 长单词自动换行 */
			word-break: break-word; /* 强制换行（适合中英文混合） */
			line-height: 1.5; /* 增加行高，提升可读性 */
		}
        
        .price-display {
            font-size: 35px;
            color: #e53935;
            font-weight: bold;
        }
		 .hangqing{
			 height:27px;
			 margin-left:10px;
		 color: blue !important; /* 强制蓝色，覆盖其他颜色设置 */
   		 font-size: 14px !important; /* 强制14px，不受父元素影响 */
  		距 */
  		  line-height: 1 !important; /* 行高为1，确保底部对齐准确 */
  		  align-self: flex-end !important; /* 自身再强制底部对齐（双保险） *//
		
		 }
        
        /* 下方图片画廊容器 */
        .gallery-container {
            width: 100%;
            margin: 30px auto 0;
            display: flex;
			flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
			border-top:1px solid #CCC;
        }
        
        /* 图片固定尺寸500*400px，居中排列 */
        .gallery-item2 {
            width: 100%;
			max-width:800PX !important;
            height: auto;
			display: flex;
            align-items: center;
            justify-content: center;
                       padding: 10px;
            box-sizing: border-box;
        }
        
        .gallery-image2 {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            cursor: pointer;
            transition: transform 0.3s;
        }
        
 
		
		
		
		
		
		
		
		/* 移动端适配 - 产品详情页 */
@media (max-width: 768px) {
    /* 隐藏分类列表和搜索框 */
    .categories,
    .search-container {
        display: none !important;
    }
    
    /* 调整主容器宽度 */
    .detail-container {
        flex-direction: column;
        width: 100%;
        height: auto;
        margin: 10px 0;
        padding: 0 10px;
    }
    
    /* 主图容器占满宽度 */
    .main-image-container {
        width: 100%;
        height: auto;
        padding: 15px 0;
    }
    
    /* 主图自适应 */
    .main-image {
        max-height: 300px;
    }
    
    /* 产品信息区域占满宽度 */
    .product-info {
        width: 100%;
        height: auto;
    }
    
    /* 调整价格显示 */
    .price-display {
        font-size: 28px;
        padding: 10px 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
    }
   
    /* 参数参数列表改为单列 */
    .parameter-list {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 10px 0;
    }
    
    .parameter-label {
        min-width: 80px;
        font-weight: 500;
    }
    
    /* 图片画廊改为单列堆叠 */
    .gallery-container {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        margin-top: 20px;
        padding: 0 10px;
    }
    
    .gallery-item2 {
        width: 100%;
        height: 250px;
    }
    
    /* 调整标题标题样式 */
    .section-title {
        padding: 10px 15px;
        margin: 0 -15px 15px;
        background-color: #f5f5f5;
        font-size: 16px;
    }
    
    /* 顶部导航调整 */
    .header {
        width: 100%;
        padding: 0 15px;
    }
    
    .page-container {
        width: 100%;
    }
    
    .products-section {
        max-width: 100%;
        width: 100%;
    }
    
    .products-container {
        padding: 0;
        box-shadow: none;
        background-color: transparent;
    }
}
		/* 移动端价格适配调整 */
@media (max-width: 768px) {
    /* 移动端显示底部价格（取消隐藏） */
    .product-info-bottom {
        display: block !important;
    }
    
    /* 确保价格在移动端清晰显示 */
    .product-info-bottom .price-display {
        font-size: 24px !important;
        color: #e53935 !important;
        padding: 15px 0 !important;
        border-top: 1px solid #eee !important;
    }
}