.product-card-box {
	display: flex; /* 启用flex布局 */
	justify-content: center;
}

.product-card {
    display: flex; /* 启用flex布局 */
    border: 1px solid #ccc; /* 添加边框以便于观察 */
    border-radius: 8px; /* 圆角边框 */
    overflow: hidden; /* 防止子元素超出容器 */
    margin: 20px; /* 外边距 */
	width: 750px;
	position: relative; /* 确保链接可以正确覆盖 */
}
 
.product-image {
    flex: 1; /* 让图片占据一定的空间，但不伸缩 */
}
 
.product-image img {
    width: 100%; /* 使图片宽度充满容器 */
    height: auto; /* 保持图片比例 */
    display: block; /* 防止图片下方有空隙 */
}
 
.product-details {
    flex: 4; /* 让详情部分占据更多的空间 */
    padding: 20px; /* 内边距 */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
 
.product-details h3 {
    margin-top: 0; /* 移除默认的顶部外边距 */
}

.product-card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-card-price {
    color: #e44d26; /* 价格颜色 */
    font-weight: bold; /* 加粗 */
	padding: 1px 0px 2px 0px; /* 内边距 */
}

.product-stretched-link {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.product-stretched-link:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; /* 确保链接层在内容之上 */
}
.buy-button {
  background-color: #4CAF50; /* 绿色背景 */
  color: white; /* 白色文字 */
  padding: 1px 10px 2px 10px; /* 内边距 */
  border: none; /* 无边框 */
  border-radius: 5px; /* 圆角边框 */
  cursor: pointer; /* 鼠标悬停时显示指针 */
  font-size: 14px; /* 字体大小 */
  text-align: center; /* 文本居中 */
  text-decoration: none; /* 无下划线 */
  display: inline-block; /* 行内块级元素 */
}



@media (max-width: 600px) {
    .product-card {
        flex-direction: column; /* 在小屏幕上垂直排列 */
		width: 90%;
    }
	.buy-button {
	  background-color: #4CAF50; /* 绿色背景 */
	  color: white; /* 白色文字 */
	  padding: 10px 20px; /* 内边距 */
	  border: none; /* 无边框 */
	  border-radius: 5px; /* 圆角边框 */
	  cursor: pointer; /* 鼠标悬停时显示指针 */
	  font-size: 16px; /* 字体大小 */
	  text-align: center; /* 文本居中 */
	  text-decoration: none; /* 无下划线 */
	  display: inline-block; /* 行内块级元素 */
	  box-shadow: 0 4px #45a049; /* 阴影效果 */
	  transition: background-color 0.3s ease; /* 平滑过渡效果 */
	  background-image: linear-gradient(to right, #4CAF50, #45a049); /* 渐变背景 */
	}
	
	.buy-button:hover {
	  background-color: #45a049; /* 鼠标悬停时的背景颜色 */
	}
	
	.product-card-bottom {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
}