/*导航栏*/
#navbar{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    z-index: 1000;
    display:flex;
    /*background:var(--dark);*/
    background: linear-gradient(180deg, rgba(2, 0, 19, 0.88) 35%, rgba(9, 2, 48, 0));

}
.navbg{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:1.5vw 3%;
    width: 100%;
    max-width: 1920px;
    box-sizing: border-box;
    margin:0 auto;
}
.nav_left img{
    max-height: 39px;
}
.nav_mid{
    display:flex;
    align-items: center;
}
.nav_mid a{
    color: #949aa6;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin:0 1.5vw;
}
.nav_mid a:hover{
    color: var(--primary);
}
.nav_right{
    display:flex;
    align-items: center;
}
.nav_right>h3{
    height: 40px;
    border-radius: 20px;
    border: 1px solid #4630FF;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:0 12px;
    background: rgba(70, 48, 255, 0.2);
}
.nav_right>h3 svg{
    width: 18.29px;
    height: 18.29px;
    color: #4630FF;
}
/* 关键修复代码 */
.nav_right>h3 svg use {
    fill: inherit !important;
}
.nav_right>h3 span{
    color: #949aa6;
    font-family: "MiSans";
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.nav_right>a{
    width: 13.3rem;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #4630FF;
    background: rgba(70, 48, 255, 1);
    color: #ffffff;
    font-family: "MiSans";
    font-size: 1.8rem;
    font-style: normal;
    text-align: center;
    font-weight: 700;
    margin-left: 3px;
}
.nav_right>a:hover{
    background: linear-gradient(90deg, #28C1F0 0%, #7E46ED 88.64%);
}
.nav_right>h3:hover span{
    color: #fff;
}
.nav_right>h3:hover svg.icon{
    color: #fff;
}

/*hero section*/
#hero{
    position: relative;  /* 必须加 */
    width: 100%;
    height: 100vh;

    display:flex;
    justify-content: center;
    align-items: center;
}
#hero::before {
    content: "";
    position: absolute;
    bottom: -26rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/herobg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    z-index: -1;  /* 让背景在文字下面 */
}
.scrolldown{
    position: absolute;
    bottom:2rem;
    left:50%;
    cursor:pointer;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}
.scrolldown .scro01{
    width: 1.6rem;
    height: 2.4rem;
}
.scrolldown .scro02{
    content: '';
    width: 0.2rem;
    height: 0.5rem;
    position: absolute;
    left: 50%;
    margin-left: -0.1rem;
    top: 5px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(5px); -webkit-transform: translateY(5px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(5px); -webkit-transform: translateY(5px); opacity: 0; }
}


