:root {
            --primary-color: #0066FF;
            --secondary-color: #00C2FF;
            --dark-color: #0A1128;
            --light-color: #F8FAFC;
            --text-color: #333;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Noto Sans SC', sans-serif;
            color: var(--text-color);
            overflow-x: hidden;
        }
        
        /* 桌面端启用滚动捕捉 */
        @media (min-width: 769px) {
            body {
                scroll-snap-type: y mandatory;
            }
        }
        @media (min-width: 769px) {
            body {
                scroll-behavior: smooth;
            }
        }
        
/* 桌面端保持平滑滚动 */
        .wh-95rem{
          width: 9.5rem;
          height: 9.5rem;          
        }
        .section {
            width: 100%;
            padding: 6rem 0 2rem;
            position: relative;
            display: flex;
            align-items: center;
        }
        
        /* 桌面端保持全屏高度和滚动捕捉 */
        @media (min-width: 769px) {
            .section {
                height: 100vh;
                scroll-snap-align: start;
                overflow: hidden;
            }
        }
        
        /* 移动端使用默认滚动行为 */
        @media (max-width: 768px) {
            /* 完全重置滚动相关样式 */
            html, body {
                height: auto !important;
                overflow: visible !important;
                scroll-snap-type: none !important;
                scroll-behavior: auto !important;
                position: static !important;
            }
            
            /* 确保所有section使用默认布局 */
            .section {
                height: auto !important;
                min-height: auto !important;
                max-height: none !important;
                overflow: visible !important;
                scroll-snap-align: none !important;
                scroll-snap-type: none !important;
                position: static !important;
                display: block !important;
                align-items: normal !important;
                padding: 2rem 0 1.5rem;
            }
            
            /* 确保内容区域正常显示 */
            .section-content {
                transform: none !important;
                transition: none !important;
            }
            
            /* 禁用所有可能的滚动捕捉 */
            * {
                scroll-snap-type: none !important;
                scroll-snap-align: none !important;
                scroll-snap-stop: normal !important;
            }
            
            /* 减少移动端标题和内容间距 */
            .text-center.mb-8 {
                margin-bottom: 1.5rem !important;
            }
            
            .text-center.mb-12 {
                margin-bottom: 2rem !important;
            }
            
            /* 减少移动端按钮组间距 */
            .flex.flex-col.sm\:flex-row.gap-4 {
                gap: 0.75rem !important;
            }
            
            /* 减少移动端卡片间距 */
            .grid.gap-6,
            .grid.gap-8,
            .grid.md\:grid-cols-2.gap-8,
            .grid.md\:grid-cols-3.gap-6,
            .grid.md\:grid-cols-4.gap-6 {
                gap: 1rem !important;
            }
            
            /* 减少移动端段落间距 */
            p.mb-4,
            p.mb-6 {
                margin-bottom: 0.75rem !important;
            }
            
            /* 减少移动端标题间距 */
            h2.text-3xl.mb-4,
            h3.text-2xl.mb-4 {
                margin-bottom: 1rem !important;
            }
            
            /* 减少移动端列表项间距 */
            .space-y-4,
            .space-y-6 {
                gap: 0.75rem !important;
            }
            
            /* 优化移动端字体大小 */
            h1.text-4xl,
            h1.text-5xl {
                font-size: 2rem !important;
                line-height: 1.2 !important;
            }
            
            h2.text-3xl {
                font-size: 1.75rem !important;
                line-height: 1.3 !important;
            }
            
            h3.text-2xl {
                font-size: 1.5rem !important;
                line-height: 1.3 !important;
            }
            
            /* 优化移动端按钮大小 */
            .btn-primary,
            .btn-outline {
                padding: 0.625rem 1.25rem !important;
                font-size: 0.875rem !important;
            }
            
            /* 优化移动端图标大小 */
            .text-2xl {
                font-size: 1.25rem !important;
            }
            
            .text-xl {
                font-size: 1.125rem !important;
            }
            
            /* 优化移动端描述文本 */
            .text-base {
                font-size: 0.875rem !important;
                line-height: 1.5 !important;
            }
            
            .text-sm {
                font-size: 0.75rem !important;
                line-height: 1.4 !important;
            }
        }
        
        /* 内容容器 */
        .section-content {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
            display: flex;
            flex-direction: column;
            position: relative;
            z-index: 2;
        }
        
        /* 桌面端保持全屏显示 */
        @media (min-width: 769px) {
            .section-content {
                height: 100%;
                justify-content: center;
            }
        }
        
        /* 移动端使用自适应高度和默认行为 */
        @media (max-width: 768px) {
            .section-content {
                height: auto;
                justify-content: flex-start;
                padding: 0 1rem;
                max-width: 100%;
            }
            
            /* 确保移动端内容自适应宽度 */
            .section-content > * {
                max-width: 100%;
                width: 100%;
                box-sizing: border-box;
            }
            
            /* 确保卡片和容器自适应 */
            .card, .service-card, .case-card, .team-card {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }
            
            /* 确保图片自适应 */
            img {
                max-width: 100%;
                height: auto;
                box-sizing: border-box;
            }
            
            /* 确保文本内容正常显示 */
            p, h1, h2, h3, h4, h5, h6 {
                word-wrap: break-word;
                box-sizing: border-box;
            }
        }
        
        /* 背景样式 */
        .bg-gradient-1 {
            background: linear-gradient(135deg, #0A1128 0%, #0066FF 100%);
        }
        
        .bg-gradient-2 {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        .bg-gradient-3 {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }
        
        .bg-gradient-4 {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }
        
        .bg-gradient-5 {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }
        
        .bg-gradient-6 {
            background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
        }
        
        .bg-gradient-7 {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
        }
        
        .bg-gradient-8 {
            background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
        }
        
        .bg-gradient-9 {
            background: linear-gradient(135deg, #667db6 0%, #0082c8 100%);
        }
        
        .text-gradient {
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .btn-primary {
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 0.75rem 2rem;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }
        
        .btn-primary:hover::before {
            left: 100%;
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);
        }
        
        .btn-outline {
            background: transparent;
            color: var(--primary-color);
            padding: 0.75rem 2rem;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            border: 2px solid var(--primary-color);
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        
        .btn-outline::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: var(--primary-color);
            transition: left 0.3s ease;
            z-index: -1;
        }
        
        .btn-outline:hover::before {
            left: 0;
        }
        
        .btn-outline:hover {
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);
        }
        
        .card {
            background: white;
            border-radius: 20px;
            padding: 1.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }
        
        .card:hover::before {
            transform: scaleX(1);
        }
        
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        .card-icon {
            width: 50px;
            height: 50px;
            border-radius: 12px;
            background: var(--light-color);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            font-size: 1.2rem;
            color: var(--primary-color);
            transition: all 0.3s ease;
        }
        
        .card:hover .card-icon {
            transform: scale(1.1);
            background: var(--primary-color);
            color: white;
        }
        
        /* 导航栏 */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
            padding: 1rem 0;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        }
        
        .navbar.scrolled {
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            padding: 0.5rem 0;
        }
        
        .nav-link {
            position: relative;
            color: #333;
            transition: all 0.3s ease;
            padding: 0.5rem 1rem;
            text-decoration: none;
        }
        
        .nav-link:hover {
            color: var(--primary-color);
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: all 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 80%;
        }
        
        /* 滚动指示器 */
        .scroll-indicator {
            position: fixed;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 100;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            display: none;
        }
        
        @media (min-width: 768px) {
            .scroll-indicator {
                display: flex;
            }
        }
        
        .scroll-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(0, 102, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        
        .scroll-dot:hover {
            background: rgba(0, 102, 255, 0.5);
            transform: scale(1.2);
        }
        
        .scroll-dot.active {
            background: var(--primary-color);
            border-color: white;
            box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);
        }
        
        /* 幻灯片样式 - 恢复原来的效果 */
        .carousel-container {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .carousel-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform: translateX(100%);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .carousel-slide.active {
            opacity: 1;
            transform: translateX(0);
        }
        
        .carousel-slide.prev {
            opacity: 1;
            transform: translateX(-100%);
        }
        
        .carousel-dots {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 0.75rem;
            z-index: 10;
        }
        
        .carousel-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        
        .carousel-dot:hover {
            background: rgba(255, 255, 255, 0.8);
            transform: scale(1.2);
        }
        
        .carousel-dot.active {
            background: white;
            border-color: var(--primary-color);
            transform: scale(1.2);
            box-shadow: 0 0 15px rgba(0, 102, 255, 0.5);
        }
        
        .carousel-prev,
        .carousel-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }
        
        .carousel-prev:hover,
        .carousel-next:hover {
            background: white;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        }
        
        .carousel-prev {
            left: 2rem;
        }
        
        .carousel-next {
            right: 2rem;
        }
        
        /* 动画类 */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .fade-in.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        .slide-in-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .slide-in-left.active {
            opacity: 1;
            transform: translateX(0);
        }
        
        .slide-in-right {
            opacity: 0;
            transform: translateX(50px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .slide-in-right.active {
            opacity: 1;
            transform: translateX(0);
        }
        
        .scale-in {
            opacity: 0;
            transform: scale(0.9);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        
        .scale-in.active {
            opacity: 1;
            transform: scale(1);
        }
        
        /* 桌面端服务展示容器 - 默认横向滚动 */
        .services-scroll {
            display: flex;
            overflow-x: auto;
            gap: 1rem;
            padding: 1rem 0;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-snap-type: x mandatory;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }
        
        /* 移动端服务展示容器 - 居中显示单个卡片 */
        @media screen and (max-width: 768px) {
            .services-scroll {
                flex-direction: row !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                scroll-snap-type: x mandatory !important;
                -webkit-overflow-scrolling: touch !important;
                touch-action: pan-y !important;
                max-width: 260px !important;
                margin: 0 auto !important;
                gap: 0 !important;
                padding: 0 0 1.5rem !important;
                display: flex !important;
                justify-content: flex-start !important;
                align-items: flex-start !important;
            }
        }
        
        .services-scroll::-webkit-scrollbar {
            display: none;
        }
        
        .service-card {
            flex: 0 0 280px;
            background: white;
            border-radius: 15px;
            padding: 1.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            scroll-snap-align: start;
            position: relative;
            overflow: hidden;
        }
        
        /* 移动端服务卡片 - 居中单个显示 */
        @media screen and (max-width: 768px) {
            .service-card {
                flex: 0 0 auto !important;
                width: 260px !important;
                min-width: 260px !important;
                max-width: 260px !important;
                margin-bottom: 0 !important;
                scroll-snap-align: center !important;
                padding: 1.25rem !important;
                margin-right: 0 !important;
                margin-left: 0 !important;
                position: relative !important;
            }
            
            .service-card h3 {
                font-size: 1.1rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .service-card p {
                font-size: 0.85rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .service-card ul {
                font-size: 0.8rem !important;
            }
            
            .service-card li {
                margin-bottom: 0.375rem !important;
            }
            
            /* 隐藏滚动条但保持滚动功能 */
            .services-scroll::-webkit-scrollbar {
                display: none !important;
            }
            
            .services-scroll {
                -ms-overflow-style: none !important;
                scrollbar-width: none !important;
            }
        }

        /* 3D翻转卡片效果 */
        .flip-card {
            perspective: 1000px;
            height: 345px;
        }
        
        /* 移动端正方形卡片样式 */
        @media (max-width: 768px) {
            #advantages .flip-card {
                height: 0 !important;
                padding-bottom: 100% !important;
                position: relative !important;
                margin-bottom: 1rem !important;
                min-height: 0 !important;
            }
            
            #advantages .flip-card-inner {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                height: 100% !important;
                width: 100% !important;
            }
            
            #advantages .flip-card-front,
            #advantages .flip-card-back {
                height: 100% !important;
                width: 100% !important;
                padding: 1rem !important;
            }
            
            /* 调整移动端卡片内容大小 */
            #advantages .flip-card-front .w-16 {
                width: 12px !important;
                height: 12px !important;
            }
            
            #advantages .flip-card-front .text-2xl {
                font-size: 1.25rem !important;
            }
            
            #advantages .flip-card-front .text-lg {
                font-size: 1rem !important;
            }
            
            #advantages .flip-card-front .text-sm {
                font-size: 0.8rem !important;
            }
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            border-radius: 15px;
        }

        .flip-card:hover .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 15px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 1.5rem;
        }

        .flip-card-front {
            background: white;
            color: #333;
            border: 1px solid rgba(0, 102, 255, 0.1);
            backdrop-filter: blur(10px);
        }

        .flip-card-back {
            background: white;
            color: #333;
            transform: rotateY(180deg);
        }
        
        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }
        
        .service-card:hover::before {
            transform: scaleX(1);
        }
        
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        /* 案例展示 - 移动端横向滚动 */
        .cases-container {
            width: 100%;
        }
        
        .cases-scroll {
            display: none;
            overflow-x: auto;
            gap: 1rem;
            padding: 1rem 0;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-snap-type: x mandatory;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }
        
        .cases-scroll::-webkit-scrollbar {
            display: none;
        }
        
        @media (max-width: 768px) {
            .cases-scroll {
                display: flex;
            }
            .cases-grid {
                display: none;
            }
        }
        
        .cases-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1rem;
        }
        
        .case-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            scroll-snap-align: start;
            position: relative;
            overflow: hidden;
        }
        
        .case-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }
        
        .case-card:hover::before {
            transform: scaleX(1);
        }
        
        .case-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        /* 团队轮播 - 修复移动端滑动 */
        .team-carousel {
            display: flex;
            overflow-x: auto;
            gap: 1rem;
            padding: 1rem 0;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-snap-type: x mandatory;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }
        
        .team-carousel::-webkit-scrollbar {
            display: none;
        }
        
        .team-card {
            flex: 0 0 270px;
            background: white;
            border-radius: 15px;
            padding: 1rem;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            scroll-snap-align: start;
            position: relative;
            overflow: hidden;
        }
        
        /* 移动端团队卡片样式 */
        @media (max-width: 768px) {
            .team-card {
                flex: 0 0 calc(100vw - 2rem);
                margin: 0 1rem;
                padding: 2rem 1.5rem;
                min-height: 450px;
            }
            
            #team-scroll-container {
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
            }
        }
        
        /* 团队介绍滚动按钮样式 */
        .team-scroll-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            color: var(--primary-color);
            font-size: 1.2rem;
        }

        .team-scroll-btn:hover {
            background: white;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        }

        .team-scroll-btn.left-btn {
            left: -4rem;
        }

        .team-scroll-btn.right-btn {
            right: -4rem;
        }
        
        .team-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }
        
        .team-card:hover::before {
            transform: scaleX(1);
        }
        
        .team-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        /* FAQ两列布局 */
        .faq-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        
        @media (min-width: 768px) {
            .faq-grid {
                grid-template-columns: 1fr 1fr;
            }
        }
        
        /* 流程横向展示 */
        .process-horizontal {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        
        .process-step {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            background: white;
            border-radius: 20px;
            padding: 1.5rem 2rem;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            min-width: 280px;
        }
        
        .process-step::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 100%;
            background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));
            transform: scaleY(0);
            transition: transform 0.3s ease;
        }
        
        .process-step:hover::before {
            transform: scaleY(1);
        }
        
        .process-step:hover {
            transform: translateX(5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        
        .process-number {
            width: 50px;
            height: 50px;
            background: var(--primary-color);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.25rem;
            flex-shrink: 0;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
        }
        
        .process-step:hover .process-number {
            transform: scale(1.1);
            background: var(--secondary-color);
        }
        
        /* 加载动画 */
        .loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.5s ease, visibility 0.5s ease;
            animation: hideLoader 3s forwards;
        }
        
        @keyframes hideLoader {
            0% {
                opacity: 1;
                visibility: visible;
            }
            70% {
                opacity: 1;
                visibility: visible;
            }
            100% {
                opacity: 0;
                visibility: hidden;
            }
        }
        
        .loader.hidden {
            opacity: 0;
            visibility: hidden;
        }
        
        /* 粒子背景 */
        #particles-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        /* 科技感装饰元素 */
        .tech-circle {
            position: absolute;
            border: 2px solid rgba(0, 102, 255, 0.3);
            border-radius: 50%;
            animation: pulse 3s infinite;
        }
        
        .tech-line {
            position: absolute;
            background: linear-gradient(90deg, transparent, rgba(0, 102, 255, 0.5), transparent);
            height: 1px;
            animation: scan 4s infinite;
        }
        
        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.5;
            }
            50% {
                transform: scale(1.1);
                opacity: 0.8;
            }
        }
        
        @keyframes scan {
            0% {
                transform: translateX(-100%);
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
            100% {
                transform: translateX(100%);
                opacity: 0;
            }
        }
        
        /* 鼠标跟随效果 */
        .cursor-follower {
            position: fixed;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: rgba(0, 102, 255, 0.3);
            pointer-events: none;
            z-index: 9999;
            transition: transform 0.1s ease;
            mix-blend-mode: difference;
        }
        
        /* 滚动视差效果 */
        .parallax-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 120%;
            background-size: cover;
            background-position: center;
            transform: translateY(0);
            z-index: 1;
        }
        
        /* 响应式调整 - 移动端优化 */
        @media (max-width: 768px) {
            .section {
                padding: 5rem 0 1rem;
                height: auto;
                min-height: 100vh;
            }
            .m-top10 {
                padding-top: 7rem !important;
            }
            .section-content {
                padding: 0 1rem;
            }
            .high15 {
                height: 4rem;
            }
            .carousel-prev,
            .carousel-next {
                width: 40px;
                height: 40px;
                left: 1rem;
                right: 1rem;
                display: none;
            }
            
            .service-card {
                flex: 0 0 260px;
            }
            
            .team-card {
                flex: 0 0 260px;
            }
            
            /* 移动端文字大小优化 */
            h1 {
                font-size: 2.5rem !important;
                line-height: 1.2 !important;
            }
            
            h2 {
                font-size: 2rem !important;
                line-height: 1.3 !important;
            }
            
            h3 {
                font-size: 1.5rem !important;
                line-height: 1.4 !important;
            }
            
            /* 移动端卡片间距优化 */
            .card, .service-card, .case-card, .team-card {
                margin-bottom: 1rem;
            }
            
            /* 移动端流程步骤优化 */
            .process-step {
                flex-direction: column;
                text-align: center;
                padding: 1.5rem 1rem;
            }
            
            .process-number {
                margin-bottom: 0.75rem;
            }
            
            /* 移动端FAQ优化 */
            .faq-question {
                font-size: 1rem !important;
                padding: 1rem !important;
            }
            
            .faq-answer {
                padding: 1rem !important;
            }
            
            /* 移动端团队卡片优化 */
            .team-card {
                padding: 1rem;
                min-height: auto;
            }
            
            /* 移动端案例卡片优化 */
            .case-card {
                width: 90vw;
                max-width: 300px;
            }
            
            /* 移动端按钮大小优化 */
            .btn-primary, .btn-outline {
                padding: 0.875rem 1.5rem;
                font-size: 1rem;
                width: 100%;
                text-align: center;
            }
            
            /* 移动端导航菜单优化 */
            .mobile-nav-link {
                padding: 0.75rem 0;
                border-bottom: 1px solid #eee;
            }
            
            .mobile-nav-link:last-child {
                border-bottom: none;
            }
            
            /* 移动端页脚优化 */
            footer .grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            
            /* 移动端数据统计优化 */
            .counter {
                font-size: 1.75rem !important;
            }
            
            /* 移动端联系表单优化 */
            .form-group {
                margin-bottom: 1rem;
            }
            
            .form-control {
                padding: 0.875rem;
                font-size: 1rem;
            }
            
            /* 移动端轮播控制优化 */
            .carousel-dots {
                bottom: 1rem;
            }
            
            /* 移动端团队滚动按钮优化 */
            .team-scroll-btn {
                display: none;
            }
            
            /* 移动端服务卡片优化 */
            .service-card {
                padding: 1.25rem;
            }
            
            /* 移动端内容间距优化 */
            p {
                margin-bottom: 1rem !important;
                line-height: 1.6 !important;
            }
            
            /* 移动端横向滚动容器优化 */
            .services-scroll, .cases-scroll, .team-carousel {
                padding: 1rem 0 2rem;
                margin: 0 -1rem;
                padding-left: 1rem;
            }
            
            /* 移动端背景图优化 */
            .carousel-slide img {
                object-position: center;
            }
            
            /* 移动端加载动画优化 */
            .loader-circle {
                width: 50px;
                height: 50px;
            }
            
            /* 移动端内容完整显示优化 */
            .section-content > * {
                max-width: 100%;
            }
            
            /* 移动端标题优化 */
            h1, h2, h3, h4, h5, h6 {
                line-height: 1.2;
                margin-bottom: 1rem;
            }
            
            /* 移动端图片优化 */
            img {
                max-width: 100%;
                height: auto;
            }
            
            /* 移动端卡片优化 */
            .card, .service-card, .case-card, .team-card {
                /*padding: 1.5rem;*/
                margin-bottom: 1rem;
            }
            
            /* 移动端间距优化 */
            .mb-4 { margin-bottom: 1rem !important; }
            .mb-6 { margin-bottom: 1.5rem !important; }
            .mb-8 { margin-bottom: 2rem !important; }
            .mt-4 { margin-top: 1rem !important; }
            .mt-6 { margin-top: 1.5rem !important; }
            .mt-8 { margin-top: 2rem !important; }
            
            /* 移动端按钮优化 */
            .btn-primary, .btn-outline {
                padding: 0.875rem 1.5rem;
                font-size: 1rem;
                width: 100%;
                margin-bottom: 0.5rem;
            }
            
            /* 移动端网格优化 */
            .grid {
                gap: 1rem !important;
            }
        }
        
        /* 3D卡片效果 */
        .card-3d {
            transform-style: preserve-3d;
            transition: transform 0.6s ease;
        }
        
        .card-3d:hover {
            transform: rotateY(5deg) rotateX(5deg);
        }
        
        /* 悬停发光效果 */
        .glow-effect {
            transition: all 0.3s ease;
        }
        
        .glow-effect:hover {
            box-shadow: 0 0 20px rgba(0, 102, 255, 0.5);
        }
        
        /* 数字计数动画 */
        .counter-value {
            font-weight: bold;
            color: var(--primary-color);
        }
        
        /* 按钮波纹效果 */
        .ripple-btn {
            position: relative;
            overflow: hidden;
        }
        
        .ripple-btn::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }
        
        .ripple-btn:active::after {
            width: 300px;
            height: 300px;
        }
        
        .loader-circle {
            width: 40px;
            height: 40px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid var(--primary-color);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* AI聊天窗口 */
        .ai-chat-window {
            position: fixed;
            bottom: 1rem;
            right: 1rem;
            width: 300px;
            height: 400px;
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .ai-chat-window:not(.open) {
            height: 50px;
        }
        
        .ai-chat-header {
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 0.75rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .ai-chat-body {
            flex: 1;
            padding: 0.75rem;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }
        
        .ai-chat-footer {
            padding: 0.75rem;
            border-top: 1px solid #eee;
            display: flex;
            gap: 0.5rem;
        }
        
        .ai-chat-input {
            flex: 1;
            padding: 0.5rem;
            border: 1px solid #ddd;
            border-radius: 20px;
            outline: none;
            transition: all 0.3s ease;
            font-size: 0.875rem;
        }
        
        .ai-chat-input:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
        }
        
        .ai-chat-send {
            background: var(--primary-color);
            color: white;
            border: none;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ai-chat-send:hover {
            background: var(--secondary-color);
            transform: scale(1.1);
        }
        
        .chat-message {
            max-width: 80%;
            padding: 0.5rem 0.75rem;
            border-radius: 12px;
            word-wrap: break-word;
            font-size: 0.875rem;
        }
        
        .user-message {
            align-self: flex-end;
            background: var(--primary-color);
            color: white;
            border-bottom-right-radius: 5px;
        }
        
        .ai-message {
            align-self: flex-start;
            background: #f8f9fa;
            color: #333;
            border-bottom-left-radius: 5px;
        }
        
        /* 返回顶部按钮 */
        .back-to-top {
            position: fixed;
            bottom: 1rem;
            left: 1rem;
            background: var(--primary-color);
            color: white;
            border: none;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 100;
            box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);
        }
        
        .back-to-top:hover {
            background: var(--secondary-color);
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);
        }
        
        /* 服务流程样式 - 电脑端横版两排 */
        .process-container {
            width: 100%;
        }
        
        .process-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .process-step {
            flex: 1;
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            min-width: 180px;
        }
        
        .process-number {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.1rem;
            flex-shrink: 0;
            box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);
        }
        
        .process-content {
            flex: 1;
        }
        
        .process-arrow {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 1rem;
            color: var(--primary-color);
            font-size: 1.2rem;
            flex-shrink: 0;
        }
        
        /* 响应式设计 - 移动端两列布局 */
        @media (max-width: 768px) {
            .process-container {
                width: 100%;
            }
           
            .process-row {
                display: grid !important;
                grid-template-columns: 1fr 1fr;
                gap: 1.5rem;
                align-items: stretch;
                width: 100%;
                margin-bottom: 1rem;
            }
            
            .process-step {
                width: 100%;
                margin-bottom: 0;
                min-width: auto;
                padding: 1.25rem;
                background: white;
                border-radius: 16px;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
                border-left: 4px solid transparent;
                background-image: linear-gradient(white, white), 
                                  linear-gradient(90deg, var(--primary-color), var(--secondary-color));
                background-origin: border-box;
                background-clip: padding-box, border-box;
                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                position: relative;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            
            .process-step::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
                transform: scaleX(0);
                transition: transform 0.4s ease;
            }
            
            .process-step:hover::before {
                transform: scaleX(1);
            }
            
            .process-step:hover {
                transform: translateY(-8px) scale(1.02);
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
            }
            
            .process-content h3 {
                font-size: 1.2rem;
                margin-bottom: 0.75rem;
                color: var(--dark-color);
                font-weight: 700;
            }
            
            .process-content p {
                font-size: 0.95rem;
                color: #666;
                line-height: 1.6;
            }
            
            .process-arrow {
                display: none !important;
            }
            
            .process-number {
                width: 45px;
                height: 45px;
                font-size: 1.3rem;
                background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
                box-shadow: 0 6px 20px rgba(0, 102, 255, 0.4);
                animation: pulse-glow 2s infinite;
            }
            
            /* 动画效果 */
            @keyframes pulse-glow {
                0%, 100% {
                    box-shadow: 0 6px 20px rgba(0, 102, 255, 0.4);
                }
                50% {
                    box-shadow: 0 8px 25px rgba(0, 102, 255, 0.6);
                }
            }
            
            /* 滚动动画 */
            .process-step {
                opacity: 0;
                transform: translateY(20px);
                animation: slideUp 0.5s ease forwards;
            }
            
            .process-step:nth-child(1) { animation-delay: 0.1s; }
            .process-step:nth-child(2) { animation-delay: 0.15s; }
            .process-step:nth-child(3) { animation-delay: 0.2s; }
            .process-step:nth-child(4) { animation-delay: 0.25s; }
            .process-step:nth-child(5) { animation-delay: 0.3s; }
            .process-step:nth-child(6) { animation-delay: 0.35s; }
            .process-step:nth-child(7) { animation-delay: 0.4s; }
            .process-step:nth-child(8) { animation-delay: 0.45s; }
            
            @keyframes slideUp {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        }
        
        /* 自定义滚动条 */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        ::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 10px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: var(--secondary-color);
        }