/* ========== Screen 2: 整屏横向产品展示 ========== */
        
        /* .screen-2 {
            background: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);
            overflow: hidden;
        } */
                /* ========== Screen 2: 银灰色金属质感背景 ========== */
        .screen-2 {
            /* 
               金属感背景实现原理：
               1. 基础底色：浅银灰 (#e0e5ec)
               2. 光泽层：多角度线性渐变模拟光线在金属表面的反射 (高光与阴影交替)
               3. 纹理层：细微的噪点或线条模拟拉丝金属质感 (可选，此处用渐变模拟)
            */
            background-color: #dce1e6;
            background-image: 
                /* 顶部高光 */
                linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 20%),
                /* 主体金属光泽 - 对角线方向 */
                linear-gradient(135deg, #cfcfd1 0%, #f0f0f0 25%, #d9d9d9 50%, #f0f0f0 75%, #cfcfd1 100%),
                /* 底部阴影 */
                linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 15%);
            
            overflow: hidden;
            position: relative;
        }

        /* 调整背景网格颜色以适应浅色背景 */
        .screen-2 .tech-bg-grid {
            background-image: 
                linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
            opacity: 0.5; /* 降低网格透明度，使其更柔和 */
        }

        /* 调整 Screen 2 内的文字颜色，确保在银色背景上清晰可见 */
        .screen-2 .showcase-header h2 {
            /* 改为深灰色/黑色渐变，保持高级感 */
            background: linear-gradient(to right, #2c3e50, #4ca1af);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: none;
        }

        .screen-2 .showcase-header .sub-title {
            color: #546e7a; /* 副标题改为深灰蓝色 */
        }

        .screen-2 .p-details {
            /* 产品详情卡片背景调整为半透明白色，配合金属背景 */
            background: rgba(255, 255, 255, 0.65);
            border: 1px solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* 柔和阴影 */
        }

        .screen-2 .p-details h3 {
            color: #2c3e50; /* 标题深色 */
        }

        .screen-2 .p-en {
            color: #0088cc; /* 英文标识保持品牌蓝，但稍暗 */
        }

        .screen-2 .p-desc {
            color: #546e7a; /* 描述文字深灰 */
        }

        .screen-2 .control-btn {
            /* 按钮调整为深色或金属色，以在浅背景上突出 */
            background: rgba(255, 255, 255, 0.8);
            border: 1px solid #cbd5e1;
            color: #475569;
        }

        .screen-2 .control-btn:hover {
            background: #00e0ff;
            border-color: #00e0ff;
            color: #fff;
        }
        
        .screen-2 .slider-dot {
            background: rgba(0,0,0,0.1);
        }
        
        .screen-2 .slider-dot.active {
            background: #0088cc;
        }

        /* 背景网格装饰 */
        .tech-bg-grid {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: 
                linear-gradient(rgba(0, 224, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 224, 255, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            z-index: 0;
            pointer-events: none;
        }

        .product-showcase {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0;
            top: 0;
            transform: none; /* 覆盖全局居中 */
            z-index: 1;
        }

        .showcase-header {
            position: absolute;
            top: 15%;
            left: 5%;
            z-index: 10;
        }

        .showcase-header .sub-title {
            font-size: 1rem;
            color: #00e0ff;
            letter-spacing: 3px;
            display: block;
            margin-bottom: 10px;
        }

        .showcase-header h2 {
            font-size: 3.5rem;
            margin: 0;
            background: linear-gradient(to right, #fff, #94a3b8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .scroll-hint {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.5);
            margin-top: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* 横向滚动容器 */
        .product-slider-container {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory; /* 关键：强制吸附 */
            scrollbar-width: none; /* Firefox 隐藏滚动条 */
            -ms-overflow-style: none;  /* IE 隐藏滚动条 */
            padding-left: 10vw; /* 左侧留白，让第一个元素不贴边 */
            padding-right: 10vw;
        }

        .product-slider-container::-webkit-scrollbar {
            display: none; /* Chrome/Safari 隐藏滚动条 */
        }

        .product-track {
            display: flex;
            height: 70vh; /* 产品区域高度 */
            align-items: center;
            gap: 5vw; /* 产品间距 */
        }

        /* 单个产品项 */
        .product-item {
            min-width: 80vw; /* 每个产品占据屏幕宽度的80%，露出下一个的一部分以提示可滑动 */
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            scroll-snap-align: center; /* 滚动停止时居中对齐 */
            transition: all 0.5s ease;
            opacity: 0.4;
            transform: scale(0.9);
            filter: blur(2px);
        }

        /* 激活状态（通过JS添加或CSS hover辅助，这里主要靠JS控制类名） */
        .product-item.active {
            opacity: 1;
            transform: scale(1);
            filter: blur(0);
        }

        /* 产品图片区域 */
        .p-image {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .p-image img {
            max-height: 90%;
            max-width: 100%;
            object-fit: contain;
            filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5));
            transition: transform 0.5s ease;
        }
        
        .product-item.active .p-image img {
            animation: floatImg 3s ease-in-out infinite;
        }

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

        /* 产品文字详情区域 */
        .p-details {
            flex: 0 0 350px;
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255,255,255,0.1);
            padding: 40px;
            border-radius: 20px;
            position: relative;
            transform: translateX(50px);
            opacity: 0;
            transition: all 0.6s ease 0.2s;
        }

        .product-item.active .p-details {
            transform: translateX(0);
            opacity: 1;
        }

        .p-index {
            font-size: 4rem;
            font-weight: 900;
            color: rgba(0, 224, 255, 0.1);
            position: absolute;
            top: 10px;
            right: 20px;
            line-height: 1;
        }

        .p-details h3 {
            font-size: 2rem;
            color: #fff;
            margin-bottom: 5px;
        }

        .p-en {
            color: #00e0ff;
            font-size: 0.9rem;
            letter-spacing: 2px;
            margin-bottom: 20px;
            display: block;
        }

        .p-desc {
            color: #cbd5e1;
            line-height: 1.6;
            margin-bottom: 30px;
            font-size: 1rem;
        }

        .btn-glow {
            display: inline-block;
            padding: 12px 30px;
            background: transparent;
            border: 1px solid #00e0ff;
            color: #00e0ff;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .btn-glow:hover {
            background: #00e0ff;
            color: #000;
            box-shadow: 0 0 20px rgba(0, 224, 255, 0.4);
        }

        /* 底部滑块点 */
        .slider-dots {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 15px;
            z-index: 20;
        }

        .slider-dot {
            width: 40px;
            height: 4px;
            background: rgba(255,255,255,0.2);
            border-radius: 2px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .slider-dot.active {
            background: #00e0ff;
            width: 60px;
            box-shadow: 0 0 10px #00e0ff;
        }

        /* 响应式调整 */
        @media (max-width: 1024px) {
            .product-item {
                flex-direction: column;
                min-width: 90vw;
                text-align: center;
            }
            .p-image {
                height: 50%;
            }
            .p-details {
                height: 40%;
                width: 90%;
                margin-top: 20px;
                padding: 20px;
                transform: translateY(20px);
            }
            .product-item.active .p-details {
                transform: translateY(0);
            }
            .showcase-header {
                top: 10%;
                left: 50%;
                transform: translateX(-50%);
                text-align: center;
                width: 100%;
            }
            .scroll-hint {
                justify-content: center;
            }
      
        }
                /* 滑块控制按钮样式 - 加大版 */
        .slider-controls {
            margin-top: 25px; /* 增加与标题的间距 */
            display: flex;
            gap: 25px; /* 增加两个按钮之间的间距 */
            justify-content: center; /* 确保在移动端居中 */
        }

        .control-btn {
            width: 60px;  /* 从 40px 增加到 60px */
            height: 60px; /* 从 40px 增加到 60px */
            border-radius: 50%;
            border: 2px solid rgba(255, 255, 255, 0.4); /* 边框稍粗一点 */
            background: rgba(0, 0, 0, 0.4);
            color: #fff;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 更有弹性的过渡 */
            backdrop-filter: blur(8px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* 增加初始阴影 */
        }

        .control-btn i {
            font-size: 1.5rem; /* 图标从 1rem 增加到 1.5rem */
            transition: transform 0.3s ease;
        }

        .control-btn:hover {
            background: #00e0ff;
            border-color: #00e0ff;
            color: #000;
            transform: scale(1.15); /* 悬停时放大更多 */
            box-shadow: 0 0 25px rgba(0, 224, 255, 0.6); /* 更强的发光效果 */
        }
        
        .control-btn:hover i {
            transform: scale(1.2); /* 图标也稍微放大 */
        }

        .control-btn:active {
            transform: scale(0.95); /* 点击时轻微缩小，提供反馈 */
        }
        
        /* 移动端适配：保持大尺寸或更大 */
        @media (max-width: 768px) {
            .control-btn {
                width: 35px;
                height: 35px;
            }
            .control-btn i {
                font-size: 1.3rem;
            }
            
            
            
            
                    .showcase-header h2 {
            font-size: 1.5rem;
                    }
                    .p-details h3 {
            font-size: 1.2rem;
         
        }
            
        }
/* ========== Screen 3: 解决方案 (复刻 index_solve) ========== */
    /* ========== Screen 3: 解决方案 (复刻 index_solve) ========== */
        .screen-3 {
            background: url('https://www.feejoy.com/images/solve_bg.jpg') no-repeat center center;
            background-size: cover;
            overflow: hidden;
            position: relative;
        }

        .screen-3::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(135deg, #0b1120 0%, #0f2e3f 100%);
            z-index: 0;
        }

        .solve-container {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 5%;
            box-sizing: border-box;
        }

        .screen-3 .title_box {
            margin-bottom: 40px;
            text-align: left;
            position: relative;
            z-index: 2;
        }

        .screen-3 .title_box h2 {
            font-size: 1.5rem;
            color: #00e0ff;
            letter-spacing: 2px;
            margin-bottom: 5px;
            opacity: 0.9;
        }

        .screen-3 .title_box h3 {
            font-size: 2.5rem;
            color: #fff;
            font-weight: 600;
            margin: 0;
        }

        /* Swiper 容器修复 */
        .solve_swiper {
            width: 100%;
            height: 60vh;
            position: relative;
            z-index: 2;
            overflow: hidden;
        }

        .solve_swiper .swiper-wrapper {
            height: 100%;
        }

        .solve_swiper .swiper-slide {
            height: 100%;
            /* overflow-y: auto; */
        }

        .solve-content-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            position: relative;
            padding: 20px 0;
        }

        .text-box {
            flex: 1;
            max-width: 30%;
            color: #fff;
            padding-right: 30px;
            position: relative;
            z-index: 2;
        }

        .text-box h4 {
            font-size: 2.2rem;
            margin-bottom: 20px;
            font-weight: 600;
            color: #fff;
        }

        .text-box p {
            font-size: 1rem;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 30px;
        }

        .slidernavIco {
            position: relative;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .silderIco {
            position: absolute;
            font-size: 1.2rem;
            color: #fff;
            z-index: 2;
            transition: transform 0.3s ease;
        }

        .sildernavSvg svg circle {
            transition: stroke-dashoffset 0.5s ease;
            stroke-dashoffset: 339;
        }

        .swiper-slide-active .sildernavSvg svg circle {
            stroke-dashoffset: 0;
        }

        .swiper-slide-active .silderIco {
            transform: translateX(5px);
        }

        .img-box {
            flex: 1;
            max-width: 60%;
            height: 450px;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }

        .img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .swiper-slide-active .img-box img {
            transform: scale(1.05);
        }

        .num {
            position: absolute;
            bottom: -20px;
            right: 0;
            font-size: 8rem;
            font-weight: 900;
            color: rgba(255, 255, 255, 0.05);
            line-height: 1;
            z-index: 0;
            font-family: 'Arial', sans-serif;
        }

        /* 分页器样式 */
        .solve_swiper .swiper-pagination {
            bottom: -5px !important;
            text-align: left;
            position: relative;
            margin-top: 20px;
        }

        .solve_swiper .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background: rgba(255,255,255,0.3);
            opacity: 1;
            margin: 0 8px 0 0;
        }

        .solve_swiper .swiper-pagination-bullet-active {
            background: #00e0ff;
            width: 30px;
            border-radius: 5px;
        }

        /* 响应式调整 */
        @media (max-width: 1024px) {
            .solve-content-wrapper {
                flex-direction: column-reverse;
                justify-content: center;
            }

            .text-box {
                max-width: 100%;
                padding-right: 0;
                margin-top: 30px;
                text-align: center;
            }

            .img-box {
                max-width: 80%;
                height: 250px;
            }

            .num {
                font-size: 5rem;
                bottom: 10px;
                right: 10px;
            }
            
            .screen-3 .title_box {
                text-align: center;
                margin-bottom: 20px;
            }
            
            .solve_swiper {
                height: 70vh;
            }
        }

        @media (max-width: 768px) {
            .screen-3 .title_box h2 {
                font-size: 1.2rem;
            }
            .screen-3 .title_box h3 {
                font-size: 1.8rem;
            }
            .text-box h4 {
                font-size: 1.5rem;
            }
            .text-box p {
                font-size: 0.9rem;
            }
            .img-box {
                height: 180px;
            }
            .solve_swiper {
                height: 65vh;
            }
        }
/* ========== Screen 4: 新闻资讯 (复刻 index_news) ========== */
    .screen-4 {
        background-color: #f9f9f9; /* 浅灰背景，突出新闻内容 */
        overflow: hidden;
        position: relative;
    }

    .news-container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 5%;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    /* 标题部分 */
    .screen-4 .title-box {
        margin-bottom: 30px;
        text-align: left;
    }

    .screen-4 .title-box h2 {
        font-size: 1.5rem;
        color: #00e0ff; /* 品牌色 */
        letter-spacing: 2px;
        margin-bottom: 5px;
        background: none;
        -webkit-text-fill-color: initial;
        opacity: 0.9;
    }

    .screen-4 .title-box h3 {
        font-size: 2.2rem;
        color: #333;
        font-weight: 600;
        margin: 0;
        background: none;
        -webkit-text-fill-color: initial;
    }

    /* 内容布局：左图右列表 */
    .news-content-wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        height: 65vh; /* 限制高度以便内部滚动或适应 */
        gap: 40px;
    }

    /* 左侧图片区域 */
    .news-img-box {
        flex: 0 0 45%;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }

    .news-img-box .ratio-box {
        width: 100%;
        height: 100%;
    }

    .news-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .news-img-box:hover img {
        transform: scale(1.05);
    }

    /* 右侧列表区域 */
    .news-list-box {
        flex: 1;
        height: 100%;
        overflow-y: hidden; /* 允许列表内部滚动 */
        padding-right: 10px;
    }

    /* 隐藏滚动条但保留功能 */
    .news-list-box::-webkit-scrollbar {
        width: 4px;
    }
    .news-list-box::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 2px;
    }




    .news-list-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .news-list-box li {
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
        transition: all 0.3s ease;
    }

    .news-list-box li:last-child {
        border-bottom: none;
    }

    .news-list-box li a {
        display: flex;
        text-decoration: none;
        color: inherit;
    }

    /* 日期样式 */
    .time-box {
        flex: 0 0 80px;
        text-align: center;
        margin-right: 20px;
        border-right: 1px solid #ddd;
        padding-right: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .time-box .day {
        font-size: 2.5rem;
        font-weight: 700;
        color: #333;
        line-height: 1;
        margin-bottom: 5px;
        transition: color 0.3s ease;
    }

    .time-box .month-year {
        font-size: 0.9rem;
        color: #999;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 文字内容样式 */
    .text-boxx {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .text-boxx h3 {
        font-size: 1.1rem;
        color: #333;
        margin: 0 0 8px 0;
        font-weight: 600;
        line-height: 1.4;
        transition: color 0.3s ease;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .text-boxx h4 {
        font-size: 0.9rem;
        color: #666;
        margin: 0;
        font-weight: 400;
        line-height: 1.6;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* 悬停效果 */
    .news-list-box li:hover .time-box .day {
        color: #00e0ff;
    }

    .news-list-box li:hover .text-box h3 {
        color: #00e0ff;
    }

    /* 响应式调整 */
    @media (max-width: 1024px) {
        .news-content-wrap {
            flex-direction: column;
            height: auto;
            overflow-y: auto; /* 整体滚动 */
        }

        .news-img-box {
            flex: 0 0 300px;
            width: 100%;
            margin-bottom: 30px;
        }

        .news-list-box {
            width: 100%;
            overflow-y: visible;
        }
        
        .screen-4 .title-box {
            text-align: center;
        }
    }

    @media (max-width: 768px) {
        .time-box {
            flex: 0 0 60px;
            margin-right: 15px;
            padding-right: 15px;
        }
        
        .time-box .day {
            font-size: 1.8rem;
        }
        
        .text-box h3 {
            font-size: 1rem;
        }
        
        .text-box h4 {
            font-size: 0.8rem;
        }
    }
 /* ========== Screen 5: 合作伙伴与页脚 (样式隔离版) ========== */
    .screen-5 {
        background-color: #fff;
        overflow: hidden;
        position: relative;
    }

    .screen-5-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    /* --- 上半部分：合作伙伴 --- */
    .partners-section {
        flex: 0 0 55%; 
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 5%;
        position: relative;
        z-index: 1;
    }

    .screen-5 .title-box {
        text-align: center;
        margin-bottom: 25px;
    }

    .screen-5 .title-box h2 {
        font-size: 1.5rem;
        color: #00e0ff;
        letter-spacing: 3px;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .screen-5 .title-box h3 {
        font-size: 2.2rem;
        color: #1e293b;
        font-weight: 600;
        margin: 0;
    }

    .partners-swiper-container {
        width: 100%;
        max-width: 1400px;
        position: relative;
        padding: 0 40px; 
        margin-top: 20px;
    }

    /* 轮播导航按钮 */
    .partner-prev, .partner-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        color: white;
        transition: all 0.3s ease;
    }

    .partner-prev { left: 0; }
    .partner-next { right: 0; }

    .partner-prev:hover, .partner-next:hover {
        background: #00e0ff;
        color: #000;
        transform: translateY(-50%) scale(1.1);
    }

    /* === 关键修改：使用独立类名避免冲突 === */
    .p-swiper {
        width: 100%;
        overflow: hidden;
    }

    .p-swiper-wrapper {
        display: flex;
        /* 确保 Swiper JS 能正确计算宽度 */
    }

    .p-swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 120px;
        padding: 0 10px;
        /* 防止图片溢出 */
        overflow: hidden; 
    }

    .p-swiper-slide img {
        max-width: 100%;
        height: 100px;
        object-fit: contain;
        filter: grayscale(100%); /* 默认灰度 */
        opacity: 0.6;
        transition: all 0.3s ease;
    }

    .p-swiper-slide:hover img {
        filter: grayscale(0%); /* 悬停恢复彩色 */
        opacity: 1;
        transform: scale(1.1);
    }

    /* --- 下半部分：页脚 --- */
    .site-footer {
        flex: 1; 
        background-color: #0f172a; 
        color: rgba(255, 255, 255, 0.7);
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
        padding: 40px 5% 15px;
        position: relative;
        z-index: 1;
    }

    .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        /* max-width: 1200px; */
        margin: 0 auto;
        width: 100%;
        gap: 20px;
    }

    .footer-left {
        flex: 0 0 200px;
    }

    .footer-logo img {
        height: 180px;
        margin-bottom: 10px;
        filter: brightness(0) invert(1); 
    }

    .footer-left .slogan {
        font-size: 0.8rem;
        color: #94a3b8;
        letter-spacing: 1px;
         text-align: center;
    }

    .footer-nav {
        flex: 1;
    }

    .footer-nav h4, .footer-contact h4, .footer-qrcode h4 {
        color: #fff;
        font-size: 1.5rem;
        margin-bottom: 15px;
        font-weight: 600;
        position: relative;
        display: inline-block;
    }

    .footer-nav h4::after, .footer-contact h4::after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 60px;
        height: 2px;
        background: #00e0ff;
    }

    .footer-nav ul {
        list-style: none;
        padding: 0;
        margin: 20px 0;
        /* font-size: 18px; */
    }

    .footer-nav ul li {
        margin-bottom: 8px;
        
    
    }

    .footer-nav ul li a {
        color: #94a3b8;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.5;
        transition: all 0.3s ease;
    }

    .footer-nav ul li a:hover {
        color: #00e0ff;
        padding-left: 5px;
    }

    .footer-contact {
        flex: 1.5;
    }

    .footer-contact p {
        margin: 20px 0;
        font-size: 1rem;
        line-height: 1.5;
        color: #94a3b8;
    }

    .footer-contact i {
        color: #00e0ff;
        margin-right: 8px;
        width: 16px;
        text-align: center;
    }

    .footer-qrcode {
        flex: 0 0 200px;
        text-align: center;
    }

    .footer-qrcode img {
        width: 150px;
        height: 150px;
        background: #fff;
        padding: 4px;
        border-radius: 6px;
        margin-bottom: 5px;
    }

    .footer-qrcode p {
        font-size: 0.7rem;
        color: #64748b;
    }

    .copyright-bar {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 20px;
        text-align: center;
        font-size: 0.9rem;
        color: #64748b;
    }

    .copyright-bar a {
        color: #64748b;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .copyright-bar a:hover {
        color: #00e0ff;
    }

    /* 响应式调整 */
    @media (max-width: 1024px) {
        .partners-section {
            flex: 0 0 35%;
        }
        
        .footer-content {
            gap: 15px;
        }
        
        .footer-left {
            flex: 0 0 150px;
        }
    }

    @media (max-width: 768px) {
        .screen-5-wrapper {
            overflow-y: auto; 
        }
        
        .partners-section {
            flex: none;
            min-height: 300px;
            padding: 30px 5%;
        }
        
        .site-footer {
            flex: none;
            padding: 30px 5%;
        }
        
        .footer-content {
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 30px;
        }
        
        .footer-left, .footer-nav, .footer-contact, .footer-qrcode {
            width: 100%;
            text-align: center;
        }
        
        .footer-nav h4::after, .footer-contact h4::after {
            left: 50%;
            transform: translateX(-50%);
        }
        
        .footer-nav ul li a:hover {
            padding-left: 0;
        }
        
        .partner-prev, .partner-next {
            display: none; 
        }
        
        
        
                .slider-controls {
            margin-top: 75px; /* 增加与标题的间距 */
            display: flex;
            gap: 250px; /* 增加两个按钮之间的间距 */
            justify-content: center; /* 确保在移动端居中 */
        }
        
        
        
        
        .partners-swiper-container {
            padding: 0;
        }
    }