.title[data-v-7efdb280] {
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    font-size: .45rem;
    color: #fff;
    background-color: initial !important;
    background-image: -webkit-radial-gradient(transparent .02667rem, rgba(0, 0, 0, .396078) 0);
    background-image: radial-gradient(transparent .02667rem, rgba(0, 0, 0, .396078) 0);
    -webkit-backdrop-filter: saturate(50%) blur(.10667rem);
    backdrop-filter: saturate(50%) blur(.10667rem)
}

.title span[data-v-7efdb280] {
    z-index: 99
}

.topIcon[data-v-7efdb280] {
    width: .5rem;
    height: .5rem
}

.back_icon[data-v-7efdb280] {
    position: absolute;
    top: .4rem;
    left: .4rem
}

.set_icon[data-v-7efdb280] {
    position: absolute;
    top: .4rem;
    right: .4rem
}

#particles-js[data-v-3d354b3d] {
    position: fixed;
    width: 100%;
    height: 100vh;
    /*图床在这里修改*/
    background: url(../img/bg.jpg);
    background-size: cover
}

[data-v-3d354b3d] .van-overlay {
    background-color: rgba(0, 0, 0, .5)
}

.btn[data-v-3d354b3d] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 1rem
}

.btnBox[data-v-3d354b3d] {
    width: 70%;
    margin: .2rem 0;
    position: relative;
    overflow: hidden;
    border: .02667rem solid hsla(0, 0%, 100%, .1)
}

.van-button[data-v-3d354b3d] {
    width: 100%;
    height: 1.5rem;
    font-size: .45rem;
    font-family: cursive;
    font-weight: 600;
    color: #000;
    letter-spacing: .05rem;
    border-radius: .10667rem;
    background-image: -webkit-linear-gradient(110deg, #ddd6f3, #faaca8 100%, #faaca8 0);
    background-image: linear-gradient(-20deg, #ddd6f3, #faaca8 100%, #faaca8 0);
    background-image: -webkit-linear-gradient(110deg, #e9defa, #fbfcdb);
    background-image: linear-gradient(-20deg, #e9defa, #fbfcdb);
    border: none
}

.hot[data-v-3d354b3d] {
    color: #fff;
    padding: .02667rem 0;
    width: 4rem;
    text-align: center;
    font-size: .26667rem;
    text-shadow: .05333rem .05333rem .10667rem rgba(0, 0, 0, .5);
    font-weight: 700;
    background: -webkit-linear-gradient(left, #cb2b28, #a31f1c, #cb2b28);
    background: linear-gradient(90deg, #cb2b28, #a31f1c, #cb2b28);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    position: absolute;
    z-index: 2;
    top: .5rem;
    left: -1rem
}

.lockIcon[data-v-3d354b3d] {
    position: absolute;
    width: .35rem;
    height: .35rem;
    top: .575rem;
    right: .3rem
}

.van-password-input[data-v-3d354b3d] {
    width: 90%;
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
}

.van-popup--center[data-v-3d354b3d] {
    width: 80%;
    padding: .5rem .2rem;
    top: 45%;
    border-radius: .2rem;
    background-color: rgba(44, 44, 49, .501961);
    -webkit-backdrop-filter: blur(.26667rem);
    backdrop-filter: blur(.26667rem)
}

.iptBox[data-v-3d354b3d] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff
}

.iptBox[data-v-3d354b3d], .setBox[data-v-3d354b3d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.setBox[data-v-3d354b3d] {
    font-size: .45rem;
    margin: .2rem;
    width: 80%;
    border-radius: .2rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .2rem .4rem;
    background-color: hsla(0, 0%, 100%, .5);
    -webkit-backdrop-filter: blur(.24rem);
    backdrop-filter: blur(.24rem)
}

.setBox img[data-v-3d354b3d] {
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.gameBox[data-v-3d354b3d] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.gameBox img[data-v-3d354b3d] {
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.noPass[data-v-3d354b3d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.iptTitle[data-v-3d354b3d] {
    font-size: .5rem;
    margin: .5rem 0 0 0;
    color: #fff;
    text-align: center
}

.ipt[data-v-3d354b3d] {
    height: 1rem;
    font-size: .5rem;
    width: 50%;
    margin: .5rem 0;
    text-align: center;
    letter-spacing: .2rem;
    color: #000 !important
}

.humenipt[data-v-3d354b3d], .ipt[data-v-3d354b3d] {
    border: .02667rem solid #c9cacc !important;
    border-radius: .2rem
}

.humenipt[data-v-3d354b3d] {
    width: 80%;
    background-color: hsla(0, 0%, 100%, .5);
    -webkit-backdrop-filter: blur(.24rem);
    backdrop-filter: blur(.24rem);
    color: #fff !important;
    margin: .2rem 0
}

[data-v-3d354b3d] .van-field__label {
    color: #fff !important
}

[data-v-3d354b3d] .van-field__control {
    color: #fff !important;
    border: .02667rem solid #c9cacc !important;
    border-radius: .2rem;
    padding: 0 .2rem
}

.iptBtn[data-v-3d354b3d] {
    width: 60%;
    height: 1.2rem;
    font-size: .4rem;
    font-family: cursive;
    font-weight: 600;
    color: #000;
    letter-spacing: .05rem;
    border: .02667rem solid hsla(0, 0%, 100%, .1);
    border-radius: .10667rem;
    background-image: -webkit-linear-gradient(110deg, #e9defa, #fbfcdb);
    background-image: linear-gradient(-20deg, #e9defa, #fbfcdb)
}

.errorTip[data-v-3d354b3d] {
    font-size: .4rem;
    color: #fff;
    padding: .5rem;
    text-align: center
}

.ipt[data-v-3d354b3d]::-webkit-input-placeholder {
    letter-spacing: 0
}

.ipt[data-v-3d354b3d]:-moz-placeholder {
    letter-spacing: 0
}

.ipt[data-v-3d354b3d]:-ms-input-placeholder {
    letter-spacing: 0
}

.bg1[data-v-3d354b3d] {
    border-radius: 100%;
    opacity: .8000000059604645;
    background: -webkit-linear-gradient(top, #fdcbf1, #e6dee9);
    background: linear-gradient(180deg, #fdcbf1, #e6dee9);
    -webkit-filter: blur(2.49045rem);
    filter: blur(2.49045rem);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 50%;
    aspect-ratio: 1/1;
    top: 0;
    z-index: -1;
    position: absolute;
    height: 80%;
    top: -30%;
    left: -30%
}

.bg2[data-v-3d354b3d] {
    background: -webkit-linear-gradient(top, #fad0c4, #fad0c4);
    background: linear-gradient(180deg, #fad0c4, #fad0c4);
    top: 0;
    top: 40%;
    left: 50%
}

.bg2[data-v-3d354b3d], .bg3[data-v-3d354b3d] {
    border-radius: 100%;
    opacity: .5000000059604645;
    -webkit-filter: blur(2.49045rem);
    filter: blur(2.49045rem);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 50%;
    aspect-ratio: 1/1;
    z-index: -1;
    position: absolute;
    height: 80%
}

.bg3[data-v-3d354b3d] {
    background: -webkit-linear-gradient(top, #a8edea, #fed6e3);
    background: linear-gradient(180deg, #a8edea, #fed6e3);
    top: 0;
    top: 70%;
    left: -20%
}