.hero_tag{
    width: 203px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #1379888c;
    background: linear-gradient(92deg, #22d3ee0a 9%, #22d3ee2b 27.92%, #13798821 91%);
    color: #22a3b8;
    font-size: 1.2rem;
    margin:0 auto;
    margin-bottom: 0.8rem;
}


#hero>.warpper{
    text-align: center;
    padding-bottom: 20rem;
}
.hero_tit p{
    color: #ffffff;
    text-align: center;
    font-family: "MiSans";
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.hero_tit span{
    text-align: center;
    font-family: "MiSans";
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(90deg, #28C1F0 0%, #7E46ED 88.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem;
}
.hero_des_01{
    color: #949aa6;
    font-size: 2.2rem;
    font-weight: 600;
}
.hero_des_01 span{
    color: #22d3ee;
    font-size: 2.2rem;
    font-weight: 600;
}
.hero_des_02{
    color: #949aa6;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 2.5rem;
    margin-bottom: 3.8rem;
}
.hero_btn{
    width: 248px;
    border-radius: 8px;
    background: linear-gradient(178deg, #452EFE 51.61%, #9357E8 98.17%);
    box-shadow: 0 -3px 8px 1px #9457E8 inset;
    margin:0 auto;
}
.hero_btn a{
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 44px;
}
.hero_ul{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.9rem;
}
.hero_ul li:nth-of-type(2){
    margin:0 8.3rem
}
.hero_ul li {
    display:flex;
    align-items: center;
}
.hero_ul li svg{
    color: #22D3EE;
    width: 16px;
    height: 16px;
}
.hero_ul li span{
    color: #949aa6;
    font-size: 1.6rem;
}

/*why*/
.mouse-glow {
    position: fixed;
    width: 45rem;
    height: 25rem;
    border-radius: 76.4rem;
    background: rgba(122, 76, 237, 0.46);
    filter: blur(16rem);
    pointer-events: none;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0; /* 默认隐藏 */
}
.pd{
    padding-top:18rem;
    padding-bottom: 10rem;
}
.why_tit{
    text-align: center;
}
.why_tit h2{
    display:flex;
    align-items: center;justify-content: center;
}
.why_tit h2 span{
    font-size: 7rem;
    font-weight: 900;
    background: linear-gradient(90deg, #E6570B 0%, #FAA42F 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.why_tit p{
    color: #ffffff;
    font-size: 7rem;
}
.why_tit p span{
    color: #818cf8;
}
.why_cont{
    display:flex;
    justify-content: space-between;
    margin-top: 4.7rem;
}
.why_style{
    box-sizing: border-box;
    border-radius: 0.8rem;
    padding:2vw 3vw;
    transition: 300ms 0s all ease;
}
.why_style h4{
    display:flex;
    align-items: center;
    margin-bottom: 3.9rem;
}
.why_style h4 b{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 0.6rem;
    margin-right: 1.1rem;
}
.why_style h4 b svg{
    width: 2.4rem;
    height: 2.4rem;
}
.why_style h4 p{
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
}
.why_style ul li {
    height: 5rem;
    margin-top: 2.1rem;
    position:relative;
    z-index: 3;
}
.why_style ul li:first-of-type{
    margin-top: 0;
}
.why_style ul li p{
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 600;
}
.why_style ul li small{
    color: #949aa6;
    font-size: 1.6rem;
    font-weight: 400;
}
.why01{
    width: 17.3%;
    border: 0.1rem solid #e8611066;
    background: linear-gradient(180deg, #171012cc 0%, #100e11cc 100%);
    text-align: center;
}
.why02{
    position:relative;
    width: 39%;
    border: 0.1rem solid #ef444466;
    background: linear-gradient(180deg, #111921cc 0%, #111921cc 100%);
}
.why03{
    position:relative;
    width: 39%;
    border: 0.1rem solid #7a4bedcc;
    background: linear-gradient(180deg, #181637 0%, #482168 100%);
}
.why02:hover{
    /*box-shadow: 0 0.2rem 3.6rem 0.2rem rgba(218, 82, 82, 0.82);*/
}
.why03:hover{
    box-shadow: 0 0.2rem 3.6rem 0.2rem #452EFE;
}
.why01 ul li{
    display:flex;
    align-items: center;
    justify-content: center;
}
.whyicon{
    position:absolute;
    right:2vw;
    bottom:2vw;
    width: 30rem;
    height: 30rem;
}
.whytext{
    position:absolute;
    right:2vw;
    bottom:2vw;
}
.whytext h6{
    color: rgb(149, 155, 169);
    font-size: 1.6rem;
    font-weight: 400;
}
.whytext h6 span{
    font-size: 4.2rem;
    font-weight: 700;
    background: linear-gradient(180deg, #878CF9 0%, #BC84FB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.whytext p{
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
}
.why_code{
    width: 100%;
    box-sizing: border-box;
    padding:1.5vw 2vw;
    border-radius: 1.3rem;
    background: linear-gradient(177deg, #111827 2.38%, #181638 97.62%);
    transition: 300ms 0s all ease;
    margin-top: 5.2rem;
}
.why_code:hover{
    box-shadow: 0 0.4rem 3rem 0.1rem #DC2726;
}
.why_code_top{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
.why_code_top_left>h4{
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 600;
}
.why_code_top_left>h4 svg{
    width: 2rem;
    height: 2rem;
    vertical-align: baseline;
}
.why_code_top_left>p{
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1;
}
.why_code_top_left>p span{
    color: #ef4444;
    font-size: 5rem;
    font-weight: 600;
}
.freebtn{
    display:flex;
    justify-content: flex-end;
}
.freebtn>p{
    padding-left:1.5rem;
    color: #e4696b;
    font-size: 1.4rem;
    font-weight: 400;
    position:relative;
    overflow:hidden;
}
.freebtn>p:after{
    display:block;
    content: '';
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    width: 0.9rem;
    height: 0.9rem;
    background: #EF4444;
    border-radius: 50%;
}
.why_code_top_right>a{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 19.8rem;
    height: 5.4rem;
    border-radius: 1rem;
    background: linear-gradient(90deg, #DC2824 0%, #E9560D 100%);
    margin-top: 1.6rem;
}
.why_code_top_right>a span{
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
}
.why_code_top_right>a svg{
    margin-left: 0.4rem;
    width: 3rem;
    height: 3rem;
}


.why_code_mid{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5rem;
}
.why_code_mid>p{
    color: #9199a5;
    font-size: 1.8rem;
    font-weight: 400;
}
.why_code_mid div{
    color: #9199a5;
    font-size: 1.8rem;
    font-weight: 400;
    display:flex;
    align-items: flex-end;
    line-height: 1;
}
.why_code_mid div span>i{
    font-weight: bold;
    font-style: normal;
    font-size: 2.6rem;
}
.why_code_mid>div>i{
    display:block;
    width: 1px;
    height: 13px;
    background:#9199a5;
    margin:0 8px;
}
.why_code_bom{
    width: 100%;
    height: 0.6rem;
    border-radius: 10px;
    background: #5C636D;
    overflow:hidden;
    margin-top: 2.5rem;
}
.why_code_bom span{
    display:block;
    width: 88%;
    border-radius: 10px;
    height: 100%;
    background: linear-gradient(90deg, #DC2625 0%, #F69D5F 100%);
}
.why_code_top_right .cyber-btn:hover{
    box-shadow:0 0 30px rgb(127 127 127 / 60%);
}

/*geo*/
.title{
    text-align: center;
    margin-bottom: 5.2rem;
}
.title h2{
    color: #ffffff;
    font-size: 7rem;
    font-weight: 900;
}
.title h2 span{
    background: linear-gradient(90deg, #28CEEF 0%, #A359F7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title p{
    color: #969ca7;
    font-size: 3.2rem;
    font-weight: 600;
}
.geoul{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.geoul li{
    width: 18%;
    height: 36.4rem;
    transform: rotate(-0.023deg);
    border-radius: 0.8rem;
    box-sizing: border-box;
    padding:5.1rem 2.9rem;
    transition: 350ms 0s all ease;
    position:relative;
    top:0;
}
.geoul li:hover{
    top:-10px;
}
.geoul li b{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 0.6rem;
}
.geoul li b>svg{
    width: 3rem;
    height: 3rem;
}
.geoul li>h4{
    font-size: 2.4rem;
    font-weight: 900;
    margin-top: 2.1rem;
    margin-bottom: 1.4rem;
}
.geoul li>small{
    color: #9ca3af;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
}
.geoul li>div{
    display:flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.geoul li>div span{
    font-size: 1.6rem;
    font-weight: 400;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 0.2rem;
    box-sizing: border-box;
    padding:0 0.7rem;
}
.blue{border: 0.1rem solid #22D3EE;background: #0F0821;}
.blue b{background: #22D3EE;box-shadow: 0 0 0.4rem 0.1rem #22D3EE;}
.blue>h4{ color: #22d3ee;}
.blue>div span{ color: #22d3ee;background: #0E2134;}

.purple{background: #16081A;border: 0.1rem solid #9E59F6;}
.purple b{background: #9E5AF7;box-shadow: 0 0 0.4rem 0.1rem #9E5AF7;}
.purple>h4{color: #9e5af7;}
.purple>div span{color: #9e5af7;background:rgba(39, 12, 68, 1);}

.red{border: 0.1rem solid #DE3020;background: #0E041F;}
.red b{background: #DE3020;box-shadow: 0 0 0.4rem 0.1rem #DE3020;}
.red>h4{ color: #de3020;}
.red>div span{color: #de3020;background: #41292B;}

.yellow{border: 0.1rem solid #FB923C;background: #0F0821;}
.yellow b{background: #EC893B;box-shadow: 0 0 0.4rem 0.1rem #EC893B;}
.yellow>h4{color: #EC893B;}
.yellow>div span{color: #EC893B;background:#2b190b;}

.plum{border: 0.1rem solid #7E2895;background: #0C0620;}
.plum b{background: #7E2895;box-shadow: 0 0 0.4rem 0.1rem #7E2895;}
.plum>h4{color: #7E2895;}
.plum>div span{color: #7E2895;background:#361E3C;}


/*choose*/
.choose_style{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16rem; /* 卡片之间横向+纵向间距，还原原图宽松留白 */
    justify-content: space-between; /* 宽屏时4个均匀撑开，左右对齐 */
}
.choose_style li{
    position:relative;
    padding-top: 8rem;
}
.choose_style li:before{
    position:absolute;
    left:0;
    top:0;
    display:block;
    content: attr(data-text);
    color: rgba(255, 255, 255, 0.12);
    font-size: 13rem;
    font-weight: 900;
    transition-property: color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    line-height: 1;
}
.choose_style li h3{
    color: #fff;
    font-size: 3.4rem;
    font-weight: 900;
    transition-property: color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.choose_style li b{
    display:block;
    width: 1.8rem;
    height: 0.2rem;
    margin:2.5rem 0;
}

.choose_style li small{
    color: rgb(150, 157, 169);
    font-size: 2rem;
    font-weight: 400;
}
.chose01 b{background: #22d3ee;}
.chose01:hover h3{color: #22d3ee;}
.chose01:hover:before{color: rgba(34, 211, 238, 0.2);}
.chose02 b{background: #9265C0;}
.chose02:hover h3{color: #9265C0;}
.chose02:hover:before{color: rgba(146, 101, 192, 0.2);}
.chose03 b{background: #4ADE80;}
.chose03:hover h3{color: #4ADE80;}
.chose03:hover:before{color: rgba(74, 222, 128, 0.2);}
.chose04 b{background: #FB923C;}
.chose04:hover h3{color: #FB923C;}
.chose04:hover:before{color: rgba(251, 146, 60, 0.2);}

/*entry*/
.entry{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 6.4rem; /* 卡片之间横向+纵向间距，还原原图宽松留白 */
    justify-content: space-between; /* 宽屏时4个均匀撑开，左右对齐 */
}
.entry li{
    /*width: 49rem;*/
    height: 44.5rem;
    border-radius: 3.1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.24);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    box-sizing: border-box;
    padding:5.2rem 3.6rem;
}
.entry_top{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.8rem;
}
.entry_top>b{
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 6.3rem;
    height: 6.3rem;
}
.entry_top>b svg{
    width: 3.7rem;
    height: 3.7rem;
}
.entry_top>span{
    width: 11.6rem;
    line-height: 4rem;
    border-radius: 2.1rem;
    background: rgba(255, 255, 255, 0.12);
    color: #cbced5;
    font-size: 1.8rem;
    text-align: center;
}
.entry_mid{}
.entry_mid h4{
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: 700;
}
.entry_line{
    width: 100%;
    height: 0.2rem;
    opacity: 0.15;
    background: #D9D9D9;
    margin-top: 5.2rem;
    margin-bottom: 1.7rem;
}
.entry_mid div p{
    color: #b9bfca;
    font-size: 1.8rem;
    font-weight: 400;
    padding-left:1.8rem;
    position:relative;
    margin-top: 1.3rem;
}
.entry_mid div p:before{
    position:absolute;
    display:block;
    content: '';
    width: 1.3rem;
    height: 1.3rem;
    background:#F87171;
    border-radius: 50%;
    top:50%;
    left:0;
    transform: translateY(-50%);

}
.entry_bom{
    display:flex;
    align-items: center;
}
.entry_bom>div{
    width: 50%;
}
.entry_bom h2{
    font-size: 3.2rem;
    font-weight: 700;
}
.entry_bom p{
    color: #6b7280;
    font-size: 1.6rem;
    font-weight: 400;
}


.entry01{background: linear-gradient(180deg, #09023296 0%, #20bbd42e 100%);}
.entry01:hover{border: 0.1rem solid #20BBD4;}
.entry01 .entry_top b{background:rgba(32, 187, 212, 0.24);}
.entry01 .entry_mid div p:last-of-type{ color: #20bbd4;}
.entry01 .entry_mid div p:last-of-type:before{ background: #20bbd4;}
.entry01 .entry_bom div h2{ color: #20bbd4;}

.entry02{background: linear-gradient(180deg, rgba(9, 2, 50, 0.59) 0%, rgba(192, 132, 252, 0.18) 100%);}
.entry02:hover{border: 0.1rem solid #9E59F6;}
.entry02 .entry_top b{background:rgba(192, 132, 252, 0.16);}
.entry02 .entry_mid div p:last-of-type{ color: #C084FC;}
.entry02 .entry_mid div p:last-of-type:before{ background: #C084FC;}
.entry02 .entry_bom div h2{ color: #C084FC;}

.entry03{background: linear-gradient(180deg, #09023296 0%, #43da882e 100%);}
.entry03:hover{border: 0.1rem solid #43DA88;}
.entry03 .entry_top b{background:rgba(32, 187, 212, 0.24);}
.entry03 .entry_mid div p:last-of-type{ color: #43DA88;}
.entry03 .entry_mid div p:last-of-type:before{ background: #43DA88;}
.entry03 .entry_bom div h2{ color:#43DA88;}

/*funeng*/
#funeng .warpper{
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.funengbg{
    position:relative;
    box-sizing: border-box;
    padding:9.7rem 6.6rem;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #090232 0%, #341351 100%);
    border-radius: 1.2rem;
}
.funengline{
    width: calc(100% + 22px);
    height: calc(100% + 22px);
    border-radius: 2rem;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(36deg, #ff27d9 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #4d36ff 100%);
    filter: blur(6px);
}
.funengline02{
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    border-radius: 1.3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(36deg, #ffc6f5 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 78%, #beb6ff 100%);
    filter: blur(2px);
}





#funeng .title small{
    color: #22d3ee;
    font-size: 3rem;
    font-weight: 600;
}
.funeng_cont{
    color: #fff;
    text-align: center;
    font-size: 2.2rem;
    line-height: 3.6rem;
    font-weight: 300;
}
.funeng_cont span{
    color: #fb923c;
}
.funeng_ul{
    display:grid;
    grid-template-columns: repeat(4, minmax(260px, 1fr));
    margin-top: 8rem;
}
.funeng_ul li{
    text-align: center;
}
.funeng_ul li h4{
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
}
.funeng_ul li h4 span{
    vertical-align: baseline;
}
.funeng_ul li h4 sup{
    vertical-align: baseline;
}
.funeng_ul li h4 sub{
    font-size: 1.6rem;
    font-weight: 600;
    vertical-align: baseline;
}
.funeng_ul li small{
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
}


/*tuijian*/
.tj_cont{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.tj_left{}
.tj_left h4{
    color: #ffffff;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 7rem;
}
.tj_left h4 span{
    background: linear-gradient(90deg, #2EC5ED 0%, #A25BF7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tj_left .lett{
    margin-left: -2.8rem;
}
.tj_left p{
    margin-top: 2.8rem;
    color: #969ca7;
    font-size: 2.2rem;
    font-weight: 400;
}
.tj_right{
    width:50%;
    border-radius: 1.9rem;

    border: 0.2rem solid transparent;
    /* 双层背景：内容区白色 + 外层渐变 */
    background: linear-gradient(45deg,   #130E33 0%,
    #130E33 75%,
    rgba(57, 34, 207, 0.7) 88%,
    rgba(57, 34, 207, 0.68) 100%) padding-box,
            linear-gradient(45deg, #4A30FC, rgba(203, 25, 230, 0),rgba(203, 25, 230, 0.6)) border-box;
    /* 裁剪规则：内容到padding，渐变到border */
    background-clip: padding-box, border-box;
    padding: 6rem;

}


.tj_right label{
    display:block;
    color: #ffffff;
    font-size: 1.6rem;
    margin-bottom: 0.7rem;
}
.tj_right .form-tr input::placeholder{
    color: #797979;
    font-size: 1.6rem;
}
.tj_right .form-tr>input{
    width: 100%;
    height: 60px;
    border-radius: 0.8rem;
    background: #FFF;
    color: #333;
    font-size: 1.6rem;
    box-sizing: border-box;
    padding:0 1.1rem;
}
.tj_right .form-tr{
    margin-bottom: 2.8rem;
}
.tj_right .form-tr .code{
    width: 100%;
    height: 60px;
    border-radius: 0.8rem;
    background: #FFF;
    display:flex;
    align-items: center;
    justify-content: space-between;
    position:relative;
    overflow:hidden;
}
.tj_right .form-tr .code .showcap{
    position:absolute;
    left:0;
    top:0;
    line-height: 60px;
    width: 100%;
    height: 100%;
    color: #797979;
    font-size: 1.6rem;
    box-sizing: border-box;
    padding:0 1.1rem;
    background:#fff;
    border-radius: 0.8rem;
    cursor: pointer;
}

.tj_right .form-tr .code input{
    color: #333;
    font-size: 1.6rem;
    width: calc(100% - 200px);
    box-sizing: border-box;
    padding:0 1.1rem;
}
.tj_right .code .verify{
    display:flex;
    align-items: center;
    justify-content: center;
    background:#f3fbfe;
    width: 200px;
    height: 100%;
}
.tj_right .code .verify img{
    max-width:100%;
    max-height: 100%;
}

.tj_right .submit{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.2rem;
    border-radius: 0.8rem;
    background: linear-gradient(90deg, #442DFD 0%, #8E53EA 100%);
}
.tj_right .submit span{
    font-weight: 700;
    color: #ffffff;
    font-size: 2.2rem;
}
.tj_right .submit svg{
    width: 2.3rem;
    height: 2.3rem;
    margin-left: 1rem;
}

.tj_msg{
    color: #b1b1c7;
    font-size: 1.8rem;
    margin-top: 1.9rem;
}

/*foot*/
#foot{
    position:relative;
    overflow:hidden;
    padding-top: 18rem;
    padding-bottom: 4rem;
}
.foottext{
    color: #ffffff0f;
    font-size: 30rem;
    font-weight: 900;
    line-height: 1;
    position:absolute;
    bottom:-10rem;
    left:50%;
    transform:translateX(-50%);
}
#foot .warpper{
    position:relative;
}
.foot_top{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.6rem;
}
.foot_top_left ul{
    display:flex;
    align-items: center;
}
.foot_top_left ul li{
    width: 8.5rem;
    height: 8.5rem;
    margin-right: 1.4rem;
    border-radius: 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
    box-shadow: 1px -0.1px 0.2px #ffffff94, -1px 0.1px 0 #ffffff94;
}

.foot_top_left ul li img{
    max-width: 4.4rem;
}
.foot_top_right>p{
    color: #b1b1c7;
    font-size: 1.6rem;
    text-align: right;
}
.foot_top_right>a{
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.foot_bom{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.foot_bom_left {
    max-width: 800px;
}
.foot_bom_left>h3{
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 4.2rem;
}
.fot_tag{
    display:flex;
    flex-wrap: wrap;
}
.fot_tag span{
    margin-right: 1.2rem;
    color: #b1b1c7;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3.2rem;
}
.fot_code{
    display:flex;
    align-items: center;
    margin-bottom: 2.5rem;
    margin-top: 3.5rem;
}
.fot_code img{
    width: 10.7rem;
    margin-right: 1.8rem;
}

.foot_bom_left>p a,
.foot_bom_left>p,
.fot_code div p,
.fot_code div a{
    color: #b1b1c7;
    font-size: 1.6rem;
}
.fot_code div p:nth-of-type(2){
    margin-bottom:10px;
}
.fot_code div a:hover,
.foot_bom_left>p a:hover{
    color: #fff;
}


.ai-circle {
    width: 24.3rem;
    height: 24.3rem;
    background: linear-gradient(180deg, #462EFD 0%, #8C52EA 100%);
    box-shadow: 0 0 1.2rem 0 #3B20C2 inset;

    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}
.ai-logo {
    z-index: 99; /* 层级最高 */
    transform: none !important; /* 禁止旋转 */
    display:flex;
    align-items: center;
    justify-content: center;
}
.ai-logo img{
    max-width: 58%;
}
.circle-text-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    animation: rotateCircle 20s linear infinite; /* 旋转动画 */
    transform-origin: center center; /* 圆心旋转 */
}
.circle-text-svg text {
    font-size: 0.6rem !important;
    letter-spacing: 0.15rem !important; /* 加px单位，避免SVG解析异常 */
    fill: #ffffff;
    font-weight: normal;
}
.circle-text-svg textPath {
    font-size: inherit !important;
    letter-spacing: inherit !important;
}
/* 旋转动画：保持不变 */
@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}