.foot[data-v-25622fa3] {
    min-height: 100px;
    text-align: center;
    padding: 50px 0 10px
}

.foot-info[data-v-25622fa3] {
    max-width: 1280px;
    line-height: 20px;
    margin: 10px auto
}

.menu-serach[data-v-536a747f] {
    width: 400px;
    height: 32px;
    border-radius: 41px;
    position: relative
}

.menu-serach .search-wrap[data-v-536a747f] .n-input {
    background: rgba(255, 255, 255, .1) !important
}

.menu-serach .search-wrap[data-v-536a747f] .n-input .n-input__border {
    border: 1px solid rgba(255, 255, 255, .2) !important
}

.menu-serach .search-wrap[data-v-536a747f] .n-input input {
    color: #fff !important
}

.menu-serach .search-wrap[data-v-536a747f] .n-input:focus {
    border-color: #80ff00
}

.menu-serach .search-wrap[data-v-536a747f] .n-icon {
    cursor: pointer
}

.menu-serach .search-list[data-v-536a747f] {
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    min-width: 380px;
    min-height: 110px;
    max-height: 525px;
    background: #191A1F;
    border-radius: 8px;
    opacity: 1;
    border: 1px solid #2E2F34;
    top: 40px;
    left: 50%;
    transform: translate(-190px);
    overflow-y: scroll;
    z-index: 9999 !important
}

@keyframes breathe-82ef87cd {
    0% {
        transform: scale(.88)
    }
    50% {
        transform: scale(1)
    }
    to {
        transform: scale(.88)
    }
}

.head[data-v-f180e231] {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    backdrop-filter: blur(35px)
}

.head .w-100[data-v-f180e231] {
    min-width: 120px
}

.head .head-content[data-v-f180e231] {
    height: 100%
}

.head .head-content .logo[data-v-f180e231] {
    height: 40px;
    cursor: pointer;
    margin-right: 50px
}

.head .head-content .nav-li[data-v-f180e231] {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    position: relative;
    margin-left: 50px
}

.head .head-content .nav-li.active[data-v-f180e231] {
    color: #80ff00
}

.head .head-content .nav-li.active[data-v-f180e231]:after {
    position: absolute;
    content: "";
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #80FF00
}

.head .head-content .btn[data-v-f180e231] {
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    background: linear-gradient(270deg, #80FF00 0%, #FFF500 100%);
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    margin-left: 30px
}

.box[data-v-ebea3e19] {
    width: 100%;
    position: relative;
    padding-top: 70px
}

.box[data-v-ebea3e19]:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 900px;
    background: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    z-index: 1
}

.box[data-v-ebea3e19]:before {
    position: absolute;
    content: "";
    left: 0;
    top: 900px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0))
}

.bg[data-v-ebea3e19] {
    width: 100%;
    min-width: 1350px;
    height: 760px;
    position: relative
}

.bg .r_img4[data-v-ebea3e19] {
    /*width: 600px;*/
    height: 600px;
    position: absolute;
    right: 50%;
    top: 60px;
    z-index: 9;
    margin-right: -775px
}

.bg .bg-l[data-v-ebea3e19] {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 401px;
    margin-left: -675px;
    z-index: 9
}

.bg .bg-l .logo2[data-v-ebea3e19] {
    width: 100%;
    height: 60px;
    background: url(./images/819282446713061376.png) center no-repeat;
    background-size: cover;
    animation: bglmove-ebea3e19 2s
}

.bg .bg-l .txt[data-v-ebea3e19] {
    margin-top: 4px;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    font-size: 18px;
    animation: bglmove-ebea3e19 2s .1s
}

.bg .bg-l .txt span[data-v-ebea3e19] {
    color: #ffd600
}

.bg .bg-l .game[data-v-ebea3e19] {
    width: 100%;
    height: 165px;
    background: url(./images/819282446750810112.png) center no-repeat;
    background-size: cover;
    margin: 26px 0 24px;
    position: relative;
    animation: bglmove-ebea3e19 2s .2s
}

.bg .bg-l .game[data-v-ebea3e19]:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 165px;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px
}

.bg .bg-l .btn[data-v-ebea3e19] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    line-height: 70px;
    border-radius: 8px;
    background: linear-gradient(270deg, #80FF00 0%, #FFF500 100%);
    text-align: center;
    color: #0a0a0a;
    font-size: 24px;
    font-weight: 700;
    margin: 50px 0 10px;
    cursor: pointer;
    animation: bglmove-ebea3e19 2s .3s;
    transition: all .2s linear
}

