/* 0070 - HHPOKER排行权威风 Custom Styles */

html { scroll-behavior: smooth; }

/* Navbar scroll */
#navbar.scrolled { background: rgba(10, 10, 10, 0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(37, 99, 235, 0.15); }

/* Rank cards */
.rank-card {
    transition: all 0.4s ease;
}
.rank-card:hover {
    transform: translateY(-8px);
    border-color: #2563eb !important;
    box-shadow: 0 20px 50px rgba(37, 99, 235, 0.2);
}

/* Ranking stat panels */
.rank-stat { transition: all 0.3s ease; }
.rank-stat:hover { border-color: #2563eb; box-shadow: 0 0 20px rgba(37, 99, 235, 0.15); }

/* Rank FAQ */
.rank-faq { transition: all 0.3s ease; }
.rank-faq:hover { border-color: #2563eb !important; }
.rank-faq .faq-icon { transition: transform 0.4s ease; }
.rank-faq.open .faq-icon { transform: rotate(45deg); }
.rank-faq.open { border-color: #2563eb !important; }
.rank-faq .faq-answer { transition: all 0.3s ease; }

/* Mobile menu */
#mobile-menu { transition: all 0.3s ease; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #2563eb; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1d4ed8; }

/* Number glow */
@keyframes glowPulse { 0%,100% { text-shadow: 0 0 10px rgba(37,99,235,0.3); } 50% { text-shadow: 0 0 30px rgba(37,99,235,0.7); } }
.glow-number { animation: glowPulse 2s infinite; }