/* 添加产品容器动画样式 */
.product-dang {
    transition: all 0.3s ease; /* 平滑过渡效果 */
    transform-origin: center center; /* 以中心为原点缩放 */
    will-change: transform; /* 优化动画性能 */
    overflow: hidden; /* 防止内容溢出 */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* 图片容器样式 - 实现垂直居中 */
.product-dang p {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    margin: 0; /* 清除默认外边距 */
    height: 100%; /* 占满父容器高度 */
    padding: 10px; /* 可选：添加内边距 */

}

/* 图片样式优化 */
.product-dang img {
    max-height: 100%; /* 不超过容器高度 */
    max-width: 100%; /* 不超过容器宽度 */
    object-fit: contain; /* 保持图片比例，完整显示 */

}

.product-dang:hover {
    transform: scale(1.03); /* 整体放大3% */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* 添加阴影增强立体感 */
}

/* 确保内部元素不单独缩放 */
.product-dang .cp-wena {
    transition: none !important; /* 取消内部元素过渡 */
    transform: none !important; /* 防止内部元素被缩放 */
}

.product-conten {
    /* 可添加容器布局样式 */
    display: flex;
    gap: 20px;
    padding: 20px;
}