* {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', sans-serif;
 }


 .hero-gradient {
     background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 25%, #0ea5e9 50%, #f97316 75%, #fbbf24 100%);
     background-size: 400% 400%;
     animation: gradientShift 15s ease infinite;
 }

 @keyframes gradientShift {
     0% { background-position: 0% 50%; }
     50% { background-position: 100% 50%; }
     100% { background-position: 0% 50%; }
 }

 /* 玻璃态效果 */
 .glass-card {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .glass-light {
     background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
 }


 .neon-glow {
     box-shadow: 0 0 20px rgba(14, 165, 233, 0.5),
                 0 0 40px rgba(249, 115, 22, 0.3),
                 0 0 60px rgba(14, 165, 233, 0.2);
 }

 .neon-text {
     text-shadow: 0 0 10px rgba(14, 165, 233, 0.8),
                  0 0 20px rgba(14, 165, 233, 0.6),
                  0 0 30px rgba(14, 165, 233, 0.4);
 }

 .card-3d {
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transform-style: preserve-3d;
 }

 .card-3d:hover {
     transform: translateY(-12px) scale(1.02) rotateX(5deg);
     box-shadow: 0 25px 50px -12px rgba(14, 165, 233, 0.4),
                 0 12px 24px -8px rgba(249, 115, 22, 0.3);
 }


 .pulse-glow {
     animation: pulseGlow 2s ease-in-out infinite;
 }

 @keyframes pulseGlow {
     0%, 100% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }
     50% { box-shadow: 0 0 0 20px rgba(14, 165, 233, 0); }
 }

 /* 渐变文字 */
 .gradient-text {
     background: linear-gradient(135deg, #0ea5e9 0%, #062533 50%, #fbbf24 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }


 .btn-magic {
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease;
 }

 .btn-magic::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
     transition: left 0.5s ease;
 }

 .btn-magic:hover::before {
     left: 100%;
 }

 .btn-magic:hover {
     transform: scale(1.05);
     box-shadow: 0 10px 30px -10px rgba(249, 115, 22, 0.6);
 }

/
 .float-animation {
     animation: float 6s ease-in-out infinite;
 }

 @keyframes float {
     0%, 100% { transform: translateY(0px); }
     50% { transform: translateY(-20px); }
 }

 /* 数字计数器样式 */
 .stat-number {
     background: linear-gradient(135deg, #0ea5e9, #f97316);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }


 .feature-icon-wrapper {
     position: relative;
 }

 .feature-icon-wrapper::before {
     content: '';
     position: absolute;
     inset: -8px;
     background: linear-gradient(135deg, rgba(14, 165, 233, 0.3), rgba(249, 115, 22, 0.3));
     border-radius: 20px;
     opacity: 0;
     transition: opacity 0.3s ease;
     z-index: -1;
 }

 .card-3d:hover .feature-icon-wrapper::before {
     opacity: 1;
 }


 .mobile-menu {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .mobile-menu.active {
     max-height: 600px;
 }


 .particle {
     position: absolute;
     width: 4px;
     height: 4px;
     background: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     animation: particleFloat 8s ease-in-out infinite;
 }

 @keyframes particleFloat {
     0%, 100% { transform: translateY(0) translateX(0); opacity: 0.6; }
     50% { transform: translateY(-100px) translateX(50px); opacity: 0.3; }
 }


 .scroll-progress {
     position: fixed;
     top: 0;
     left: 0;
     height: 3px;
     background: linear-gradient(90deg, #0ea5e9, #f97316, #fbbf24);
     z-index: 9999;
     transition: width 0.1s ease;
 }


 .star-animation {
     animation: starPop 0.5s ease-out forwards;
 }

 @keyframes starPop {
     0% { transform: scale(0); opacity: 0; }
     50% { transform: scale(1.3); }
     100% { transform: scale(1); opacity: 1; }
 }