.wow {
    visibility: hidden;
    /* 关键：初始隐藏 */
}

#header-placeholder {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 194919491949;

    width: 100vw;
}


/* banner */
.mySwiper {
    max-width: 100vw;
    height: 100vh;
    background-color: rgb(211, 211, 211);
    margin-top: -18px;
}

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #898989;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 左右按键样式重置 */
.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    width: 0.4rem !important;
    height: 0.4rem !important;
    border-radius: 50%;
    border: 0.02rem solid #fff;
}

.swiper-button-prev {
    left: 0.5rem !important;
}

.swiper-button-next {
    right: 0.5rem !important;
}



.swiper {
    --swiper-theme-color: #dfdfdf;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 0.2rem;
}

.banner-con {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-con img {
    width: inherit;
    height: inherit;
}

.banner-txt {
    position: absolute;
    left: 1.8rem;
    top: 2rem;
    color: #FFFFFFFF;
    font-family: Elevision_r;
    z-index: 2;

}

.banner-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(46deg, rgba(0, 69, 142, 0.4) 35.57%, rgba(255, 255, 255, 0.2) 59.79%, rgba(119, 86, 0, 0.4) 89.5%);
    z-index: 1;
}

.banner-bg2 {
    background: linear-gradient(46deg, rgba(47, 148, 255, 0.2) 15%, rgba(0, 0, 0, 0.3) 50%, rgba(255, 194, 37, 0.2) 90.04%);
}

.banner-bg3 {
    background: linear-gradient(46deg, rgba(119, 86, 0, 0.4) 10%, rgba(255, 255, 255, 0.2) 40%, rgba(0, 69, 142, 0.4) 64%);
}

.banner-txt2 {
    left: 50%;
    top: 2.4rem;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60%;
}

.banner-txt3 {
    right: 1.8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.banner-txt h4 {
    font-size: 0.46rem;
    font-weight: 600;
    text-align: left;
    font-family: Elevision_b;
}

.banner-txt2 h4 {
    text-align: center;
}

.banner-txt3 h4 {
    text-align: right;
}

.banner-txt p {
    font-weight: 400;
    font-size: 0.18rem;
    margin-top: 0.24rem;
}

/* 按钮开始 */

.banner-txt .btn {
    width: 1.5rem;
    height: 0.5rem;
    background-color: #0A98E5;
    font-size: 0.16rem;
    margin-top: 0.4rem;
    border-radius: 0.24rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    transition: 0.6s;
    cursor: pointer;
    position: relative;
}

.banner-txt .btn span {
    display: block;
    color: #fff;
    transition: 0.6s;
    position: relative;
    z-index: 66;
}

/* 按钮结束 */

/* 核心区域 */
.skill-home {
    width: 100vw;
    height: 9.8rem;
    background: radial-gradient(50% 50% at 50% 50%, #0D285E 0%, #12161FFF 100%);
    position: relative;
    user-select: none;
    position: static;
    top: 0;
    overflow: hidden;
    /* padding: 0.7rem 0.4rem 0.9rem; */
    /* box-sizing: border-box; */
}

.skill-bg {
    position: absolute;
    top: 5.6rem;
    left: 0;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 2rem;
    color: #12161EFF;
    text-align: center;
    text-shadow: 0 0 2px #12161EFF, 0 0 4px #99999966, 0 0 6px #12161EFF;
    opacity: 0.3;
    width: 100%;
}


#coreTech {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    /* background: radial-gradient(ellipse at 50% 45%, #112240 0%, #0a101c 45%, #000000 100%); */
    display: flex;
    align-items: center;
    justify-content: center;

}

.rain-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    /* overflow: hidden; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    overflow: hidden;
}

/* 单条雨线 */
.rain-line {
    position: absolute;
    top: 0rem;
    background: linear-gradient(to bottom,
            transparent 0%,
            rgba(5, 114, 247, 0.4) 20%,
            rgba(5, 114, 247, 0.6) 50%,
            rgba(5, 114, 247, 1) 100%);
    border-radius: 0.015rem;
    animation: rainDrop linear infinite;
    pointer-events: none;
    will-change: top;
}

@keyframes rainDrop {
    0% {
        top: -1.5rem;
    }

    100% {
        top: 100%;
    }
}



/* 内容容器 */
.container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    /* padding: 0.7rem 0.4rem 0.9rem; */
    display: flex;
    flex-direction: column;
    align-items: center;

}

.core-title {
    font-size: 0.42rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.04rem;
    text-align: center;
    margin-bottom: 0.12rem;
    padding-top: 0.4rem;
    text-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.35);
}

.core-subtitle {
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    margin-bottom: 0.6rem;
    letter-spacing: 0.01rem;
}

/* 舞台 */
.tech-stage {
    position: relative;
    width: 100%;
    max-width: 11rem;
    height: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 轨道线环 */
.orbit-ring {
    position: absolute;
    width: 5rem;
    height: 5rem;
    /* width: 4.5rem;
    height: 4.5rem; */
    border: 0.01rem solid rgba(120, 180, 255, 0.35);
    border-radius: 50%;
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem);
    /* transform: scale(1);
    transform-origin: center center;
    pointer-events: none;
    animation: ringPulse 4s ease-in-out infinite; */

}

.orbit-ring2 {
    position: absolute;
    width: 4.7rem;
    height: 4.7rem;
    /* width: 4.5rem;
    height: 4.5rem; */
    border: 0.01rem solid rgba(120, 180, 255, 0.35);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: ringPulse 4s ease-in-out infinite;
    background: rgba(44, 44, 44, 0.35);
}

@keyframes ringPulse {

    0%,
    100% {
        box-shadow:
            0 0 0.6rem rgba(60, 130, 255, 0.08),
            inset 0 0 0.3rem rgba(60, 130, 255, 0.04);

    }

    50% {
        box-shadow:
            0 0 0.9rem rgba(60, 130, 255, 0.2),
            0 0 1.4rem rgba(60, 130, 255, 0.06),
            inset 0 0 0.5rem rgba(60, 130, 255, 0.08);
    }
}

