/* ===== 基础样式（与上一版相同）===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#f8f9fa;color:#333;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:20px}
.header{text-align:center;margin-bottom:40px;padding:30px 0;background:linear-gradient(135deg,#E1251B 0%,#c41e1a 100%);color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(225,37,27,.3)}
.title{font-size:2.5rem;font-weight:700;margin-bottom:10px}
.subtitle{font-size:1.1rem;opacity:.9}

/* ===== 区域标题 ===== */
.coupon-section{margin-bottom:50px}
.section-title{font-size:1.8rem;font-weight:600;color:#E1251B;margin-bottom:20px;text-align:center;letter-spacing:1px}

/* ===== 商品网格（与上一版相同）===== */
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}

/* 正方形图片 */
.product-image{position:relative;width:100%;padding-bottom:100%;height:0;overflow:hidden}
.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.product-card:hover .product-image img{transform:scale(1.05)}

/* 优惠券徽章 */
.coupon-badge{position:absolute;top:15px;right:15px;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.coupon-5{background:linear-gradient(135deg,#4CAF50,#45a049)}
.coupon-10{background:linear-gradient(135deg,#FF9800,#f57c00)}

/* 商品信息 & 按钮 */
.product-info{padding:20px}
.product-title{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333}
.product-links{display:flex;gap:10px}
.link-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:inline-block}
.pc-link{background:#E1251B;color:#fff}
.pc-link:hover{background:#c41e1a;transform:translateY(-2px)}
.mobile-link{background:#f5f5f5;color:#333;border:2px solid #ddd}
.mobile-link:hover{background:#e8e8e8;border-color:#bbb}

/* 微信 & 底部 */
.wechat-section{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.08);margin:50px 0 30px}
.wechat-title{font-size:1.8rem;color:#E1251B;margin-bottom:10px}
.wechat-desc{font-size:1.1rem;color:#666;margin-bottom:25px}
.wechat-qr{width:150px;height:150px;margin:0 auto 15px;border:3px solid #E1251B;border-radius:10px;overflow:hidden}
.wechat-qr img{width:100%;height:100%;object-fit:cover}
.wechat-hint{color:#999;font-size:.9rem}
.footer{text-align:center;padding:20px;color:#666;font-size:.9rem}

/* 提示框 & 动画 */
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#333;color:#fff;padding:15px 30px;border-radius:8px;font-size:1rem;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}
.toast.show{opacity:1;visibility:visible}
.product-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.product-card.visible{opacity:1;transform:translateY(0)}

/* 响应式 */
@media (max-width:768px){
  .container{padding:15px}
  .title{font-size:2rem}
  .product-grid{grid-template-columns:1fr;gap:20px}
  .product-links{flex-direction:column}
}