  .text-gradient {
            background: linear-gradient(to right, #003399, #002fa7);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        /* Animations */
        @keyframes fade-in-up {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }

        .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }

        /* Mega Menu Transition */
        .mega-menu {
            display: none;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }
        .mega-menu.active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* Carousel Transitions */
        .carousel-item {
            display: none;
        }
        .carousel-item.active {
            display: block;
            animation: fade-in 0.5s ease-out forwards;
        }

        @keyframes fade-in {
            from { opacity: 0; transform: translateX(20px); }
            to { opacity: 1; transform: translateX(0); }
        }

        /* Stats Carousel Specifics */
        .stats-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
            pointer-events: none;
        }
        .stats-slide.active {
            opacity: 1;
            pointer-events: auto;
            z-index: 10;
        }


         /* 动画基础类 */
        .animate-on-scroll {
            opacity: 0;
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); /* Ease-out-expo */
        }

        /* 初始状态：左侧滑入 (x: -30) */
        .animate-on-scroll.from-left {
            transform: translateX(-30px);
        }

        /* 初始状态：右侧滑入 (x: 30) */
        .animate-on-scroll.from-right {
            transform: translateX(30px);
        }

        

        /* 激活状态 */
        .animate-on-scroll.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* 针对移动端的优化，防止大圆角溢出问题 */
        @media (max-width: 1024px) {
            .lg-rounded-curve {
                border-radius: 2rem; /* 移动端回退到普通圆角 */
            }
        }