*{
    margin: 0;
    padding: 0;
    font-family: PingFang SC, PingFang SC;;
}
html{
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #080D16;
    color: #fff;
    font-weight: 500;
    font-size: var(--font-size-01);
    /* line-height: 24px; */
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.bg-box-big{
    position: absolute;
    z-index: 0;
    width: 2057px;
    height: 1543px;
    background: radial-gradient( 62.75% 82.75% at 50% 50%, rgba(125,140,255,0.2) 0%, rgba(0,0,0,0) 68%);
    border-radius: 0px 0px 0px 0px;
    opacity: 0.8;
    filter: blur(90px);
    transform: rotate(2deg);
    display: var(--Pc--block);
}
/* 分辨率小于等于1280px 手机 */
@media screen and (max-width: 1200px) {
    :root {
        --font-size-01: 14px;
        --font-size-02: 12px;
        --font-size-03: 16px;
        --font-size-04: 30px;
        --font-size-05: 24px;
        --font-size-06: 30px;
        --font-size-07: 22px;
        --font-size-08: 42px;
        --font-size-09: 32px;
        --font-size-10: 24px;
        --font-size-11: 24px;
        --line-height-01: 40px;
        --line-height-02: 24px;
        --line-height-03: 30px;
        --line-height-04: 64px;
        --line-height-05: 45px;
        --Pc-width-01:100%;
        --spacing-head: 16px;
        --spacing-01: 24px;
        --spacing-02: 18px;
        --spacing-03: 12px;
        --spacing-04: 48px;
        --spacing-05: 24px;
        --spacing-06: 20px;
        --spacing-07: 18px;
        --spacing-08: 0;
        --spacing-09: 30px;
        --spacing-10: 10px;
        --spacing-11: 48px;
        --spacing-12: 24px;
        --Phone-spacing-01: 12px;
        --Pc--block:none;
        --Pc--flex:none;
        --Phone--block:block;
        --Phone--flex:flex;
        --Pc--order:3;
        --Phone-width-01:100%;
        --Phone-width-02:100%;
        --phone-justify:flex-start;
        --Phone-height-01:77px;
        --Phone-height-02:400px;
        --Phone-height-03:90px;
        --Phone-height-04:180px;
        --Phone-height-05:120px;
        --Phone-height-06:210px;
        --Phone-height-07:130px;
        --Phone-height-08:560px;
        --Phone-height-10:100px;
        --Phone-height-09:42px;
        --flex-wrap-01: nowrap;
    }

    .parent-width{
        box-sizing: border-box;
        padding: 0 16px;
    }
    .product-banl .product-left{
        height: 280px;
        margin-bottom: 20px;
    }
    .product-banl .product-left .border-color-box{
        flex: 1;
        min-width: 200px;
        justify-content: center;
    }
    #ContactSales .border-color-box{
        flex: 1;
        min-width: 200px;
        justify-content: center;
    }
    .product-bg-box.product .title{
        line-height: 30px;
        margin-bottom: 8px;
        height: 90px;
        display: flex;
        align-items: center;
    }
    .product-bg-box.product .info{
        height: 113px;
        align-items: center;
    }
    .footer{
        height: 130px;
        align-content: space-between;
    }
    .product .flex-list-box > div.swiper-wrapper{
        gap: 0;
    }
    .product .swiper-wrapper .flex-item-box{
        flex: none;
    }
    .product .four-box > div.swiper-wrapper{
        gap: 0;
    }
    .product .swiper-wrapper .four-item{
        flex: none;
    }
}

