@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.wuc5ioiakb.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */

.spinWrap[b-05y4oxeg0l] {
    z-index: 1000;
    padding-top: 40px;
    padding-left: 30px;
    border-radius: 12px;
    width: 60px;
    /* margin-left: -135px; */
    margin-top: -125px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.spinnerImage[b-05y4oxeg0l] {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 38px 0 0 -25px;
    background: url(icon.png) no-repeat;
}

.loader[b-05y4oxeg0l] {
    position: absolute;
    left: 55%;
    margin-left: -65px;
    border: 7px solid #2b8779;
    border-top: 9px solid #9c11a59e;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    animation: spin-b-rb5iqv1cqs 900ms ease infinite
}

.loadingMessage[b-05y4oxeg0l] {
    box-sizing: border-box;
    padding-right: 30px;
    width: 100%;
    margin-top: 155px;
    text-align: center;
    z-index: 100;
    outline: none;
    color: #686565;
}

@keyframes spin-b-05y4oxeg0l {
    0% {
        transform: rotate(0deg);
    }

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





.create-an-account[b-05y4oxeg0l] {
    /* background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; */
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: linear-gradient(45deg, rgb(35 35 35) 25%, #ffbebe00 25%, #f3f3f3 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(124deg, rgba(0, 0, 0, 0.0980392) 25%, #96090900 25%, transparent 75%, rgb(0 0 0 / 11%) 75%, rgba(0, 0, 0, 0.0980392) 0), #98cdff85;
    background-repeat: repeat, repeat;
    background-position: 0px 0, 5px 5px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    -webkit-background-clip: border-box, border-box;
    background-clip: border-box, border-box;
    -webkit-background-size: 10px 10px, 10px 10px;
    background-size: 10px 10px, 10px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    width: 100%;
    height: 100vh;
    display: flex;
    /* border-radius: 22px; */
    background-size: cover;
    background-position: 50% 50%;
    align-items: center;
    justify-content: center;
    animation: colorChange-b-05y4oxeg0l 8s infinite -1s linear alternate;
}

@keyframes gradient-b-05y4oxeg0l {
    0% {
        background-position: 0 12%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 12%;
    }
}


/* 背景 */
.g-polygon[b-05y4oxeg0l] {
    position: absolute;
    opacity: .5;
}

.g-polygon-1[b-05y4oxeg0l] {
    clip-path: polygon(0 10%, 30% 0, 100% 40%, 70% 100%, 20% 90%);
}

.g-polygon-2[b-05y4oxeg0l] {
    clip-path: polygon(10% 0, 100% 70%, 100% 100%, 20% 90%);
}

.g-polygon-3[b-05y4oxeg0l] {
    clip-path: polygon(80% 0, 100% 70%, 100% 100%, 20% 90%);
}





bg[b-05y4oxeg0l] {
    animation: colorChange-b-05y4oxeg0l 8s infinite -1s linear alternate;

    bg::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        backdrop-filter: blur(150px);
        z-index: 1;
    }
}


@keyframes colorChange-b-05y4oxeg0l {
    100% {
        left: 0;
        top: 0;
        filter: hue-rotate(42deg);
    }
}


.bg2[b-05y4oxeg0l] {
    /* width: 100vw; */
    /* height: 100vh; */
    background: linear-gradient(-45deg, #ffffff, #bf8b12, #3342cc, #09f, #66f);
    background-size: 200% 200%;
    animation: colorChange-b-05y4oxeg0l 8s ease infinite;
    display: flex;
    flex-direction: column;
    opacity: 0.3;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.create-an-account .frame[b-05y4oxeg0l] {
    position: relative;
    display: flex;
    align-items: center;
    /* top: auto; */
    /* left: auto; */
    max-width: 422px;
    /* top: 65px; */
    /* left: 216px; */
    /* border-radius: 8px; */
    /* box-shadow: 0px 4px 4px #001f8e40; */
    justify-content: center;
}

.create-an-account .overlap[b-05y4oxeg0l] {
    margin-top: 135px;
    position: relative;
    width: 402px;
    height: 852px;
    overflow: hidden;
}

.create-an-account .rectangle[b-05y4oxeg0l] {
    position: absolute;
    width: 402px;
    height: 586px;
    top: 0;
    left: 0;
}

.create-an-account .overlap-group-wrapper[b-05y4oxeg0l] {
    position: absolute;
    width: 374px;
    height: 419px;
    top: 433px;
    left: 14px;
    border-radius: 8px;
}

.create-an-account .overlap-group[b-05y4oxeg0l] {
    position: relative;
    width: 402px;
    height: 251px;
    left: -14px;
    background-image: url(./img/rectangle-18.svg);
    /* margin: 20px; */
}

.create-an-account .text-wrapper[b-05y4oxeg0l] {
    top: 391px;
    left: 162px;
    font-family: "Coda", Helvetica;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .group[b-05y4oxeg0l] {
    position: absolute;
    width: 136px;
    height: 40px;
    top: 733px;
    left: 140px;
}

.create-an-account .div[b-05y4oxeg0l] {
    position: absolute;
    width: 134px;
    top: 0;
    left: 0;
    font-family: "Coda", Helvetica;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .div-wrapper[b-05y4oxeg0l] {
    position: absolute;
    width: 151px;
    height: 45px;
    top: 559px;
    left: 210px;
    background-color: #005f4e;
    border-radius: 27px;
    box-shadow: 0px 0px 4px #00000040;
}

.create-an-account .text-wrapper-2[b-05y4oxeg0l] {
    width: 54px;
    top: 12px;
    left: 54px;
    font-family: "Assistant", Helvetica;
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .overlap-wrapper[b-05y4oxeg0l] {
    position: absolute;
    width: 151px;
    height: 45px;
    top: 591px;
    left: 40px;
    background-color: #ffffff;
    border-radius: 25px;
}

.create-an-account .overlap-2[b-05y4oxeg0l] {
    position: relative;
    height: 45px;
    border-radius: 27px;
    border: 1px solid;
    border-color: #005f4e;
    box-shadow: 0px 0px 4px #00000040;
}

.create-an-account .text-wrapper-3[b-05y4oxeg0l] {
    width: 62px;
    top: 11px;
    left: 48px;
    font-family: "Assistant", Helvetica;
    color: #036bb9;
    font-size: 14px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .frame-2[b-05y4oxeg0l] {
    display: flex;
    flex-direction: column;
    width: 244px;
    height: 101px;
    align-items: flex-start;
    position: absolute;
    top: 194px;
    left: 76px;
}

.create-an-account .text-wrapper-4[b-05y4oxeg0l] {
    position: relative;
    width: 242px;
    height: 35px;
    margin-top: -1px;
    font-family: "Baloo Bhaijaan-Regular", Helvetica;
    font-weight: 400;
    color: #005f4e;
    font-size: 21px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .text-wrapper-5[b-05y4oxeg0l] {
    position: relative;
    width: 244px;
    height: 66px;
    font-family: "Eagle Lake", Helvetica;
    font-weight: 400;
    color: #6b5e5e;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 29px;
}

.create-an-account .text-wrapper-6[b-05y4oxeg0l] {
    width: 109px;
    top: 504px;
    left: 258px;
    font-family: "Assistant", Helvetica;
    color: #005f4e;
    font-size: 14px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .group-2[b-05y4oxeg0l] {
    position: absolute;
    width: 193px;
    height: 21px;
    top: 438px;
    left: 48px;
}

.create-an-account .text-wrapper-7[b-05y4oxeg0l] {
    width: 156px;
    top: 3px;
    left: 35px;
    font-family: "Assistant", Helvetica;
    color: #6b5e5e;
    font-size: 14px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .rectangle-2[b-05y4oxeg0l] {
    position: absolute;
    width: 26px;
    height: 23px;
    top: -1px;
    left: -1px;
    border-radius: 2px;
    border: 1px solid;
    border-color: #d4c4c4;
}

.create-an-account .group-wrapper[b-05y4oxeg0l] {
    width: 24px;
    height: 21px;
    background-color: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0px 1px 2px #00000040;
}

.create-an-account .group-3[b-05y4oxeg0l] {
    position: relative;
    width: 16px;
    height: 11px;
    top: 6px;
    left: 5px;
}

.create-an-account .overlap-group-2[b-05y4oxeg0l] {
    position: relative;
    width: 15px;
    height: 11px;
    top: -1px;
}

.create-an-account .line[b-05y4oxeg0l] {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 0;
}

.create-an-account .img[b-05y4oxeg0l] {
    position: absolute;
    width: 12px;
    height: 11px;
    top: 0;
    left: 3px;
}

.create-an-account .frame-3[b-05y4oxeg0l] {
    display: flex;
    width: 232px;
    align-items: flex-start;
    gap: 18px;
    padding: 11px;
    position: absolute;
    top: 769px;
    left: 91px;
}

.create-an-account .group-wrapper-2[b-05y4oxeg0l] {
    position: relative;
    width: 39px;
    height: 39px;
    overflow: hidden;
}

.create-an-account .group-4[b-05y4oxeg0l] {
    width: 41px;
    height: 39px;
}

.create-an-account .overlap-group-3[b-05y4oxeg0l] {
    position: relative;
    width: 39px;
    height: 39px;
    background-image: url(./img/vector-1.svg);
    background-size: 100% 100%;
}

.create-an-account .text-wrapper-8[b-05y4oxeg0l] {
    position: absolute;
    top: 7px;
    left: 14px;
    font-family: "Assistant", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .img-2[b-05y4oxeg0l] {
    position: relative;
    width: 39px;
    height: 39px;
}

.create-an-account .overlap-group-4[b-05y4oxeg0l] {
    position: relative;
    width: 39px;
    height: 39px;
    background-image: url(./img/vector.svg);
    background-size: 100% 100%;
}

.create-an-account .text-wrapper-9[b-05y4oxeg0l] {
    top: 0;
    left: 12px;
    font-family: "Assistant", Helvetica;
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .frame-4[b-05y4oxeg0l] {
    position: absolute;
    width: 69px;
    height: 72px;
    top: 650px;
    left: 170px;
}

.create-an-account .frame-5[b-05y4oxeg0l] {
    position: absolute;
    width: 312px;
    height: 47px;
    top: 298px;
    left: 46px;
    background-color: #f8f8f8;
    border-radius: 9px;
    border: 1px solid;
    border-color: #ccc9c9;
}

.create-an-account .text-wrapper-10[b-05y4oxeg0l] {
    top: 10px;
    left: 16px;
    font-family: "Assistant", Helvetica;
    color: #005f4e;
    font-size: 15px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .mail[b-05y4oxeg0l] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 12px;
    left: 275px;
}

.create-an-account .frame-6[b-05y4oxeg0l] {
    position: absolute;
    width: 312px;
    height: 47px;
    top: 367px;
    left: 46px;
    background-color: #f8f8f8;
    border-radius: 9px;
    border: 1px solid;
    border-color: #ccc9c9;
}

.create-an-account .text-wrapper-11[b-05y4oxeg0l] {
    top: 10px;
    left: 17px;
    font-family: "Assistant", Helvetica;
    color: #005f4e;
    font-size: 15px;
    position: absolute;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.create-an-account .lock[b-05y4oxeg0l] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    left: 274px;
}

.create-an-account .rectangle-3[b-05y4oxeg0l] {
    position: absolute;
    width: 365px;
    height: 147px;
    top: 28px;
    left: 19px;
}


























































.page[b-05y4oxeg0l] {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /* overflow-x: hidden; */
    scroll-behavior: auto;
    background-color: #f7f6f1;
    flex-direction: column;
}

[b-05y4oxeg0l]::-webkit-scrollbar {
    display: none;
}

main[b-05y4oxeg0l] {
    flex: 1;
    overflow: hidden;
}


.top-row[b-05y4oxeg0l] {
    background-color: black;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-05y4oxeg0l]  a, .top-row[b-05y4oxeg0l]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

        .top-row[b-05y4oxeg0l]  a:hover, .top-row[b-05y4oxeg0l]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-05y4oxeg0l]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }


.music[b-05y4oxeg0l] {
    margin-left: 9px;
    width: 175px;
    height: 100px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

    .music span[b-05y4oxeg0l] {
        width: 6px;
        border-radius: 18px;
        margin-right: 6px;
    }

        .music span:nth-child(1)[b-05y4oxeg0l] {
            /* 时间递增，参差不齐的效果 */
            animation: bar1-b-05y4oxeg0l 2s 0.2s infinite linear;
        }

        .music span:nth-child(2)[b-05y4oxeg0l] {
            animation: bar2-b-05y4oxeg0l 2s 0.4s infinite linear;
        }

        .music span:nth-child(3)[b-05y4oxeg0l] {
            animation: bar3-b-05y4oxeg0l 2s 0.6s infinite linear;
        }

        .music span:nth-child(4)[b-05y4oxeg0l] {
            animation: bar4-b-05y4oxeg0l 2s 0.8s infinite linear;
        }

        .music span:nth-child(5)[b-05y4oxeg0l] {
            animation: bar5-b-05y4oxeg0l 2s 1.0s infinite linear;
        }

        .music span:nth-child(6)[b-05y4oxeg0l] {
            animation: bar6-b-05y4oxeg0l 2s 1.2s infinite linear;
        }

        .music span:nth-child(7)[b-05y4oxeg0l] {
            animation: bar7-b-05y4oxeg0l 2s 1.4s infinite linear;
        }

        .music span:nth-child(8)[b-05y4oxeg0l] {
            animation: bar8-b-05y4oxeg0l 2s 1.6s infinite linear;
        }

        .music span:nth-child(9)[b-05y4oxeg0l] {
            animation: bar9-b-05y4oxeg0l 2s 1.8s infinite linear;
        }

@keyframes bar1-b-05y4oxeg0l {
    0% {
        background: #f677b0;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #f677b0;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #f677b0;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar2-b-05y4oxeg0l {
    0% {
        background: #df7ff2;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #df7ff2;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #df7ff2;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar3-b-05y4oxeg0l {
    0% {
        background: #8c7ff2;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #8c7ff2;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #8c7ff2;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar4-b-05y4oxeg0l {
    0% {
        background: #7fd0f2;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #7fd0f2;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #7fd0f2;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar5-b-05y4oxeg0l {
    0% {
        background: #7ff2d3;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #7ff2d3;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #7ff2d3;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar6-b-05y4oxeg0l {
    0% {
        background: #7ff2a0;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #7ff2a0;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #7ff2a0;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar7-b-05y4oxeg0l {
    0% {
        background: #adf27f;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #adf27f;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #adf27f;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar8-b-05y4oxeg0l {
    0% {
        background: #e7f27f;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #e7f27f;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #e7f27f;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar9-b-05y4oxeg0l {
    0% {
        background: #ecaa64;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #ecaa64;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #ecaa64;
        height: 10%;
        margin-top: 25%;
    }
}







/* phoone*/
@media (max-width: 460px) {

    /*垂直*/
    .DisplayDirection[b-05y4oxeg0l] {
        display: flex;
        flex-direction: column;
    }
}




/* 电脑或平板*/
@media (min-width: 460px) {

    /* 横向*/
    .DisplayDirection[b-05y4oxeg0l] {
        display: flex;
        flex-direction: row;
    }
}










.NotShowInPhone[b-05y4oxeg0l] {
}


.NotShowInPadAndCompu[b-05y4oxeg0l] {
}


/* phoone*/
@media (max-width: 460px) {
 
    .NotShowInPadAndCompu[b-05y4oxeg0l] {
    }


    .NotShowInPhone[b-05y4oxeg0l] {
        display: none !important;
    }
 
}




/* 电脑或平板*/
@media (min-width: 460px) {
 

    .NotShowInPadAndCompu[b-05y4oxeg0l] {
        display: none !important;
    }


    .NotShowInPhone[b-05y4oxeg0l] {
    }
 
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-00edhd7ph2] {
    color: #fff;
    display: flex;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.top-row[b-00edhd7ph2] {
    height: 1.6rem;
}

.navbar-brand[b-00edhd7ph2] {
    font-size: 1rem;
}

@media (max-width: 460px) {

    .display_none[b-00edhd7ph2] {
        display: none !important;
    }

    .first_bar[b-00edhd7ph2] {
    }
}

.display_none[b-00edhd7ph2] {
    display: flex;
}

.oi[b-00edhd7ph2] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-00edhd7ph2] {
    font-size: 0.9rem;
    display: flex;
    padding: 8px;
    flex-direction: row;
    width: 100%;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

    .nav-item:first-of-type[b-00edhd7ph2] {
        /*padding-top: 1rem;*/
    }

    .nav-item:last-of-type[b-00edhd7ph2] {
        /*   padding-bottom: 1rem;*/
    }

    .nav-item[b-00edhd7ph2]  a {
        border-radius: 2px;
        height: 2.5rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-00edhd7ph2]  a.active {
            background-color: #e9e3c7;
            color: #766c3a !important;
        }

        .nav-item[b-00edhd7ph2]  a:hover {
            background-color: rgb(0 0 0 / 22%);
            color: #fff !important;
        }

.navbar-dark1[b-00edhd7ph2] {
    color: black !important;
}

@media (min-width: 460px) {

    .navbar-brand[b-00edhd7ph2] {
        font-size: 1rem;
        padding: 8px;
    }

    .navbar-toggler[b-00edhd7ph2] {
        display: none;
    }

    .nav-item[b-00edhd7ph2]  a {
        border-radius: 2px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

    .collapse[b-00edhd7ph2] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}




/* 确定设备->适配*/
.sidebar[b-00edhd7ph2] {
    color: #303030;
    padding-bottom: 5px;
    padding-top: 1px;
}


.sidebarhide[b-00edhd7ph2] {
    color: #303030;
    padding-bottom: 5px;
    padding-top: 1px;
    width: 80px;
    min-width: 80px;
    position: sticky;
    top: 0;
}


.NotShowInPhone[b-00edhd7ph2] {
}


.NotShowInPadAndCompu[b-00edhd7ph2] {
}


/* phoone*/
@media (max-width: 460px) {

    /*垂直*/
    .page[b-00edhd7ph2] {
        display: flex;
        flex-direction: column;
    }

    .NotShowInPadAndCompu[b-00edhd7ph2] {
    }


    .NotShowInPhone[b-00edhd7ph2] {
        display: none !important;
    }


    .top-row[b-00edhd7ph2] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-00edhd7ph2], article[b-00edhd7ph2] {
    }
}




/* 电脑或平板*/
@media (min-width: 460px) {

    /* 横向*/
    .page[b-00edhd7ph2] {
        display: flex;
        flex-direction: row;
    }

    .NotShowInPadAndCompu[b-00edhd7ph2] {
        display: none !important;
    }


    .NotShowInPhone[b-00edhd7ph2] {
    }



    .sidebar[b-00edhd7ph2] {
        width: 250px;
        min-width: 250px;
        position: sticky;
        top: 0;
    }

    .top-row[b-00edhd7ph2] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-00edhd7ph2], article[b-00edhd7ph2] {
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0w9on0lu9v],
.components-reconnect-repeated-attempt-visible[b-0w9on0lu9v],
.components-reconnect-failed-visible[b-0w9on0lu9v],
.components-pause-visible[b-0w9on0lu9v],
.components-resume-failed-visible[b-0w9on0lu9v],
.components-rejoining-animation[b-0w9on0lu9v] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-retrying[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-failed[b-0w9on0lu9v],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0w9on0lu9v] {
    display: block;
}


#components-reconnect-modal[b-0w9on0lu9v] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0w9on0lu9v 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0w9on0lu9v 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0w9on0lu9v 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0w9on0lu9v]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0w9on0lu9v 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0w9on0lu9v {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0w9on0lu9v {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0w9on0lu9v {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0w9on0lu9v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0w9on0lu9v] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0w9on0lu9v] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0w9on0lu9v] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0w9on0lu9v] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0w9on0lu9v] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0w9on0lu9v] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0w9on0lu9v 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0w9on0lu9v] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0w9on0lu9v {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/ChooseC/Choose_C.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html[b-d8udy7dhh7] {
    font-size: 16px;
}

body[b-d8udy7dhh7] {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
}

    body *[b-d8udy7dhh7] {
        box-sizing: border-box;
    }
@media(max-width:735px) {
    .card1[b-d8udy7dhh7] {
        width: 100%;
    }
}

@media(min-width:735px) {
    .card1[b-d8udy7dhh7] {
        width: 31%;
    }
}
.flex-row[b-d8udy7dhh7] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-d8udy7dhh7] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-d8udy7dhh7] {
    justify-content: flex-start;
}

.justify-end[b-d8udy7dhh7] {
    justify-content: flex-end;
}

.justify-center[b-d8udy7dhh7] {
    justify-content: center;
}

.justify-between[b-d8udy7dhh7] {
    justify-content: space-between;
}

.justify-around[b-d8udy7dhh7] {
    justify-content: space-around;
}

.justify-evenly[b-d8udy7dhh7] {
    justify-content: space-evenly;
}

.items-start[b-d8udy7dhh7] {
    align-items: flex-start;
}

.items-end[b-d8udy7dhh7] {
    align-items: flex-end;
}

.items-center[b-d8udy7dhh7] {
    align-items: center;
}

.items-baseline[b-d8udy7dhh7] {
    align-items: baseline;
}

.items-stretch[b-d8udy7dhh7] {
    align-items: stretch;
}

.self-start[b-d8udy7dhh7] {
    align-self: flex-start;
}

.self-end[b-d8udy7dhh7] {
    align-self: flex-end;
}

.self-center[b-d8udy7dhh7] {
    align-self: center;
}

.self-baseline[b-d8udy7dhh7] {
    align-self: baseline;
}

.self-stretch[b-d8udy7dhh7] {
    align-self: stretch;
}

.flex-1[b-d8udy7dhh7] {
    flex: 1 1 0%;
}

.flex-auto[b-d8udy7dhh7] {
    flex: 1 1 auto;
}

.grow[b-d8udy7dhh7] {
    flex-grow: 1;
}

.grow-0[b-d8udy7dhh7] {
    flex-grow: 0;
}

.shrink[b-d8udy7dhh7] {
    flex-shrink: 1;
}

 
.relative[b-d8udy7dhh7] {
    position: relative;
}
.page2[b-d8udy7dhh7] {
    width: 100%;
    min-width: 300px;
    max-width: 1000px;
    padding: 0 25px;
    justify-content: center;
}

.page1[b-d8udy7dhh7] {
    background-color: #41414178;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    /* overflow: hidden; */
    height: 100%;
    width: 100%;
    justify-content: space-evenly;
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    flex-direction: row;
    z-index: 8000;
    align-content: center;
    align-items: center;
}

.image[b-d8udy7dhh7] {
    background-color:#00000000;
    opacity: 0.86;
    width: 100%;
    height: 187px;
}

.section[b-d8udy7dhh7] {
    border-radius: 25px;
    max-height: 70vh;
    /* border: 1px solid #93620575; */
    margin: 15px;
    /* margin-top: -36px; */
    /* box-shadow: 1px 1px 20px 0px rgb(51 46 57 / 15%); */
    padding: 15px;
    background-color: #f7f6f2;
}

.group[b-d8udy7dhh7] {
    padding-left: 24px;
    padding-right: 16px;
}

.image_2[b-d8udy7dhh7] {
    width: 48px;
    height: 4px;
}

.text[b-d8udy7dhh7] {
    margin-top: 26px;
    color: #151515;
    font-size: 24px;
    font-family: AlibabaPuHuiTi;
    line-height: 21.5px;
}

.image_3[b-d8udy7dhh7] {
    width: 40px;
    height: 40px;
}

.text_2[b-d8udy7dhh7] {
 
    margin-top: 2px;
    color: #151515;
    font-size: 20px;
    font-family: AlibabaPuHuiTi;
    line-height: 18.5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.group_2[b-d8udy7dhh7] {
    margin-top: 20px;
    padding: 0 26px;
}

.space-y-12 > *:not(:first-child)[b-d8udy7dhh7] {
    margin-top: 12px;
}

.font_1[b-d8udy7dhh7] {
    font-size: 16px;
    font-family: AlibabaPuHuiTi;
    line-height: 14.5px;
    color: #151515;
}

.text_3[b-d8udy7dhh7] {
 
}

.image_4[b-d8udy7dhh7] {
 
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

.text_4[b-d8udy7dhh7] {
    line-height: 15px;
}

.text_5[b-d8udy7dhh7] {
    line-height: 16px;
}

.group_3[b-d8udy7dhh7] {
    margin-top: 53px;
}

.group_4[b-d8udy7dhh7] {
    padding: 0 24px;
}

.space-x-18 > *:not(:first-child)[b-d8udy7dhh7] {
    margin-left: 18px;
}

.button[b-d8udy7dhh7] {
    padding: 16px 0 20px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64cf6cf492373d00124ffac9/16913154462574942427.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 107px;
    height: 50px;
}

.text_6[b-d8udy7dhh7] {
    color: #4f7b1f;
}

.button_2[b-d8udy7dhh7] {
    padding: 16px 0 20px;
    border-radius: 30px;
    /* background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21…/64cf6cf…/1691315….png); */
    background: #056912bd;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 50px;
}

.text_7[b-d8udy7dhh7] {
    color: #ffffff;
    line-height: 15px;
}

.section_2[b-d8udy7dhh7] {
    background-color: #00000000;
    width: 188px;
    height: 34px;
}

p[b-d8udy7dhh7] {
    border: 1px solid #e9d3a73b;
}

    p:hover[b-d8udy7dhh7] {
        box-shadow: 1px 1px 20px 0px rgb(205 190 144 / 64%);
        background: #fff;
        cursor: pointer;
    }


.change_css[b-d8udy7dhh7] {
    transition: width 0.2s, height 0.2s, background-color 0.2s, rotate 0.2s;
}


.card[b-d8udy7dhh7] {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.1s;
    box-shadow: 3px 2px 5px 1px #d3d0d0;
    width: 310px;
    max-width: 90%;
    border-radius: 8px;
}

    .card:has(:hover)[b-d8udy7dhh7] {
        transform: scale(1.01);
        box-shadow: 6px 4px 9px 1px #d3d0d0;
        border: 1px solid #ffcbcb;
        border-radius: 8px;
    }



.card1[b-d8udy7dhh7] {
    cursor: pointer;
    border-radius: 15px;
    transform: scale(1);
    transition: all 0.1s;
    background: #fff;
    max-width: 97%;
}

    .card1:has(:hover)[b-d8udy7dhh7] {
        transform: scale(1.01);
        border-radius: 15px;
        box-shadow: 0px -4px 8px 5px #ebebeb;
        border: 1px solid #ffcbcb;
        border-radius: 8px;
    }




.NotShowInPhone[b-d8udy7dhh7] {
}

/* phoone*/
@media (max-width: 460px) {

    .NotShowInPhone[b-d8udy7dhh7] {
        display: none !important;
    }
}




/* 电脑或平板*/
@media (min-width: 460px) {

    .NotShowInPhone[b-d8udy7dhh7] {
    }
}
/* /Components/Pages/ChooseC/ItemCard/Item_card.razor.rz.scp.css */



.WithInPhone[b-rz9z6as5na] {
}


.WithInPadAndCompu[b-rz9z6as5na] {
}


/* phoone*/
@media (max-width: 460px) {

    .WithInPadAndCompu[b-rz9z6as5na] {
    }


    .WithInPhone[b-rz9z6as5na] {
        max-width: 100%;
    }
 
}




/* 电脑或平板*/
@media (min-width: 460px) {


    .WithInPadAndCompu[b-rz9z6as5na] {
        max-width: 269px;
    }


    .WithInPhone[b-rz9z6as5na] {
    }

 
}
/* /Components/Pages/Choose_Image.razor.rz.scp.css */
/************************************************************
** �뽫ȫ����ʽ��������Ŀ��ȫ�� CSS �ļ����ߵ�ǰҳ��Ķ��� **
** ����ҳ�潫�޷�������ʾ                                  **
************************************************************/

html[b-bi6ny99ddf] {
    font-size: 16px;
}

body[b-bi6ny99ddf] {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
}

    body *[b-bi6ny99ddf] {
        box-sizing: border-box;
        flex-shrink: 0;
    }

.flex-row[b-bi6ny99ddf] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-bi6ny99ddf] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-bi6ny99ddf] {
    justify-content: flex-start;
}

.justify-end[b-bi6ny99ddf] {
    justify-content: flex-end;
}

.justify-center[b-bi6ny99ddf] {
    justify-content: center;
}

.justify-between[b-bi6ny99ddf] {
    justify-content: space-between;
}

.justify-around[b-bi6ny99ddf] {
    justify-content: space-around;
}

.justify-evenly[b-bi6ny99ddf] {
    justify-content: space-evenly;
}

.items-start[b-bi6ny99ddf] {
    align-items: flex-start;
}

.items-end[b-bi6ny99ddf] {
    align-items: flex-end;
}

.items-center[b-bi6ny99ddf] {
    align-items: center;
}

.items-baseline[b-bi6ny99ddf] {
    align-items: baseline;
}

.items-stretch[b-bi6ny99ddf] {
    align-items: stretch;
}

.self-start[b-bi6ny99ddf] {
    align-self: flex-start;
}

.self-end[b-bi6ny99ddf] {
    align-self: flex-end;
}

.self-center[b-bi6ny99ddf] {
    align-self: center;
}

.self-baseline[b-bi6ny99ddf] {
    align-self: baseline;
}

.self-stretch[b-bi6ny99ddf] {
    align-self: stretch;
}

.flex-1[b-bi6ny99ddf] {
    flex: 1 1 0%;
}

.flex-auto[b-bi6ny99ddf] {
    flex: 1 1 auto;
}

.grow[b-bi6ny99ddf] {
    flex-grow: 1;
}

.grow-0[b-bi6ny99ddf] {
    flex-grow: 0;
}

.shrink[b-bi6ny99ddf] {
    flex-shrink: 1;
}

.shrink-0[b-bi6ny99ddf] {
    flex-shrink: 0;
}

.relative[b-bi6ny99ddf] {
    position: relative;
}

.page2[b-bi6ny99ddf] {
    position: fixed;
    display: flex;
    /* bottom: auto; */
    background-color: #000000 0;
    /* overflow: hidden; */
    width: 80%;
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    max-width: 1050px;
    max-height: 1200px;
    justify-content: center;
}

.page1[b-bi6ny99ddf] {
    background-color: #00000000;
    display: flex;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: row;
    align-items: center;
    z-index:500;
}

.image[b-bi6ny99ddf] {
    background-color: #00000000;
    opacity: 0.86;
    width: 100%;
    height: 187px;
}
.delete_choose[b-bi6ny99ddf] {
    /* position: relative; */
    /* bottom: 0px; */
    border: none;
    color: #db6a6a !important;
    background: #ffffff73;
}

    .delete_choose:hover[b-bi6ny99ddf] {
        /* position: relative; */
        /* bottom: 0px; */
        border: none;
        color: #fff !important;
        background: #db6a6a;
    }
    .section[b-bi6ny99ddf] {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-radius: 24px;
        /* border: 1px solid #93620575; */
        margin-top: -36px;
        box-shadow: 1px 1px 20px 0px rgb(51 46 57 / 15%);
        padding: 12px 0 26px;
        background-color: #ffffff;
        background-repeat: no-repeat;
    }

.group[b-bi6ny99ddf] {
    padding-left: 24px;
    padding-right: 16px;
}

.image_2[b-bi6ny99ddf] {
    width: 48px;
    height: 4px;
}

.text[b-bi6ny99ddf] {
    margin-top: 26px;
    color: #151515;
    font-size: 24px;
    font-family: AlibabaPuHuiTi;
    line-height: 21.5px;
}

.image_3[b-bi6ny99ddf] {
    width: 40px;
    height: 40px;
}

.text_2[b-bi6ny99ddf] {
    margin-left: 26px;
    margin-top: 2px;
    color: #151515;
    font-size: 20px;
    font-family: AlibabaPuHuiTi;
    line-height: 18.5px;
}

.group_2[b-bi6ny99ddf] {
    margin-top: 20px;
    padding: 0 26px;
}

.space-y-12 > *:not(:first-child)[b-bi6ny99ddf] {
    margin-top: 12px;
}

.font_1[b-bi6ny99ddf] {
    font-size: 16px;
    font-family: AlibabaPuHuiTi;
    line-height: 14.5px;
    color: #151515;
}

.text_3[b-bi6ny99ddf] {
    opacity: 0.8;
}

.image_4[b-bi6ny99ddf] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

.text_4[b-bi6ny99ddf] {
    line-height: 15px;
}

.text_5[b-bi6ny99ddf] {
    line-height: 16px;
}

.group_3[b-bi6ny99ddf] {
    margin-top: 53px;
}

.group_4[b-bi6ny99ddf] {
    padding: 0 24px;
}

.space-x-18 > *:not(:first-child)[b-bi6ny99ddf] {
    margin-left: 18px;
}

.button[b-bi6ny99ddf] {
    padding: 16px 0 20px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64cf6cf492373d00124ffac9/16913154462574942427.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 107px;
    height: 50px;
}

.text_6[b-bi6ny99ddf] {
    color: #4f7b1f;
}

.button_2[b-bi6ny99ddf] {
    padding: 16px 0 20px;
    border-radius: 30px;
    /* background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21��/64cf6cf��/1691315��.png); */
    background: #056912bd;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 50px;
}

.text_7[b-bi6ny99ddf] {
    color: #ffffff;
    line-height: 15px;
}

.section_2[b-bi6ny99ddf] {
    background-color: #00000000;
    width: 188px;
    height: 34px;
}

p[b-bi6ny99ddf] {
    border: 1px solid #e9d3a73b;
}

    p:hover[b-bi6ny99ddf] {
        box-shadow: 1px 1px 20px 0px rgb(205 190 144 / 64%);
        background: #fff;
        cursor: pointer;
       
    }
   
 
/* /Components/Pages/Dis_connect.razor.rz.scp.css */
@keyframes gradient-b-dpvjk5huja {
    0% {
        background-position: 0 12%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 12%;
    }
}

.bg[b-dpvjk5huja] {
    width: 100vw;
    height: 100%;
    background: linear-gradient(-45deg, #af00e9, #bf8b12, #3342cc, #09f, #66f);
    background-size: 200% 200%;
    animation: gradient-b-co1teixfgf 8s ease infinite;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.music[b-dpvjk5huja] {
    width: 175px;
    height: 100px;
    display: flex;
}

    .music span[b-dpvjk5huja] {
        width: 6px;
        border-radius: 18px;
        margin-right: 6px;
    }

        .music span:nth-child(1)[b-dpvjk5huja] {
            /* ʱ��������β���Ч�� */
            animation: bar1-b-dpvjk5huja 2s 0.2s infinite linear;
        }

        .music span:nth-child(2)[b-dpvjk5huja] {
            animation: bar2-b-dpvjk5huja 2s 0.4s infinite linear;
        }

        .music span:nth-child(3)[b-dpvjk5huja] {
            animation: bar3-b-dpvjk5huja 2s 0.6s infinite linear;
        }

        .music span:nth-child(4)[b-dpvjk5huja] {
            animation: bar4-b-dpvjk5huja 2s 0.8s infinite linear;
        }

        .music span:nth-child(5)[b-dpvjk5huja] {
            animation: bar5-b-dpvjk5huja 2s 1.0s infinite linear;
        }

        .music span:nth-child(6)[b-dpvjk5huja] {
            animation: bar6-b-dpvjk5huja 2s 1.2s infinite linear;
        }

        .music span:nth-child(7)[b-dpvjk5huja] {
            animation: bar7-b-dpvjk5huja 2s 1.4s infinite linear;
        }

        .music span:nth-child(8)[b-dpvjk5huja] {
            animation: bar8-b-dpvjk5huja 2s 1.6s infinite linear;
        }

        .music span:nth-child(9)[b-dpvjk5huja] {
            animation: bar9-b-dpvjk5huja 2s 1.8s infinite linear;
        }

@keyframes bar1-b-dpvjk5huja {
    0% {
        background: #f677b0;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #f677b0;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #f677b0;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar2-b-dpvjk5huja {
    0% {
        background: #df7ff2;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #df7ff2;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #df7ff2;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar3-b-dpvjk5huja {
    0% {
        background: #8c7ff2;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #8c7ff2;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #8c7ff2;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar4-b-dpvjk5huja {
    0% {
        background: #7fd0f2;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #7fd0f2;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #7fd0f2;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar5-b-dpvjk5huja {
    0% {
        background: #7ff2d3;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #7ff2d3;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #7ff2d3;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar6-b-dpvjk5huja {
    0% {
        background: #7ff2a0;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #7ff2a0;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #7ff2a0;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar7-b-dpvjk5huja {
    0% {
        background: #adf27f;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #adf27f;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #adf27f;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar8-b-dpvjk5huja {
    0% {
        background: #e7f27f;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #e7f27f;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #e7f27f;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar9-b-dpvjk5huja {
    0% {
        background: #ecaa64;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #ecaa64;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #ecaa64;
        height: 10%;
        margin-top: 25%;
    }
}
/* /Components/Pages/FetchData.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html[b-nlv2642pd3] {
    font-size: 16px;
}

body[b-nlv2642pd3] {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
}
 
.flex-row[b-nlv2642pd3] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-nlv2642pd3] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-nlv2642pd3] {
    justify-content: flex-start;
}

.justify-end[b-nlv2642pd3] {
    justify-content: flex-end;
}

.justify-center[b-nlv2642pd3] {
    justify-content: center;
}

.justify-between[b-nlv2642pd3] {
    justify-content: space-between;
}

.justify-around[b-nlv2642pd3] {
    justify-content: space-around;
}

.justify-evenly[b-nlv2642pd3] {
    justify-content: space-evenly;
}

.items-start[b-nlv2642pd3] {
    align-items: flex-start;
}

.items-end[b-nlv2642pd3] {
    align-items: flex-end;
}

.items-center[b-nlv2642pd3] {
    align-items: center;
}

.items-baseline[b-nlv2642pd3] {
    align-items: baseline;
}

.items-stretch[b-nlv2642pd3] {
    align-items: stretch;
}

.self-start[b-nlv2642pd3] {
    align-self: flex-start;
}

.self-end[b-nlv2642pd3] {
    align-self: flex-end;
}

.self-center[b-nlv2642pd3] {
    align-self: center;
}

.self-baseline[b-nlv2642pd3] {
    align-self: baseline;
}

.self-stretch[b-nlv2642pd3] {
    align-self: stretch;
}

.flex-1[b-nlv2642pd3] {
    flex: 1 1 0%;
}

.flex-auto[b-nlv2642pd3] {
    flex: 1 1 auto;
}

.grow[b-nlv2642pd3] {
    flex-grow: 1;
}

.grow-0[b-nlv2642pd3] {
    flex-grow: 0;
}

.shrink[b-nlv2642pd3] {
    flex-shrink: 1;
}
 
.relative[b-nlv2642pd3] {
    position: relative;
}


.page[b-nlv2642pd3] {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}

.header[b-nlv2642pd3] {
    padding-bottom: 3px;
    height: 91px;
}

.group[b-nlv2642pd3] {
    padding: 14px 14px 10px 14px;
}

.text[b-nlv2642pd3] {
    color: #000000;
    font-size: 15px;
    font-family: 'Helvetica';
    line-height: 18px;
    letter-spacing: -0.5px;
}

.space-x-4 > *:not(:first-child)[b-nlv2642pd3] {
    margin-left: 4px;
}

.image[b-nlv2642pd3] {
    width: 17px;
    height: 11px;
}

.image_2[b-nlv2642pd3] {
    width: 16px;
    height: 11px;
}

.image_3[b-nlv2642pd3] {
    width: 24.5px;
    height: 11.5px;
}

.section[b-nlv2642pd3] {
    padding: 10px 0px;
    background-color: #ffffff;
}

.image_4[b-nlv2642pd3] {
    width: 10px;
    height: 18px;
}

.pos[b-nlv2642pd3] {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.font_1[b-nlv2642pd3] {
    font-size: 18px;
    font-family: 'PingFangSC-Semibold';
    line-height: 25px;
    
    color: #000000;
}

.group_2[b-nlv2642pd3] {
    padding: 13px 20px 19px 20px;
    overflow-y: auto;
}

.space-y-4 > *:not(:first-child)[b-nlv2642pd3] {
    margin-top: 4px;
}

.text_2[b-nlv2642pd3] {
    color: #000000;
    font-size: 24px;
    font-family: 'PingFangSC-Semibold';
    
    line-height: 33px;
}

.font_2[b-nlv2642pd3] {
    font-size: 13px;
    font-family: 'PingFangSC-Regular';
    line-height: 18px;
    color: #000000;
}

.image_5[b-nlv2642pd3] {
    border-radius: 8px;
    margin-top:15px;
    width: 335px;
    height: 200px;
}

.group_3[b-nlv2642pd3] {
    margin-right: 15px;
    margin-left:15px;
    margin-top: 32px;
}

.space-y-16[b-nlv2642pd3]   {
    margin-top: 36px;
}

.text_3[b-nlv2642pd3] {
    line-height: 24px;
    text-align: left;
}

.group_4[b-nlv2642pd3] {
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 38px;
}

.space-y-12 > *:not(:first-child)[b-nlv2642pd3] {
    margin-top: 12px;
}

.text_4[b-nlv2642pd3] {
    color: #000000;
    font-size: 15px;
    font-family: 'PingFangSC-Semibold';
    
    line-height: 21px;
}

.space-x-3 > *:not(:first-child)[b-nlv2642pd3] {
    margin-left: 3px;
}

.font_3[b-nlv2642pd3] {
    font-size: 13px;
    font-family: 'PingFangSC-Regular';
    line-height: 18px;
    color: #888888;
}

.button[b-nlv2642pd3] {
    margin-top: 24px;
    padding: 10px 0;
    background-color: #006eff;
    border-radius: 4px;
    width: 167px;
}

.text_5[b-nlv2642pd3] {
    color: #ffffff;
    font-size: 17px;
    font-family: 'PingFangSC-Regular';
    line-height: 24px;
}
/* /Components/Pages/Image_Gen.razor.rz.scp.css */
/************************************************************
** �뽫ȫ����ʽ��������Ŀ��ȫ�� CSS �ļ����ߵ�ǰҳ��Ķ��� **
** ����ҳ�潫�޷�������ʾ                                  **
************************************************************/
page[b-ozss0ll0sz] {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

page1[b-ozss0ll0sz] {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 200px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

space11111[b-ozss0ll0sz] {
    width: 100%;
    height: 100px !important;
}

aaa2[b-ozss0ll0sz] {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 160px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

text[b-ozss0ll0sz] {
    flex-shrink: 0;
}

.flex-row[b-ozss0ll0sz] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-ozss0ll0sz] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-ozss0ll0sz] {
    justify-content: flex-start;
}

.justify-end[b-ozss0ll0sz] {
    justify-content: flex-end;
}

.justify-center[b-ozss0ll0sz] {
    justify-content: center;
}

.justify-between[b-ozss0ll0sz] {
    justify-content: space-between;
}

.justify-around[b-ozss0ll0sz] {
    justify-content: space-around;
}

.justify-evenly[b-ozss0ll0sz] {
    justify-content: space-evenly;
}

.items-start[b-ozss0ll0sz] {
    align-items: flex-start;
}

.items-end[b-ozss0ll0sz] {
    align-items: flex-end;
}

.items-center[b-ozss0ll0sz] {
    align-items: center;
}

.items-baseline[b-ozss0ll0sz] {
    align-items: baseline;
}

.items-stretch[b-ozss0ll0sz] {
    align-items: stretch;
}

.self-start[b-ozss0ll0sz] {
    align-self: flex-start;
}

.self-end[b-ozss0ll0sz] {
    align-self: flex-end;
}

.self-center[b-ozss0ll0sz] {
    align-self: center;
}

.self-baseline[b-ozss0ll0sz] {
    align-self: baseline;
}

.self-stretch[b-ozss0ll0sz] {
    align-self: stretch;
}

.flex-1[b-ozss0ll0sz] {
    flex: 1 1 0%;
}

.flex-auto[b-ozss0ll0sz] {
    flex: 1 1 auto;
}

.grow[b-ozss0ll0sz] {
    flex-grow: 1;
}

.grow-0[b-ozss0ll0sz] {
    flex-grow: 0;
}

.shrink[b-ozss0ll0sz] {
    flex-shrink: 1;
}

.shrink-0[b-ozss0ll0sz] {
    flex-shrink: 0;
}

.relative[b-ozss0ll0sz] {
    position: relative;
}


.page[b-ozss0ll0sz] {
    padding-top: 20px;
    background-color: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 100px;
    background-color: #fff;
}


.space-y-30[b-ozss0ll0sz] {
    margin-top: 30px;
}

.text[b-ozss0ll0sz] {
    margin-left: 22px;
    padding-bottom: 50px;
    color: #232a35;
    font-size: 20px;
    font-family: Microsoft YaHei;
    line-height: 18.5px;
}

.group[b-ozss0ll0sz] {
    padding: 25px 23px;
 
}


.space-y-9[b-ozss0ll0sz] {
    margin-right: 2px;
}


.section1[b-ozss0ll0sz] {
    padding: 16px 10px 16px 18px;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-color: #290505;
    border-radius: 8px 0px 8px 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 34px;
    height: auto;
    max-width: 70vw;
}


.font_1[b-ozss0ll0sz] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #ffffff;
}

.text_2[b-ozss0ll0sz] {
    line-height: 13px;
}

.group_2[b-ozss0ll0sz] {
    margin-top: 10px;
    padding: 0 6px;
}

.image[b-ozss0ll0sz] {
    margin-top: 8px;
    width: 15px;
    height: 16px;
}

.image2[b-ozss0ll0sz] {
    margin-right: 4px;
    margin-top: 1px;
    width: 15px;
    height: 16px;
}



.font_2[b-ozss0ll0sz] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 10px;
    color: #718193;
}

.text_3[b-ozss0ll0sz] {
    font-size: 13px;
}

.image_2[b-ozss0ll0sz] {
    width: 34px;
    height: 34px;
}

@media(min-width: 941px) {

    .ref_1[b-ozss0ll0sz] {
        display: flex;
        position: absolute;
        right: 350px;
        bottom: 20px;
    }
}

@media(max-width: 941px) {

    .ref_1[b-ozss0ll0sz] {
        display: flex;
        position: absolute;
        right: -1000px;
    }
}

.section[b-ozss0ll0sz] {
    position: relative;
    border: 1px solid #fff;
    color: #fff !important;
    max-width: 88%;
    padding: 20px;
    margin-left: 15px;
    padding: 16px 32px 62px 32px;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-color: #171411;
    border-radius: 0px 8px 8px 8px;
    background-size: 100% 100%;
    min-height: 45px;
    height: auto;
    /* box-shadow: 7px 3px 20px 0px rgb(210 220 235); */
    /* background-image: linear-gradient(to right, rgb(49 44 55) 1px, #312c37 1px), linear-gradient(to bottom, rgb(2 59 143) 1px, #15008b 1px); */
    background-size: 20px 20px;
    background-position: center center;
    /* border-radius: 20px; */
    margin-bottom: 10px;
    width: 90%;
    max-width: 900px;
    z-index:400;
}



pre code[b-ozss0ll0sz] {
    font-size: 13px;
    /* color: inherit; */
    /* background: #9d9d9d; */
    word-break: normal;
}

code[b-ozss0ll0sz] {
    font-size: .875em;
    color: #a19dc1;
    word-wrap: break-word;
    /* background: #d1b2b2; */
}

.font_3[b-ozss0ll0sz] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #290505;
}

.group_3[b-ozss0ll0sz] {
    padding: 10px 40px 0px 40px;
}

.text_4[b-ozss0ll0sz] {
    font-size: 13px;
}


.space-y-26[b-ozss0ll0sz] {
    margin-top: 26px;
}

.section_2[b-ozss0ll0sz] {
    padding: 6px 12px 16px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042980552850960.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.group_4[b-ozss0ll0sz] {
    margin-top: 6px;
}

.text-wrapper_2[b-ozss0ll0sz] {
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042982281430344.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 30px;
}

.font_4[b-ozss0ll0sz] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #232a35;
}

.group_5[b-ozss0ll0sz] {
    padding: 0 42px;
}

.view_2[b-ozss0ll0sz] {
    margin-top: 4px;
}

.group_6[b-ozss0ll0sz] {
    margin-top: 16px;
}

.text-wrapper_3[b-ozss0ll0sz] {
    margin-bottom: 3px;
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042981868552127.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 31px;
}

.text_5[b-ozss0ll0sz] {
    margin-left: 18px;
    margin-right: 10px;
}

.view_3[b-ozss0ll0sz] {
    margin-top: 8px;
}

.space-x-6[b-ozss0ll0sz] {
    margin-left: 6px;
}

.text_6[b-ozss0ll0sz] {
    font-size: 13px;
}

.font_5[b-ozss0ll0sz] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #718193;
    outline: none;
}

.text_7[b-ozss0ll0sz] {
    font-size: 13px;
}

.section_3[b-ozss0ll0sz] {
    margin-right: 16px;
    margin-top: 12px;
    padding: 8px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042977826628921.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 264px;
}

.space-x-8[b-ozss0ll0sz] {
    margin-left: 8px;
}

.image_3[b-ozss0ll0sz] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 174px;
}

.group_7[b-ozss0ll0sz] {
    width: 124px;
}


.image_4[b-ozss0ll0sz] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 83px;
}

.group_8[b-ozss0ll0sz] {
    padding: 8px 22px 0;
}


.space-x-2-reverse[b-ozss0ll0sz] {
    margin-bottom: 5px;
    margin-right: 2px;
}

.text_8[b-ozss0ll0sz] {
    font-size: 13px;
}

.section_4[b-ozss0ll0sz] {
    margin-top: -4px;
    padding-left: 16px;
    filter: drop-shadow(0px -10px 12.5px #6067961a);
    background-color: #ffffff;
}

.input_location[b-ozss0ll0sz] {
    position: fixed;
    width: auto;
    min-width: 100%;
    height: 90px;
    bottom: 0px;
    z-index:500;
}

.group_9[b-ozss0ll0sz] {
    margin-top: 21px;
}


.space-x-16[b-ozss0ll0sz] {
    margin-left: 16px;
}

.image_6[b-ozss0ll0sz] {
    width: 17px;
    height: 17px;
}

.text_9[b-ozss0ll0sz] {
    font-size: 15px;
    line-height: 14px;
    min-width: 60vw;
    max-width: 400px;
    margin-left: 35px;
    margin-bottom: 8px;
    height: 17px;
}

.image_5[b-ozss0ll0sz] {
    position: fixed;
    right: 18px;
    bottom: 32px;
    background-image: url(image/gen1.png);
    width: 39px;
    height: 39px;
    background-size: 100% 100%;
}

.break-word[b-ozss0ll0sz] {
    width: 100%;
    display: flex;
    color: #fff;
    max-width: 100%;
    font-weight: 900;
    /* gap: 30px; */
    overflow-wrap: break-word;
    flex-direction: column;
}

.section99999[b-ozss0ll0sz] {
    border-radius: 12px;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #290505;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section99[b-ozss0ll0sz] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #290505;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section9956[b-ozss0ll0sz] {
    display: flex;
    border-radius: 12px;
    /* position: fixed; */
    height: 33px;
    /* margin-left: 80px; */
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #1a3425d9;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 191px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.section995[b-ozss0ll0sz] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    margin-left: 80px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #290505;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.text-wrapper99[b-ozss0ll0sz] {
    padding-top: 12px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text-wrapper995[b-ozss0ll0sz] {
    padding-top: 5px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text995[b-ozss0ll0sz] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text99[b-ozss0ll0sz] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text_299[b-ozss0ll0sz] {
    color: #ffffff;
    font-size: 12px;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
}

.loding[b-ozss0ll0sz] {
    position: fixed;
    right: -70px;
    bottom: -66px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
}

.loding8[b-ozss0ll0sz] {
    position: fixed;
    left: 10px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
    top: 5px;
}



.loading-spinner[b-ozss0ll0sz] {
    border: 4px solid rgb(83 104 253 / 84%);
    border-left-color: #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-ozss0ll0sz 1s ease infinite;
}

.loading-spinner2[b-ozss0ll0sz] {
    border: 4px solid rgb(183 17 213 / 62%);
    border-left-color: #c000ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-ozss0ll0sz 500ms ease infinite;
}


.loading-spinner3[b-ozss0ll0sz] {
    border: 4px solid rgb(1 105 94);
    border-left-color: #358b82;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.loading-spinner8[b-ozss0ll0sz] {
    border: 4px solid #ffc107;
    border-left-color: #705697;
    border-radius: 50%;
    width: 20px;
    height: 25px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.background[b-ozss0ll0sz] {
    width: 100vw;
    height: 100%;
    background: #3E1E68;
}

    .background span[b-ozss0ll0sz] {
        width: 20vmin;
        height: 20vmin;
        border-radius: 20vmin;
        backface-visibility: hidden;
        position: absolute;
        animation-name: move-b-ozss0ll0sz;
        animation-duration: 6s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

        .background span:nth-child(1)[b-ozss0ll0sz] {
            color: #583C87;
            top: 47%;
            left: 10%;
            animation-duration: 10.5s;
            animation-delay: -12.6s;
            transform-origin: 0vw -9vh;
            box-shadow: -40vmin 0 11.2034042917vmin currentColor;
        }

        .background span:nth-child(2)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 33%;
            left: 45%;
            animation-duration: 13.2s;
            animation-delay: -15.6s;
            transform-origin: 14vw 17vh;
            box-shadow: 40vmin 0 10.2115006212vmin currentColor;
        }

        .background span:nth-child(3)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 90%;
            left: 55%;
            animation-duration: 14.8s;
            animation-delay: -3.5s;
            transform-origin: -18vw 9vh;
            box-shadow: -40vmin 0 12.3544421218vmin currentColor;
        }

        .background span:nth-child(4)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 7%;
            left: 88%;
            animation-duration: 15.4s;
            animation-delay: -2.6s;
            transform-origin: 21vw 14vh;
            box-shadow: -40vmin 0 5.9226682716vmin currentColor;
        }

        .background span:nth-child(5)[b-ozss0ll0sz] {
            color: #583C87;
            top: 65%;
            left: 26%;
            animation-duration: 15.3s;
            animation-delay: -6s;
            transform-origin: 9vw -23vh;
            box-shadow: 40vmin 0 5.4289289226vmin currentColor;
        }

        .background span:nth-child(6)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 45%;
            left: 30%;
            animation-duration: 11.2s;
            animation-delay: -6.6s;
            transform-origin: -3vw 23vh;
            box-shadow: -40vmin 0 14.4480182393vmin currentColor;
        }

        .background span:nth-child(7)[b-ozss0ll0sz] {
            color: #583C87;
            top: 40%;
            left: 95%;
            animation-duration: 10.3s;
            animation-delay: -6.6s;
            transform-origin: 6vw 1vh;
            box-shadow: -40vmin 0 5.2476920034vmin currentColor;
        }

        .background span:nth-child(8)[b-ozss0ll0sz] {
            color: #583C87;
            top: 84%;
            left: 91%;
            animation-duration: 15.6s;
            animation-delay: -15.3s;
            transform-origin: 15vw 20vh;
            box-shadow: 40vmin 0 5.328532637vmin currentColor;
        }

        .background span:nth-child(9)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 88%;
            left: 49%;
            animation-duration: 12.5s;
            animation-delay: -6.3s;
            transform-origin: -23vw 17vh;
            box-shadow: -40vmin 0 13.7564470826vmin currentColor;
        }

        .background span:nth-child(10)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 4%;
            left: 16%;
            animation-duration: 11.9s;
            animation-delay: -10.2s;
            transform-origin: -4vw 13vh;
            box-shadow: 40vmin 0 13.95746731vmin currentColor;
        }

        .background span:nth-child(11)[b-ozss0ll0sz] {
            color: #583C87;
            top: 16%;
            left: 99%;
            animation-duration: 10.4s;
            animation-delay: -9s;
            transform-origin: -3vw -5vh;
            box-shadow: -40vmin 0 11.6603526433vmin currentColor;
        }

        .background span:nth-child(12)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 46%;
            left: 81%;
            animation-duration: 11.4s;
            animation-delay: -9.2s;
            transform-origin: 3vw -1vh;
            box-shadow: -40vmin 0 14.0594399762vmin currentColor;
        }

        .background span:nth-child(13)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 69%;
            left: 75%;
            animation-duration: 12.3s;
            animation-delay: -7.7s;
            transform-origin: 13vw -4vh;
            box-shadow: -40vmin 0 14.688619748vmin currentColor;
        }

        .background span:nth-child(14)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 67%;
            left: 52%;
            animation-duration: 12.3s;
            animation-delay: -1.2s;
            transform-origin: 23vw -5vh;
            box-shadow: -40vmin 0 13.6204973407vmin currentColor;
        }

        .background span:nth-child(15)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 38%;
            left: 57%;
            animation-duration: 12.4s;
            animation-delay: -8.2s;
            transform-origin: 11vw 19vh;
            box-shadow: 40vmin 0 13.6934527314vmin currentColor;
        }

        .background span:nth-child(16)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 78%;
            left: 94%;
            animation-duration: 13.4s;
            animation-delay: -13.2s;
            transform-origin: -19vw 8vh;
            box-shadow: -40vmin 0 8.3807133847vmin currentColor;
        }

        .background span:nth-child(17)[b-ozss0ll0sz] {
            color: #E45A84;
            top: 57%;
            left: 38%;
            animation-duration: 15.5s;
            animation-delay: -12.1s;
            transform-origin: -21vw -20vh;
            box-shadow: -40vmin 0 10.8162910663vmin currentColor;
        }

        .background span:nth-child(18)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 65%;
            left: 45%;
            animation-duration: 11.2s;
            animation-delay: -2.6s;
            transform-origin: 0vw -22vh;
            box-shadow: -40vmin 0 8.9038134634vmin currentColor;
        }

        .background span:nth-child(19)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 18%;
            left: 39%;
            animation-duration: 11.7s;
            animation-delay: -15.9s;
            transform-origin: -24vw 11vh;
            box-shadow: 40vmin 0 7.2048026951vmin currentColor;
        }

        .background span:nth-child(20)[b-ozss0ll0sz] {
            color: #FFACAC;
            top: 87%;
            left: 15%;
            animation-duration: 11.1s;
            animation-delay: -6.2s;
            transform-origin: -9vw -24vh;
            box-shadow: -40vmin 0 12.9500645493vmin currentColor;
        }

@keyframes move-b-ozss0ll0sz {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

@keyframes spin-b-ozss0ll0sz {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
/************************************************************
** �뽫ȫ����ʽ��������Ŀ��ȫ�� CSS �ļ����ߵ�ǰҳ��Ķ��� **
** ����ҳ�潫�޷�������ʾ                                  **
************************************************************/

html[b-o9qb3ki2nd] {
    font-size: 16px;
}

body[b-o9qb3ki2nd] {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
}

    body *[b-o9qb3ki2nd] {
        box-sizing: border-box;
        flex-shrink: 0;
    }

.flex-row[b-o9qb3ki2nd] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-o9qb3ki2nd] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-o9qb3ki2nd] {
    justify-content: flex-start;
}

.justify-end[b-o9qb3ki2nd] {
    justify-content: flex-end;
}

.justify-center[b-o9qb3ki2nd] {
    justify-content: center;
}

.justify-between[b-o9qb3ki2nd] {
    justify-content: space-between;
}

.justify-around[b-o9qb3ki2nd] {
    justify-content: space-around;
}

.justify-evenly[b-o9qb3ki2nd] {
    justify-content: space-evenly;
}

.items-start[b-o9qb3ki2nd] {
    align-items: flex-start;
}

.items-end[b-o9qb3ki2nd] {
    align-items: flex-end;
}

.items-center[b-o9qb3ki2nd] {
    align-items: center;
}

.items-baseline[b-o9qb3ki2nd] {
    align-items: baseline;
}

.items-stretch[b-o9qb3ki2nd] {
    align-items: stretch;
}

.self-start[b-o9qb3ki2nd] {
    align-self: flex-start;
}

.self-end[b-o9qb3ki2nd] {
    align-self: flex-end;
}

.self-center[b-o9qb3ki2nd] {
    align-self: center;
}

.self-baseline[b-o9qb3ki2nd] {
    align-self: baseline;
}

.self-stretch[b-o9qb3ki2nd] {
    align-self: stretch;
}

.flex-1[b-o9qb3ki2nd] {
    flex: 1 1 0%;
}

.flex-auto[b-o9qb3ki2nd] {
    flex: 1 1 auto;
}

.grow[b-o9qb3ki2nd] {
    flex-grow: 1;
}

.grow-0[b-o9qb3ki2nd] {
    flex-grow: 0;
}

.shrink[b-o9qb3ki2nd] {
    flex-shrink: 1;
}

.shrink-0[b-o9qb3ki2nd] {
    flex-shrink: 0;
}

.relative[b-o9qb3ki2nd] {
    position: relative;
}


.page[b-o9qb3ki2nd] {
    padding-bottom: 103px;
    background-color: #f7f6f1;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.section[b-o9qb3ki2nd] {
    padding-top: 142px;
    background-image: url('image/back_2.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 252px;
}

 

.space-y-18[b-o9qb3ki2nd]   {
    margin-top: 18px;
}

.text[b-o9qb3ki2nd] {
    color: #fff;
    font-size: 18px;
    font-family: TaipeiSansTCBeta;
    line-height: 14.5px;
}

.section_3[b-o9qb3ki2nd] {
    padding: 4px 6px 4px 9px;
    background-color: #fff;
    border-radius: 23px;
    width: 80px;
}

.image_2[b-o9qb3ki2nd] {
    width: 12px;
    height: 12px;
}

.text_2[b-o9qb3ki2nd] {
    color: #f2a922;
    margin-top:2px;
    font-size: 12px;
    font-family: TaipeiSansTCBeta;
    line-height: 11px;
}

.image[b-o9qb3ki2nd] {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
 
.pos[b-o9qb3ki2nd] {
    position: absolute;
    left: 50%;
    bottom: 122px;
    transform: translateX(-50%);
}

.group[b-o9qb3ki2nd] {
    margin-top: -35px;
    padding: 0 20px;
}

.section_4[b-o9qb3ki2nd] {
     width:320px;
    background-color:white;
    border-radius:10px;
    padding: 22px 0 14px;
    filter: drop-shadow(0px 8.5px 13px #e9eff5);
     background-size: 100% 100%;
    background-repeat: no-repeat;
}

.equal-division-item[b-o9qb3ki2nd] {
    padding: 2px 28px 8px;
    flex: 1 1 116.5px;
}

.space-y-8[b-o9qb3ki2nd]   {
    margin-top: 8px;
}

.group_2[b-o9qb3ki2nd] {
    height: 32px;
    width:60px;
}

.text_3[b-o9qb3ki2nd] {
    margin-top: 14px;
    margin-right:14px;
    color: #ab9898;
    font-size: 24px;
    font-family: SourceHanSansCN;
    line-height: 18px;
}

.image_3[b-o9qb3ki2nd] {
    margin-top: -32px;
    opacity: 0.79;
    width: 40px;
    height: 16px;
}

.font_2[b-o9qb3ki2nd] {
    font-size: 14px;
    font-family: TaipeiSansTCBeta;
    line-height: 13px;
    color: #363b47;
}

.equal-division-item_2[b-o9qb3ki2nd] {
    flex: 1 1 116.5px;
    padding: 8px 0;
}

.space-y-16 > *:not(:first-child)[b-o9qb3ki2nd] {
    margin-top: 16px;
}

.font_1[b-o9qb3ki2nd] {
    font-size: 24px;
    font-family: TaipeiSansTCBeta;
    line-height: 18px;
    color: #ab9898;
}

.section_5[b-o9qb3ki2nd] {
    margin-top: 38px;
    padding: 20px 16px;
    filter: drop-shadow(0px 8.5px 13px #e9eff5);
    width: 320px;
    background-color: white;
    border-radius: 10px;
    background-repeat: no-repeat;
}

.space-x-10 > *:not(:first-child)[b-o9qb3ki2nd] {
    margin-left: 10px;
}

.image_4[b-o9qb3ki2nd] {
    width: 18px;
    height: 16px;
}

.text_4[b-o9qb3ki2nd] {
    color: #363b47;
}

.image_5[b-o9qb3ki2nd] {
    margin-right: 4px;
    width: 8px;
    height: 14px;
}

.button[b-o9qb3ki2nd] {
    width: 320px;
    margin-top: 160px;
    padding: 18px 0;
    filter: drop-shadow(0px 8.5px 13px #e9eff5);
    background-image: url('image/qick.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.text_5[b-o9qb3ki2nd] {
    color: #ffffff;
}
/* /Components/Pages/MainPages/AI_Main_PageV1/AIStatus/AIStatus.razor.rz.scp.css */
/* /Components/Pages/MainPages/AI_Main_PageV1/AI_Main_Tradition.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/
page[b-942u6ldzt5] {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

page1[b-942u6ldzt5] {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom:200px;
   
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

space11111[b-942u6ldzt5] {
    width: 100%;
    height: 100px !important;
}
aaa2[b-942u6ldzt5] {
   
    margin-bottom: 160px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}
text[b-942u6ldzt5] {
  
}

.flex-row[b-942u6ldzt5] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-942u6ldzt5] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-942u6ldzt5] {
    justify-content: flex-start;
}

.justify-end[b-942u6ldzt5] {
    justify-content: flex-end;
}

.justify-center[b-942u6ldzt5] {
    justify-content: center;
}

.justify-between[b-942u6ldzt5] {
    justify-content: space-between;
}

.justify-around[b-942u6ldzt5] {
    justify-content: space-around;
}

.justify-evenly[b-942u6ldzt5] {
    justify-content: space-evenly;
}

.items-start[b-942u6ldzt5] {
    align-items: flex-start;
}

.items-end[b-942u6ldzt5] {
    align-items: flex-end;
}

.items-center[b-942u6ldzt5] {
    align-items: center;
}

.items-baseline[b-942u6ldzt5] {
    align-items: baseline;
}

.items-stretch[b-942u6ldzt5] {
    align-items: stretch;
}

.self-start[b-942u6ldzt5] {
    align-self: flex-start;
}

.self-end[b-942u6ldzt5] {
    align-self: flex-end;
}

.self-center[b-942u6ldzt5] {
    align-self: center;
}

.self-baseline[b-942u6ldzt5] {
    align-self: baseline;
}

.self-stretch[b-942u6ldzt5] {
    align-self: stretch;
}

.flex-1[b-942u6ldzt5] {
    flex: 1 1 0%;
}

.flex-auto[b-942u6ldzt5] {
    flex: 1 1 auto;
}

.grow[b-942u6ldzt5] {
    flex-grow: 1;
}

.grow-0[b-942u6ldzt5] {
    flex-grow: 0;
}

.shrink[b-942u6ldzt5] {
    flex-shrink: 1;
}

 
.relative[b-942u6ldzt5] {
    position: relative;
}


.page[b-942u6ldzt5] {
    padding-top: 20px;
    background-color: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 100px;
    background-color: #fff;
}


.space-y-30[b-942u6ldzt5] {
    margin-top: 30px;
}

.text[b-942u6ldzt5] {
    margin-left: 22px;
    padding-bottom:50px;
    color: #232a35;
    font-size: 20px;
    font-family: Microsoft YaHei;
    line-height: 18.5px;
}

.group[b-942u6ldzt5] {
    padding: 25px 23px;
    background: #f7f6f1;
}


.space-y-9[b-942u6ldzt5] {
    margin-right:2px;
}


.section1[b-942u6ldzt5] {
    padding: 16px 10px 16px 18px;
    filter: drop-shadow(0px 4px 2px #ffffff66);
    box-shadow: 2px 3px 9px 0px #d3d0d0;
    background-color: #ffffff66;
    border-radius: 8px 0px 8px 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 34px;
    height: auto;
    max-width: 70vw;
    white-space: pre-line;
}


.font_1[b-942u6ldzt5] {
    font-size: 15px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
}

.text_2[b-942u6ldzt5] {
    line-height: 13px;
}

.group_2[b-942u6ldzt5] {
    margin-top: 15px;
    padding: 0 6px;
}

.image[b-942u6ldzt5] {
    margin-top:13px;
    width: 15px;
    height: 16px;
}
.image2[b-942u6ldzt5] {
    margin-right:4px;
    margin-top: 1px;
    width: 15px;
    height: 16px;
}



.font_2[b-942u6ldzt5] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 10px;
    color: #5f6061;
}

.text_3[b-942u6ldzt5] {
    font-size: 13px;
}

.image_2[b-942u6ldzt5] {
    width: 46px;
    height: 34px;
}

.section[b-942u6ldzt5] {
    display: flex;
    position: relative;
    max-width: 88%;
    padding: 0px 19px 0px 12px;
    /* filter: drop-shadow(0px 4px 2px #0000000d); */
    background-color: #f7f6f1;
    border-radius: 0px 8px 8px 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 45px;
    height: auto;
    /* box-shadow: 1px 1px 20px 0px rgb(65 27 105 / 3%); */
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

 
 
pre code[b-942u6ldzt5] {
    font-size: 13px;
    /* color: inherit; */
    /* background: #9d9d9d; */
    word-break: normal;
}

code[b-942u6ldzt5] {
    font-size: .875em;
    color: #a19dc1;
    word-wrap: break-word;
    background: #62477b !important;
}
.font_3[b-942u6ldzt5] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #413002;
    font-size: 15px;
    
}

.group_3[b-942u6ldzt5] {
    padding: 0 40px;
}

.text_4[b-942u6ldzt5] {
    font-size: 13px;
}


.space-y-26[b-942u6ldzt5] {
    margin-top: 26px;
}

.section_2[b-942u6ldzt5] {
    padding: 6px 12px 16px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042980552850960.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.group_4[b-942u6ldzt5] {
    margin-top: 6px;
}

.text-wrapper_2[b-942u6ldzt5] {
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042982281430344.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 30px;
}

.font_4[b-942u6ldzt5] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #232a35;
}

.group_5[b-942u6ldzt5] {
    padding: 0 42px;
}

.view_2[b-942u6ldzt5] {
    margin-top: 4px;
}

.group_6[b-942u6ldzt5] {
    margin-top: 16px;
}

.text-wrapper_3[b-942u6ldzt5] {
    margin-bottom: 3px;
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042981868552127.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 31px;
}

.text_5[b-942u6ldzt5] {
    margin-left: 18px;
    margin-right: 10px;
}

.view_3[b-942u6ldzt5] {
    margin-top: 8px;
}

.space-x-6[b-942u6ldzt5]  {
    margin-left: 6px;
}

.text_6[b-942u6ldzt5] {
    font-size: 13px;
}

.font_5[b-942u6ldzt5] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #413029;
    outline: none;
}

.text_7[b-942u6ldzt5] {
    font-size: 13px;
}

.section_3[b-942u6ldzt5] {
    margin-right: 16px;
    margin-top: 12px;
    padding: 8px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042977826628921.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 264px;
}

.space-x-8[b-942u6ldzt5] {
    margin-left: 8px;
}

.image_3[b-942u6ldzt5] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 174px;
}

.group_7[b-942u6ldzt5] {
    width: 124px;
}


.image_4[b-942u6ldzt5] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 83px;
}

.group_8[b-942u6ldzt5] {
    padding: 8px 22px 0;
}


.space-x-2-reverse[b-942u6ldzt5] {
    margin-bottom: 5px;
    margin-right: 2px;
}

.text_8[b-942u6ldzt5] {
    font-size: 13px;
}

.section_4[b-942u6ldzt5] {
    margin-top: -4px;
    padding-left: 16px;
    filter: drop-shadow(0px -10px 12.5px #6067961a);
    background-color: #ffffff;
}

.input_location[b-942u6ldzt5]{
    position:fixed;
    width:auto;
    min-width:100%;
    height:90px;
    bottom:0px;
}
.group_9[b-942u6ldzt5] {
    margin-top: 21px;
}


.space-x-16[b-942u6ldzt5]  {
    margin-left: 16px;
}

.image_6[b-942u6ldzt5] {
    width: 17px;
    height: 17px;
}

.text_9[b-942u6ldzt5] {
    font-size: 15px;
    line-height: 18px;
    min-width: 300px;
    /* max-width: 400px; */
    width: calc(100vw - 420px);
    margin-left: 5px;
    height: 22px;
}

.image_5[b-942u6ldzt5] {
    position: fixed;
    cursor: pointer;
    display: flex;
 
    width: 39px;
    height: 39px;
    color: #413002;
    background-size: 100% 100%;
    filter: blur(1px);
    filter: blur(1px) opacity(0.4) drop-shadow(0 0 0 #413002);
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.break-word[b-942u6ldzt5] {
    width: 100%;
    max-width: 100%;
    line-height: inherit;
    overflow-wrap: break-word;
}
.section99999[b-942u6ldzt5] {
    border-radius: 3px;
    height: 33px;
    bottom: 100px;
    /* padding: 0 12px 6px; */
    background-color: #413002;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}
.section99[b-942u6ldzt5] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #413002;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}
.section9956[b-942u6ldzt5] {
    border-radius: 5px;
    display: flex;
    border: 1px solid;
    /* border-radius: 12px; */
    /* position: fixed; */
    height: 33px;
    /* margin-left: 80px; */
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #f7f6f1;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 191px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}
.section995[b-942u6ldzt5] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    margin-left:80px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #413002;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}
.text-wrapper99[b-942u6ldzt5] {
    padding-top: 12px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}
.text-wrapper995[b-942u6ldzt5] {
    padding-top: 5px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text995[b-942u6ldzt5] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}
.text99[b-942u6ldzt5] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}
.text_2991[b-942u6ldzt5] {
    color: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 800;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
}
.text_299[b-942u6ldzt5] {
    color: #413029;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 800;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
}
.loding[b-942u6ldzt5] {
    position: fixed;
    right: -70px;
    bottom: -66px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
}

.loding8[b-942u6ldzt5] {
    position: fixed;
    left: 10px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
    top: 5px;
}



.loading-spinner[b-942u6ldzt5] {
    border: 4px solid rgb(83 104 253 / 84%);
    border-left-color: #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-942u6ldzt5 1s ease infinite;
}

.loading-spinner2[b-942u6ldzt5] {
    border: 4px solid rgb(183 17 213 / 62%);
    border-left-color: #c000ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-942u6ldzt5 500ms ease infinite;
}


.loading-spinner3[b-942u6ldzt5] {
    border: 4px solid rgb(1 105 94);
    border-left-color: #358b82;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.loading-spinner8[b-942u6ldzt5] {
    border: 4px solid #ffc107;
    border-left-color: #705697;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}


@keyframes spin-b-942u6ldzt5 {
    0% {
        transform: rotate(0deg);
    }

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




@keyframes gradient-b-942u6ldzt5 {
    0% {
        background-position: 0 12%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 12%;
    }
}

.bg[b-942u6ldzt5] {
    height: 100%;
    background: #f7f6f1;
    background-size: 200% 200%;
    animation: gradient-b-co1teixfgf 8s cubic-bezier(0.89, -0.2, 0.25, 1) infinite;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
 
}


.music[b-942u6ldzt5] {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

    .music span1[b-942u6ldzt5] {
        width: 4px;
        border-radius: 3px;
        margin-right: 1px;
    }
span1[b-942u6ldzt5] {
    font-size: 11px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
        .music span1:nth-child(1)[b-942u6ldzt5] {
            /* 时间递增，参差不齐的效果 */
    animation: bar1-b-942u6ldzt5 2s 0.3s infinite linear;
}

        .music span1:nth-child(2)[b-942u6ldzt5] {
            animation: bar2-b-942u6ldzt5 2s 0.4s infinite linear;
        }

        .music span1:nth-child(3)[b-942u6ldzt5] {
            animation: bar3-b-942u6ldzt5 2s 0.6s infinite linear;
        }

        .music span1:nth-child(4)[b-942u6ldzt5] {
            animation: bar4-b-942u6ldzt5 2s 0.8s infinite linear;
        }

        .music span1:nth-child(5)[b-942u6ldzt5] {
            animation: bar5-b-942u6ldzt5 2s 1.0s infinite linear;
        }

        .music span1:nth-child(6)[b-942u6ldzt5] {
            animation: bar6-b-942u6ldzt5 2s 1.2s infinite linear;
        }

        .music span1:nth-child(7)[b-942u6ldzt5] {
            animation: bar7-b-942u6ldzt5 2s 1.4s infinite linear;
        }

        .music span1:nth-child(8)[b-942u6ldzt5] {
            animation: bar8-b-942u6ldzt5 2s 1.6s infinite linear;
        }

        .music span1:nth-child(9)[b-942u6ldzt5] {
            animation: bar9-b-942u6ldzt5 2s 1.8s infinite linear;
        }

@keyframes bar1-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
       background:#fff;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar2-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar3-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar4-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar5-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar6-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar7-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar8-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar9-b-942u6ldzt5 {
    0% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top:1px solid #ab895e;
       border-right:1px solid #cbb498;background:#41300294;
        height: 10%;
        margin-top: 25%;
    }
}


.card1[b-942u6ldzt5] {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.1s;
    box-shadow: 1px 1px 4px 0px #f7f1f1;
}

    .card1:has(:hover)[b-942u6ldzt5] {
        transform: scale(1.01);
        box-shadow: 6px 4px 9px 1px #d3d0d0;
        border: 1px solid #ffcbcb;
        border-radius: 8px;
    }

.spinWrap[b-942u6ldzt5] {
    z-index: 1000;
    padding-top: 40px;
    padding-left: 30px;
    border-radius: 12px;
    width: 60px;
    /* margin-left: -135px; */
    margin-top: -125px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.loader[b-942u6ldzt5] {
    position: absolute;
    left: 55%;
    margin-left: -65px;
    border: 7px solid #609f95;
    border-top: 9px solid #9c47a19e;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    animation: spin-b-rb5iqv1cqs 900ms ease infinite;
}



.left_to_min[b-942u6ldzt5] {
    animation-duration: 3s;
    animation-name: slidein-b-942u6ldzt5;
}

@keyframes slidein-b-942u6ldzt5 {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-top: 0%;
        width: 100%;
    }
}


.bottom_to_min[b-942u6ldzt5] {
    animation-duration: 0.7s;
    animation-name: slidein1-b-942u6ldzt5;
}

@keyframes slidein1-b-942u6ldzt5 {
    from {
        margin-top: 100%;
    }

    to {
        margin-top: 0%;
    }
}

.change_css[b-942u6ldzt5] {
    transition: width 0.3s, height 0.3s, all 0.3s, background-color 0.3s, rotate 0.3s, transform 0.3s;
}

.site-button-ghost-wrapper[b-942u6ldzt5] {
    background: rgb(190, 200, 200);
    padding: 26px 16px 16px;
}

.demo-dropdown-button1[b-942u6ldzt5], .demo-dropdown-button1:hover[b-942u6ldzt5] {
    background: #f6ffed;
}

.demo-dropdown-button2[b-942u6ldzt5], .demo-dropdown-button2:hover[b-942u6ldzt5] {
    background: #b7eb8f;
}



.NotShowInPhone[b-942u6ldzt5] {
}


.NotShowInPadAndCompu[b-942u6ldzt5] {
}


/* phoone*/
@media (max-width: 460px) {

    /*垂直*/
    .page[b-942u6ldzt5] {
        display: flex;
        flex-direction: column;
    }

    .NotShowInPadAndCompu[b-942u6ldzt5] {
    }


    .NotShowInPhone[b-942u6ldzt5] {
        display: none !important;
    }


    .top-row[b-942u6ldzt5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-942u6ldzt5], article[b-942u6ldzt5] {
    }
}




/* 电脑或平板*/
@media (min-width: 460px) {

    /* 横向*/
    .page[b-942u6ldzt5] {
        display: flex;
        flex-direction: row;
    }

    .NotShowInPadAndCompu[b-942u6ldzt5] {
        display: none !important;
    }


    .NotShowInPhone[b-942u6ldzt5] {
    }



    .sidebar[b-942u6ldzt5] {
        width: 250px;
        min-width: 250px;
        position: sticky;
        top: 0;
    }

    .top-row[b-942u6ldzt5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-942u6ldzt5], article[b-942u6ldzt5] {
    }
}
/* /Components/Pages/MainPages/AI_Main_PageV1/Card/AICard.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/
page[b-74agbk0im0] {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

page1[b-74agbk0im0] {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 200px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

space11111[b-74agbk0im0] {
    width: 100%;
    height: 100px !important;
}

aaa2[b-74agbk0im0] {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 160px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

text[b-74agbk0im0] {
    flex-shrink: 0;
}

.flex-row[b-74agbk0im0] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-74agbk0im0] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-74agbk0im0] {
    justify-content: flex-start;
}

.justify-end[b-74agbk0im0] {
    justify-content: flex-end;
}

.justify-center[b-74agbk0im0] {
    justify-content: center;
}

.justify-between[b-74agbk0im0] {
    justify-content: space-between;
}

.justify-around[b-74agbk0im0] {
    justify-content: space-around;
}

.justify-evenly[b-74agbk0im0] {
    justify-content: space-evenly;
}

.items-start[b-74agbk0im0] {
    align-items: flex-start;
}

.items-end[b-74agbk0im0] {
    align-items: flex-end;
}

.items-center[b-74agbk0im0] {
    align-items: center;
}

.items-baseline[b-74agbk0im0] {
    align-items: baseline;
}

.items-stretch[b-74agbk0im0] {
    align-items: stretch;
}

.self-start[b-74agbk0im0] {
    align-self: flex-start;
}

.self-end[b-74agbk0im0] {
    align-self: flex-end;
}

.self-center[b-74agbk0im0] {
    align-self: center;
}

.self-baseline[b-74agbk0im0] {
    align-self: baseline;
}

.self-stretch[b-74agbk0im0] {
    align-self: stretch;
}

.flex-1[b-74agbk0im0] {
    flex: 1 1 0%;
}

.flex-auto[b-74agbk0im0] {
    flex: 1 1 auto;
}

.grow[b-74agbk0im0] {
    flex-grow: 1;
}

.grow-0[b-74agbk0im0] {
    flex-grow: 0;
}

.shrink[b-74agbk0im0] {
    flex-shrink: 1;
}

.shrink-0[b-74agbk0im0] {
    flex-shrink: 0;
}

.relative[b-74agbk0im0] {
    position: relative;
}


.page[b-74agbk0im0] {
    padding-top: 20px;
    background-color: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 100px;
    background-color: #fff;
}


.space-y-30[b-74agbk0im0] {
    margin-top: 30px;
}

.text[b-74agbk0im0] {
    margin-left: 22px;
    padding-bottom: 50px;
    color: #232a35;
    font-size: 20px;
    font-family: Microsoft YaHei;
    line-height: 18.5px;
}

.group[b-74agbk0im0] {
    padding: 25px 23px;
    background: #f7f6f1;
}


.space-y-9[b-74agbk0im0] {
    margin-right: 2px;
}


.section1[b-74agbk0im0] {
    padding: 16px 10px 16px 18px;
    filter: drop-shadow(0px 4px 2px #ffffff66);
    box-shadow: 2px 3px 9px 0px #edeaea;
    background-color: #ffffff;
    border-radius: 8px 0px 8px 8px;
    /* background-size: 100% 100%; */
    /* background-repeat: no-repeat; */
    min-height: 34px;
    height: auto;
    /* max-width: 70vw; */
    white-space: pre-line;
}


.font_1[b-74agbk0im0] {
    font-size: 15px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
}

.text_2[b-74agbk0im0] {
    line-height: 13px;
}

.group_2[b-74agbk0im0] {
    margin-top: 15px;
    padding: 0 6px;
}

.image[b-74agbk0im0] {
    margin-top: 13px;
    width: 15px;
    height: 16px;
}

.image2[b-74agbk0im0] {
    margin-right: 4px;
    margin-top: 1px;
    width: 15px;
    height: 16px;
}



.font_2[b-74agbk0im0] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 10px;
    color: #5f6061;
}

.text_3[b-74agbk0im0] {
    font-size: 13px;
}

.image_2[b-74agbk0im0] {
    width: 46px;
    height: 34px;
}

.section[b-74agbk0im0] {
    display: flex;
    /* position: relative; */
    max-width: 88%;
    padding: 0px 19px 0px 12px;
    /* filter: drop-shadow(0px 4px 2px #0000000d); */
    /* background-color: #f7f6f1; */
    border-radius: 0px 8px 8px 8px;
    /* background-size: 100% 100%; */
    /* background-repeat: no-repeat; */
    min-height: 45px;
    height: auto;
    /* box-shadow: 1px 1px 20px 0px rgb(65 27 105 / 3%); */
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

 


pre code[b-74agbk0im0] {
    font-size: 13px;
    /* color: inherit; */
    /* background: #9d9d9d; */
    word-break: normal;
}

code[b-74agbk0im0] {
    font-size: .875em;
    color: #a19dc1;
    word-wrap: break-word;
    background: #62477b !important;
}

.font_3[b-74agbk0im0] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #413002;
    font-size: 15px;
}

.group_3[b-74agbk0im0] {
    padding: 0 40px;
}

.text_4[b-74agbk0im0] {
    font-size: 13px;
}


.space-y-26[b-74agbk0im0] {
    margin-top: 26px;
}

.section_2[b-74agbk0im0] {
    padding: 6px 12px 16px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042980552850960.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.group_4[b-74agbk0im0] {
    margin-top: 6px;
}

.text-wrapper_2[b-74agbk0im0] {
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042982281430344.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 30px;
}

.font_4[b-74agbk0im0] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #232a35;
}

.group_5[b-74agbk0im0] {
    padding: 0 42px;
}

.view_2[b-74agbk0im0] {
    margin-top: 4px;
}

.group_6[b-74agbk0im0] {
    margin-top: 16px;
}

.text-wrapper_3[b-74agbk0im0] {
    margin-bottom: 3px;
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042981868552127.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 31px;
}

.text_5[b-74agbk0im0] {
    margin-left: 18px;
    margin-right: 10px;
}

.view_3[b-74agbk0im0] {
    margin-top: 8px;
}

.space-x-6[b-74agbk0im0] {
    margin-left: 6px;
}

.text_6[b-74agbk0im0] {
    font-size: 13px;
}

.font_5[b-74agbk0im0] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #413029;
    outline: none;
}

.text_7[b-74agbk0im0] {
    font-size: 13px;
}

.section_3[b-74agbk0im0] {
    margin-right: 16px;
    margin-top: 12px;
    padding: 8px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042977826628921.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 264px;
}

.space-x-8[b-74agbk0im0] {
    margin-left: 8px;
}

.image_3[b-74agbk0im0] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 174px;
}

.group_7[b-74agbk0im0] {
    width: 124px;
}


.image_4[b-74agbk0im0] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 83px;
}

.group_8[b-74agbk0im0] {
    padding: 8px 22px 0;
}


.space-x-2-reverse[b-74agbk0im0] {
    margin-bottom: 5px;
    margin-right: 2px;
}

.text_8[b-74agbk0im0] {
    font-size: 13px;
}

.section_4[b-74agbk0im0] {
    margin-top: -4px;
    padding-left: 16px;
    filter: drop-shadow(0px -10px 12.5px #6067961a);
    background-color: #ffffff;
}

.input_location[b-74agbk0im0] {
    position: fixed;
    width: auto;
    min-width: 100%;
    height: 90px;
    bottom: 0px;
}

.group_9[b-74agbk0im0] {
    margin-top: 21px;
}


.space-x-16[b-74agbk0im0] {
    margin-left: 16px;
}

.image_6[b-74agbk0im0] {
    width: 17px;
    height: 17px;
}

.text_9[b-74agbk0im0] {
    font-size: 15px;
    line-height: 18px;
    min-width: 300px;
    /* max-width: 400px; */
    width: calc(100vw - 420px);
    margin-left: 5px;
    height: 22px;
}

.image_5[b-74agbk0im0] {
    position: fixed;
    cursor: pointer;
    display: flex;
    width: 39px;
    height: 39px;
    color: #413002;
    background-size: 100% 100%;
    filter: blur(1px);
    filter: blur(1px) opacity(0.4) drop-shadow(0 0 0 #413002);
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.break-word[b-74agbk0im0] {
    width: 100%;
    max-width: 100%;
    line-height: inherit;
    overflow-wrap: break-word;
}

.section99999[b-74agbk0im0] {
    border-radius: 3px;
    height: 33px;
    bottom: 100px;
    /* padding: 0 12px 6px; */
    background-color: #413002;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section99[b-74agbk0im0] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #413002;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section9956[b-74agbk0im0] {
    border-radius: 5px;
    display: flex;
    border: 1px solid;
    /* border-radius: 12px; */
    /* position: fixed; */
    height: 33px;
    /* margin-left: 80px; */
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #f7f6f1;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 191px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.section995[b-74agbk0im0] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    margin-left: 80px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #413002;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.text-wrapper99[b-74agbk0im0] {
    padding-top: 12px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text-wrapper995[b-74agbk0im0] {
    padding-top: 5px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text995[b-74agbk0im0] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text99[b-74agbk0im0] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text_2991[b-74agbk0im0] {
    color: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 800;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
}

.text_299[b-74agbk0im0] {
    color: #413029;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 800;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
}

.loding[b-74agbk0im0] {
    position: fixed;
    right: -70px;
    bottom: -66px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
}

.loding8[b-74agbk0im0] {
    position: fixed;
    left: 10px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
    top: 5px;
}



.loading-spinner[b-74agbk0im0] {
    border: 4px solid rgb(83 104 253 / 84%);
    border-left-color: #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-74agbk0im0 1s ease infinite;
}

.loading-spinner2[b-74agbk0im0] {
    border: 4px solid rgb(183 17 213 / 62%);
    border-left-color: #c000ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-74agbk0im0 500ms ease infinite;
}


.loading-spinner3[b-74agbk0im0] {
    border: 4px solid rgb(1 105 94);
    border-left-color: #358b82;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.loading-spinner8[b-74agbk0im0] {
    border: 4px solid #ffc107;
    border-left-color: #705697;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}


@keyframes spin-b-74agbk0im0 {
    0% {
        transform: rotate(0deg);
    }

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




@keyframes gradient-b-74agbk0im0 {
    0% {
        background-position: 0 12%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 12%;
    }
}

.bg[b-74agbk0im0] {
    height: 100%;
    background: #f7f6f1;
    background-size: 200% 200%;
    animation: gradient-b-co1teixfgf 8s cubic-bezier(0.89, -0.2, 0.25, 1) infinite;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.music[b-74agbk0im0] {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

    .music span1[b-74agbk0im0] {
        width: 4px;
        border-radius: 3px;
        margin-right: 1px;
    }

span1[b-74agbk0im0] {
    font-size: 11px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.music span1:nth-child(1)[b-74agbk0im0] {
    /* 时间递增，参差不齐的效果 */
    animation: bar1-b-74agbk0im0 2s 0.2s infinite linear;
}

.music span1:nth-child(2)[b-74agbk0im0] {
    animation: bar2-b-74agbk0im0 2s 0.4s infinite linear;
}

.music span1:nth-child(3)[b-74agbk0im0] {
    animation: bar3-b-74agbk0im0 2s 0.6s infinite linear;
}

.music span1:nth-child(4)[b-74agbk0im0] {
    animation: bar4-b-74agbk0im0 2s 0.8s infinite linear;
}

.music span1:nth-child(5)[b-74agbk0im0] {
    animation: bar5-b-74agbk0im0 2s 1.0s infinite linear;
}

.music span1:nth-child(6)[b-74agbk0im0] {
    animation: bar6-b-74agbk0im0 2s 1.2s infinite linear;
}

.music span1:nth-child(7)[b-74agbk0im0] {
    animation: bar7-b-74agbk0im0 2s 1.4s infinite linear;
}

.music span1:nth-child(8)[b-74agbk0im0] {
    animation: bar8-b-74agbk0im0 2s 1.6s infinite linear;
}

.music span1:nth-child(9)[b-74agbk0im0] {
    animation: bar9-b-74agbk0im0 2s 1.8s infinite linear;
}

@keyframes bar1-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        background: #fff;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar2-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar3-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar4-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar5-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar6-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar7-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar8-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}

@keyframes bar9-b-74agbk0im0 {
    0% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        border-top: 1px solid #ab895e;
        border-right: 1px solid #cbb498;
        background: #41300294;
        height: 10%;
        margin-top: 25%;
    }
}


.card1[b-74agbk0im0] {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.1s;
    box-shadow: 1px 1px 4px 0px #f7f1f1;
}

    .card1:has(:hover)[b-74agbk0im0] {
        transform: scale(1.01);
        box-shadow: 6px 4px 9px 1px #d3d0d0;
        border: 1px solid #ffcbcb;
        border-radius: 8px;
    }

.spinWrap[b-74agbk0im0] {
    z-index: 1000;
    padding-top: 40px;
    padding-left: 30px;
    border-radius: 12px;
    width: 60px;
    /* margin-left: -135px; */
    margin-top: -125px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.loader[b-74agbk0im0] {
    position: absolute;
    left: 55%;
    margin-left: -65px;
    border: 7px solid #609f95;
    border-top: 9px solid #9c47a19e;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    animation: spin-b-rb5iqv1cqs 900ms ease infinite;
}



.left_to_min[b-74agbk0im0] {
    animation-duration: 3s;
    animation-name: slidein-b-74agbk0im0;
}

@keyframes slidein-b-74agbk0im0 {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-top: 0%;
        width: 100%;
    }
}


.bottom_to_min[b-74agbk0im0] {
    animation-duration: 0.7s;
    animation-name: slidein1-b-74agbk0im0;
}

@keyframes slidein1-b-74agbk0im0 {
    from {
        margin-top: 100%;
    }

    to {
        margin-top: 0%;
    }
}

.change_css[b-74agbk0im0] {
    transition: width 0.3s, height 0.3s, all 0.3s, background-color 0.3s, rotate 0.3s, transform 0.3s;
}

.site-button-ghost-wrapper[b-74agbk0im0] {
    background: rgb(190, 200, 200);
    padding: 26px 16px 16px;
}

.demo-dropdown-button1[b-74agbk0im0], .demo-dropdown-button1:hover[b-74agbk0im0] {
    background: #f6ffed;
}

.demo-dropdown-button2[b-74agbk0im0], .demo-dropdown-button2:hover[b-74agbk0im0] {
    background: #b7eb8f;
}
/* /Components/Pages/MainPages/AI_Main_PageV1/Card/Card_FileAnl.razor.rz.scp.css */
/* /Components/Pages/MainPages/AI_Main_PageV1/Card/DataTable.razor.rz.scp.css */
.table[b-rjfek5g2hi] {
    margin-top: 20px; /* 表格与顶部的距离 */
}

    .table th[b-rjfek5g2hi] {
        text-align: center; /* 表头内容居中 */
        font-weight: bold; /* 表头加粗 */
    }

    .table td[b-rjfek5g2hi] {
        text-align: center; /* 单元格内容居中 */
    }

.table-hover tbody tr:hover[b-rjfek5g2hi] {
    background-color: #f5f5f5; /* 悬停时的背景色 */
}

.table-striped tbody tr:nth-of-type(odd)[b-rjfek5g2hi] {
    background-color: #f9f9f9; /* 奇数行的背景色 */
}

.table-bordered[b-rjfek5g2hi] {
    border: 1px solid #fff; /* 添加边框 */
}

.thead-dark th[b-rjfek5g2hi] {
    background-color: #c6c6c6;
    color: #3c3636;
}
/* /Components/Pages/MainPages/AI_Main_PageV1/Card/MarkDownFormat.razor.rz.scp.css */
/* /Components/Pages/MainPages/AI_Main_PageV1/Card/MarkdownPrintResult/MarkdownDataTable.razor.rz.scp.css */
.table[b-8oyqs4a93m] {
    margin-top: 20px; /* 表格与顶部的距离 */
}

    .table th[b-8oyqs4a93m] {
        text-align: center; /* 表头内容居中 */
        font-weight: bold; /* 表头加粗 */
    }

    .table td[b-8oyqs4a93m] {
        text-align: center; /* 单元格内容居中 */
    }

.table-hover tbody tr:hover[b-8oyqs4a93m] {
    background-color: #f5f5f5; /* 悬停时的背景色 */
}

.table-striped tbody tr:nth-of-type(odd)[b-8oyqs4a93m] {
    background-color: #f9f9f9; /* 奇数行的背景色 */
}

.table-bordered[b-8oyqs4a93m] {
    border: 1px solid #fff; /* 添加边框 */
}

.thead-dark th[b-8oyqs4a93m] {
    background-color: #c6c6c6;
    color: #3c3636;
}
/* /Components/Pages/MainPages/AI_Main_PageV1/Head_Page/Chat_Head.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html[b-vt03kp5yyc] {
    font-size: 16px;
}

 
 

.flex-row[b-vt03kp5yyc] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-vt03kp5yyc] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-vt03kp5yyc] {
    justify-content: flex-start;
}

.justify-end[b-vt03kp5yyc] {
    justify-content: flex-end;
}

.justify-center[b-vt03kp5yyc] {
    justify-content: center;
}

.justify-between[b-vt03kp5yyc] {
    justify-content: space-between;
}

.justify-around[b-vt03kp5yyc] {
    justify-content: space-around;
}

.justify-evenly[b-vt03kp5yyc] {
    justify-content: space-evenly;
}

.items-start[b-vt03kp5yyc] {
    align-items: flex-start;
}

.items-end[b-vt03kp5yyc] {
    align-items: flex-end;
}

.items-center[b-vt03kp5yyc] {
    align-items: center;
}

.items-baseline[b-vt03kp5yyc] {
    align-items: baseline;
}

.items-stretch[b-vt03kp5yyc] {
    align-items: stretch;
}

.self-start[b-vt03kp5yyc] {
    align-self: flex-start;
}

.self-end[b-vt03kp5yyc] {
    align-self: flex-end;
}

.self-center[b-vt03kp5yyc] {
    align-self: center;
}

.self-baseline[b-vt03kp5yyc] {
    align-self: baseline;
}

.self-stretch[b-vt03kp5yyc] {
    align-self: stretch;
}

.flex-1[b-vt03kp5yyc] {
    flex: 1 1 0%;
}

.flex-auto[b-vt03kp5yyc] {
    flex: 1 1 auto;
}

.grow[b-vt03kp5yyc] {
    flex-grow: 1;
}

.grow-0[b-vt03kp5yyc] {
    flex-grow: 0;
}

.shrink[b-vt03kp5yyc] {
    flex-shrink: 1;
}
 
.relative[b-vt03kp5yyc] {
    position: relative;
}
.font_1[b-vt03kp5yyc] {
    font-size: 16px;
    font-family: Montserrat;
    line-height: 15px;
}


.group[b-vt03kp5yyc] {
    background: #f7f6f1;
}

.section[b-vt03kp5yyc] {
    padding: 16px 6px 6px;
    background-color: #f7f6f1;
}

.space-y-28 > *:not(:first-child)[b-vt03kp5yyc] {
    margin-top: 28px;
}

.group_2[b-vt03kp5yyc] {
    padding: 0 20px;
}

.space-y-15 > *:not(:first-child)[b-vt03kp5yyc] {
    margin-top: 15px;
}
.group_38[b-vt03kp5yyc] {
 
}
.border_0[b-vt03kp5yyc]{
    border:2px solid #77abfe;
    border-radius:8px;
}
.List_each[b-vt03kp5yyc] {
    color: #755601;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.List_delete[b-vt03kp5yyc] {
    /* width: 50px; */
    white-space: nowrap;
    background: #55555594;
    text-align: center;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}
.group_32[b-vt03kp5yyc] {
    padding-right: 30px;
    background: linear-gradient(#d5dee3, #f7f6f1);
    border-radius: 15px;
    width: 100%;
    padding-left: 3px;
}
.List_Main[b-vt03kp5yyc] {
    max-width: 80%;
    display: flex;
    flex-direction: column;
}

.List_item[b-vt03kp5yyc] {
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
}
.List_if_finish_doing[b-vt03kp5yyc] {
    background-color: #046919a8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
    border-radius: 5px;
    margin-left: 5px;
}
.List_if_finish[b-vt03kp5yyc] {
    background-color: #895303cf;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
    border-radius: 5px;
    margin-left: 5px;
    color: #e3e0cf;
    padding-right: 5px;
}
.group_328[b-vt03kp5yyc] {
    position: relative;
    border-radius: 8px;
    width: 100%;
    background: #fff;
    min-height: 120px;
    padding-left: 12px;
    box-shadow: 1px 1px 20px 0px rgb(243 243 243);
}



.group_49[b-vt03kp5yyc] {
    margin-top: 19px;
}
.group_4[b-vt03kp5yyc] {
    margin-top: 30px;
}

.space-y-16 > *:not(:first-child)[b-vt03kp5yyc] {
    margin-top: 16px;
}

.font_2[b-vt03kp5yyc] {
    font-weight: 700;
    font-size: 12px;
    font-family: SourceHanSansCN;
    line-height: 11px;
    color: #ffffff;
}

.text_3[b-vt03kp5yyc] {
    color: #936205;
}

.text_4[b-vt03kp5yyc] {
    color: #755601;
    font-size: 25px;
    font-family: Poppins;
    font-weight: 700;
    line-height: 25.5px;
}

.section_2[b-vt03kp5yyc] {
    padding: 0px 0 8px 5px;
    background: #413002;
    /* background-image: radial-gradient(73.7% 73.7% at 71.3% 51.8%, #494b4e 0%, #936d05 100%); */
    border-radius: 16px;
    width: 36px;
    height: 100px;
}
.section_28[b-vt03kp5yyc] {
    margin-top: 50px;
    padding: 18px 0 22px 5px;
    background-image: radial-gradient(73.7% 73.7% at 71.3% 51.8%, #494b4e 0%, #936d05 100%);
    border-radius: 16px;
    width: 36px;
    height: 80px;
}

.file-upload[b-vt03kp5yyc] {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
input[type="file"][b-vt03kp5yyc] {
    position: absolute;
    top: 20000px;
    left: 20000px;
    display: none;
    opacity:0;
}

.section_289[b-vt03kp5yyc] {
    position: absolute;
    top: 20px;
    /* margin-top: 50px; */
    right: 20px;
    padding: 18px 0 22px 5px;
    background-image: radial-gradient(73.7% 73.7% at 71.3% 51.8%, #413002 0%, #413002 100%);
    border-radius: 6px;
    width: 36px;
    height: 80px;
}
.space-y-5 > *:not(:first-child)[b-vt03kp5yyc] {
    margin-top: 5px;
}

.image_2[b-vt03kp5yyc] {
    width: 24px;
    height: 24px;
}

.text_5[b-vt03kp5yyc] {
    color: #936205;
    font-weight: 700;
}
.change_set[b-vt03kp5yyc] {
    font-size: 13px;
    border: 1px solid #fff;
    background: #413002;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
.InputTextArea[b-vt03kp5yyc] {
}
.font_3[b-vt03kp5yyc] {
    font-size: 12px;
    font-family: Montserrat;
    text-align: center;
    margin-top: 8px;
    line-height: 19px;
    /* display: flex; */
    padding: 5px;
    font-weight: 700;
    /* align-content: center; */
    justify-content: flex-end;
    align-items: flex-start;
}

.text_6[b-vt03kp5yyc] {
    line-height: 11.5px;
}

.equal-division-item[b-vt03kp5yyc] {
    flex: 1 1 107.5px;
    padding: 8px 0;
  min-width:117.5px;
    width: 117.5px;
}

.space-y-14 > *:not(:first-child)[b-vt03kp5yyc] {
    margin-top: 14px;
}

.image_4[b-vt03kp5yyc] {
    width: 50.5px;
    height: 50.5px;
}

.image[b-vt03kp5yyc] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.group_3[b-vt03kp5yyc]{
    position:relative;
}
.pos_3[b-vt03kp5yyc] {
    position: relative;
    top: 2px;
    right: 2px;
    background-color: #0041f611;
}

.badge[b-vt03kp5yyc] {
    padding: 2px 0;
    background-color: #eb5757;
    border-radius: 50%;
    width: 15px;
    border: solid 2px #ffffff;
}

.pos_2[b-vt03kp5yyc] {
    position: absolute;
    right: 22px;
    top: 0;
}

.text[b-vt03kp5yyc] {
    color: #ffffff;
    font-size: 8px;
    font-family: Montserrat;
    line-height: 5.5px;
}
div.fileinputs[b-vt03kp5yyc] {
    position: relative;
}

div.fakefile[b-vt03kp5yyc] {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file[b-vt03kp5yyc] {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}


.card[b-vt03kp5yyc] {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.1s;
    /* box-shadow: 3px 2px 5px 1px #f1e4e4; */
    max-width: 90%;
    row-gap: 2px;
    background: rgb(233 227 199 / 30%);
    border-radius: 8px;
    width: 180px;
    border: 1px solid #ffffff00;
    font-size: 13px;
    color: #ab895e !important;
    padding: 10px;
}

    .card:has(:hover)[b-vt03kp5yyc] {
        transform: scale(1.01);
        box-shadow: 3px 2px 5px 1px #f1e4e4;
        border-radius: 8px;
    }


/*关闭状态*/
.dashDiv[b-vt03kp5yyc] {
    float: right;
    border-radius: calc(1.8667rem*3);
    border: calc(0.03rem*3) solid #cbcbcb;
    background-color: #FFFFFF;
    width: calc(1.26667rem*3);
    height: calc(0.613333rem*3);
    margin-top: calc(0.025rem*3);
    margin-right: calc(0.4rem*3);
    box-sizing: border-box;
    cursor: pointer;
}




.dashDivSelectd[b-vt03kp5yyc] {
    background-color: #908ebc;
    transition: .5s;
    border-radius: calc(1.8667rem * 3);
    border: calc(0.03rem * 3) solid #FFFFFF;
    width: calc(1.26667rem * 3);
    height: calc(0.613333rem * 3);
    margin-top: calc(0.035rem * 3);
    margin-right: calc(0.4rem * 3);
    float: right;
    box-sizing: border-box;
    cursor: pointer;
}
.dashSpan_right[b-vt03kp5yyc] {
    border-radius: 50% !important;
    border: calc(0.03rem*3) solid #cbcbcb !important;
    background-color: #ffffff !important;
    float: right !important;
    margin-right: calc(0.04rem*3) !important;
    margin-top: calc(0.028rem*3) !important;
    width: calc(0.506rem*3) !important;
    height: calc(0.506rem*3) !important;
    box-sizing: border-box !important;

}

.dashSpan_left[b-vt03kp5yyc] {
    border-radius: 50% !important;
    border: calc(0.03rem*3) solid #d3d3d2 !important;
    background-color: #FFFFFF !important;
    margin-top: calc(0.035rem*3) !important;
    width: calc(0.506rem*3) !important;
    height: calc(0.506rem*3) !important;
    box-sizing: border-box !important;
    margin-left: 0.2rem;
}

.change_css[b-vt03kp5yyc]{
    transition: width 1.5s, height 1.5s, background-color 1.8s, rotate 1.5s;
}
/* 定义动画的类 */
.left_to_right[b-vt03kp5yyc] {
    animation-duration: 0.5s; /* 动画持续时间 */
    animation-name: slidein3-b-vt03kp5yyc; /* 动画名称 */
    position: relative; /* 使得可以使用 left 属性 */
}

/* 定义动画的关键帧 */
@keyframes slidein3-b-vt03kp5yyc {
    from {
        transform: translateX(-100%); /* 从左边外部开始 */
        width: calc(2.26667rem * 5);
        padding-left: calc(0.506rem * 5); /* 左侧填充值 */
    }

    to {
        transform: translateX(0); /* 移动到初始位置 */
        border-radius: 50% !important; /* 边框圆角 */
        border: calc(0.03rem * 5) solid #d3d3d2 !important; /* 边框样式 */
    }
}

/* 定义动画的类 */
.left_to_min[b-vt03kp5yyc] {
    animation-duration: 0.5s; /* 动画持续时间 */
    animation-name: slidein-b-vt03kp5yyc; /* 动画名称 */
    position: relative; /* 使得可以使用 left 属性 */
    /* 您也可以添加其他属性例如，overflow: hidden; */
}

/* 定义动画的关键帧 */
@keyframes slidein-b-vt03kp5yyc {
    from {
        transform: translateX(100%); /* 从右边外部开始 */
        width: calc(2.26667rem * 5);
        padding-right: calc(0.506rem * 5);
    }

    to {
        transform: translateX(0); /* 移动到初始位置 */
        border-radius: 50% !important; /* 边框圆角 */
        border: calc(0.03rem * 5) solid #d3d3d2 !important; /* 边框样式 */
    }
}


.right_to_min[b-vt03kp5yyc] {
    animation-duration: 3s;
    animation-name: slidein1-b-vt03kp5yyc;
}

@keyframes slidein1-b-vt03kp5yyc {
    from {
        margin-left: calc( -0.506rem*3);
        width: calc(2.26667rem*3);
    }

    to {
        margin-left: 0;
        width: calc(1.26667rem*3);
    }
}




.NotShowInPhone[b-vt03kp5yyc] {
}


.NotShowInPadAndCompu[b-vt03kp5yyc] {
}


/* phoone*/
@media (max-width: 460px) {

    /*垂直*/
    .page[b-vt03kp5yyc] {
        display: flex;
        flex-direction: column;
    }

    .NotShowInPadAndCompu[b-vt03kp5yyc] {
    }


    .NotShowInPhone[b-vt03kp5yyc] {
        display: none !important;
    }


    .top-row[b-vt03kp5yyc] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-vt03kp5yyc], article[b-vt03kp5yyc] {
    }
}




/* 电脑或平板*/
@media (min-width: 460px) {

    /* 横向*/
    .page[b-vt03kp5yyc] {
        display: flex;
        flex-direction: row;
    }

    .NotShowInPadAndCompu[b-vt03kp5yyc] {
        display: none !important;
    }


    .NotShowInPhone[b-vt03kp5yyc] {
    }



    .sidebar[b-vt03kp5yyc] {
        width: 250px;
        min-width: 250px;
        position: sticky;
        top: 0;
    }

    .top-row[b-vt03kp5yyc] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-vt03kp5yyc], article[b-vt03kp5yyc] {
    }
}






.NotShowInminWidth[b-vt03kp5yyc] {
}


.NotShowInLongWidth[b-vt03kp5yyc] {
}


/* phoone*/
@media (max-width: 869px) {
 
 

    .NotShowInLongWidth[b-vt03kp5yyc] {
    }


    .NotShowInminWidth[b-vt03kp5yyc] {
        display: none !important;
    }

}




/* 电脑或平板*/
@media (min-width: 869px) {
 
    .NotShowInLongWidth[b-vt03kp5yyc] {
        display: none !important;
    }


    .NotShowInminWidth[b-vt03kp5yyc] {
    }
 
}
/* /Components/Pages/MainPages/AI_Main_PageV1/Head_Page/FileSpace/FileSpaceView.razor.rz.scp.css */
/* /Components/Pages/MainPages/AI_Main_PageV1/Head_Page/HtmlFile/Is_Html_File.razor.rz.scp.css */
/* /Components/Pages/MainPages/AI_Main_PageV1/Head_Page/UploadFile/FileUploadView.razor.rz.scp.css */
/* /Components/Pages/MainPages/AI_Main_PageV1/User_Input_Box/InputBox.razor.rz.scp.css */

.NotShowInPhone[b-av0jt4hwp5] {
}

.NotShowInComputer[b-av0jt4hwp5] {
}

/* phoone*/
@media (max-width: 460px) {
 
    .NotShowInPhone[b-av0jt4hwp5] {
        display: none !important;
    }

    .NotShowInComputer[b-av0jt4hwp5] {
    }
}




/* 电脑或平板*/
@media (min-width: 460px) {
 
    .NotShowInPhone[b-av0jt4hwp5] {
    }

    .NotShowInComputer[b-av0jt4hwp5] {
        display: none !important;
    }
}
/* /Components/Pages/Personal.razor.rz.scp.css */
.content[b-ckv6tmxh7e] {
    height: 100% !important;
}


.iphone-13-mini-1-child[b-ckv6tmxh7e] {
    align-self: stretch;
    position: relative;
    background-color: #f4f2f5;
    height: 812px;
    display: none;
}

.invite-friends-group-child[b-ckv6tmxh7e] {
    background: linear-gradient(180deg, #f2f1ec, rgba(215, 239, 231, 0));
    flex-direction: column;
    align-items: center;
    padding: 0 0 86px;
    gap: 25px;
    z-index: 1;
}

.time[b-ckv6tmxh7e] {
    flex: 1;
    position: relative;
    letter-spacing: -0.3px;
    
}

.time-style[b-ckv6tmxh7e] {
    width: 54px;
    height: 19px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.cellular-connection-icon[b-ckv6tmxh7e],
.wifi-icon[b-ckv6tmxh7e] {
    position: relative;
    width: 17px;
    height: 10.7px;
}

.wifi-icon[b-ckv6tmxh7e] {
    width: 15.3px;
    height: 11px;
    min-height: 11px;
}

.border[b-ckv6tmxh7e],
.cap-icon[b-ckv6tmxh7e] {
    position: absolute;
    mix-blend-mode: normal;
}

.border[b-ckv6tmxh7e] {
    top: 0.3px;
    right: 2.3px;
    border-radius: 2.67px;
    border: 1px solid #000;
    box-sizing: border-box;
    width: 22px;
    height: 11.3px;
    opacity: 0.35;
}

.cap-icon[b-ckv6tmxh7e] {
    top: 4px;
    right: 0;
    width: 1.3px;
    height: 4px;
    opacity: 0.4;
}

.capacity[b-ckv6tmxh7e] {
    position: absolute;
    top: 2.3px;
    right: 4.3px;
    border-radius: 1.33px;
    background-color: #000;
    width: 18px;
    height: 7.3px;
    z-index: 1;
}

.battery[b-ckv6tmxh7e] {
    position: relative;
    width: 24.3px;
    height: 11.3px;
}

.frame-group[b-ckv6tmxh7e],
.header[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
}

.frame-group[b-ckv6tmxh7e] {
    height: 11px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.header[b-ckv6tmxh7e] {
    align-self: stretch;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px 12px 20px;
    gap: 20px;
    z-index: 3;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-family: "PingFang HK";
}

.h3[b-ckv6tmxh7e] {
    margin: 0;
    position: relative;
    font-size: inherit;
    
    font-family: inherit;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}

.access-frame[b-ckv6tmxh7e] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.h31[b-ckv6tmxh7e],
.mask-group-icon[b-ckv6tmxh7e] {
    position: relative;
    z-index: 2;
}

.mask-group-icon[b-ckv6tmxh7e] {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.h31[b-ckv6tmxh7e] {
    margin: 0;
    font-size: inherit;
    
    font-family: inherit;
}

.invite-first-friend-text[b-ckv6tmxh7e] {
    position: relative;
    width: 17px;
    height: 17px;
    z-index: 2;
}

.vector-arrow[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
}

.ai[b-ckv6tmxh7e] {
    position: relative;
    font-size: 12px;
    color: #747474;
    z-index: 2;
}

.copy-invite-code-text[b-ckv6tmxh7e],
.invitation-code-input[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.copy-invite-code-text[b-ckv6tmxh7e] {
    gap: 3px;
}

.invitation-code-input[b-ckv6tmxh7e] {
    padding: 0 0 3px;
}

.steamed-bun-train-image[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 11px;
}

.context-record-text[b-ckv6tmxh7e],
.div[b-ckv6tmxh7e] {
    position: relative;
    z-index: 2;
}

.context-record-text[b-ckv6tmxh7e] {
    font-weight: 500;
}

.div[b-ckv6tmxh7e] {
    font-size: 12px;
}

.recharge-text[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.div1[b-ckv6tmxh7e],
.my-account-group[b-ckv6tmxh7e] {
    position: relative;
    z-index: 2;
}

.my-account-group[b-ckv6tmxh7e] {
    font-weight: 500;
}

.div1[b-ckv6tmxh7e] {
    font-size: 12px;
}

.inviteframe[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.validity-period-text[b-ckv6tmxh7e] {
    width: 125px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.div2[b-ckv6tmxh7e],
.div3[b-ckv6tmxh7e] {
    position: relative;
}

.div2[b-ckv6tmxh7e] {
    font-weight: 500;
    z-index: 3;
}

.div3[b-ckv6tmxh7e] {
    font-size: 12px;
    z-index: 2;
}

.parent[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.div4[b-ckv6tmxh7e],
.div5[b-ckv6tmxh7e] {
    position: relative;
}

.div4[b-ckv6tmxh7e] {
    font-weight: 500;
    z-index: 3;
}

.div5[b-ckv6tmxh7e] {
    font-size: 12px;
    z-index: 2;
}

.group[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.validity-period-text1[b-ckv6tmxh7e] {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 101px;
    gap: 20px;
}

.total-yield-and-old-model-bala[b-ckv6tmxh7e] {
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 53px;
}

.mask-group-frame[b-ckv6tmxh7e],
.total-yield-and-old-model-bala[b-ckv6tmxh7e],
.yield-account-balance[b-ckv6tmxh7e] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.yield-account-balance[b-ckv6tmxh7e] {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    font-size: 20px;
}

.mask-group-frame[b-ckv6tmxh7e] {
    flex: 1;
    flex-direction: column;
    gap: 16px;
}

.invite-friends-group[b-ckv6tmxh7e],
.mask-group-frame-wrapper[b-ckv6tmxh7e] {
    align-self: stretch;
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.mask-group-frame-wrapper[b-ckv6tmxh7e] {
    flex-direction: row;
    align-items: flex-start;
    padding: 0 23px 0 23px;
    color: #333;
}

.invite-friends-group[b-ckv6tmxh7e] {
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
    gap: 25px;
    z-index: 1;
}

.frame-child[b-ckv6tmxh7e] {
    align-self: stretch;
    position: relative;
    border-radius: 16px;
    background-color: #279c7c;
    height: 143px;
    display: none;
}

.div6[b-ckv6tmxh7e] {
    position: relative;
    padding-right: 20px;
    z-index: 3;
}

.invitegroup[b-ckv6tmxh7e] {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.div7[b-ckv6tmxh7e],
.gordonkey-889keyssu[b-ckv6tmxh7e] {
    position: relative;
    z-index: 3;
}

.specialcodeframe[b-ckv6tmxh7e] {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 13px;
}

.div8[b-ckv6tmxh7e] {
    position: relative;
    font-size: 12px;
    color: #fff;
    z-index: 3;
}

.copycodeframe[b-ckv6tmxh7e] {
    align-self: stretch;
    height: 15px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 11px 0 10px;
    box-sizing: border-box;
    gap: 20px;
    font-size: 12px;
    color: #d6d6d6;
}

.vectorarrow-child[b-ckv6tmxh7e] {
    align-self: stretch;
    position: relative;
    border-radius: 0 0 16px 16px;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.52) );
    box-shadow: 0-2px 6px rgba(22, 173, 147, 0.29);
    height: 90px;
    display: none;
}

.cellularframe-icon[b-ckv6tmxh7e] {
    align-self: stretch;
    max-width: 100%;
    background: #fff;
    height: 1px;
    overflow: hidden;
    max-height: 100%;
}

.cellularframe-icon[b-ckv6tmxh7e],
.div9[b-ckv6tmxh7e],
.mask-group-icon1[b-ckv6tmxh7e] {
    position: relative;
    z-index: 4;
}

.mask-group-icon1[b-ckv6tmxh7e] {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.div9[b-ckv6tmxh7e] {
    font-weight: 500;
    padding-right: 20px;
}

.privacy-policy-link-text-child[b-ckv6tmxh7e] {
    position: relative;
    border-radius: 16px;
    background-color: #015f4f;
    width: 51px;
    height: 21px;
    display: none;
}

.div10[b-ckv6tmxh7e] {
    position: relative;
    z-index: 5;
}

.privacy-policy-link-text[b-ckv6tmxh7e] {
    margin: 10px !important;
    bottom: -8px;
    border-radius: 16px;
    background-color: #0e700e;
    width: 81px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 6px 6px 6px 6px;
    box-sizing: border-box;
}

.p[b-ckv6tmxh7e],
.p1[b-ckv6tmxh7e] {
    margin: 0;
}

.div11[b-ckv6tmxh7e] {
    align-self: stretch;
    position: relative;
    font-size: 12px;
    color: #ededed;
    z-index: 6;
}

.capacitytext[b-ckv6tmxh7e],
.registration-form-text[b-ckv6tmxh7e] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.registration-form-text[b-ckv6tmxh7e] {
    align-self: stretch;
    flex-direction: row;
    position: relative;
    font-size: 12px;
}

.capacitytext[b-ckv6tmxh7e] {
 
    flex-direction: column;
}

.batteryframe[b-ckv6tmxh7e],
.wififrame[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.batteryframe[b-ckv6tmxh7e] {
    flex: 1;
    align-items: center;
    gap: 10px;
}

.wififrame[b-ckv6tmxh7e] {
    width: 329px;
    align-items: flex-start;
    padding: 0 13px;
    box-sizing: border-box;
}

.personal-center-text[b-ckv6tmxh7e],
.rectangle-parent[b-ckv6tmxh7e],
.vectorarrow[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.vectorarrow[b-ckv6tmxh7e] {
    /* border-radius: 0 0 16px 16px; */
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.52)); */
    /* box-shadow: 0 -2px 6px rgba(22, 173, 147, 0.29); */
    align-items: flex-start;
    padding: 0 1px 21px 0;
    /* color: #fff; */
    gap: 13px;
    z-index: 3;
}

.personal-center-text[b-ckv6tmxh7e],
.rectangle-parent[b-ckv6tmxh7e] {
    align-items: center;
    max-width: 100%;
}

.rectangle-parent[b-ckv6tmxh7e] {
    border-radius: 16px;
    background-color: #ffffffb3;
    width: 97%;
    max-width: 500px;
    padding: 11px 0 0;
    box-sizing: border-box;
    gap: 5px;
    z-index: 2;
    /* margin-top: -70px; */
    font-size: 14px;
    color: #595959;
}

.personal-center-text[b-ckv6tmxh7e] {
    align-self: stretch;
    text-align: left;
    font-size: 18px;
    color: #000;
    font-family: "PingFang SC";
}

.frame-item[b-ckv6tmxh7e] {
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    width: 335px;
    height: 143px;
    display: none;
    max-width: 100%;
}

.div12[b-ckv6tmxh7e] {
    position: relative;
    font-weight: 500;
    z-index: 1;
}

.frame-inner[b-ckv6tmxh7e] {
    position: relative;
    border-radius: 45px;
    background-color: #2ba582;
    width: 45.2px;
    height: 17px;
    display: none;
}

.div13[b-ckv6tmxh7e] {
    position: relative;
    z-index: 1;
}

.rectangle-container[b-ckv6tmxh7e] {
    border-radius: 45px;
    background-color: #2ba582;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 4px 10px 4px 9px;
    z-index: 1;
    font-size: 12px;
    color: #fff;
}

.vipframe[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 5px;
}

.div14[b-ckv6tmxh7e] {
    position: relative;
    font-size: 12px;
    color: #a7a7a7;
    z-index: 1;
}

.accountframe[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3px;
}

.recharge-area-child[b-ckv6tmxh7e] {
    position: relative;
    border-radius: 4px;
    border: 1px solid #00b193;
    box-sizing: border-box;
    width: 74px;
    height: 22px;
    display: none;
}

.div15[b-ckv6tmxh7e] {
    position: relative;
    z-index: 2;
}

.recharge-area[b-ckv6tmxh7e] {
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #00b193;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 2px 17px 3px 23px;
    z-index: 1;
}

.div16[b-ckv6tmxh7e] {
    position: relative;
    font-size: 12px;
    color: #c7c7c7;
    z-index: 1;
}

.quitloginframe[b-ckv6tmxh7e] {
    width: 174px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    font-size: 12px;
    color: #00b694;
}

.submit-button-text[b-ckv6tmxh7e] {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 42px;
    gap: 20px;
}

.yue-1-icon[b-ckv6tmxh7e] {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 3;
}

.contact-us-form-text[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 12px 0 17px;
}

.div17[b-ckv6tmxh7e],
.div18[b-ckv6tmxh7e] {
    position: relative;
    z-index: 1;
}

.div17[b-ckv6tmxh7e] {
    font-weight: 500;
}

.div18[b-ckv6tmxh7e] {
    font-size: 12px;
    color: #aaa;
}

.total-balance[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
}

.yue-2-icon[b-ckv6tmxh7e] {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 3;
}

.yue-2-wrapper[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 12px 0 16px;
}

.div19[b-ckv6tmxh7e],
.div20[b-ckv6tmxh7e] {
    position: relative;
    z-index: 1;
}

.div19[b-ckv6tmxh7e] {
    font-weight: 500;
}

.div20[b-ckv6tmxh7e] {
    font-size: 12px;
    color: #aaa;
}

.total-balance1[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
}

.yue-2-icon1[b-ckv6tmxh7e] {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
}

.help-center-link[b-ckv6tmxh7e] {
    position: relative;
    font-weight: 500;
    z-index: 1;
}

.div21[b-ckv6tmxh7e] {
    position: relative;
    font-size: 12px;
    color: #aaa;
    z-index: 2;
}

.get-more-versions[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
}

.my-account-frame[b-ckv6tmxh7e] {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 10px 0 8px;
    gap: 20px;
    font-size: 12px;
}

.rectangle-group[b-ckv6tmxh7e] {
    /* align-self: stretch; */
    border-radius: 4px;
    /* background-color: #fff; */
    display: flex;
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 15px 21px 16px;
    box-sizing: border-box;
    width: 97%;
    max-width: 500px;
    gap: 17px;
    /* max-width: 100%; */
    z-index: 1;
}

.rectangle-div[b-ckv6tmxh7e] {
    position: relative;
    border-radius: 5px;
    background-color: #f8f8f8;
    width: 335px;
    height: 44px;
    display: none;
    max-width: 100%;
}

.p2[b-ckv6tmxh7e] {
    margin: 0;
}

.ororios1[b-ckv6tmxh7e] {
    margin: 0;
    font-size: 11px;
    line-height: 18px;
    color: #909090;
}

.ororios[b-ckv6tmxh7e] {
    position: relative;
    width:100%;
    z-index: 1;
}

.frame-child1[b-ckv6tmxh7e],
.group-div[b-ckv6tmxh7e] {
    border-radius: 15px;
    background-color: #f8f8f8;
    max-width: 100%;
}

.group-div[b-ckv6tmxh7e] {
    cursor: pointer;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 3px 13px 3px;
    box-sizing: border-box;
    z-index: 1;
}

.frame-child1[b-ckv6tmxh7e] {
    position: relative;
    width: 335px;
    height: 44px;
    display: none;
}

.ai1[b-ckv6tmxh7e] {
    position: relative;
    font-size: 14px;
    font-family: "PingFang SC";
    color: #000;
    text-align: left;
    z-index: 1;
}

.frame-child2[b-ckv6tmxh7e],
.group-button[b-ckv6tmxh7e] {
    border-radius: 5px;
    background-color: #f8f8f8;
    max-width: 100%;
}

.group-button[b-ckv6tmxh7e] {
    cursor: pointer;
    border: 0;
    padding: 12px 22px 12px 20px;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    z-index: 1;
}

    .group-button:hover[b-ckv6tmxh7e],
    .rectangle-parent1:hover[b-ckv6tmxh7e] {
        background-color: #dedede;
    }

.frame-child2[b-ckv6tmxh7e] {
    position: relative;
    width: 335px;
    height: 44px;
    display: none;
}

.div22[b-ckv6tmxh7e] {
    position: relative;
    font-size: 14px;
    font-family: "PingFang SC";
    color: #000;
    text-align: left;
    z-index: 1;
}

.rectangle-parent1[b-ckv6tmxh7e] {
    cursor: pointer;
    border: 0;
    padding: 12px 23px 12px 20px;
    background-color: #f8f8f8;
    align-self: stretch;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    z-index: 1;
}

.email-input-field[b-ckv6tmxh7e],
.iphone-13-mini-1[b-ckv6tmxh7e],
.leave-page-group[b-ckv6tmxh7e] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.leave-page-group[b-ckv6tmxh7e] {
    /* align-self: stretch; */
    align-items: flex-start;
    gap: 13px;
    width: 97%;
    max-width: 500px;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.email-input-field[b-ckv6tmxh7e],
.iphone-13-mini-1[b-ckv6tmxh7e] {
    box-sizing: border-box;
}

.email-input-field[b-ckv6tmxh7e] {
    align-self: stretch;
    align-items: center;
    padding: 0 21px 0 19px;
    gap: 36px;
    max-width: 100%;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-family: "PingFang SC";
}

.iphone-13-mini-1[b-ckv6tmxh7e] {
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: center;
    padding: 0 0 87px;
    gap: 18px;
    letter-spacing: normal;
}

@media screen and (max-width: 450px) {
    .total-yield-and-old-model-bala[b-ckv6tmxh7e] {
        gap: 26px;
    }

    .rectangle-parent[b-ckv6tmxh7e] {
        width: calc(100% - 40px);
    }

    .my-account-frame[b-ckv6tmxh7e],
    .submit-button-text[b-ckv6tmxh7e] {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: space-around;
        align-items: center;
    }
}

.card1[b-ckv6tmxh7e] {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.1s;
}

    .card1:has(:hover)[b-ckv6tmxh7e] {
        transform: scale(1.01);
        box-shadow: 6px 4px 9px 1px #e7e7e7;
    }
/* /Components/Pages/Videos.razor.rz.scp.css */
/************************************************************
** �뽫ȫ����ʽ��������Ŀ��ȫ�� CSS �ļ����ߵ�ǰҳ��Ķ��� **
** ����ҳ�潫�޷�������ʾ                                  **
************************************************************/
page[b-krmgufnkas] {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

page1[b-krmgufnkas] {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 200px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

space11111[b-krmgufnkas] {
    width: 100%;
    height: 100px !important;
}

aaa2[b-krmgufnkas] {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 160px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

text[b-krmgufnkas] {
    flex-shrink: 0;
}

.flex-row[b-krmgufnkas] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-krmgufnkas] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-krmgufnkas] {
    justify-content: flex-start;
}

.justify-end[b-krmgufnkas] {
    justify-content: flex-end;
}

.justify-center[b-krmgufnkas] {
    justify-content: center;
}

.justify-between[b-krmgufnkas] {
    justify-content: space-between;
}

.justify-around[b-krmgufnkas] {
    justify-content: space-around;
}

.justify-evenly[b-krmgufnkas] {
    justify-content: space-evenly;
}

.items-start[b-krmgufnkas] {
    align-items: flex-start;
}

.items-end[b-krmgufnkas] {
    align-items: flex-end;
}

.items-center[b-krmgufnkas] {
    align-items: center;
}

.items-baseline[b-krmgufnkas] {
    align-items: baseline;
}

.items-stretch[b-krmgufnkas] {
    align-items: stretch;
}

.self-start[b-krmgufnkas] {
    align-self: flex-start;
}

.self-end[b-krmgufnkas] {
    align-self: flex-end;
}

.self-center[b-krmgufnkas] {
    align-self: center;
}

.self-baseline[b-krmgufnkas] {
    align-self: baseline;
}

.self-stretch[b-krmgufnkas] {
    align-self: stretch;
}

.flex-1[b-krmgufnkas] {
    flex: 1 1 0%;
}

.flex-auto[b-krmgufnkas] {
    flex: 1 1 auto;
}

.grow[b-krmgufnkas] {
    flex-grow: 1;
}

.grow-0[b-krmgufnkas] {
    flex-grow: 0;
}

.shrink[b-krmgufnkas] {
    flex-shrink: 1;
}

.shrink-0[b-krmgufnkas] {
    flex-shrink: 0;
}

.relative[b-krmgufnkas] {
    position: relative;
}


.page[b-krmgufnkas] {
    padding-top: 20px;
    background-color: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 100px;
    background-color: #fff;
}


.space-y-30[b-krmgufnkas] {
    margin-top: 30px;
}

.text[b-krmgufnkas] {
    margin-left: 22px;
    padding-bottom: 50px;
    color: #232a35;
    font-size: 20px;
    font-family: Microsoft YaHei;
    line-height: 18.5px;
}

.group[b-krmgufnkas] {
    padding: 25px 23px;
    background: #ffffffed;
}


.space-y-9[b-krmgufnkas] {
    margin-right: 2px;
}


.section1[b-krmgufnkas] {
    padding: 16px 10px 16px 18px;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-color: #022c69;
    border-radius: 8px 0px 8px 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 34px;
    height: auto;
    max-width: 70vw;
}


.font_1[b-krmgufnkas] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #ffffff;
}

.text_2[b-krmgufnkas] {
    line-height: 13px;
}

.group_2[b-krmgufnkas] {
    margin-top: 10px;
    padding: 0 6px;
}

.image[b-krmgufnkas] {
    margin-top: 8px;
    width: 15px;
    height: 16px;
}

.image2[b-krmgufnkas] {
    margin-right: 4px;
    margin-top: 1px;
    width: 15px;
    height: 16px;
}



.font_2[b-krmgufnkas] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 10px;
    color: #718193;
}

.text_3[b-krmgufnkas] {
    font-size: 13px;
}

.image_2[b-krmgufnkas] {
    width: 34px;
    height: 34px;
}
@media(min-width: 941px) {

    .ref_1[b-krmgufnkas] {
        display: flex;
        position: absolute;
        right: 350px;
        bottom: 20px;
    }
}
@media(max-width: 941px) {

    .ref_1[b-krmgufnkas] {
        display: flex;
        position: absolute;
        right: -1000px;
    }
}
.section[b-krmgufnkas] {
    position: relative;
    border: 1px solid #fff;
    color: #fff !important;
    max-width: 88%;
    padding: 20px;
    margin-left: 15px;
    padding: 16px 32px 32px 32px;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-color: #f0f7fb;
    border-radius: 0px 8px 8px 8px;
    background-size: 100% 100%;
    min-height: 45px;
    height: auto;
    box-shadow: 7px 3px 20px 0px rgb(210 220 235);
    background-image: linear-gradient(to right, rgb(49 44 55) 1px, #312c37 1px), linear-gradient(to bottom, rgb(2 59 143) 1px, #15008b 1px);
    background-size: 20px 20px;
    background-position: center center;
    border-radius: 20px;
    margin-bottom: 10px;
}
}

pre code[b-krmgufnkas] {
    font-size: 13px;
    /* color: inherit; */
    /* background: #9d9d9d; */
    word-break: normal;
}

code[b-krmgufnkas] {
    font-size: .875em;
    color: #a19dc1;
    word-wrap: break-word;
    /* background: #d1b2b2; */
}

.font_3[b-krmgufnkas] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #022c69;
}

.group_3[b-krmgufnkas] {
    padding: 10px 40px 0px 40px;
}

.text_4[b-krmgufnkas] {
    font-size: 13px;
}


.space-y-26[b-krmgufnkas] {
    margin-top: 26px;
}

.section_2[b-krmgufnkas] {
    padding: 6px 12px 16px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042980552850960.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.group_4[b-krmgufnkas] {
    margin-top: 6px;
}

.text-wrapper_2[b-krmgufnkas] {
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042982281430344.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 30px;
}

.font_4[b-krmgufnkas] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #232a35;
}

.group_5[b-krmgufnkas] {
    padding: 0 42px;
}

.view_2[b-krmgufnkas] {
    margin-top: 4px;
}

.group_6[b-krmgufnkas] {
    margin-top: 16px;
}

.text-wrapper_3[b-krmgufnkas] {
    margin-bottom: 3px;
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042981868552127.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 31px;
}

.text_5[b-krmgufnkas] {
    margin-left: 18px;
    margin-right: 10px;
}

.view_3[b-krmgufnkas] {
    margin-top: 8px;
}

.space-x-6[b-krmgufnkas] {
    margin-left: 6px;
}

.text_6[b-krmgufnkas] {
    font-size: 13px;
}

.font_5[b-krmgufnkas] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #718193;
    outline: none;
}

.text_7[b-krmgufnkas] {
    font-size: 13px;
}

.section_3[b-krmgufnkas] {
    margin-right: 16px;
    margin-top: 12px;
    padding: 8px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042977826628921.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 264px;
}

.space-x-8[b-krmgufnkas] {
    margin-left: 8px;
}

.image_3[b-krmgufnkas] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 174px;
}

.group_7[b-krmgufnkas] {
    width: 124px;
}


.image_4[b-krmgufnkas] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 83px;
}

.group_8[b-krmgufnkas] {
    padding: 8px 22px 0;
}


.space-x-2-reverse[b-krmgufnkas] {
    margin-bottom: 5px;
    margin-right: 2px;
}

.text_8[b-krmgufnkas] {
    font-size: 13px;
}

.section_4[b-krmgufnkas] {
    margin-top: -4px;
    padding-left: 16px;
    filter: drop-shadow(0px -10px 12.5px #6067961a);
    background-color: #ffffff;
}

.input_location[b-krmgufnkas] {
    position: fixed;
    width: auto;
    min-width: 100%;
    height: 90px;
    bottom: 0px;
}

.group_9[b-krmgufnkas] {
    margin-top: 21px;
}


.space-x-16[b-krmgufnkas] {
    margin-left: 16px;
}

.image_6[b-krmgufnkas] {
    width: 17px;
    height: 17px;
}

.text_9[b-krmgufnkas] {
    font-size: 15px;
    line-height: 14px;
    min-width: 60vw;
    max-width: 400px;
    margin-left: 35px;
    margin-bottom: 8px;
    height: 17px;
}

.image_5[b-krmgufnkas] {
    position: fixed;
    right: 18px;
    bottom: 32px;
    background-image: url(image/gen1.png);
    width: 39px;
    height: 39px;
    background-size: 100% 100%;
}

.break-word[b-krmgufnkas] {
    width: 100%;
    display: flex;
    color: #fff;
    max-width: 100%;
    font-weight: 900;
    /* gap: 30px; */
    overflow-wrap: break-word;
    flex-direction: column;
}

.section99999[b-krmgufnkas] {
    border-radius: 12px;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #022c69;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section99[b-krmgufnkas] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #022c69;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section9956[b-krmgufnkas] {
    display: flex;
    border-radius: 12px;
    /* position: fixed; */
    height: 33px;
    /* margin-left: 80px; */
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #1a3425d9;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 191px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.section995[b-krmgufnkas] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    margin-left: 80px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #022c69;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.text-wrapper99[b-krmgufnkas] {
    padding-top: 12px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text-wrapper995[b-krmgufnkas] {
    padding-top: 5px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text995[b-krmgufnkas] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text99[b-krmgufnkas] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text_299[b-krmgufnkas] {
    color: #ffffff;
    font-size: 12px;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
}

.loding[b-krmgufnkas] {
    position: fixed;
    right: -70px;
    bottom: -66px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
}

.loding8[b-krmgufnkas] {
    position: fixed;
    left: 10px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
    top: 5px;
}



.loading-spinner[b-krmgufnkas] {
    border: 4px solid rgb(83 104 253 / 84%);
    border-left-color: #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-krmgufnkas 1s ease infinite;
}

.loading-spinner2[b-krmgufnkas] {
    border: 4px solid rgb(183 17 213 / 62%);
    border-left-color: #c000ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-krmgufnkas 500ms ease infinite;
}


.loading-spinner3[b-krmgufnkas] {
    border: 4px solid rgb(1 105 94);
    border-left-color: #358b82;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.loading-spinner8[b-krmgufnkas] {
    border: 4px solid #ffc107;
    border-left-color: #705697;
    border-radius: 50%;
    width: 20px;
    height: 25px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.background[b-krmgufnkas] {
    width: 100vw;
    height: 100%;
    background: #3E1E68;
}

    .background span[b-krmgufnkas] {
        width: 20vmin;
        height: 20vmin;
        border-radius: 20vmin;
        backface-visibility: hidden;
        position: absolute;
        animation-name: move-b-krmgufnkas;
        animation-duration: 6s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

        .background span:nth-child(1)[b-krmgufnkas] {
            color: #583C87;
            top: 47%;
            left: 10%;
            animation-duration: 10.5s;
            animation-delay: -12.6s;
            transform-origin: 0vw -9vh;
            box-shadow: -40vmin 0 11.2034042917vmin currentColor;
        }

        .background span:nth-child(2)[b-krmgufnkas] {
            color: #E45A84;
            top: 33%;
            left: 45%;
            animation-duration: 13.2s;
            animation-delay: -15.6s;
            transform-origin: 14vw 17vh;
            box-shadow: 40vmin 0 10.2115006212vmin currentColor;
        }

        .background span:nth-child(3)[b-krmgufnkas] {
            color: #E45A84;
            top: 90%;
            left: 55%;
            animation-duration: 14.8s;
            animation-delay: -3.5s;
            transform-origin: -18vw 9vh;
            box-shadow: -40vmin 0 12.3544421218vmin currentColor;
        }

        .background span:nth-child(4)[b-krmgufnkas] {
            color: #E45A84;
            top: 7%;
            left: 88%;
            animation-duration: 15.4s;
            animation-delay: -2.6s;
            transform-origin: 21vw 14vh;
            box-shadow: -40vmin 0 5.9226682716vmin currentColor;
        }

        .background span:nth-child(5)[b-krmgufnkas] {
            color: #583C87;
            top: 65%;
            left: 26%;
            animation-duration: 15.3s;
            animation-delay: -6s;
            transform-origin: 9vw -23vh;
            box-shadow: 40vmin 0 5.4289289226vmin currentColor;
        }

        .background span:nth-child(6)[b-krmgufnkas] {
            color: #E45A84;
            top: 45%;
            left: 30%;
            animation-duration: 11.2s;
            animation-delay: -6.6s;
            transform-origin: -3vw 23vh;
            box-shadow: -40vmin 0 14.4480182393vmin currentColor;
        }

        .background span:nth-child(7)[b-krmgufnkas] {
            color: #583C87;
            top: 40%;
            left: 95%;
            animation-duration: 10.3s;
            animation-delay: -6.6s;
            transform-origin: 6vw 1vh;
            box-shadow: -40vmin 0 5.2476920034vmin currentColor;
        }

        .background span:nth-child(8)[b-krmgufnkas] {
            color: #583C87;
            top: 84%;
            left: 91%;
            animation-duration: 15.6s;
            animation-delay: -15.3s;
            transform-origin: 15vw 20vh;
            box-shadow: 40vmin 0 5.328532637vmin currentColor;
        }

        .background span:nth-child(9)[b-krmgufnkas] {
            color: #FFACAC;
            top: 88%;
            left: 49%;
            animation-duration: 12.5s;
            animation-delay: -6.3s;
            transform-origin: -23vw 17vh;
            box-shadow: -40vmin 0 13.7564470826vmin currentColor;
        }

        .background span:nth-child(10)[b-krmgufnkas] {
            color: #FFACAC;
            top: 4%;
            left: 16%;
            animation-duration: 11.9s;
            animation-delay: -10.2s;
            transform-origin: -4vw 13vh;
            box-shadow: 40vmin 0 13.95746731vmin currentColor;
        }

        .background span:nth-child(11)[b-krmgufnkas] {
            color: #583C87;
            top: 16%;
            left: 99%;
            animation-duration: 10.4s;
            animation-delay: -9s;
            transform-origin: -3vw -5vh;
            box-shadow: -40vmin 0 11.6603526433vmin currentColor;
        }

        .background span:nth-child(12)[b-krmgufnkas] {
            color: #FFACAC;
            top: 46%;
            left: 81%;
            animation-duration: 11.4s;
            animation-delay: -9.2s;
            transform-origin: 3vw -1vh;
            box-shadow: -40vmin 0 14.0594399762vmin currentColor;
        }

        .background span:nth-child(13)[b-krmgufnkas] {
            color: #E45A84;
            top: 69%;
            left: 75%;
            animation-duration: 12.3s;
            animation-delay: -7.7s;
            transform-origin: 13vw -4vh;
            box-shadow: -40vmin 0 14.688619748vmin currentColor;
        }

        .background span:nth-child(14)[b-krmgufnkas] {
            color: #FFACAC;
            top: 67%;
            left: 52%;
            animation-duration: 12.3s;
            animation-delay: -1.2s;
            transform-origin: 23vw -5vh;
            box-shadow: -40vmin 0 13.6204973407vmin currentColor;
        }

        .background span:nth-child(15)[b-krmgufnkas] {
            color: #E45A84;
            top: 38%;
            left: 57%;
            animation-duration: 12.4s;
            animation-delay: -8.2s;
            transform-origin: 11vw 19vh;
            box-shadow: 40vmin 0 13.6934527314vmin currentColor;
        }

        .background span:nth-child(16)[b-krmgufnkas] {
            color: #FFACAC;
            top: 78%;
            left: 94%;
            animation-duration: 13.4s;
            animation-delay: -13.2s;
            transform-origin: -19vw 8vh;
            box-shadow: -40vmin 0 8.3807133847vmin currentColor;
        }

        .background span:nth-child(17)[b-krmgufnkas] {
            color: #E45A84;
            top: 57%;
            left: 38%;
            animation-duration: 15.5s;
            animation-delay: -12.1s;
            transform-origin: -21vw -20vh;
            box-shadow: -40vmin 0 10.8162910663vmin currentColor;
        }

        .background span:nth-child(18)[b-krmgufnkas] {
            color: #FFACAC;
            top: 65%;
            left: 45%;
            animation-duration: 11.2s;
            animation-delay: -2.6s;
            transform-origin: 0vw -22vh;
            box-shadow: -40vmin 0 8.9038134634vmin currentColor;
        }

        .background span:nth-child(19)[b-krmgufnkas] {
            color: #FFACAC;
            top: 18%;
            left: 39%;
            animation-duration: 11.7s;
            animation-delay: -15.9s;
            transform-origin: -24vw 11vh;
            box-shadow: 40vmin 0 7.2048026951vmin currentColor;
        }

        .background span:nth-child(20)[b-krmgufnkas] {
            color: #FFACAC;
            top: 87%;
            left: 15%;
            animation-duration: 11.1s;
            animation-delay: -6.2s;
            transform-origin: -9vw -24vh;
            box-shadow: -40vmin 0 12.9500645493vmin currentColor;
        }

@keyframes move-b-krmgufnkas {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

@keyframes spin-b-krmgufnkas {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Videos2.razor.rz.scp.css */
/************************************************************
** �뽫ȫ����ʽ��������Ŀ��ȫ�� CSS �ļ����ߵ�ǰҳ��Ķ��� **
** ����ҳ�潫�޷�������ʾ                                  **
************************************************************/
page[b-5gyai61brg] {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

page1[b-5gyai61brg] {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 200px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

space11111[b-5gyai61brg] {
    width: 100%;
    height: 100px !important;
}

aaa2[b-5gyai61brg] {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 160px;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
}

text[b-5gyai61brg] {
    flex-shrink: 0;
}

.flex-row[b-5gyai61brg] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-5gyai61brg] {
    display: flex;
    flex-direction: column;
}

.justify-start[b-5gyai61brg] {
    justify-content: flex-start;
}

.justify-end[b-5gyai61brg] {
    justify-content: flex-end;
}

.justify-center[b-5gyai61brg] {
    justify-content: center;
}

.justify-between[b-5gyai61brg] {
    justify-content: space-between;
}

.justify-around[b-5gyai61brg] {
    justify-content: space-around;
}

.justify-evenly[b-5gyai61brg] {
    justify-content: space-evenly;
}

.items-start[b-5gyai61brg] {
    align-items: flex-start;
}

.items-end[b-5gyai61brg] {
    align-items: flex-end;
}

.items-center[b-5gyai61brg] {
    align-items: center;
}

.items-baseline[b-5gyai61brg] {
    align-items: baseline;
}

.items-stretch[b-5gyai61brg] {
    align-items: stretch;
}

.self-start[b-5gyai61brg] {
    align-self: flex-start;
}

.self-end[b-5gyai61brg] {
    align-self: flex-end;
}

.self-center[b-5gyai61brg] {
    align-self: center;
}

.self-baseline[b-5gyai61brg] {
    align-self: baseline;
}

.self-stretch[b-5gyai61brg] {
    align-self: stretch;
}

.flex-1[b-5gyai61brg] {
    flex: 1 1 0%;
}

.flex-auto[b-5gyai61brg] {
    flex: 1 1 auto;
}

.grow[b-5gyai61brg] {
    flex-grow: 1;
}

.grow-0[b-5gyai61brg] {
    flex-grow: 0;
}

.shrink[b-5gyai61brg] {
    flex-shrink: 1;
}

.shrink-0[b-5gyai61brg] {
    flex-shrink: 0;
}

.relative[b-5gyai61brg] {
    position: relative;
}


.page[b-5gyai61brg] {
    padding-top: 20px;
    background-color: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 100px;
    background-color: #fff;
}


.space-y-30[b-5gyai61brg] {
    margin-top: 30px;
}

.text[b-5gyai61brg] {
    margin-left: 22px;
    padding-bottom: 50px;
    color: #232a35;
    font-size: 20px;
    font-family: Microsoft YaHei;
    line-height: 18.5px;
}

.group[b-5gyai61brg] {
    padding: 25px 23px;
    background: #ffffffed;
}


.space-y-9[b-5gyai61brg] {
    margin-right: 2px;
}


.section1[b-5gyai61brg] {
    padding: 16px 10px 16px 18px;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-color: #022c69;
    border-radius: 8px 0px 8px 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 34px;
    height: auto;
    max-width: 70vw;
}


.font_1[b-5gyai61brg] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #ffffff;
}

.text_2[b-5gyai61brg] {
    line-height: 13px;
}

.group_2[b-5gyai61brg] {
    margin-top: 10px;
    padding: 0 6px;
}

.image[b-5gyai61brg] {
    margin-top: 8px;
    width: 15px;
    height: 16px;
}

.image2[b-5gyai61brg] {
    margin-right: 4px;
    margin-top: 1px;
    width: 15px;
    height: 16px;
}



.font_2[b-5gyai61brg] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 10px;
    color: #718193;
}

.text_3[b-5gyai61brg] {
    font-size: 13px;
}

.image_2[b-5gyai61brg] {
    width: 34px;
    height: 34px;
}

@media(min-width: 941px) {

    .ref_1[b-5gyai61brg] {
        display: flex;
        position: absolute;
        right: 350px;
        bottom: 20px;
    }
}

@media(max-width: 941px) {

    .ref_1[b-5gyai61brg] {
        display: flex;
        position: absolute;
        right: -1000px;
    }
}

.section[b-5gyai61brg] {
    position: relative;
    border: 1px solid #fff;
    color: #fff !important;
    max-width: 88%;
    padding: 20px;
    margin-left: 15px;
    padding: 16px 32px 32px 32px;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-color: #171411;
    border-radius: 0px 8px 8px 8px;
    background-size: 100% 100%;
    min-height: 45px;
    height: auto;
    /* box-shadow: 7px 3px 20px 0px rgb(210 220 235); */
    /* background-image: linear-gradient(to right, rgb(49 44 55) 1px, #312c37 1px), linear-gradient(to bottom, rgb(2 59 143) 1px, #15008b 1px); */
    background-size: 20px 20px;
    background-position: center center;
    /* border-radius: 20px; */
    margin-bottom: 10px;
}

 

pre code[b-5gyai61brg] {
    font-size: 13px;
    /* color: inherit; */
    /* background: #9d9d9d; */
    word-break: normal;
}

code[b-5gyai61brg] {
    font-size: .875em;
    color: #a19dc1;
    word-wrap: break-word;
    /* background: #d1b2b2; */
}

.font_3[b-5gyai61brg] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 20.5px;
    color: #022c69;
}

.group_3[b-5gyai61brg] {
    padding: 10px 40px 0px 40px;
}

.text_4[b-5gyai61brg] {
    font-size: 13px;
}


.space-y-26[b-5gyai61brg] {
    margin-top: 26px;
}

.section_2[b-5gyai61brg] {
    padding: 6px 12px 16px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042980552850960.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.group_4[b-5gyai61brg] {
    margin-top: 6px;
}

.text-wrapper_2[b-5gyai61brg] {
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042982281430344.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 30px;
}

.font_4[b-5gyai61brg] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #232a35;
}

.group_5[b-5gyai61brg] {
    padding: 0 42px;
}

.view_2[b-5gyai61brg] {
    margin-top: 4px;
}

.group_6[b-5gyai61brg] {
    margin-top: 16px;
}

.text-wrapper_3[b-5gyai61brg] {
    margin-bottom: 3px;
    padding: 8px 0;
    filter: drop-shadow(0px 4px 2px #0000000d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042981868552127.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 31px;
}

.text_5[b-5gyai61brg] {
    margin-left: 18px;
    margin-right: 10px;
}

.view_3[b-5gyai61brg] {
    margin-top: 8px;
}

.space-x-6[b-5gyai61brg] {
    margin-left: 6px;
}

.text_6[b-5gyai61brg] {
    font-size: 13px;
}

.font_5[b-5gyai61brg] {
    font-size: 14px;
    font-family: Microsoft YaHei;
    line-height: 13px;
    color: #718193;
    outline: none;
}

.text_7[b-5gyai61brg] {
    font-size: 13px;
}

.section_3[b-5gyai61brg] {
    margin-right: 16px;
    margin-top: 12px;
    padding: 8px;
    filter: drop-shadow(0px 5px 5px #157ad80d);
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c3b21a5a7e3f031029d8e4/64c492ff92373d00124eca69/16906042977826628921.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 264px;
}

.space-x-8[b-5gyai61brg] {
    margin-left: 8px;
}

.image_3[b-5gyai61brg] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 174px;
}

.group_7[b-5gyai61brg] {
    width: 124px;
}


.image_4[b-5gyai61brg] {
    filter: drop-shadow(0px 5px 5px #157ad80d);
    width: 116px;
    height: 83px;
}

.group_8[b-5gyai61brg] {
    padding: 8px 22px 0;
}


.space-x-2-reverse[b-5gyai61brg] {
    margin-bottom: 5px;
    margin-right: 2px;
}

.text_8[b-5gyai61brg] {
    font-size: 13px;
}

.section_4[b-5gyai61brg] {
    margin-top: -4px;
    padding-left: 16px;
    filter: drop-shadow(0px -10px 12.5px #6067961a);
    background-color: #ffffff;
}

.input_location[b-5gyai61brg] {
    position: fixed;
    width: auto;
    min-width: 100%;
    height: 90px;
    bottom: 0px;
}

.group_9[b-5gyai61brg] {
    margin-top: 21px;
}


.space-x-16[b-5gyai61brg] {
    margin-left: 16px;
}

.image_6[b-5gyai61brg] {
    width: 17px;
    height: 17px;
}

.text_9[b-5gyai61brg] {
    font-size: 15px;
    line-height: 14px;
    min-width: 60vw;
    max-width: 400px;
    margin-left: 35px;
    margin-bottom: 8px;
    height: 17px;
}

.image_5[b-5gyai61brg] {
    position: fixed;
    right: 18px;
    bottom: 32px;
    background-image: url(image/gen1.png);
    width: 39px;
    height: 39px;
    background-size: 100% 100%;
}

.break-word[b-5gyai61brg] {
    width: 100%;
    display: flex;
    color: #fff;
    max-width: 100%;
    font-weight: 900;
    /* gap: 30px; */
    overflow-wrap: break-word;
    flex-direction: column;
}

.section99999[b-5gyai61brg] {
    border-radius: 12px;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #022c69;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section99[b-5gyai61brg] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #022c69;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.section9956[b-5gyai61brg] {
    display: flex;
    border-radius: 12px;
    /* position: fixed; */
    height: 33px;
    /* margin-left: 80px; */
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #1a3425d9;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 191px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.section995[b-5gyai61brg] {
    border-radius: 12px;
    position: fixed;
    height: 33px;
    margin-left: 80px;
    bottom: 100px;
    padding: 0 12px 6px;
    background-color: #022c69;
    filter: drop-shadow(0px 2px 2px #00000040);
    overflow: hidden;
    width: 61px;
}

.text-wrapper99[b-5gyai61brg] {
    padding-top: 12px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text-wrapper995[b-5gyai61brg] {
    padding-top: 5px;
    overflow: hidden;
    width: 36px;
    height: 18px;
}

.text995[b-5gyai61brg] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text99[b-5gyai61brg] {
    color: #ffffff;
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 8px;
}

.text_299[b-5gyai61brg] {
    color: #ffffff;
    font-size: 12px;
    font-family: SourceHanSansCN;
    line-height: 11.5px;
}

.loding[b-5gyai61brg] {
    position: fixed;
    right: -70px;
    bottom: -66px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
}

.loding8[b-5gyai61brg] {
    position: fixed;
    left: 10px;
    width: 116px;
    height: 136px;
    background-size: 100% 100%;
    top: 5px;
}



.loading-spinner[b-5gyai61brg] {
    border: 4px solid rgb(83 104 253 / 84%);
    border-left-color: #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-5gyai61brg 1s ease infinite;
}

.loading-spinner2[b-5gyai61brg] {
    border: 4px solid rgb(183 17 213 / 62%);
    border-left-color: #c000ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-5gyai61brg 500ms ease infinite;
}


.loading-spinner3[b-5gyai61brg] {
    border: 4px solid rgb(1 105 94);
    border-left-color: #358b82;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.loading-spinner8[b-5gyai61brg] {
    border: 4px solid #ffc107;
    border-left-color: #705697;
    border-radius: 50%;
    width: 20px;
    height: 25px;
    animation: spin-b-42bb7a5c0x 800ms ease infinite;
}

.background[b-5gyai61brg] {
    width: 100vw;
    height: 100%;
    background: #3E1E68;
}

    .background span[b-5gyai61brg] {
        width: 20vmin;
        height: 20vmin;
        border-radius: 20vmin;
        backface-visibility: hidden;
        position: absolute;
        animation-name: move-b-5gyai61brg;
        animation-duration: 6s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

        .background span:nth-child(1)[b-5gyai61brg] {
            color: #583C87;
            top: 47%;
            left: 10%;
            animation-duration: 10.5s;
            animation-delay: -12.6s;
            transform-origin: 0vw -9vh;
            box-shadow: -40vmin 0 11.2034042917vmin currentColor;
        }

        .background span:nth-child(2)[b-5gyai61brg] {
            color: #E45A84;
            top: 33%;
            left: 45%;
            animation-duration: 13.2s;
            animation-delay: -15.6s;
            transform-origin: 14vw 17vh;
            box-shadow: 40vmin 0 10.2115006212vmin currentColor;
        }

        .background span:nth-child(3)[b-5gyai61brg] {
            color: #E45A84;
            top: 90%;
            left: 55%;
            animation-duration: 14.8s;
            animation-delay: -3.5s;
            transform-origin: -18vw 9vh;
            box-shadow: -40vmin 0 12.3544421218vmin currentColor;
        }

        .background span:nth-child(4)[b-5gyai61brg] {
            color: #E45A84;
            top: 7%;
            left: 88%;
            animation-duration: 15.4s;
            animation-delay: -2.6s;
            transform-origin: 21vw 14vh;
            box-shadow: -40vmin 0 5.9226682716vmin currentColor;
        }

        .background span:nth-child(5)[b-5gyai61brg] {
            color: #583C87;
            top: 65%;
            left: 26%;
            animation-duration: 15.3s;
            animation-delay: -6s;
            transform-origin: 9vw -23vh;
            box-shadow: 40vmin 0 5.4289289226vmin currentColor;
        }

        .background span:nth-child(6)[b-5gyai61brg] {
            color: #E45A84;
            top: 45%;
            left: 30%;
            animation-duration: 11.2s;
            animation-delay: -6.6s;
            transform-origin: -3vw 23vh;
            box-shadow: -40vmin 0 14.4480182393vmin currentColor;
        }

        .background span:nth-child(7)[b-5gyai61brg] {
            color: #583C87;
            top: 40%;
            left: 95%;
            animation-duration: 10.3s;
            animation-delay: -6.6s;
            transform-origin: 6vw 1vh;
            box-shadow: -40vmin 0 5.2476920034vmin currentColor;
        }

        .background span:nth-child(8)[b-5gyai61brg] {
            color: #583C87;
            top: 84%;
            left: 91%;
            animation-duration: 15.6s;
            animation-delay: -15.3s;
            transform-origin: 15vw 20vh;
            box-shadow: 40vmin 0 5.328532637vmin currentColor;
        }

        .background span:nth-child(9)[b-5gyai61brg] {
            color: #FFACAC;
            top: 88%;
            left: 49%;
            animation-duration: 12.5s;
            animation-delay: -6.3s;
            transform-origin: -23vw 17vh;
            box-shadow: -40vmin 0 13.7564470826vmin currentColor;
        }

        .background span:nth-child(10)[b-5gyai61brg] {
            color: #FFACAC;
            top: 4%;
            left: 16%;
            animation-duration: 11.9s;
            animation-delay: -10.2s;
            transform-origin: -4vw 13vh;
            box-shadow: 40vmin 0 13.95746731vmin currentColor;
        }

        .background span:nth-child(11)[b-5gyai61brg] {
            color: #583C87;
            top: 16%;
            left: 99%;
            animation-duration: 10.4s;
            animation-delay: -9s;
            transform-origin: -3vw -5vh;
            box-shadow: -40vmin 0 11.6603526433vmin currentColor;
        }

        .background span:nth-child(12)[b-5gyai61brg] {
            color: #FFACAC;
            top: 46%;
            left: 81%;
            animation-duration: 11.4s;
            animation-delay: -9.2s;
            transform-origin: 3vw -1vh;
            box-shadow: -40vmin 0 14.0594399762vmin currentColor;
        }

        .background span:nth-child(13)[b-5gyai61brg] {
            color: #E45A84;
            top: 69%;
            left: 75%;
            animation-duration: 12.3s;
            animation-delay: -7.7s;
            transform-origin: 13vw -4vh;
            box-shadow: -40vmin 0 14.688619748vmin currentColor;
        }

        .background span:nth-child(14)[b-5gyai61brg] {
            color: #FFACAC;
            top: 67%;
            left: 52%;
            animation-duration: 12.3s;
            animation-delay: -1.2s;
            transform-origin: 23vw -5vh;
            box-shadow: -40vmin 0 13.6204973407vmin currentColor;
        }

        .background span:nth-child(15)[b-5gyai61brg] {
            color: #E45A84;
            top: 38%;
            left: 57%;
            animation-duration: 12.4s;
            animation-delay: -8.2s;
            transform-origin: 11vw 19vh;
            box-shadow: 40vmin 0 13.6934527314vmin currentColor;
        }

        .background span:nth-child(16)[b-5gyai61brg] {
            color: #FFACAC;
            top: 78%;
            left: 94%;
            animation-duration: 13.4s;
            animation-delay: -13.2s;
            transform-origin: -19vw 8vh;
            box-shadow: -40vmin 0 8.3807133847vmin currentColor;
        }

        .background span:nth-child(17)[b-5gyai61brg] {
            color: #E45A84;
            top: 57%;
            left: 38%;
            animation-duration: 15.5s;
            animation-delay: -12.1s;
            transform-origin: -21vw -20vh;
            box-shadow: -40vmin 0 10.8162910663vmin currentColor;
        }

        .background span:nth-child(18)[b-5gyai61brg] {
            color: #FFACAC;
            top: 65%;
            left: 45%;
            animation-duration: 11.2s;
            animation-delay: -2.6s;
            transform-origin: 0vw -22vh;
            box-shadow: -40vmin 0 8.9038134634vmin currentColor;
        }

        .background span:nth-child(19)[b-5gyai61brg] {
            color: #FFACAC;
            top: 18%;
            left: 39%;
            animation-duration: 11.7s;
            animation-delay: -15.9s;
            transform-origin: -24vw 11vh;
            box-shadow: 40vmin 0 7.2048026951vmin currentColor;
        }

        .background span:nth-child(20)[b-5gyai61brg] {
            color: #FFACAC;
            top: 87%;
            left: 15%;
            animation-duration: 11.1s;
            animation-delay: -6.2s;
            transform-origin: -9vw -24vh;
            box-shadow: -40vmin 0 12.9500645493vmin currentColor;
        }

@keyframes move-b-5gyai61brg {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

@keyframes spin-b-5gyai61brg {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Data/DataTable2.razor.rz.scp.css */
.table[b-g2gi82nkhz] {
    margin-top: 20px; /* �����붥���ľ��� */
}

    .table th[b-g2gi82nkhz] {
        text-align: center; /* ��ͷ���ݾ��� */
        font-weight: bold; /* ��ͷ�Ӵ� */
    }

    .table td[b-g2gi82nkhz] {
        text-align: center; /* ��Ԫ�����ݾ��� */
    }

.table-hover tbody tr:hover[b-g2gi82nkhz] {
    background-color: #f5f5f5; /* ��ͣʱ�ı���ɫ */
}

.table-striped tbody tr:nth-of-type(odd)[b-g2gi82nkhz] {
    background-color: #f9f9f9; /* �����еı���ɫ */
}

.table-bordered[b-g2gi82nkhz] {
    border: 1px solid #dee2e6; /* ���ӱ߿� */
}

.thead-dark th[b-g2gi82nkhz] {
    background-color: #413002; /* ��ͷ����ɫ */
    color: white; /* ��ͷ������ɫ */
}
.stretchRow[b-g2gi82nkhz] {
    height: 100%;
    display: block;
}
/* /Data/Msg.razor.rz.scp.css */