.bg .bg-l .btn[data-v-ebea3e19]:hover:before, .bg .bg-l .btn[data-v-ebea3e19]:hover:after {
    content: "";
    width: 100%;
    height: 60px;
    border-radius: 8px;
    position: absolute;
    animation: btnhover-ebea3e19 1.4s linear infinite
}

.bg .bg-l .btn[data-v-ebea3e19]:hover:after {
    animation-delay: .7s
}

.bg .bg-l .btn[data-v-ebea3e19]:active {
    transform: scale(.96)
}

@keyframes btnhover-ebea3e19 {
    0% {
        box-shadow: 0 0 #80ff00;
        opacity: .2
    }
    to {
        box-shadow: 0 0 0 40px #80ff00;
        opacity: 0
    }
}

.bg .bg-l .btn-icon[data-v-ebea3e19] {
    width: 32px;
    height: 32px;
    background: url(./images/819282446780170240.png) center no-repeat;
    background-size: cover;
    margin-right: 8px
}

.bg .bg-l .btn-icon2[data-v-ebea3e19] {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 35px;
    background: url(./images/819282446801141760.png) center no-repeat;
    background-size: cover
}

@keyframes bglmove-ebea3e19 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.chunk[data-v-ebea3e19] {
    margin: 0 auto;
    z-index: 2
}

.chunk0[data-v-ebea3e19] {
    width: 1350px;
    height: auto;
    justify-content: space-between
}

.chunk0 .l[data-v-ebea3e19] {
    width: 1px
}

.chunk0 .r[data-v-ebea3e19] {
    width: 1138px;
    height: 660px;
    position: relative;
    margin-right: -150px
}

.chunk0 .r img[data-v-ebea3e19] {
    width: 100%;
    display: block
}

.chunk0 .r .r_img1[data-v-ebea3e19] {
    width: 100%;
    filter: blur(8rem) saturate(2);
    transform: scale(1) translateZ(0);
    inset: 0;
    object-fit: cover;
    pointer-events: none;
    object-position: center;
    z-index: 0;
    position: absolute
}

.chunk0 .r .r_img2[data-v-ebea3e19] {
    filter: blur(12rem) saturate(2);
    opacity: .8;
    transform: scale(1.5) translateZ(0);
    inset: 0;
    object-fit: cover;
    pointer-events: none;
    width: 1706px;
    object-position: center;
    position: absolute;
    top: 0
}

.chunk0 .r .r_img3[data-v-ebea3e19] {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%)
}

.chunk0 .r .r_div[data-v-ebea3e19] {
    position: relative;
    -webkit-mask-image: linear-gradient(to left, transparent 0%, black 35%, black 65%, transparent 100%);
    mask-image: linear-gradient(to left, transparent 0%, black 35%, black 65%, transparent 100%)
}

.info[data-v-ebea3e19] {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2
}

.info .info-img[data-v-ebea3e19] {
    height: 38px
}

.info .info-img2[data-v-ebea3e19] {
    height: 261px
}

.info .info-img3[data-v-ebea3e19] {
    height: 768px;
    margin-bottom: 40px
}

.info .info-txt[data-v-ebea3e19] {
    margin: 17px 0 24px;
    font-size: 20px
}

.info .info-txt span[data-v-ebea3e19] {
    color: #80ff00
}

.info .info-imgpc[data-v-ebea3e19] {
    width: 1350px
}

.info .info-imgph[data-v-ebea3e19] {
    position: absolute;
    right: 180px;
    top: 50px;
    width: 250px;
    z-index: 99
}

.info .info-video[data-v-ebea3e19] {
    position: absolute;
    left: 178px;
    top: 36px;
    border-radius: 10px;
    width: 995px;
    height: 560px;
    z-index: 2
}

.info-wrap[data-v-ebea3e19] {
    width: 100%;
    position: relative
}

.info-wrap[data-v-ebea3e19]:after {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: 840px;
    background: url(./images/819282446826307584.png) center no-repeat;
    background-size: cover;
    z-index: 1
}

.info-wrap2[data-v-ebea3e19]:after {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 1043px;
    background: url(./images/819282446859862016.png) center no-repeat;
    background-size: cover;
    z-index: 1
}

.info2[data-v-ebea3e19] {
    width: 1350px;
    margin-bottom: 140px;
    position: relative
}

.info2[data-v-ebea3e19]:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    left: 170px;
    top: 30px;
    border-radius: 10px;
    width: 1010px;
    background: pink;
    height: 575px;
    background: #020202
}

.info4[data-v-ebea3e19] {
    width: 1350px;
    position: relative;
    overflow: hidden;
    margin: 55px auto 145px
}