/* 轨道外层光晕环（比轨道稍大，形成柔和扩散光） */
.orbit-glow {
    position: absolute;
    width: 5.8rem;
    height: 3.8rem;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 3;
    background: radial-gradient(ellipse, rgba(60, 130, 255, 0.03) 0%, transparent 70%);
    animation: glowBreath 6s ease-in-out infinite;

}


/* 轨道外层光晕环（比轨道稍大，形成柔和扩散光） */
.orbit-ring {
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 3;
    background: radial-gradient(ellipse, rgba(60, 130, 255, 0.03) 0%, transparent 70%);
    animation: glowBreath 6s ease-in-out infinite;
}



@keyframes glowBreath {

    0%,
    100% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }
}

/* 中心眼睛球 */
.center-eye {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    border-radius: 50%;
    box-shadow:
        0 0 0.8rem rgba(50, 130, 255, 0.35),
        0 0 1.6rem rgba(40, 100, 220, 0.15);
    animation: eyeFloat 6s ease-in-out infinite;
}




@keyframes eyeFloat {

    0%,
    100% {
        transform: translate(-50%, -50%);
    }

    50% {
        transform: translate(-50%, calc(-50% - 0.06rem));
    }
}

.eye-ball {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    animation: eyeRaote 10s linear infinite;
    position: relative;
    z-index: 5;
}

.eye-ball0 {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.2);
    z-index: 5;
    animation: eyeRaote 0s linear infinite;
}

.eye-ball2 {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.3);
    animation: eyeRaote 50s linear infinite;
    z-index: 3;

}

@keyframes eyeRaote {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 眼球外层光晕 */
.eye-halo {
    position: absolute;
    inset: -0.15rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(50, 130, 255, 0.08) 0%, transparent 70%);


    pointer-events: none;
    animation: haloSpin 12s linear infinite;
}

@keyframes haloSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* 瞳孔 */
.pupil-wrap {
    position: absolute;
    top: 46%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.16rem;
    pointer-events: none;
    z-index: 23;

}

.pupil {
    width: 0.26rem;
    height: 0.6rem;
    background: #ffffff;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.6);
    transition: transform 0.08s ease-out;
    z-index: 44;
    position: relative;
}

/* 轨道图标容器 */
.orbit-icons {
    position: absolute;
    width: 5.6rem;
    height: 3.6rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    animation: orbitRotate 24s linear infinite;
}

@keyframes orbitRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* 轨道图标（hover不暂停旋转，仅视觉增强） */
.orbit-icon {
    position: absolute;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    box-shadow:
        0 0 0.08rem rgba(80, 160, 255, 0.2),
        0 0 0.16rem rgba(80, 160, 255, 0.08);
    transition: box-shadow 0.3s ease;
}

.orbit-icon img {
    animation: iconCounterRotate 24s linear infinite;

}

.orbit-icon:hover {
    box-shadow:
        0 0 0.12rem rgba(80, 160, 255, 0.4),
        0 0 0.24rem rgba(80, 160, 255, 0.15);
}

.icon-inner {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* .orbit-icon:hover .icon-inner {
    transform: scale(1.15);
    filter: brightness(1.25) drop-shadow(0 0 0.12rem rgba(80, 160, 255, 0.6));
} */

.orbit-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

@keyframes iconCounterRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

.card1,
.card2,
.card3,
.card4,
.card {
    position: absolute;
    width: 3.42rem;
    height: 2.05rem;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.5);
    border-left-color: rgba(255, 255, 255, 0.45);
    border-right-color: rgba(255, 255, 255, 0.08);
    border-bottom-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), inset 0 2px 4px rgba(255, 255, 255, 0.12), inset 2px 0 4px rgba(255, 255, 255, 0.08);
    border-radius: 0.3rem;
    /* position: relative; */
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(0.01rem) saturate(160%);
    padding: 0.2rem 0.1rem;
    box-sizing: border-box;
    transition: 0.6s;
    overflow: hidden;
    z-index: 66;
    --mask-progress-start: 100%;
    --mask-progress-end: 150%;
    -webkit-mask-image: radial-gradient(100% 200% at 50% 0,
            #000 var(--mask-progress-start),
            transparent var(--mask-progress-end));
    mask-image: radial-gradient(100% 200% at 50% 0,
            #000 var(--mask-progress-start),
            transparent var(--mask-progress-end));
    transition: --mask-progress-start .9s cubic-bezier(.22, .61, .36, 1),
        --mask-progress-end .9s cubic-bezier(.22, .61, .36, 1);
    transform: translateZ(20px);
    cursor: pointer;
}



.card1 {
    width: 2.6rem;
    height: 1.6rem;
    left: 3rem;
    top: 1.8rem;
}

.card2 {
    width: 2rem;
    height: 1.64rem;
    right: 3.4rem;
    top: 2rem;
}

.card3 {
    width: 2rem;
    height: 2rem;
    right: 3rem;
    bottom: 1.9rem;
}

.card4 {
    width: 2rem;
    height: 2rem;
    left: 3.5rem;
    bottom: 1.9rem;
}

.card:hover {
    --mask-progress-start: 0%;
    --mask-progress-end: 100%;
}


/* 左侧宽幅白色高光带 */
.card::after {
    content: "";
    position: absolute;
    top: 5%;
    bottom: 0;
    left: 0;
    width: 0.01rem;
    height: 90%;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0.08) 100%);
    border-radius: 0.2rem;

}

.card .title1 {
    font-size: 0.18rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.02em;
    margin-bottom: 0.02rem;
    position: relative;
    z-index: 1;
    font-family: "Elevision_r";
}

.card .subtitle {
    display: inline-block;
    font-size: 0.16rem;
    font-weight: 400;
    color: rgba(139, 183, 255, 0.8);
    padding-bottom: 0.08rem;
    position: relative;
    z-index: 1;
    font-family: "Elevision_r";
}

.card .subtitle::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.01px;
    height: 0.02rem;
    background: #FFFFFF33;
}

