Fans
/* ===== BASE ===== */ .a-plus-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; max-width: 1000px; margin: auto; color: #1f2937; background: #ffffff; line-height: 1.6; padding: 20px; } .a-plus-section { padding: 30px 0; border-bottom: 1px solid #e5e7eb; } .a-plus-section:last-child { border-bottom: none; } .a-plus-title { font-size: 28px; font-weight: 700; margin-bottom: 15px; color: #111827; text-align: center; } .a-plus-subtitle { font-size: 22px; font-weight: 600; margin-bottom: 20px; color: #111827; text-align: center; } .a-plus-text { font-size: 16px; color: #4b5563; line-height: 1.6; text-align: center; } .a-plus-highlight { color: #1e40af; font-weight: 700; } /* ===== KEY FEATURES ===== */ .key-features { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; justify-content: center; margin-top: 20px; } .key-text { flex: 1 1 300px; } .key-text h3 { font-size: 22px; font-weight: 700; color: #111827; margin-bottom: 18px; } .key-text p { font-size: 16px; color: #4b5563; margin-bottom: 8px; } .key-text p strong { color: #1e40af; font-weight: 700; } .single-highlight { color: #2563eb !important; font-weight: 800; } .variable-highlight { color: #f97316 !important; font-weight: 800; } /* ===== IMAGE CAROUSEL ===== */ .key-image-carousel { position: relative; flex: 1 1 320px; width: 100%; max-width: 480px; min-height: 320px; border-radius: 12px; overflow: hidden; } .key-image-carousel img { position: absolute; width: 100%; height: 100%; object-fit: contain; background: #ffffff; opacity: 0; animation: carousel 30s infinite; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); } .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 carou