.info4[data-v-ebea3e19]:after {
    position: absolute;
    content: "";
    left: 340px;
    top: -384px;
    width: 665px;
    height: 1355px;
    transform: rotate(-90deg);
    flex-shrink: 0;
    background: linear-gradient(180deg, #05060D 0%, rgba(5, 6, 13, .3019607843) 50.04%, #05060D 100%);
    z-index: 9
}

.info3[data-v-ebea3e19] {
    width: 100%;
    transform: translate(0);
    animation: imgmove-ebea3e19 40s linear infinite
}

@keyframes imgmove-ebea3e19 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-4313px)
    }
}

.info-bg[data-v-ebea3e19] {
    margin: 32px auto 10px;
    width: 1350px
}

.info-btn[data-v-ebea3e19] {
    width: 260px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    background: linear-gradient(270deg, #80FF00 0%, #FFF500 100%);
    text-align: center;
    line-height: 44px;
    margin: 0 auto;
    color: #0a0a0a;
    font-family: Microsoft YaHei UI;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    transition: width .5s linear(0 0%, .042 1.2%, .165 2.5%, 1.05 9%, 1.193 10.9%, 1.255 12.9%, 1.255 14.2%, 1.225 15.7%, .982 22.7%, .949 24.5%, .934 26.4%, .939 28.8%, 1 35.6%, 1.017 39.8%, .996 53.2%, 1 100%)
}

.info-btn[data-v-ebea3e19]:hover {
    width: 360px
}

@keyframes widthAnimationInfinite-ebea3e19 {
    0%, 12.5% {
        width: 260px
    }
    37.5%, 62.5%, to {
        width: 360px
    }
}

:root {
    --vt-c-white: #ffffff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #F5F2E8;
    --vt-c-black-soft: #F5F2E8;
    --vt-c-black-mute: rgba(0, 0, 0, .9);
    --vt-c-black-nav: #F5F2E8;
    --vt-c-indigo: #F5F2E8;
    --vt-c-divider-light-1: rgba(60, 60, 60, .29);
    --vt-c-divider-light-2: rgba(60, 60, 60, .12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, .65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, .48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, .66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235, 235, 235, .64);
    --base_bg_color: #0A0A0A;
    --dialog_bg_color: #1C2026 !important;
    --base_chunk_bg_color: #1A1C1F;
    --base_btn_bg_color1: #42505F;
    --base_btn_bgh_color1: rgba(255, 255, 255, .4);
    --base_btn_bga_color1: #09BEFF;
    --base_btn_bg_color2: #09BEFF;
    --base_btn_bgh_color2: #2AD8FF;
    --base_btn_bga_color2: #007EC2;
    --base_btn_bg_color3: #FFD600;
    --base_color1: #fff;
    --base_color2: #34332F;
    --base_color3: #000000;
    --base_width: 1000px;
    --base_color: #80FF00;
    --base_hover: #5e80f8;
    --base_active: #2a47af;
    --base_voice_color: #3b64f6;
    --base_voice_hover: #5e80f8;
    --base_voice_active: #2a47af;
    --base_image_color: #57bd6c;
    --base_image_hover: #6ed792;
    --base_image_active: #39a062;
    --base_voice_color_linear: linear-gradient(125deg, #3b64f6 0%, #76e3ff 100%);
    --base_voice_hover_linear: linear-gradient(125deg, #3b64f6 0%, #76e3ff 100%) rgba(255, 255, 255, .2);
    --base_voice_active_linear: linear-gradient(125deg, #3b64f6 0%, #76e3ff 100%) rgba(41, 83, 214, .3)
}

:root {
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-black-mute);
    --color-background-nav: var(--vt-c-black-nav);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --color-text-label: #9798a5;
    --section-gap: 160px;
    --sidebar-width: 160px;
    --sibebar-item-icon-width: 44px;
    --sibebar-item-icon-height: 44px;
    --font-size-default: 14px;
    --header-height: 60px
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2)
    }
}

*, *:before, *:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    min-height: 100vh;
    color: var(--color-text);
    background: var(--color-background-mute);
    transition: color .5s, background-color .5s;
    line-height: 1.6;
    font-family: Microsoft YaHei UI-Semibold, Microsoft YaHei UI;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 6px
}

::-webkit-scrollbar-thumb {
    width: 4px;
    background: #3e4852;
    border-radius: 6px
}

::-webkit-scrollbar-thumb:hover {
    background: #3e4852
}

#app {
    margin: 0 auto;
    background-color: var(--color-background-mute);
    font-weight: 400;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI-Semibold
}

.d-flex {
    display: flex
}

.d-bte, .d-bet {
    justify-content: space-between
}

.d-align {
    align-items: center
}

.w1280 {
    width: 1350px;
    margin: 0 auto
}