.product-detail {
            width: min(1200px, calc(100% - 24px));
            margin: 50px auto;
            padding: 30px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            box-sizing: border-box;
        }
        .product-img {
            width: min(50%, 100%);
        }
        .product-img img {
            width: min(500px, 100%);
            height: auto;
            border-radius: 5px;
        }
        .product-info {
            width: min(50%, 100%);
            flex: 1;
        }
        .product-info h2 {
            font-size: clamp(20px, 2.5vw, 28px);
            color: #8B0000;
            margin-bottom: 20px;
        }
        .product-info p {
            line-height: 2;
            color: #666;
            margin-bottom: 15px;
        }
        .price {
            font-size: 24px;
            color: #e60000;
            font-weight: bold;
            margin: 20px 0;
        }
        .buy-btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: #8B0000;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            font-size: 18px;
            transition: all 0.3s ease;
        }
        .buy-btn:hover {
            background-color: #c20000;
            transform: translateY(-3px);
        }
		
		/* 购物车入口样式 */
		.cart-entry {
		  position: fixed;
		  top: 370px;
		  right: 30px;
		  z-index: 99;
		}
		.cart-btn {
		  text-decoration: none;
		  color: #fff;
		  background-color: #8B0000;
		  padding: 8px 15px;
		  border-radius: 5px;
		  font-size: 16px;
		}
		.cart-count {
		  position: absolute;
		  top: -8px;
		  right: -8px;
		  background-color: #e60000;
		  color: #fff;
		  font-size: 12px;
		  padding: 3px 6px;
		  border-radius: 50%;
		}
		
		/* 购物车弹窗样式 */
		.cart-modal {
		  display: none;
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: rgba(0, 0, 0, 0.5);
		  z-index: 999;
		}
		.cart-modal-content {
		  position: relative;
		  background-color: #fff;
		  width: 400px;
		  margin: 80px auto;
		  padding: 20px;
		  border-radius: 5px;
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		}
		.close-cart {
		  position: absolute;
		  top: 10px;
		  right: 15px;
		  font-size: 24px;
		  cursor: pointer;
		}
		.cart-items {
		  list-style: none;
		  padding: 0;
		  margin: 20px 0;
		}
		.cart-items li {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  padding: 10px 0;
		  border-bottom: 1px solid #eee;
		}
		.cart-summary {
		  margin-bottom: 20px;
		}
		.total {
		  font-weight: bold;
		}
		.checkout-btn {
		  background-color: #8B0000;
		  color: #fff;
		  padding: 10px 20px;
		  border: none;
		  border-radius: 5px;
		  cursor: pointer;
		  font-size: 16px;
		}
		.checkout-btn:hover {
		  background-color: #c20000;
		}

		/* 添加成功提示（替代原 Tailwind 类名，本站未引入 Tailwind） */
		.cart-toast {
		  position: fixed;
		  top: 80px;
		  right: 20px;
		  z-index: 1000;
		  background-color: #8B0000;
		  color: #fff;
		  font-size: 14px;
		  padding: 10px 18px;
		  border-radius: 5px;
		  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
		}
/* ===== 手机端适配（≤768px）===== */
@media (max-width: 768px) {
    .product-detail {
        margin: 24px auto;
        padding: 18px 16px;
        gap: 16px;
    }
    .product-img, .product-info {
        width: 100%;
        flex: none;
    }
    .product-img img {
        height: 280px;
        object-fit: cover;
    }
    .product-info p {
        line-height: 1.8;
        font-size: 14px;
    }
    .price {
        font-size: 20px;
    }
    .buy-btn {
        font-size: 16px;
        padding: 10px 24px;
    }
    .cart-entry {
        top: auto;
        bottom: 24px;
        right: 16px;
    }
    .cart-modal-content {
        width: calc(100% - 32px);
        margin: 60px auto;
    }
}