/* 0066 - HHPOKER 蓝宝石专业企业风 Custom Styles */

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

/* Navbar scroll effect */
#navbar.scrolled { background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(10px); box-shadow: 0 4px 30px rgba(0,0,0,0.1); }

/* Feature card hover - blue shadow lift */
.feature-card:hover { box-shadow: 0 25px 50px -12px rgba(29, 78, 216, 0.25); }

/* FAQ accordion */
.faq-item .faq-arrow { transition: transform 0.3s ease; }
.faq-item.open .faq-arrow { transform: rotate(180deg); color: #1d4ed8; }
.faq-item.open { background: #eff6ff; border: 1px solid #bfdbfe; }

/* Timeline dot pulse */
@keyframes dotPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(29,78,216,0.4); } 50% { box-shadow: 0 0 0 12px rgba(29,78,216,0); } }
.timeline-dot { animation: dotPulse 2s infinite; }

/* Counter animation */
.counter { font-variant-numeric: tabular-nums; }

/* Floating cards animation */
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.floating-card { animation: float 4s ease-in-out infinite; }
.floating-card:nth-child(2) { animation-delay: 0.5s; }
.floating-card:nth-child(3) { animation-delay: 1s; }
.floating-card:nth-child(4) { animation-delay: 1.5s; }

/* Button hover effects */
.btn-primary { background-color: #1d4ed8; transition: all 0.3s ease; }
.btn-primary:hover { background-color: #1e40af; transform: translateY(-2px); box-shadow: 0 10px 40px rgba(29,78,216,0.4); }

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

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #93c5fd; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1d4ed8; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-title { font-size: 2rem; }
}