/* 分辨率大于1280px 电脑 */
@media screen and (min-width: 1200px) {
    :root {
        --font-size-01: 16px;
        --font-size-02: 14px;
        --font-size-03: 18px;
        --font-size-04: 48px;
        --font-size-05: 28px;
        --font-size-06: 40px;
        --font-size-07: 24px;
        --font-size-08: 64px;
        --font-size-09: 50px;
        --font-size-10: 36px;
        --font-size-11: 30px;
        --line-height-01: 56px;
        --line-height-02: 36px;
        --line-height-03: 48px;
        --line-height-04: 104px;
        --line-height-05: 58px;
        --Pc-width-01:1000px;
        --spacing-head: max(calc((100% - var(--Pc-width-01)) / 2));
        --spacing-01: 32px;
        --spacing-02: 24px;
        --spacing-03: 16px;
        --spacing-04: 160px;
        --spacing-05: 48px;
        --spacing-06: 40px;
        --spacing-07: 28px;
        --spacing-08: 12px;
        --spacing-09: 80px;
        --spacing-10: 14px;
        --spacing-11: 68px;
        --spacing-12: 42px;
        --Phone-spacing-01: 0;
        --Pc--block:block;
        --Pc--flex:flex;
        --Phone--block:none;
        --Phone--flex:none;
        --Pc--order:1;
        --Phone-width-01:auto;
        --Phone-width-02:calc(50% - var(--spacing-01)/2);
        --phone-justify:center;
        --Phone-height-01:120px;
        --Phone-height-02:500px;
        --Phone-height-03:116px;
        --Phone-height-04:180px;
        --Phone-height-05:112px;
        --Phone-height-06:270px;
        --Phone-height-07:180px;
        --Phone-height-08:650px;
        --Phone-height-09:56px;
        --Phone-height-10:130px;
        --flex-wrap-01: wrap;
    }
    html.i18nClass .banlance-list .banlance-item{
        padding-left: 20px;
        padding-right: 20px;
    }
    html.i18nClass .banlance-list .banlance-title{
        font-size: 16px;
        white-space: nowrap;
    }
    html.i18nClass .banlance-list .banlance-remark{
        font-size: 12px;
        line-height: 18px;
    }
}
#app{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
    position: relative;
}
.langToggle-phone{
    position: fixed;
    right: 15px;
    z-index: 99;
    font-size: 14px;
    bottom: 80px;
    width: 40px;
    height: 40px;
    display: var(--Phone--flex);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid rgba(51, 65, 85, 0.8);
    border-radius: 50%;
}
.parent-width{
    width: var(--Pc-width-01);
    margin: auto;
    position: relative;
    z-index: 3;
}
.header{
    display: flex;
    justify-content: space-between;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(16px);
    color: rgba(255,255,255,0.8);
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    padding: var(--spacing-03) var(--spacing-head);
    box-sizing: border-box;
}
.header .logo{ 
    display: flex;
    cursor: pointer;
}
/* .header .logo img{
    height: var(--font-size-04);
} */
 html.i18nClass .header .nva-center{ 
    gap: 24px;
}
.header .nva-center{
    display: var(--Pc--flex);
    align-items: center;
    gap: var(--spacing-01);
}
.header .nva-center>span{
    cursor: pointer;
}
.header .header-right-edit{
    display: flex;
    align-items: center;
}
html.i18nClass .i18n span:first-child{
    color: #94A8C3;
    order: 3;
}
html.i18nClass .i18n span:last-child{
    color: rgba(255,255,255,0.8);
    order: 1;
}
.i18n span:last-child{
    color: #94A8C3;
}
.i18n span {
    order: 2;
}
.header .header-right-edit .i18n{
    display: var(--Pc--flex);
    gap: 2px;
}
.header .header-right-edit>div{
    cursor: pointer;
}
.header .regin-btn{
    margin: 0 var(--spacing-06);
}
.header .login-btn{ 
    background: linear-gradient( 90deg, #1896FF 0%, #28DFF4 100%);
    box-shadow: 0px 8px 36px 0px rgba(39,221,244,0.32);
    border-radius: 20px 20px 20px 20px;
    padding: 4px 12px;
}
.nav-box{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nav-box .bg-box{
    background: rgba(121,240,255,0.08);
    border-radius: 300px 300px 300px 300px;
    opacity: 0.2;
    filter: blur(200px);
    position: absolute;
    z-index: 1;
    width: 861px;
    height: 861px;
    top: 0;
    left: -167px;
}
.nav-box .left-text{
    display: flex;
    position: relative;
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    max-width: 500px;
    order: var(--Pc--order);
}
.small-text-box{
    width: fit-content;
    height: var(--spacing-01);
    background: linear-gradient( 90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);
    box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.16);
    border-radius: 20px 20px 20px 20px;
    border: 1px solid rgba(255,255,255,0.16);
    display: flex;
    align-items: center;
    display: none;
}
.point{ 
    width: 10px;
    height: 10px;
    background: linear-gradient( 270deg, #28DFF4 0%, #1896FF 100%);
    box-shadow: 0px 0px 20px 0px rgba(51,229,255,0.8);
    border-radius: 20px 20px 20px 20px;
    margin: 0 6px 0 12px;
}
.nav-box .small-text-box .text{ 
    font-size: 10px;
}
.small-text-box .text{ 
    font-weight: 400;
    font-size: 12px;
    color: #A5BAD9;
    line-height: 24px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-right: var(--spacing-03);
}
html.i18nClass .nav-box .big-text-box{
    font-size: var(--font-size-09);
    line-height: var(--line-height-05);
}
.nav-box .big-text-box{ 
    text-align: center;
    font-weight: 600;
    height: var(--Phone-height-03);
    font-size: var(--font-size-08);
    line-height: var(--line-height-04);
    letter-spacing: 5px;
    font-style: normal;
    text-transform: none;
    background-image: linear-gradient(180deg, #28DFF4 0%, #0168FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: var(--spacing-07) 0;
}
.nav-box .border-color-box{
    margin: auto;
}
.right-canvas{
    position: relative;
    width: 500px;
    /* 680px */
    height: var(--Phone-height-02);
    order: 1;
    /* right: 0;
    top: 0; */
}
.right-canvas canvas{
    width: 100%;
    height: 100%;
}
.nav-box .glow-ring{
    /* display: none; */
    position:absolute;inset:50% auto auto 50%;
    width:450px;
    height:450px;
    border-radius:50%;
    transform:translate(-50%,-50%);
    border:none;
    box-shadow:0 0 140px rgba(121,240,255,.10);
    pointer-events:none;
    opacity:.55;
}
.balance-box{
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    position: relative;
    margin-top: 67px;
    display: flex;
    flex-wrap: nowrap;
    background: rgba(255,255,255,0.04);
    padding: var(--spacing-02) 0;
}
.balance-box .leftfilter{
    left: 0;
    transform: rotate(180deg);
}
.balance-box .rightfilter{
    right: 0;
}
.balance-box .filter{
    
    /* background: linear-gradient(90deg, rgba(20, 25, 34, 0.04) 14.41%, #080D16 61.54%); */
    width: 459px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
}
.balance-box .balance-list{
    display: flex;
    gap: var(--spacing-01);
    animation: lunbo 10s linear infinite;
    padding-left: var(--spacing-01);
    position: relative;
    z-index: 2;
}
@keyframes lunbo {
    0%{
        transform: translateX(0)
    }
    100%{
        transform: translateX(-100%)
    }
}
.bg-box-2.bg-box-big{
    width: 480px;
    height: 360px;
    right: 136px;
    top: 50%;
    transform: translateY(-50%) rotate(2deg);
}
.bg-box-3{
    top: -278px;
}
.product.head-product{
    height: var(--Phone-height-05);
    display: flex;
    align-items: center;
    justify-content: center;
}
.product.head-product .title{
    font-size: var(--font-size-06);
    /* text-align: center; */
}
.bg-box-top-2{
    margin-top: var(--spacing-09);
    position: relative;
    z-index: 1;
    text-align: center;
}
.bg-box-top{
    margin-top: var(--spacing-04);
    position: relative;
    z-index: 1;
}
.mySwiper_01{
    display: var(--Phone--block) !important;
    position: relative;
    z-index: 5 !important;
    margin-top: 33px;
}
.swiper-img{
    width: 100%;
}
.nva-banlance .banlance-img-list{
    display: var(--Pc--flex);
}
.banlance-list{
    display: flex;
    /* justify-content: space-between; */
    gap: var(--spacing-01);
}
.banlance-list .banlance-item{ 
    flex: 1;
    min-width: var(--Phone-width-01);
    background: linear-gradient( 70deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    padding: var(--spacing-10) 0;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
}
.banlance-list .banlance-title{
    font-weight: 600;
    font-size: var(--font-size-03);
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}
.banlance-list .banlance-remark{
    font-weight: 400;
    font-size: var(--font-size-02);
    color: #94A8C3;
    line-height: 22px;
    margin-top: 8px;
    height: var(--Phone-height-01);
}
.banlance-list .banlance-item.active{
    background: linear-gradient( 104deg, rgba(121,240,255,0.16) 0%, rgba(125,140,255,0.16) 100%);
    border: 1px solid rgba(121,240,255,0.36);
}
.banlance-list .banlance-item .banlance-title:first-child {
    display: var(--Pc--block);
}
.banlance-list .banlance-item .banlance-title:last-child {
    display: var(--Phone--block);
}
.banlance-list .banlance-item.active .banlance-title{
    color: #28DFF4;
}
.banlance-list .banlance-item.active .banlance-remark{
    color: #FFFFFF;
}
.banlance-img-list{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-top: 33px;
}
.banlance-img-list .image{
    display: flex;
    width: 100%;
    flex: none;
    transition: all 0.8s ease-in-out;
}
.banlance-img-list .image img{
    width: 100%;
}
.bg-box-4 div{
    top: -563px;
}
.product{
    text-align: center;
}
.product .product-tit-inf{
    /* height: var(--Phone-height-04); */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: var(--spacing-05);
}
.product .title{
    background-image: linear-gradient(180deg, #28DFF4 35%, #1896FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: var(--font-size-04);
    line-height: var(--line-height-01);
    text-align: center;
}
.product .info{ 
    font-size: var(--font-size-03);
    color: #94A8C3;
    text-align: left;
    display: none;
    /* margin-bottom: var( --spacing-01); */
}
.product .flex-list-box > .swiper-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: var(--flex-wrap-01);
    align-content: space-between;
    row-gap: var( --spacing-01);
    text-align: left;
    gap: var(--spacing-01);
}
.product .flex-item-box{
    flex: 1;
    height: var(--Phone-height-06);
    min-width: 300px;
    background: linear-gradient( 70deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    border-radius: 25px 25px 25px 25px;
    border: 1px solid rgba(255,255,255,0.1);
    box-sizing: border-box;
    padding: var(--spacing-02);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product .flex-item-box .product-title{
    font-weight: 600;
    font-size: var(--font-size-03);
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}
.product .flex-item-box .product-info{
    font-size: var(--font-size-02);
    color: #94A8C3;
    /* line-height: 22px; */
}
.product .flex-item-box .product-small-list{
    display: flex;
    flex-direction: column;
    /* gap: 8px; */
    justify-content: space-between;
    height: var(--Phone-height-10);
}
html.i18nClass .product .flex-item-box .product-info{
    font-size: 12px;
}
html.i18nClass .product .flex-item-box .product-small-item{
    font-size: 12px;
}
.product .flex-item-box .product-small-item{
    font-size: var(--font-size-02);
    color: rgba(255,255,255,0.8);
    /* line-height: 22px; */
    display: flex;
    align-items: center;
}
.product .flex-item-box .point{
    width: 6px;
    height: 6px;
    margin: 0 8px 0 0;
}
.bg-box-5 div{
    top: -503px;
    left: -888px;
}
.product .four-box{
    overflow: hidden;
}
.product .four-box > .swiper-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: var(--flex-wrap-01);
    gap: var(--spacing-01);
}
.product .four-item{
    flex: 1;
    min-width: 300px;
    background: linear-gradient( 70deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    border-radius: 25px 25px 25px 25px;
    border: 1px solid rgba(255,255,255,0.1);
    padding: var(--spacing-02);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: var(--Phone-height-07);
}
.product .four-item .four-title{
    background: linear-gradient(315deg, #7556FF 0%, #B8FAFF 50%, #FFFFFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    font-size: var(--font-size-05);
    line-height: var(--line-height-02);
    text-align: left;
    width: fit-content;
}
.product .four-item .four-info{
    font-size: var(--font-size-02);
    color: #94A8C3;
    /* line-height: 22px; */
    /* margin-top: var(--spacing-03); */
    text-align: left;
}
.bg-box-6{
    margin-top: var(--spacing-04);
}
.bg-box-6 div:first-child{
    top: -33px;
    left: -950px;
}
.bg-box-6 div:last-child{
    top: 122px;
    left: 58px;
}
.product .four-item .four-info-t{
    font-weight: 600;
    font-size: var(--font-size-03);
    color: #FFFFFF;
    /* line-height: 28px;  */
    /* margin-top: 8px; */
}
html.i18nClass .product .four-box-three .four-title{
    font-size: var(--font-size-05);
}
html.i18nClass .product .four-item .four-info-t{
    font-size: var(--font-size-02);
}
html.i18nClass .product .four-item .four-info{
    font-size: 12px;
}
.product .four-box-three .four-title{
    font-size: var(--font-size-06);
    /* line-height: var(--line-height-03); */
    font-weight: bold;
}
.product .two-box{
    display: flex;
    gap: var(--spacing-01);
    flex-wrap: wrap;
}
.product .two-box .two-item{
    flex: 1;
    max-width: 100%;
    height: var(--Phone-height-08);
    padding: var(--spacing-11) var(--spacing-12);
    background: linear-gradient( 70deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 100%);
    border-radius: 25px 25px 25px 25px;
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    box-sizing: border-box;
}
.product .two-box .two-item .two-image{ 
    max-width: 100%;
    min-width: 200px;
}
.product .two-box .two-item .two-image img{ 
    width: 100%;
}
.product .two-box .two-item .two-title{ 
    font-weight: 600;
    font-size: var(--font-size-07);
    color: #FFFFFF;
    line-height: 32px;
}
.product .two-box .two-item .two-info-t{ 
    font-weight: 400;
    font-size: var(--font-size-02);
    color: #94A8C3;
    line-height: 22px;
}
.product .two-box .two-item .two-info{ 
    display: flex;
    align-items: center;
}
.product .two-box .two-item .two-info .image-icon{ 
    display: flex;
    margin-right: 10px;
}
.product .two-box .two-item .two-info .two-info-small{ 
    font-weight: 600;
    font-size: var(--font-size-02);
    line-height: 22px;
    background: linear-gradient(180deg, #28DFF4 0%, #1896FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.border-color-box{ 
    display: flex;
    align-items: center;
    padding:  10px var(--spacing-01);
    cursor: pointer;
    background: rgba(136,240,255,0.1);
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 8px 16px 0px rgba(39,221,244,0.16);
    color: #FFFFFF;
}
.border-color-box::after{ 
    content: '';
    position: absolute;
    z-index: 1;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: inherit;
    padding: 2px; /* 边框厚度 */
    background: linear-gradient(45deg, rgba(139, 243, 255, 1), rgba(24, 150, 255, 1)); /* 渐变边框 */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.border-color-box .border-image-box{ 
    display: flex;
    margin-left: 4px;
}
.border-color-box .border-text-box{ 
    font-weight: 600;
    font-size: var(--font-size-02);
    line-height: 22px;
    white-space: nowrap;
}
.product-banl{
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-08);
}
.product-banl .info{
    display: block;
}
.product-banl.product .product-tit-inf{ 
    margin: 0;
    flex: 1;
    justify-content: space-between;
}
.product-banl .product-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-banl .product-left .btn-group {
    flex-wrap: wrap;
}
html.i18nClass .product-banl.product .title{
    font-size: var(--font-size-11);
    line-height: var(--line-height-02);
}
html.i18nClass .product-banl.product .info{
    font-size: var(--font-size-01);
}
.product-banl.product .title{
    font-size: var(--font-size-10);
    text-align: left;
}
.btn-group{
    display: flex;
    gap: var(--spacing-02);
}
.btn-group .border-color-box {
    padding-left: var(--spacing-02);
    padding-right: var(--spacing-02);
}
.btn-group .border-color-box:first-child{
    background: linear-gradient( 90deg, #1896FF 0%, #28DFF4 100%);
    box-shadow: 0px 8px 36px 0px rgba(39,221,244,0.32);
    color: #080D16;
}
.btn-group .border-color-box:first-child::after{
    opacity: 0;
}
.product-banl .product-right{
    max-width: 100%;
    display: var(--Pc--block);
}
.product-banl .mark-box{
    width: 466px;
    max-width: 100%;
    background: linear-gradient( 45deg, #0E1625 0%, #0D1523 7.14%, #0D1521 14.29%, #0C141F 21.43%, #0C131E 28.57%, #0B121C 35.71%, #0B121A 42.86%, #0A1118 50%, #0A1119 60%, #0A111A 70%, #09111B 80%, #09111C 90%, #09111D 100%);
    box-shadow: 0px 24px 80px 0px rgba(0,0,0,0.5);
    border-radius: 32px 32px 32px 32px;
    border: 1px solid rgba(255,255,255,0.1);
    padding: var(--spacing-02);
    box-sizing: border-box;
}
.product-banl  .mark-box .mark-btn-group{
    display: flex;
    gap: 10px;
    margin-bottom: var(--spacing-02);
}
.product-banl  .mark-box .mark-btn-group div{
    width: 14px;
    height: 14px;
    box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.1), 0px 10px 15px -3px rgba(0,0,0,0.1);
    border-radius: 50%;
}
.product-banl  .mark-box .mark-btn-one{
    background: linear-gradient( 45deg, #FF6467 0%, #FB2C36 100%);
}
.product-banl  .mark-box .mark-btn-two{
    background: linear-gradient( 45deg, #FDC700 0%, #F0B100 100%);
}
.product-banl  .mark-box .mark-btn-three{
    background: linear-gradient( 45deg, #05DF72 0%, #00C950 100%);
}
.mark-box span{
    padding: 0 4px;
}
/* 对应图里的颜色规则 */
.token-keyword { color: #7D8CFF; } /* POST这类关键字：蓝紫色 */
.token-keywdrs { color: #79F0FF; } /* POST这类关键字：蓝紫色 */
.token-string { color: #FBBF24; } /* 字符串：橙黄色（图里黄色） */
.token-property { color: #9FE15C; } /* JSON键：绿色（图里亮绿色） */
.token-comment { color: #73F0B1; } /* 注释/状态文字：浅绿色 */
.token-operator { color: #DFF8FF; } /* 符号：默认色 */
.footer{
    display: flex;
    width: 100%;
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-02);
    column-gap: var(--spacing-02);
    justify-content: var(--phone-justify);
    border-top: 1px solid rgba(255,255,255,0.16);
    font-size: var(--font-size-02);
    color: #B5C3D7;
    line-height: 22px;
    flex-wrap: wrap;
}
.product-bg-box{
    padding: var(--spacing-05);
    background: radial-gradient(circle at 90% 0%, rgba(121,240,255,.10), transparent 24%),
        linear-gradient(180deg, rgba(18,29,48,.9), rgba(8,14,24,.95));
    border-radius: 32px 32px 32px 32px;
    border: 1px solid rgba(255,255,255,.08);
    box-sizing: border-box;
}
html.i18nClass .product-bg-box.product .title{
    font-size: var(--font-size-05);
}
.product-bg-box.product .title{
    font-size: var(--font-size-10);
}
.product-bg-box.product .info{
    display: flex;
}
.form{
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-01) var(--spacing-02);
    margin-bottom: var(--spacing-01);
}
.form div{
    width: var(--Phone-width-02);
    height: var(--Phone-height-09);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--font-size-02) var(--spacing-03);
    box-sizing: border-box;
    background: rgba(217,217,217,0.04);
    border-radius: 16px 16px 16px 16px;
    border: 1px solid rgba(255,255,255,0.1);
}
.form .input input{
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: 0;
    font-size: var(--font-size-03);
    color: #94A8C3;
}
.form .textarea{
    width: 100%;
    height: 140px;
}
.form .textarea textarea{
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: 0;
    font-size: var(--font-size-03);
    color: #94A8C3;
    resize: none;
}
.bg-box-7 .bg-box-big{
    top: -240px;
    left: -948px;
}
.bg-box-8 .bg-box-big{
    top: -249px;
    left: 284px;
    height: 1500px;
}