* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', -apple-system, sans-serif; background: #f4f7f6; color: #2d3436; line-height: 1.6; }

/* 渐变背景 */
.hero { background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%); color: white; padding: 120px 20px; text-align: center; }
.hero h1 { font-size: 3.5rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 15px; }
.hero p { font-size: 1.2rem; opacity: 0.9; font-weight: 300; }

.container { max-width: 1100px; margin: 0 auto; padding: 80px 20px; }
.section-title { text-align: center; font-size: 2.2rem; margin-bottom: 50px; position: relative; }
.section-title::after { content: ''; width: 50px; height: 4px; background: #6c5ce7; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }

/* 产品卡片设计 */
.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 35px; }
.product { 
    background: white; 
    border-radius: 20px; 
    overflow: hidden; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.product:hover { 
    transform: translateY(-12px); 
    box-shadow: 0 20px 40px rgba(108, 92, 231, 0.15); 
}
.product img { width: 100%; height: 240px; object-fit: cover; }
.product-info { padding: 25px; }
.product-info h3 { font-size: 1.3rem; margin-bottom: 10px; }
.product-info .price { color: #6c5ce7; font-size: 1.5rem; font-weight: 700; margin-bottom: 12px; }
.product-info .desc { color: #636e72; font-size: 0.95rem; }

.about { background: white; padding: 100px 20px; text-align: center; }
.about p { max-width: 800px; margin: 0 auto; color: #636e72; font-size: 1.1rem; }
.footer { background: #2d3436; color: #dfe6e9; text-align: center; padding: 40px; font-size: 0.9rem; }