.card .list {
    list-style: none;
    position: relative;
    z-index: 1;
    margin-top: 0.1rem;
}

.card .list li {
    font-size: 0.12rem;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.02rem;
}





/* 图标在椭圆轨道上的位置 */
.icon-perception {
    left: calc(50% - 2.6rem);
    top: calc(50% - 0.8rem);
}

.icon-decision {
    left: calc(50% + 0.6rem);
    top: calc(50% - 3.2rem);
}

.icon-execution {
    left: calc(50% + 2rem);
    top: calc(50% + 0.2rem);
}

.icon-control {
    left: calc(50% - 1.3rem);
    top: calc(50% + 1.8rem);
}

/* 浮动小圆点 */
.dot {
    position: absolute;
    z-index: 5;
    opacity: 0.7;
    animation: floatBubble 6s ease-in-out infinite;
    pointer-events: none;
}

.dot img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dot-1 {
    width: 0.24rem;
    height: 0.24rem;
    top: 18%;
    left: 30%;
    animation-delay: 0s;
}

.dot-2 {
    width: 0.18rem;
    height: 0.18rem;
    top: 28%;
    right: 26%;
    animation-delay: -2s;
}

.dot-3 {
    width: 0.22rem;
    height: 0.22rem;
    bottom: 24%;
    left: 36%;
    animation-delay: -4s;
}

@keyframes floatBubble {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-0.16rem);
    }
}

/* 微光粒子装饰 */
.particle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 4;
    animation: particleDrift ease-in-out infinite;
    width: 4rem;
    height: 4rem;
}

.p1 {
    width: 0.06rem;
    height: 0.06rem;
    background: rgba(100, 170, 255, 0.45);
    top: 14%;
    left: 18%;
    animation-duration: 8s;
    animation-delay: 0s;
}

.p2 {
    width: 0.04rem;
    height: 0.04rem;
    background: rgba(100, 170, 255, 0.35);
    top: 78%;
    right: 16%;
    animation-duration: 10s;
    animation-delay: 1s;
}

.p3 {
    width: 0.07rem;
    height: 0.07rem;
    background: rgba(80, 200, 255, 0.25);
    top: 42%;
    left: 6%;
    animation-duration: 7s;
    animation-delay: 2s;
}

.p4 {
    width: 0.04rem;
    height: 0.04rem;
    background: rgba(100, 170, 255, 0.4);
    bottom: 12%;
    right: 28%;
    animation-duration: 9s;
    animation-delay: 3s;
}

.p5 {
    width: 0.05rem;
    height: 0.05rem;
    background: rgba(120, 190, 255, 0.3);
    top: 62%;
    left: 48%;
    animation-duration: 11s;
    animation-delay: 4s;
}

.p6 {
    width: 0.03rem;
    height: 0.03rem;
    background: rgba(80, 160, 255, 0.5);
    bottom: 38%;
    left: 58%;
    animation-duration: 6s;
    animation-delay: 5s;
}

.p7 {
    width: 0.05rem;
    height: 0.05rem;
    background: rgba(140, 210, 255, 0.2);
    top: 8%;
    right: 40%;
    animation-duration: 12s;
    animation-delay: 0.5s;
}

.p8 {
    width: 0.03rem;
    height: 0.03rem;
    background: rgba(90, 180, 255, 0.35);
    bottom: 8%;
    left: 12%;
    animation-duration: 8.5s;
    animation-delay: 2.5s;
}






/* 核心优势 */
.preponderance {
    position: relative;
    width: 100%;
    /* min-height: 100vh; */
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%, #0D285E 0%, #12161FFF 100%);
    display: flex;

    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.preponderance-bg {
    width: 10rem;
    height: 4.3rem;
    background-image: url("../image/preponderance/show1.webp");
    /* background-size: cover; */
    background-size: 100% 100%;
    margin-top: 1.85rem;
    position: relative;
}

.preponderance-title {
    width: 100vw;
    position: absolute;
    right: 0;
    top: 0rem;
    color: #FFFFFF;
    text-align: center;
}

.preponderance-title h2 {
    font-weight: bold;
    font-size: 0.48rem;
}

.preponderance-title p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-top: 0.2rem;
}

.preponderance-y {
    width: 1.8rem;
    height: 0.68rem;
    background: rgba(247, 252, 255, 0.16);
    border-radius: 0.58rem;
    border: 0.01rem solid rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.08rem 0.2rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 1rem;
    transition: 0.4s;
}

.preponderance-r {
    left: auto;
    right: 1rem;
    top: 2.93rem;
}

.y-img {
    width: 0.5rem;
    height: 0.5rem;
}

.y-img img {

    /* width: 100%; */
    height: 100%;
}

.preponderance-y p {
    font-weight: 400;
    font-size: 0.1rem;
    color: #FFFFFF;
    font-family: "Elevision_r";
}

.preponderance-bottom {

    overflow: hidden;
    width: calc(100% - 2.4rem);
    padding-top: 0.9rem;
    margin: 0 0.94rem;


}

.preponderance-col {
    width: 100%;
    box-sizing: border-box;
    /* margin-top: 0 auto; */

}

.preponderance-col ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.16rem;
    font-weight: 400;
    font-family: "Elevision_r";
    border-top: 0.01rem solid rgba(95, 98, 106, 0.451);
    position: relative;
    /* border: 0.01rem solid;
    border-image: linear-gradient(90deg, rgba(95, 98, 106, 1), rgba(18, 22, 30, 1)) 0.01 0.01; */

}



.preponderance-line {
    position: absolute;
    width: 5rem;
    height: 0.02rem;
    top: -0.02rem;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(245, 245, 246, 0.068), #818181 99.17%);
    animation: loopTranslateX 5s linear infinite;
}

@keyframes loopTranslateX {
    0% {
        left: 0;
        transform: translateX(-100%);
    }

    100% {
        left: 100%;
        transform: translateX(100%);
    }
}

