:root {
    --page-theme-color: rgb(0, 152, 255);
    --page-bg-color: rgb(232, 245, 255);
    --page-color: rgb(255, 255, 255);
    --site-bg-color: rgb(207, 232, 251);
    --banner-title-gradient: linear-gradient(180deg, #57eeff, #2595e6);
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --btn: url("data:image/png;base64,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");
    --lightning: url("data:image/png;base64,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")
}


::-webkit-scrollbar {
    width: 0
}
.site-info-title{
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 0;
    width: 100%;
    background: var(--banner-title-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
}
html {
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body {
    -webkit-tap-highlight-color: transparent;
    font-family: var(--font-family-sans-serif);
    background: var(--page-bg-color);
    color: var(--page-color);
    margin: 0;
    padding: 0;
    text-align: center

}

.background-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom -30px;
    z-index: -1
}

header {
    position: fixed;
    width: 100%;
    max-height: 80px;
    top: 0;
    padding: 10px 0;
    background: linear-gradient(to bottom,#95d4ff,transparent);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 2
}

h1 {
    width: 100%;
    color: var(--page-theme-color)
}

h2 {
    width: 100%;
    color: var(--page-theme-color)
}

main {
    margin: 85px auto 0;
    padding: 0 5px;
    max-width: 900px
}

img {
    display: block
}

.sites,.sponsors,.videos {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.videos {
    justify-content: center
}

.swiper {
    border-radius: 20px
}

.swiper-slide {
    font-size: 18px;
    background-color: var(--site-bg-color);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.swiper-slide img {
    max-width: 100%
}

.swiper-pagination-bullet {
    background: var(--page-color)!important
}

.swiper-pagination-bullet-active {
    background: var(--page-theme-color)!important;
    box-shadow: 0 0 2px 2px #fff!important
}

.site {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    width: 48%;
    background-color: var(--site-bg-color);
    border-radius: 20px;
    margin: 20px 0
}

.site span {
    display: inline-block;
    position: relative;
    top: -1.2rem;
    font-size: .9rem;
    color: #999;
    margin: 0
}

.video {
    width: 100%
}

.video span {
    margin: 10px 0;
    line-height: 1.7;
    color: #999
}

.video-box {
    border-radius: 20px;
    overflow: hidden;
    margin: 10px auto
}

video {
    width: 100%;
    border-radius: 20px
}

.app {
    width: 50%
}

.enter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 10px 0
}

.sponsor {
    width: 100%;
    padding: 10px
}

.sponsor-border {
    border: 2px solid var(--page-theme-color);
    border-radius: 15px;
    position: relative;
    padding-top: 20px;
    box-sizing: border-box
}

.sponsor h3 {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15px;
    font-size: 1.17em;
    color: var(--page-theme-color);
    background-color: var(--site-bg-color)
}

.sponsor-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 5px
}

.sponsor-icon {
    width: 42px;
    height: 42px;
    margin: 6px 2px
}

.sponsor-icon img {
    width: 100%;
    height: 100%
}

.button {
    width: 100%;
    max-width: 160px;
    padding: 10px 0;
    margin: 5px;
    display: inline-block;
    outline: 0;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 700;
    will-change: box-shadow,transform;
    background: radial-gradient(100% 100% at 100% 0,#89e5ff 0,var(--page-theme-color) 100%);
    border-radius: 25px;
    color: var(--page-color);
    box-shadow: 0 .1em .2em rgb(35 56 66 / 10%),0 .4em .7em -.1em rgb(35 56 66 / 10%),inset 0 -.1em 0 #1184d1;
    transition: box-shadow .15s ease
}

.button:hover {
    box-shadow: 0 .1em .2em rgb(35 56 66 / 40%),0 .4em .7em -.1em rgb(35 56 66 / 40%),inset 0 -.1em 0 #1184d1
}

.button:active {
    box-shadow: inset 0 .1em .6em #1184d1
}

.button.apk {
    width: 45%
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px
}

.logo img {
    height: 100%
}

.pageloading {
    width: 3rem;
    height: 3rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.iconfilter {
    -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .3))
}

.contact {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.contact img {
    width: 1rem;
    height: 1rem;
    margin: 0 5px
}

.contact span {
    cursor: pointer;
    transition: transform .2s;
    text-decoration: none;
    text-shadow: 0 0 2px rgba(0,0,0,.3)
}

.contact span:hover {
    font-weight: 500;
    transform: scale(1.1)
}

.other {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

footer {
    margin: 0 auto
}

.copyright {
    height: 2rem;
    font-size: .8rem;
    line-height: 2;
    text-decoration: none;
    color: rgba(33,33,33,.8);
    text-shadow: 1px 1px 2px rgba(0,0,0,.2)
}

.icon {
    width: 128px;
    height: 128px;
    margin: 20px auto;
    border-radius: 20%;
    overflow: hidden
}

.icon img {
    width: 100%;
    height: 100%
}

.d-none {
    display: none!important
}

.d-block {
    display: block!important
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    z-index: 3;
    justify-content: center;
    align-items: center
}

.mask-body {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 90%;
    max-width: 400px;
    animation: bounceFromCenter .3s ease-in-out forwards
}

.tutorial {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.tutorial-body {
    padding: 1.5rem;
    background-color: var(--page-color);
    box-shadow: 0 0 16px 4px rgba(255,255,255,.4);
    border-radius: 20px
}

.tutorial-text {
    color: #303442;
    font-size: .9rem;
    text-align: left;
    margin-bottom: 10px
}

.tutorial-text h2 {
    color: var(--page-theme-color);
    margin-top: 0;
    text-align: center
}

.tutorial-text span {
    font-size: 1rem;
    font-weight: 700
}

.tutorial-text ol {
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.tutorial-text ol li {
    margin-bottom: 10px
}

.qrcode {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.qrcode-body {
    padding: 1.5rem;
    background-color: var(--page-color);
    box-shadow: 0 0 16px 4px rgba(255,255,255,.4);
    border-radius: 20px
}

.qrcode-text {
    max-width: 96%;
    color: #303442;
    font-size: .9rem;
    margin-bottom: 10px
}

.qrcode-text span {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap
}

.list {
    width: 100%;
    padding: 4%;
    background: var(--page-color);
    border-radius: 20px;
    box-shadow: 0 0 16px 4px rgba(255,255,255,.4);
    margin: 0 auto
}

.list-body {
    margin: 8px 0;
    padding: 0 8px;
    border-radius: 20px;
    overflow-y: auto
}

.list-body::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,0)
}

.list-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px;
    background-color: var(--site-bg-color)
}

.list-body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px;
    background-color: var(--page-theme-color)
}

.list-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 410px
}

.list-body li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 10px;
    background: linear-gradient(to bottom,var(--page-theme-color),#206df9);
    border-radius: 20px;
    transition: background .3s,box-shadow .3s;
    box-shadow: 0 0 10px rgba(0,152,255,0);
    white-space: nowrap;
    cursor: pointer
}

.list-body li:hover {
    background: linear-gradient(to bottom,#1f5dff,#2a71f5,#1f5dff);
    box-shadow: 0 0 5px rgba(0,152,255,1);
    animation: shake .2s
}

.list-body li:active {
    transform: scale(.95);
    background: linear-gradient(to bottom,#1f5dff,#2a71f5,#1f5dff)
}

.list-body li a {
    font-size: 1rem;
    color: var(--page-color);
    margin-left: 5px;
    margin-right: 20px;
    text-shadow: 0 0 2px rgba(0,0,0,.3);
    text-decoration: none
}

.lightning {
    background-image: var(--lightning);
    background-size: contain;
    background-position: center;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat
}

.loading {
    width: 21px;
    height: 21px
}

.loader {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #ccc;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation .8s linear infinite
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

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

.error {
    color: #b50101;
    font-weight: 700;
    font-size: .9rem
}

.success {
    color: #62ff00;
    font-weight: 700;
    font-size: .9rem
}

.unknown {
    color: #ccc;
    font-weight: 700;
    font-size: .9rem
}

.close-btn,.none-btn {
    color: var(--page-color);
    margin: 10px auto;
    transition: transform .3s ease;
    cursor: pointer;
    z-index: 1
}

.close-btn:hover,.none-btn:hover {
    transform: rotate(180deg)
}

.close-o {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(1.2);
    width: 22px;
    height: 22px;
    border: 2px solid;
    border-radius: 50%
}

.close-o::after,.close-o::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
    left: 3px
}

.close-o::after {
    transform: rotate(-45deg)
}

.tooltip {
    position: absolute;
    background-color: rgba(0,0,0,.6);
    color: var(--page-color);
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 999;
    max-width: 450px;
    word-wrap: break-word
}

.floating {
    position: fixed;
    bottom: 20%;
    right: 20px;
    z-index: 1;
    background: linear-gradient(to top,transparent,#95d4ff,transparent);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,.2)
}

.download-app-btn {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.download-app-btn img {
    width: 80px;
    height: 80px;
    border-radius: 15%
}

.download-app-btn span {
    margin-top: 5px;
    font-size: .8rem;
    color: var(--page-theme-color);
    white-space: nowrap;
    text-shadow: 0 0 2px rgba(255,255,255,.9)
}

@keyframes heartbeat {
    0%,100% {
        box-shadow: 0 0 15px rgba(0,152,255,.7)
    }

    50% {
        box-shadow: 0 0 30px rgba(0,152,255,.7)
    }
}

@keyframes shake {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-1.5px)
    }

    50% {
        transform: translateX(1.5px)
    }

    75% {
        transform: translateX(-1.5px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceFromCenter {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@media (max-width: 768px) {
    img {
        -webkit-touch-callout:none
    }

    .site {
        width: 100%
    }

    .tooltip {
        max-width: 240px
    }
}

@media (max-width: 380px) {
    .logo {
        height:50px
    }

    .list-body ul {
        max-height: 360px
    }

    .button {
        font-size: .9rem
    }
}