t(135deg, #ff4500 0%, #ff6700 100%); color: #fff; box-shadow: 0 4px 15px rgba(255, 69, 0, 0.3); } .btn-primary:hover { background: linear-gradient(135deg, #ff6700 0%, #ff4500 100%); box-shadow: 0 6px 20px rgba(255, 69, 0, 0.4); transform: translateY(-2px); } .btn-secondary { background: #fff; color: #ff6700; border: 2px solid #ff6700; } .btn-secondary:hover { background: #fff5f0; transform: translateY(-2px); } .btn svg { width: 18px; height: 18px; } /* 商品详情 */ .product-details { background: #fff; border-radius: 12px; padding: 20px; margin-bottom: 20px; } .product-details h2 { font-size: 18px; color: #333; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 2px solid #ff6700; } .details-content { color: #666; line-height: 2; } .details-content p { margin-bottom: 12px; } .details-content strong { color: #333; } /* 商品特点 */ .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 20px; } .feature-item { background: #f9f9f9; padding: 15px; border-radius: 8px; border-left: 3px solid #ff6700; } .feature-item h3 { font-size: 15px; color: #333; margin-bottom: 8px; } .feature-item p { font-size: 13px; color: #666; line-height: 1.6; } /* 同类推荐 */ .related-products { background: #fff; border-radius: 12px; padding: 20px; } .related-products h2 { font-size: 18px; color: #333; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 2px solid #f0f0f0; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; } .product-card { background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; padding: 12px; transition: all 0.3s; } .product-card:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); transform: translateY(-3px); } .product-card img { width: 100%; height: 180px; object-fit: cover; border-radius: 6px; margin-bottom: 10px; } .product-card h3 { font-size: 14px; color: #333; margin-bottom: 8px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .product-card a { text-decoration: none; color: inherit; } .product-card a:hover { color: #ff6700; } .product-price { color: #ff4500; font-size: 16px; font-weight: bold; } .product-price small { font-size: 12px; color: #999; font-weight: normal; text-decoration: line-through; margin-left: 5px; } /* 口令复制区域 */ .copy-section { background: #f9f9f9; padding: 15px; border-radius: 8px; margin-top: 20px; } .copy-title { font-size: 14px; color: #666; margin-bottom: 10px; } .copy-box { background: #fff; border: 1px solid #e0e0e0; padding: 12px; border-radius: 6px; font-size: 12px; color: #333; word-break: break-all; margin-bottom: 10px; line-height: 1.6; } .copy-btn { background: #ff6700; color: #fff; border: none; padding: 8px 20px; border-radius: 50px; cursor: pointer; font-size: 14px; transition: all 0.3s; } .copy-btn:hover { background: #ff4500; } .copy-btn:active { transform: scale(0.95); } /* 页脚 */ footer { background: #333; color: #999; padding: 30px 0; margin-top: 40px; } .footer-content { max-width: 1200px; margin: 0 auto; padding: 0 15px; text-align: center; } .footer-content p { margin-bottom: 8px; font-size: 13px; } .footer-content a { color: #999; text-decoration: none; } .footer-content a:hover { color: #ff6700; } /* 响应式设计 - 平板 */ @media (min-width: 768px) { .container { padding: 20px; } .product-grid { grid-template-columns: 1fr 1fr; gap: 40px; } .product-title { font-size: 24px; } .thumbnail { width: 70px; height: 70px; } .products-grid { grid-template-columns: repeat(3, 1fr); } } /* 响应式设计 - 桌面 */ @media (min-width: 1024px) { .logo { font-size: 24px; } nav a { font-size: 16px; } .product-main { padding: 30px; } .product-title { font-size: 28px; } .final-price .amount { font-size: 40px; } .btn { min-width: 180px; } .products-grid { grid-template-columns: repeat(4, 1fr); } } /* 移动端隐藏部分导航 */ @media (max-width: 767px) { nav ul { gap: 12px; } nav li:nth-child(n+4) { display: none; } .breadcrumb { font-size: 12px; } } .image-container { width: 100%; overflow: hidden; /* 改为垂直布局 */ display: flex; flex-direction: column; /* 主轴垂直，自动换行/单列排列 */ justify-content: center; align-items: center; gap: 10px; /* 图片之间上下间距，可自行调整 */ } .image-container img { max-width: 100%; max-height: 100%; height: auto; margin: 0; }

原价:￥ 现价:￥
原价:￥ 现价:￥

店铺：

立即抢购

淘宝口令（复制后打开手机淘宝即可购买）：

--------------------- --------------------- 【原售价】元 【现售价】元 --------------------- 复制此信息，打开【手机淘宝】即可下单购买

商品详细介绍

，直发,好货推荐。

承诺：品质保证，让您买得放心。

直发

7天无理由退货

正品店铺

保证金已交淘宝天猫

人气好店

买家好评多多

品质保证

精选商品，放心购买