.preponderance-line::before {
    position: absolute;
    top: 0.01rem;
    right: 0;
    width: 100%;
    height: 0.1rem;

    z-index: 10;
    content: "";
    transform: translateY(-50%);
    background: radial-gradient(41.86% 15.58% at 100.56% 50%, hsla(0, 0%, 100%, .6) 0, rgba(103, 109, 255, 0) 100%), radial-gradient(40.22% 21.22% at 98.91% 50%, #0c75ee 0, rgba(103, 109, 255, 0) 100%);
    filter: blur(2px);
    mix-blend-mode: plus-lighter;

}

.preponderance-line::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 0.2rem;
    content: "";
    transform: translateY(-50%);
    background: radial-gradient(74% 23.26% at 72% 50%, rgba(48, 110, 245, 0.7) 0, rgba(103, 109, 255, 0) 100%);
    filter: blur(6px);
}


.preponderance-col ul li {
    width: 2.92rem;
    margin: 0.5rem 0 0.5rem 0.7rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.4s;
}



.preponderance-col ul li:hover .col-text span {
    color: #fff;
    white-space: normal;
    width: 1.39rem;
    display: -webkit-box;
    /* -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center; */
}

.col-img {
    width: 0.62rem;
    height: 0.62rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-img img {
    /* width: 100%; */
    height: 100%;
}

.col-text {
    margin-left: 0.14rem;
}



.preponderance-col ul span {
    width: 1rem;
    font-family: "Elevision_r";
    font-weight: 100;
    font-size: 0.12rem;
    color: rgba(255, 255, 255, 0.66);
    display: inline-block;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preponderance-col ul span .ic {
    width: 0.2rem;
    height: 0.14rem;
}








/* 核心产品 */
.products-section {
    max-width: 100vw;
    height: 8rem;
    position: relative;
    background-color: #12161EFF;
    overflow: hidden;
}

.products-section .bg-text {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 2rem;
    color: rgb(5 5 10 / 92%);
    color: #12161EFF;
    text-align: center;
    text-shadow: 0 0 2px #99999966,
        0 0 4px #99999966,
        0 0 6px #99999966;
    opacity: 0.3;
    width: 100%;
}

.products-section .bg-img {
    position: absolute;
    z-index: 2;
    top: 0.14rem;
    top: -1rem;
    left: calc(50% - 5rem);
    /* transform: translateX(-50%); */
    background-image: url("../image/products/bg.png");
    background-size: cover;
    /* background-size: 100% 100%; */
    width: 10rem;
    height: 7.26rem;
    /* 渐渐变得模糊 */
    mask-image: linear-gradient(to bottom, #ffffff 40%, transparent 100%);

    animation: tt 4s linear infinite alternate;
}




@keyframes tt {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

.products-section .bg-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 1.69rem;
    background: #10203F;
    border-radius: 0rem 0rem 0rem 0rem;
    filter: blur(59.599998474121094px);


}

.bg-bottom .bottom-light {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 11.1rem;
    height: 0.61rem;
    color: blue;
    background: linear-gradient(90deg, #24375b 0%, #7f8294 50.78%, #233556 100%);
    border-radius: 0rem 0rem 0rem 0rem;
    filter: blur(33.900001525878906px);
}

.products-section h2 {
    color: #FFFFFF;
    font-size: 0.58rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 4;
}

.products-section p {
    color: #FFFFFFCC;
    font-size: 0.18rem;
    font-weight: 100;
    text-align: center;
    font-family: Elevision_r;
    position: relative;
    z-index: 4;
}

.products-swiper {
    position: relative;
    z-index: 9;
    margin: 1rem auto 0;
    width: 8rem;
    height: 4.71rem;
}

.products-swiper .mySwiper2 {
    width: 100%;
    height: 100%;
    background-color: transparent;

}

.products-swiper .swiper-slide {
    background-color: transparent !important;
    display: flex;
    justify-content: center;
}


.products-swiper .swiper-button-next2,
.products-swiper .swiper-button-prev2 {
    color: #fff !important;
    width: 0.25rem !important;
    height: 0.25rem !important;
    border-radius: 50%;
    border: 0.02rem solid #fff;

}

.swiper-button-next2:after,
.swiper-button-prev2:after {
    font-size: 0.13rem !important;
}


.products-con {
    width: 5.4rem;
    height: 4.71rem;
    width: 4rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.product-label {
    display: inline-block;
    padding: 0.08rem 0.24rem;
    margin-bottom: 0.16rem;
    border-radius: 0.3rem;
    font-size: 0.2rem;
    line-height: 1.4;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}

.products-con img {
    width: 100%;
    /* height: 100%; */
    background-color: transparent;
}

.product-btn {
    background: #0076DF;
    border-radius: 0.3rem;
    font-size: 0.13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    right: 1.32rem;
    bottom: 0.6rem;
    padding-left: 0.15rem;
}

.product-btn .icon-right {
    color: white;
    font-size: 0.13rem;
    width: 0.38rem;
    height: 0.28rem;
    transition: 0.6s;
}

.product-btn:hover .icon-right {
    transform: translateX(2rem);
}

.product-btn {
    font-weight: 500;
    background: #0076DF;
    border-radius: 0.3rem;
    font-size: 0.13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    cursor: pointer;
    overflow: hidden;
}


.product-btn span {
    letter-spacing: 0.05em;
    margin-right: 0.09rem;
    font-family: "Elevision_b";
    color: white;
}

.more-phone {
    display: none;
}

.more-pc {
    display: block;

}

.btns1 .icon-box {
    width: 0.4rem;
    height: 0.4rem;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns1 .icon-box .icon-box--before,
.btns1 .icon-box .icon-box--after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns1 .icon-box .icon-box--after {
    left: -100%;
}

.btns1:hover .icon-box .icon-box--before,
.btns1:hover .icon-box .icon-box--after {
    animation: btnHoverIcoAnimate 0.6s ease;
}

@keyframes btnHoverIcoAnimate {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

/* .btns1 .icon-box .ic {
    width: 20px;
    height: 20px;
    fill: currentColor;
} */

/* 企业成就 */

.grade {
    max-width: 100vw;
    /* height: 6.54rem; */
    background: #12161F;
    padding: 0.8rem 1.2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;

}

.grade-left {
    width: 6.56rem;
}

.grade-left h3 {
    font-size: 0.58rem;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
}

.grade-left h6 {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    padding: 0.46rem 0.1rem 0.3rem 0;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);
    line-height: 0.34rem;
    font-family: "Elevision_r";
}

.grade-definite2,
.grade-definite {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 0.5rem;
}

.grade-definite2 {
    display: none;
}

.grade-left ul {
    display: flex;
    justify-content: space-between;

}

.grade-definite2 li,
.grade-definite li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.threeview {

    transition: transform 0.3s;
    cursor: pointer;
}

/* .threeview:hover {

    transform: translate3d(0rem, -0.1rem, 4rem) rotate3d(1, 1, 1, 30deg) translateZ(-1rem);
    color: #007EC4FF
} */

.grade-left ul li:hover {
    color: #0076DF;
    cursor: pointer;
}

/* .grade-left ul .active {
    color: #007EC4FF
} */

.definite-num {
    font-size: 0.5rem;
}

.grade-left ul li sub {
    font-size: 0.28rem;
    margin: 0.1rem 0 0 -0.1rem;
    line-height: 0.56rem;
}

.definite-text {
    font-size: 0.18rem;
    text-align: center;
    font-weight: 400;
}

.grade-right {
    width: 3.4rem;
    display: flex;
    align-items: center;
}

.grade-right img {
    width: 100%;
}

/* 成功案例 */
.case {
    width: 100%;
    position: relative;
    min-height: 8.6rem;
    background-color: #12161FFF;
    background: linear-gradient(0deg, #12161FFF, #0e1c38);
}

.case-bg {
    position: absolute;
    bottom: 0%;
    left: 0px;
    width: 50vw;
    height: 55%;
    background-image: url(/image/case/bg.png);
    /* background-size: cover; */
    background-size: 100% 100%;
    z-index: 1;
    overflow: hidden;
}

.case-title {
    font-family: Elevision_b;
    font-weight: bold;
    font-size: 0.58rem;
    color: #FFFFFF;
    padding-top: 0.6rem;
    text-align: center;
}

.case-title p {
    margin: 0.2rem 0 0.6rem 0;
    font-family: Elevision_r;
    font-weight: 400;
    font-size: 0.18rem;
    color: rgba(255, 255, 255, 0.8);
}

.case-con {
    max-width: 100vw;
}

.case-con ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 0.3rem;
    position: relative;
    z-index: 2;
}

.case-con ul li {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius: 0.1rem;
    margin: 0 0.1rem;
}

.case-open {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: 0.6s;


    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #FFFFFF;
    font-size: 0.15rem;
    font-family: Elevision_r;
    padding: 0.5rem;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.open-img {
    /* width: 0.8rem; */
    height: 0.2rem;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    z-index: 10;
}

.open-img img,
.case-img img,
.case-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.6s;
}

.case-open p {
    margin-top: 0.37rem;
}

.case-con ul li:hover .case-open {
    top: 0%;
}

.case-con ul li:hover .case-img {
    transform: scale(1.2);
}


.case-con ul {
    width: 100%;
    display: flex;
    justify-content: center;
}

.case-con ul li {
    width: 4rem;
    height: 4rem;
}

.case-con ul li .case-item-link {
    display: block;
    width: 100%;
    height: 100%;
}

/* 品牌合作 */

.partners-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #12161FFF;

}

/* 深色背景 + 微弱光效 */
.partners-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100%;
    background-image: url("/image/partners/bg.png");
    background-size: 100% 100%;
    z-index: 1;

}

/* 顶部斜向光带 */
.partners-bg::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -10%;
    width: 70%;
    height: 120%;
    /* background: linear-gradient(120deg, rgba(60, 120, 200, 0.5) 0%, rgba(60, 120, 200, 0.5) 40%, transparent 40%); */
    transform: rotate(-18deg);
    pointer-events: none;
    filter: blur(2px);
}

/* 中央蓝色光晕 */
.partners-glow {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    transform: translate(-50%, -50%);
    /* background: radial-gradient(circle, rgba(136, 146, 166, 0.22) 0%, rgba(100, 116, 148, 0.22)  40%, transparent 70%); */
    border-radius: 50%;
    background-color: rgb(116, 131, 160);
    filter: blur(60px);
    z-index: 2;
    pointer-events: none;
}

/* 内容容器 */
.partners-container {
    position: relative;
    z-index: 10;
    width: 100%;
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 42px;
}

.partners-container-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* 关键1：内容贴左，溢出只往右，左侧始终可达 */
    scrollbar-width: none;
    /* Firefox 隐藏滚动条 */
    gap: 0.21rem;
}

.partners-container-wrap::-webkit-scrollbar {
    display: none;
}

/* 标题 */
.partners-title {
    font-size: 0.48rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0.39rem;
    font-family: Elevision_b;
}

/* 单行跑马灯容器 */
.marquee-row {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    mask-image: linear-gradient(90deg, transparent 0%, #ffffff 8%, #ffffff 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #ffffff 8%, #ffffff 92%, transparent 100%);
}

.row-right {
    width: 76%;
}

.row-left {
    width: 90%;
}

.marquee-track {
    display: flex;
    /* width: max-content; */
    /* will-change: transform; */
}

.logo-list {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    flex-shrink: 0;
}

/* Logo 圆形卡片 */
.logo-item {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.logo-card {

    height: 1.5rem;
    width: 1.5rem;

    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.2rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 50%;
    overflow: hidden;
}

.logo-card:hover {
    cursor: pointer;
    transform: scale(0.8);

}

.logo-card img {
    width: 100%;
}





/* 新闻资讯 */

.news {
    max-width: 100vw;
    height: 10.84rem;
    background: #12161FFF;
    padding: 0.6rem 1.2rem;

}

.new-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.new-title {
    color: white;
}

.new-title h2 {
    font-size: 0.58rem;
    font-weight: 400;
    position: relative;
    z-index: 44;
}

.new-title p {
    font-size: 0.18rem;
    color: #FFFFFFCC;
    position: relative;
    z-index: 44;
}

.news-btn {
    font-weight: 500;
    /* width: 1.38rem;
    height: 0.44rem; */
    background: #0076DF;
    border-radius: 0.3rem;
    font-size: 0.13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    cursor: pointer;
    overflow: hidden;
    font-family: "Elevision_b";
    padding-left: 0.15rem;
}


.new-bottom {
    width: 100%;
}

.new-col {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;

}

.col-top li:first-child {
    width: 7.9rem;
    /* flex: 1; */
    height: 3.78rem;
    background-image: url("../image/new/bg1.webp");
    background-size: cover;
    /* background-size: 100% 100%; */
    border-radius: 2rem 0.08rem 0.08rem 0.08rem;
    border: 0.05rem solid white;
    box-sizing: border-box;
}

.col-down li,
.col-top li:last-child {
    width: 3.8rem;
    height: 3.78rem;
    border-radius: 0.08rem;
    background-image: url("../image/new/b1.png");
    background-size: cover;
    transition: 0.6s;
}

.col-down .isPhone2 {
    display: none;
}

.col-down li:nth-child(1) {
    background-image: url("../image/new/b2.png");
}

.col-down li:nth-child(2) {
    background-image: url("../image/new/b3.png");
}

.col-down li:nth-child(3) {
    background-image: url("../image/new/b4.png");
}

.col-down li,
.col-top li:last-child {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

/* ── ::before = 渐变层，默认透明，hover 淡入 ── */
.col-down li::before,
.col-top li:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(317deg, #FBFF84 0%, #38B6FC 100%);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    mix-blend-mode: screen;
    /* /  ← 关键：混合而非覆盖 */
    z-index: 1;
}

.col-down li:hover::before,
.col-top li:last-child:hover::before {
    opacity: 0.9;

}


/* ── 内容始终最上层 ── */
.col-down li>*,
.col-top li:last-child>* {
    position: relative;
    z-index: 2;
}

.col-down li,
.col-top li {
    color: white;
    font-size: 0.22rem;
    display: flex;
    align-items: flex-end;
    padding: 0.4rem 0.63rem;
    box-sizing: border-box;
    justify-content: space-between;
}

.sm-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    justify-content: center;
    background-color: #252F47FF;
}

.col-top-dire {
    width: 50%;
}

.sm-card .col-top-dates,
.sm-card .col-top-dire {
    width: 100%;
}

.col-down li span,
.col-top li span {
    width: 100%;
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.76);
    font-weight: 100;

}



.sm-card .col-top-dire h6,
.sm-card h6 {
    font-size: 0.18rem;
    font-weight: bold;
    position: relative;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.sm-card .col-top-dire span,
.col-top li span {
    font-size: 0.13rem;
    color: rgba(255, 255, 255, 0.76);
    font-weight: 100;
    display: flex;
    margin-top: 0.18rem;
    position: relative;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    /* 贴在每行底部 */
    background-size: 0% 0.02rem;
    /* 初始宽度为 0 */
    transition: background-size 0.45s ease;
    box-decoration-break: clone;
    /* 换行处表现一致 */

}




.sm-card :hover h6,
.sm-card:hover span {
    background-size: 100% 0.02rem;
}







.sm-card .col-top-dates,
.col-top-dates {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.sm-card .col-top-dates {
    height: auto;
    flex-direction: row;
}

.col-top-date {
    display: flex;
    font-family: fongsong;
    font-weight: 400;
}

.month {
    font-size: 0.42rem;
    color: #FFFFFF;
    position: relative;
    margin-top: -0.1rem;
}

.month::after {
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    content: "2026";
    font-size: 0.12rem;
    color: #FFFFFF;
}

.day {
    font-size: 0.42rem;
    color: #FFFFFF;
    position: relative;
    padding: 0.1rem 0 0 0.2rem;
}

.day::after {
    position: absolute;
    content: "/";
    top: 0;
    left: 0;
    width: 0.3rem;
    height: 0.68rem;
    font-weight: 400;
    font-size: 0.4rem;
}


.sm-card .new-sm-btn,
.new-sm-btn {
    width: 0.52rem;
    height: 0.44rem;
    background: linear-gradient(142deg, #1EC4FB 0%, #E9FF9E 100%);
    box-shadow: 0rem 0.04rem 0.07rem 0rem rgba(0, 75, 117, 0.24);
    border-radius: 0.51rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    transition: 0.6s;
}

.sm-card .new-sm-btn {
    height: 0;
    opacity: 0;
}

.sm-card:hover .new-sm-btn {
    height: 0.44rem;
    opacity: 1;
}

.sm-card .new-sm-btn {
    background: white;
    color: #007EC4FF;
    font-family: "Elevision_b";
}

.ic {
    width: 0.3rem;
    height: 0.3rem;
}



/* 悬停时下划线变长 */
.nav-link:hover::after {
    width: 100%;
}






.g-body[data-page-name="index"] .m-research .stage {
    height: 100%;
}












/* ============== */
@media screen and (max-width: 750px) {

    /* 新闻 col-down：移动端一行显示2个 */
    ul.new-col.col-down {
        justify-content: space-between !important;
        gap: 0.2rem !important;
    }
    ul.new-col.col-down > li.sm-card {
        flex: 0 0 calc(50% - 0.1rem) !important;
        max-width: calc(50% - 0.1rem) !important;
        width: calc(50% - 0.1rem) !important;
    }

    .new-title h2,
    .partners-title,
    .case-title,
    .core-title,
    .preponderance-title h2,
    .products-section h2 {
        font-size: 0.96rem;
    }

    .new-title p,
    .case-title p,
    .core-subtitle,
    .preponderance-title p,
    .products-section p {
        font-size: 0.48rem;
        padding: 0 1.2rem;
    }

    .news-btn {
        /* width: 3.2rem;
        height: 0.88rem; */
        /* width: 1.5rem; */
        height: 1rem;
        border-radius: 1rem;
        font-size: 0.4rem;
        padding: 0.08rem 0.32rem;
        background: #0076DF;
    }

    .product-btn {
        display: none;
    }

    .btns2 {
        /* display: none; */
        bottom: auto;
        background: radial-gradient(56.6% 59.99% at 28.1% 8.03%, rgba(0, 117, 255, .9) 0, rgba(0, 117, 255, .7) 15%, rgba(0, 117, 255, .15) 64%, rgba(16, 22, 33, 0) 90%), radial-gradient(56.6% 59.99% at 76.03% 92.83%, rgba(29, 214, 255, .9) 0, rgba(29, 214, 255, .7) 15%, rgba(29, 214, 255, .1) 64%, rgba(16, 22, 33, 0) 90%);
    }

    .ic {
        width: 0.6rem;
        height: 0.6rem;

    }

    body {
        background-color: #12161E;
    }

    .mySwiper {
        height: 16rem;

    }

    .banner-txt {
        top: 5.3rem;
        left: 0.8rem;
        width: calc(100vw -1rem);
        text-align: left;
    }


    .banner-txt2 {
        width: 100vw;
        top: 5.3rem;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 1.2rem;
    }

    .banner-txt3 {
        left: auto;
        top: 5.3rem;
        right: 0.8rem;
        text-align: right;
        padding: 0 1.5rem;
    }

    .banner-txt h4 {
        font-size: 0.96rem;
    }

    .banner-txt2 h4 {
        padding: 0 1.2rem !important;
    }

    .banner-txt p {
        font-size: 0.48rem;
    }

    .banner-txt .btn {
        width: 4rem;
        height: 1.28rem;
        font-size: 0.48rem;
        border-radius: 1.09rem;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .mySwiper .swiper-button-next,
    .mySwiper .swiper-button-prev {
        display: none;
    }

    /* 机器人 */
    /* .skill-home {
        min-height: 16rem;
        max-height: 16rem;
        height: 16rem;
    } */
    .skill-home,
    #coreTech {
        min-height: 14rem;
        /* padding-bottom: 4rem; */
    }

    .g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye,
    .g-body[data-page-name="index"] .m-research .stage-4 .circle-9 {
        z-index: 99988;
    }


    .g-body[data-page-name="index"] .m-research .stage-area {
        font-size: 17rem;
    }

    .g-body[data-page-name="index"] .m-research .stage {
        top: 4rem;
    }


    .g-body[data-page-name="index"] .m-research .stage-4 {
        position: relative;
        z-index: 999;
    }


    .g-body[data-page-name="index"] .m-research .stage-4 .circle-center {
        position: absolute;
        bottom: 0.09em;
        left: 50%;
        width: 0;
        /* 旋转中心锚点 */
    }


    .g-body[data-page-name="index"] .m-research .stage-4 .circle-9,
    .g-body[data-page-name="index"] .m-research .stage-4 .circle-9 .eye {
        z-index: 99999;
    }

    .g-body[data-page-name="index"] .m-research {
        min-height: min-content;
        max-height: max-content;
        height: max-content;
        padding-top: 2rem;
    }

    .stage {
        position: relative;
        z-index: 9999999;
    }

    .circle-9 .eye-left::after,
    .circle-9 .eye-right::after {
        z-index: 9999999999999 !important;
    }

    .circle-yuan {
        top: 20px;
    }

    .preponderance {
        margin-top: 2rem;
    }

    .skill-bg {
        top: 65%;
    }

    .card {
        width: 4rem;
        height: 3.7rem;
    }

    .card .title1 {
        font-size: 0.64rem;

    }

    .card .subtitle {
        font-size: 0.4rem;

    }

    .card .list li {
        font-size: 0.32rem;

    }

    .card3,
    .card1 {
        left: 1rem;
    }

    .card3 {
        top: auto;
        bottom: 0rem;
    }

    .card4,
    .card2 {
        right: 1rem;
        left: auto;
        bottom: 0;
    }

    .card2,
    .card1 {
        margin-top: 2rem;
    }

    .preponderance-bg {
        width: 12rem;
        height: 5.64rem;
        margin-top: 2.8rem;
    }

    .preponderance-bottom {
        width: 100%;
    }

    .preponderance-col ul li {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: 0.5rem 0;
        text-align: center;
        /* 预留 hover 展开后(图标+标题+3行文字)的高度,避免跳动 */
        min-height: 4.8rem;
    }

    .col-img {
        width: 1.84rem;
        height: 1.84rem;
    }

    .col-text {
        font-size: 0.48rem;
    }

    .preponderance-col ul span {
        display: inline-block;
        width: 2.8rem;
        font-size: 0.4rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .preponderance-col ul li:hover .col-text span {
        width: 100%;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .grade {
        flex-direction: column;
    }

    .grade-right,
    .grade-left {
        width: 100%;
    }

    .grade-left h3 {
        font-size: 0.96rem;

    }

    .grade-left h6 {
        font-size: 0.4rem;
        line-height: 0.72rem;
        border-bottom: none;
    }

    .grade-left ul {
        font-weight: bold;
        color: #FFFFFF;
        font-size: 0.5rem;
        display: none;
    }

    .grade-definite2 {
        display: flex;
        flex: 1;
        /* flex-direction: row; */
        flex-wrap: wrap;
    }

    .grade-definite2 li {
        width: 50%;
        /* padding-bottom: 0.4rem; */
        font-size: 0.8rem;
        height: 2rem;

    }

    .definite-text {
        font-size: 0.32rem;
    }

    .grade-right img {
        width: 4.2rem;
        height: 3.76rem;
    }

    .grade-right {
        margin-top: 1rem;
    }


    .products-section {
        height: 16rem;
        margin-top: 1rem;
    }

    .products-section .bg-img {
        width: 12rem;
        height: 8.26rem;
        left: calc(50% - 6rem);
        top: 1rem;
    }

    .products-swiper {
        width: 94%;
        height: 10rem;
        margin: 1.6rem auto 0;
    }

    .products-swiper .swiper-button-next2,
    .products-swiper .swiper-button-prev2 {
        color: #fff !important;
        width: 1rem !important;
        height: 1rem !important;
        border-radius: 50%;
        border: 0.02rem solid #fff;

    }

    .swiper-button-next2:after,
    .swiper-button-prev2:after {
        font-size: 0.43rem !important;
    }


    .products-con {
        width: 8rem;
        height: 6.96rem;
    }

    .product-label {
        padding: 0.12rem 0.32rem;
        margin-bottom: 0.24rem;
        font-size: 0.5rem;
    }

    .products-section .bg-bottom {
        left: 5%;
        bottom: 4rem;
        width: 90%;
        height: 0.4rem;
        background: #397ad0;
        border-radius: 2rem;
        filter: blur(27px);
    }

    .more-phone {
        display: block;
    }

    .more-pc {
        /* display: none; */
        margin-right: .2rem;
    }

    .case {
        background: #12161f;
        min-height: 14.4rem;
    }

    .case-con ul {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        /* 关键：左对齐，不要居中 */
        flex-wrap: nowrap;
        /* 防止换行 */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 0.3rem;
        padding: 0 0.6rem;
        padding-bottom: 0.6rem;
        scrollbar-width: none;
        box-sizing: border-box;
    }

    .case-con ul::-webkit-scrollbar {
        display: none;
    }

    .case-con ul li {
        width: 8.8rem;
        height: 8.8rem;
        flex-shrink: 0;
        /* 关键：禁止卡片被压缩 */
    }



    .open-img {
        width: 4rem;
        height: 0.9rem;
        top: 0.6rem;
        right: 0.6rem
    }

    .open-img img {
        height: 100%;
        width: 100%;
    }

    .case-open {
        font-size: 0.5rem;
        top: 0%;
        /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 100%); */
        background: transparent;
    }



    .case-bg {
        height: 7rem;
    }

    .partners-section {
        min-height: max-content;
    }

    .partners-container {
        max-width: 98%;
    }

    .partners-container {
        gap: inherit;
    }

    .logo-card {
        width: 3.76rem;
        height: 3.76rem;
        margin: 0 0.3rem;
    }

    .marquee-row {
        overflow: visible;
        mask-image: unset;
        -webkit-mask-image: unset;
        /* 保留错落排版：各 row 仍用不同宽度并水平居中，
           但内部 justify-content:flex-start 让内容从行左边缘开始，
           这样左侧始终可达，右侧溢出可滑动 */
        justify-content: flex-start;
    }

    .row-right {
        width: 60%;
        margin: 0 auto;
    }

    .row-left {
        width: 90%;
        margin: 0 auto;
    }

    .news {
        height: auto;
    }

    .new-top {
        align-items: center;
    }



    .new-col .isPhone1 {
        display: none;
    }

    .col-top li:first-child {
        width: 100%;
        height: 6.4rem;
        border-radius: 3rem 0.08rem 0.08rem 0.08rem;
        border: 0.1rem solid white;
    }

    .col-top .day::after,
    .col-top .day,
    .col-top .month {
        font-size: 1.33rem;
    }

    .col-top .day {
        padding: 0.4rem 0 0 0.7rem;
    }

    .col-top .day::after {
        top: 0.3rem;
    }

    .col-top .month::after {
        font-size: 0.4rem;
        bottom: 0.3rem;
    }

    .col-top-dates {
        align-items: flex-end;

    }

    .col-top .col-top-dire {
        width: 70%;
        font-size: 0.6rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .col-top .col-top-dire span {
        display: block;
        font-size: 0.4rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .new-sm-btn {
        padding: 0.3rem 0.4rem;
        border-radius: 1rem !important;
        width: max-content !important;
        height: auto !important;
        overflow: visible;
    }

    .sm-card .new-sm-btn,
    .sm-card:hover .new-sm-btn {
        height: auto;
        overflow: visible;
    }

    .col-down {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        /* 关键：左对齐，不要居中 */
        flex-wrap: nowrap;
        /* 防止换行 */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 0.3rem;
        padding: 0;
        padding-bottom: 0.6rem;
        scrollbar-width: none;
        box-sizing: border-box;
    }

    .col-down::-webkit-scrollbar {
        display: none;
    }

    .col-down .sm-card {
        width: 6.48rem;
        height: 6.48rem;
        flex-shrink: 0;
    }

    .sm-card .col-top-dire h6,
    .sm-card h6 {
        font-size: 0.64rem;
    }

    .sm-card .col-top-dire span,
    .col-top li span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.4rem;
        white-space: unset;
    }

    .col-down .day::after,
    .col-down .day,
    .col-down .month {
        font-size: 0.99rem;
    }

    .col-down .day {
        padding: 0.4rem 0 0 0.4rem;
    }

    .col-down .day::after {
        top: 0.24rem;
    }

    .col-down .month::after {
        font-size: 0.3rem;
        bottom: 0.3rem;
    }


    /* ===== 修复：移动端项目案例/合作伙伴被 gsap.from 残留隐藏与位移 =====
       1) gsap.from 未触发时内联 opacity:0 卡隐藏 → 强制可见
       2) from 的 translateY 残留会让卡片下移，被 overflow-x:auto/hidden
          的另一轴裁剪（底部被裁、高度异常）→ 强制清除位移
       样式表 !important 优先级高于内联样式，可稳定覆盖 GSAP */
    .case,
    .case-con,
    .case-con ul,
    .case-con li,
    .case-img,
    .case-open,
    .open-img,
    .partners-section,
    .partners-container,
    .partners-container-wrap,
    .marquee-row,
    .marquee-track,
    .logo-list,
    .logo-item,
    .logo-card {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }

    /* 高度自适应：避免固定 min-height 造成下方遮盖/空白异常 */
    .case {
        min-height: max-content;
    }

}