Fans
/* ================= BASE ================= */ .a-plus-container{ max-width:1100px; margin:auto; padding:20px; font-family:Arial, Helvetica, sans-serif; color:#1f2937; line-height:1.6; } .a-plus-section{ padding:50px 0; border-bottom:1px solid #e5e7eb; } .a-plus-title{ font-size:34px; font-weight:700; text-align:center; } .a-plus-subtitle{ font-size:26px; font-weight:600; text-align:center; margin-bottom:20px; } .a-plus-text{ text-align:center; color:#555; max-width:900px; margin:auto; } /* ================= FEATURE ================= */ .key-features{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; } .key-text{ flex:1; min-width:320px; } .key-text h3{ color:#1b63b7; } .key-text p{ margin-bottom:10px; } .key-image-carousel{ position:relative; flex:1; min-width:320px; height:340px; } .key-image-carousel img{ position:absolute; width:100%; height:100%; object-fit:contain; opacity:0; animation:carousel 30s infinite; } .key-image-carousel img:nth-child(1){animation-delay:0s;} .key-image-carousel img:nth-child(2){animation-delay:6s;} .key-image-carousel img:nth-child(3){animation-delay:12s;} .key-image-carousel img:nth-child(4){animation-delay:18s;} .key-image-carousel img:nth-child(5){animation-delay:24s;} @keyframes carousel{ 0%{opacity:0;} 5%{opacity:1;} 30%{opacity:1;} 35%{opacity:0;} 100%{opacity:0;} } /* ================= SPEC ================= */ .spec-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; } .spec-bubble{ background:#f3f4f6; padding:10px 18px; border-radius:50px; font-size:14px; transition:0.2s; } .spec-bubble:hover{ transform:scale(1.05); background:#e0e7ff; } /* ================= SIZE ================= */ .size-grid{ display:flex; gap:20px; justify-content:center; flex-wrap:wrap; } .size-card { display:block; max-width:260px; background:#f9fafb; padding:12px; border-radius:10px; text-decoration:none; color:#111827; font-weight:600; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(0,0,0,0.05);