/* 轮播图容器 - 覆盖全宽 */
        .carousel-container {
            width: 100%;
            /* 修改点：在1920px时高度为960px，宽高比2:1 */
            height: clamp(450px, 50vw, 960px); /* 50vw表示宽高比2:1 */
            position: relative;
            overflow: hidden;
            margin-left: calc(-50vw + 50%);
        }
        
        .carousel-track {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .carousel-slide {
            position: absolute;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.6s ease;
            overflow: hidden; /* 取消圆角 */
            will-change: transform, opacity, width, height, filter;
        }
        
        /* 默认非活动幻灯片 */
        .carousel-slide {
            width: 10vw;
            /* 修改点：保持与容器相同的高度 */
            height: 100%;
            opacity: 0.5;
            transform: scale(1);
            filter: brightness(0.7);
        }
        
        /* 活动幻灯片 */
        .carousel-slide.active {
            width: 80vw;
            height: 100%;
            opacity: 1;
            transform: scale(1);
            filter: brightness(1);
            z-index: 10;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
            left: 10vw;
        }
        
        /* 左侧预览幻灯片 */
        .carousel-slide.prev {
            width: 10vw;
            height: 100%;
            opacity: 0.6;
            transform: scale(1);
            filter: brightness(0.8);
            left: 0;
            z-index: 5;
        }
        
        /* 右侧预览幻灯片 */
        .carousel-slide.next {
            width: 10vw;
            height: 100%;
            opacity: 0.6;
            transform: scale(1);
            filter: brightness(0.8);
            left: 90vw;
            z-index: 5;
        }
        
        /* 隐藏其他幻灯片 */
        .carousel-slide:not(.active):not(.prev):not(.next) {
            opacity: 0;
            visibility: hidden;
        }
        
        /* 使用纯色背景替代图片 */
        .slide-bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
        
        /* 为不同幻灯片设置不同背景色 */
        .slide-1 .slide-bg {
            /* background: linear-gradient(135deg, #1a2980, #26d0ce); */
            background: url('https://omo-oss-image.thefastimg.com/portal-saas/pg2025112117193530310/cms/image/3f80f012-9af2-404d-9093-1e5226bf5616.jpg') no-repeat;
            background-size: cover;
        }
        
        .slide-2 .slide-bg {
            /* background: linear-gradient(135deg, #ff5e62, #ff9966); */
             background: url('https://omo-oss-image.thefastimg.com/portal-saas/pg2025112117193530310/cms/image/cee4aa8c-6f7c-4e40-80d3-e5edd755bf34.jpg') no-repeat;
             background-size: cover;
        }
        
        .slide-3 .slide-bg {
            /* background: linear-gradient(135deg, #11998e, #38ef7d); */
             background: url('https://omo-oss-image.thefastimg.com/portal-saas/pg2025112117193530310/cms/image/32ef3b3a-3415-47a2-9061-964189680249.jpg') no-repeat;
             background-size: cover;
        }
        
        .slide-4 .slide-bg {
            /* background: linear-gradient(135deg, #5a3f37, #2c7744); */
             background: url('https://omo-oss-image.thefastimg.com/portal-saas/pg2025112117193530310/cms/image/3f80f012-9af2-404d-9093-1e5226bf5616.jpg') no-repeat;
             background-size: cover;
        }
        
        /* 内容区域 */
        .slide-content {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .content-wrapper {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.55);
            padding: clamp(20px, 4vw, 40px);
            display: flex;
            padding: 10% 20% 20% 20%;
            justify-content: center;
            transition: all 0.3s ease;
            flex-direction: column;
        }
        
        /* 隐藏非活动幻灯片的内容 */
        .carousel-slide:not(.active) .content-wrapper {
            opacity: 0;
            visibility: hidden;
        }
        
        .subtitle {
            color: #ff7b00;
            font-size: clamp(0.9rem, 1.5vw, 1.2rem); /* 动态字体大小 */
            font-weight: 600;
            margin-bottom: clamp(8px, 1vw, 12px); /* 动态间距 */
        }
        
        .title {
            color: #fff;
            font-size: clamp(1.8rem, 4vw, 3rem); /* 动态字体大小 */
            font-weight: 700;
            margin-bottom: clamp(15px, 2.5vw, 30px); /* 动态间距 */
            line-height: 1.1;
        }
        
        .features-list {
            list-style-type: none;
            margin-bottom: clamp(20px, 3vw, 40px); /* 动态间距 */
            flex-grow: 1;
        }
        
        .features-list li {
            color: #fff;
            font-size: clamp(1rem, 1.8vw, 1.4rem); /* 动态字体大小 */
            font-weight: 300;
            margin-bottom: clamp(8px, 1vw, 12px); /* 动态间距 */
            display: flex;
            align-items: center;
        }
        
        .features-list li:before {
            content: "";
            display: inline-block;
            width: clamp(6px, 0.8vw, 10px); /* 动态大小 */
            height: clamp(6px, 0.8vw, 10px); /* 动态大小 */
            background-color: #ff7b00;
            border-radius: 50%;
            margin-right: clamp(10px, 1.2vw, 15px); /* 动态间距 */
            flex-shrink: 0;
        }
        
        .action-button {
            display: inline-block;
            background-color: #fff;
            color: #ff7b00;
            padding: clamp(12px, 1.8vw, 16px) clamp(25px, 3.5vw, 40px); /* 动态内边距 */
            border-radius: 50px;
            text-decoration: none;
            font-size: clamp(1rem, 1.5vw, 1.2rem); /* 动态字体大小 */
            font-weight: 600;
            align-self: flex-start;
            transition: all 0.3s ease;
            border: 2px solid #fff;
        }
        
        .action-button:hover {
            background-color: #ff7b00;
            color: #fff;
            border-color: #ff7b00;
        }
        
        /* 导航按钮样式 */
        .carousel-btn {
            width: clamp(40px, 6vw, 60px); /* 动态大小 */
            height: clamp(40px, 6vw, 60px); /* 动态大小 */
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            z-index: 20;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ff7b00;
            font-weight: bold;
            transition: all 0.3s ease;
        }
        
        .carousel-btn:hover {
            background-color: rgba(255, 255, 255, 1);
            transform: translateY(-50%) scale(1.1);
        }
        
        .carousel-btn.prev {
            left: calc(10vw - clamp(20px, 3vw, 30px)); /* 动态定位 */
        }
        
        .carousel-btn.next {
            right: calc(10vw - clamp(20px, 3vw, 30px)); /* 动态定位 */
        }
        
        .carousel-btn::before {
            content: "";
            width: clamp(12px, 2vw, 20px); /* 动态大小 */
            height: clamp(12px, 2vw, 20px); /* 动态大小 */
            border-top: 3px solid #ff7b00;
            border-right: 3px solid #ff7b00;
        }
        
        .carousel-btn.prev::before {
            transform: rotate(-135deg);
            margin-left: 5px;
        }
        
        .carousel-btn.next::before {
            transform: rotate(45deg);
            margin-right: 5px;
        }
        
        /* 指示器 */
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
            z-index: 15;
        }
        
        .indicator {
            width: clamp(8px, 1.2vw, 12px); /* 动态大小 */
            height: clamp(8px, 1.2vw, 12px); /* 动态大小 */
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .indicator.active {
            background-color: #ff7b00;
            transform: scale(1.2);
        }
        
        /* 响应式设计 - 平板设备（1024px以下等比例缩放） */
        @media (max-width: 1023px) {
            /* 修改点：保持2:1宽高比 */
            .carousel-container {
                height: clamp(450px, 50vw, 512px); /* 1024px时高度为512px */
            }
            
            /* 移动设备特殊处理 */
            @media (max-width: 767px) {
                .carousel-container {
                    width: 100%;
                    margin-left: 0;
                    /* 移动设备改为更适合的高度 */
                    height: clamp(500px, 70vh, 600px);
                }
                
                .carousel-slide {
                    width: 100% !important;
                    height: 100% !important;
                    opacity: 1 !important;
                    transform: scale(1) !important;
                    filter: brightness(1) !important;
                    left: 0 !important;
                    position: relative !important;
                    margin: 0 !important;
                }
                
                .carousel-slide:not(.active) {
                    display: none;
                }
                
                .content-wrapper {
                    width: 95%;
                    padding: clamp(15px, 4vw, 25px);
                    background: rgba(15, 26, 48, 0.95);
                }
                
                .carousel-btn {
                    width: 40px;
                    height: 40px;
                }
                
                .carousel-btn.prev {
                    left: 10px;
                }
                
                .carousel-btn.next {
                    right: 10px;
                }
            }
        }
        
        /* 调试用指示器 */
        .position-indicator {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 5px 10px;
            font-size: 10px;
            z-index: 15;
        }
        
        /* 说明区域 */
        .instructions {
            margin-top: 40px;
            background: rgba(255, 255, 255, 0.05);
            padding: clamp(15px, 3vw, 20px);
            max-width: 800px;
            font-size: clamp(0.8rem, 1.2vw, 0.9rem);
            line-height: 1.5;
            margin-left: auto;
            margin-right: auto;
        }
        
        .instructions h3 {
            color: #ff7b00;
            margin-bottom: 10px;
            font-size: clamp(1rem, 1.5vw, 1.2rem);
        }
        
        .instructions ul {
            margin-left: 20px;
            margin-top: 10px;
        }
        
        .instructions li {
            margin-bottom: 8px;
        }