.block[data-v-47b2603e] {
    height: fit-content
}

.card[data-v-47b2603e] {
    width: 95%;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
    text-align: center
}

.action[data-v-47b2603e] {
    margin-bottom: 20px;
    width: 100px;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 10px;
    background-color: unset;
    font-weight: 900
}

.action.warn[data-v-47b2603e] {
    color: #1ee0ac;
    border-color: #1ee0ac
}

.action.warn[data-v-47b2603e]:hover {
    color: #fff;
    background-color: #1ee0ac
}

.action.danger[data-v-47b2603e] {
    color: #e85347;
    border-color: #e85347
}

.action.danger[data-v-47b2603e]:hover {
    color: #fff;
    background-color: #e85347
}

@media (prefers-color-scheme: dark) {
    .card[data-v-47b2603e] {
        background-color:#141414
    }

    .action[data-v-47b2603e] {
        color: #fff
    }
}

.tag-short[data-v-71a8ee94] {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag-long[data-v-71a8ee94] {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@font-face {
    font-family: DingTalk;
    src: url(./DingTalk-simple-98dfbd70.ttf) format("truetype")
}

.fullscreen[data-v-9b8c8f2b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    color: #fff;
    z-index: 9999999999;
    text-align: center
}

.title[data-v-9b8c8f2b] {
    margin-top: 3vh;
    font-size: 30px
}

.right[data-v-9b8c8f2b] {
    margin-top: 20px
}

@media screen and (min-width: 500px) {
    .content[data-v-9b8c8f2b] {
        column-count:2
    }

    .left[data-v-9b8c8f2b] {
        height: 200px
    }

    .right[data-v-9b8c8f2b] {
        margin-top: -1vh;
        height: 200px
    }
}

.date[data-v-9b8c8f2b] {
    margin-top: -5px;
    font-size: 20px
}

.time[data-v-9b8c8f2b] {
    font-size: 60px
}

.state>.des[data-v-9b8c8f2b] {
    font-size: 15px;
    font-weight: 900
}

.state>.value[data-v-9b8c8f2b] {
    font-size: 20px
}

.content[data-v-9b8c8f2b] {
    position: absolute;
    width: 99%;
    max-width: 600px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    animation: standby-9b8c8f2b 60s infinite alternate ease-in-out;
    font-family: DingTalk
}

@keyframes standby-9b8c8f2b {
    0% {
        top: 50%;
        left: 50%
    }

    49% {
        top: 50%;
        left: 50%
    }

    51% {
        top: 55%;
        left: 51%
    }

    to {
        top: 55%;
        left: 51%
    }
}

.ItemContainer[data-v-34d827a0] {
    column-count: 3;
    margin-top: 10px
}

.card[data-v-34d827a0] {
    max-width: 800px;
    height: fit-content;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    padding: 2%
}

@media (prefers-color-scheme: dark) {
    .card[data-v-34d827a0] {
        background-color:#121212
    }
}

@media screen and (max-width: 800px) {
    .ItemContainer[data-v-34d827a0] {
        column-count:1
    }
}

.showItem[data-v-34d827a0] {
    border: 1px solid #dbdfea!important;
    padding: 20px 15px 15px 30px
}

.font-data[data-v-34d827a0] {
    white-space: nowrap;
    grid-column-start: 1;
    font-weight: 700;
    line-height: 2.5rem;
    font-size: 30px
}

.font-background[data-v-34d827a0] {
    color: #344357;
    font-size: 14px
}

.state-icon[data-v-34d827a0] {
    display: block;
    margin-right: 10px;
    margin-left: auto;
    margin-top: -10px;
    width: 40px;
    height: 20px;
    color: #606266
}

.state-icon-main[data-v-34d827a0] {
    color: #09c2de
}

.svg-icon[data-v-34d827a0] {
    fill: #fff;
    width: 50px;
    margin-left: 10px;
    margin-top: -30px
}

.el-select-dropdown__wrap[data-v-34d827a0] {
    max-height: 60vh
}

.el-icon-loading[data-v-34d827a0] {
    margin-top: 40px;
    color: #fff
}

@media (prefers-color-scheme: dark) {
    .showItem[data-v-34d827a0] {
        border:1px solid rgb(61,63,66)!important
    }

    .state-icon[data-v-34d827a0] {
        color: #a5a7ac
    }

    .state-icon-main[data-v-34d827a0] {
        color: #1e6983
    }

    .font-background[data-v-34d827a0] {
        color: #c1cee6
    }

    .svg-icon[data-v-34d827a0] {
        fill: #dcdcdc
    }
}

.button[data-v-34d827a0] {
    display: block;
    text-decoration: none;
    background-color: #485bed;
    background-image: -webkit-linear-gradient(145deg,#485bed,#6576ff);
    font-size: 30px;
    font-weight: 700!important;
    margin: 36px;
    width: 144px;
    height: 144px;
    position: relative;
    text-align: center;
    line-height: 144px;
    border-radius: 50%;
    box-shadow: 0 3px 8px #485bed,inset 0 2px 3px #6576ff
}

.font-background[data-v-5873a652] {
    color: #344357;
    font-size: 14px
}

.card[data-v-5873a652] {
    max-width: 800px;
    height: fit-content;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    padding: 2%
}

.ip-table[data-v-5873a652] {
    height: 100%;
    margin: 20px auto;
    padding: 10px;
    border: #ffffff 1px solid;
    border-radius: 10px;
    text-align: center
}

@media (prefers-color-scheme: dark) {
    .card[data-v-5873a652] {
        background-color:#121212
    }

    .font-background[data-v-5873a652] {
        color: #c1cee6
    }
}

.question[data-v-cde8dcae] {
    margin-top: 10px
}

.ask[data-v-cde8dcae] {
    color: #6071ee
}

.header[data-v-cde8dcae] {
    height: fit-content;
    padding-bottom: 12px;
    background-color: #fff
}

.title[data-v-cde8dcae] {
    color: #526484;
    font-size: 20px;
    font-weight: bolder
}

.home[data-v-cde8dcae] {
    color: #526484;
    font-size: 12px
}

.icon[data-v-cde8dcae] {
    display: inline-block;
    vertical-align: -6px;
    width: 40px;
    height: 40px;
    background-color: #5668ee;
    border-radius: 20%
}

.icon svg[data-v-cde8dcae] {
    width: 30px;
    margin-left: 5px
}

.card[data-v-cde8dcae] {
    max-width: 800px;
    height: fit-content;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    padding: 2%;
    border-radius: 20px
}

.banner[data-v-cde8dcae] {
    margin-top: 15px
}

.banner>img[data-v-cde8dcae] {
    height: 70px;
    width: calc(100% - 20px);
    margin: 10px;
    border-radius: 20px
}

.banner>span[data-v-cde8dcae] {
    position: relative;
    display: block;
    left: 15px;
    top: 10px;
    color: transparent;
    font-weight: bolder;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right,#37CAC6,#3D95F4 80px)
}

@media (prefers-color-scheme: dark) {
    .card[data-v-cde8dcae],.header[data-v-cde8dcae] {
        background-color:#121212
    }

    .title[data-v-cde8dcae],.home[data-v-cde8dcae] {
        color: #98a7ca
    }
}

html.dark {
    color-scheme: dark;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #3375b9;
    --el-color-primary-light-5: #2a598a;
    --el-color-primary-light-7: #213d5b;
    --el-color-primary-light-8: #1d3043;
    --el-color-primary-light-9: #18222c;
    --el-color-primary-dark-2: #66b1ff;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #4e8e2f;
    --el-color-success-light-5: #3e6b27;
    --el-color-success-light-7: #2d481f;
    --el-color-success-light-8: #25371c;
    --el-color-success-light-9: #1c2518;
    --el-color-success-dark-2: #85ce61;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #a77730;
    --el-color-warning-light-5: #7d5b28;
    --el-color-warning-light-7: #533f20;
    --el-color-warning-light-8: #3e301c;
    --el-color-warning-light-9: #292218;
    --el-color-warning-dark-2: #ebb563;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #b25252;
    --el-color-danger-light-5: #854040;
    --el-color-danger-light-7: #582e2e;
    --el-color-danger-light-8: #412626;
    --el-color-danger-light-9: #2b1d1d;
    --el-color-danger-dark-2: #f78989;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #b25252;
    --el-color-error-light-5: #854040;
    --el-color-error-light-7: #582e2e;
    --el-color-error-light-8: #412626;
    --el-color-error-light-9: #2b1d1d;
    --el-color-error-dark-2: #f78989;
    --el-color-info: #909399;
    --el-color-info-light-3: #6b6d71;
    --el-color-info-light-5: #525457;
    --el-color-info-light-7: #393a3c;
    --el-color-info-light-8: #2d2d2f;
    --el-color-info-light-9: #202121;
    --el-color-info-dark-2: #a6a9ad;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36),0px 8px 20px rgba(0, 0, 0, .72);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72),0px 12px 32px #000000,0px 8px 16px -8px #000000;
    --el-bg-color-page: #0a0a0a;
    --el-bg-color: #141414;
    --el-bg-color-overlay: #1d1e1f;
    --el-text-color-primary: #E5EAF3;
    --el-text-color-regular: #CFD3DC;
    --el-text-color-secondary: #A3A6AD;
    --el-text-color-placeholder: #8D9095;
    --el-text-color-disabled: #6C6E72;
    --el-border-color-darker: #636466;
    --el-border-color-dark: #58585B;
    --el-border-color: #4C4D4F;
    --el-border-color-light: #414243;
    --el-border-color-lighter: #363637;
    --el-border-color-extra-light: #2B2B2C;
    --el-fill-color-darker: #424243;
    --el-fill-color-dark: #39393A;
    --el-fill-color: #303030;
    --el-fill-color-light: #262727;
    --el-fill-color-lighter: #1D1D1D;
    --el-fill-color-extra-light: #191919;
    --el-fill-color-blank: transparent;
    --el-mask-color: rgba(0, 0, 0, .8);
    --el-mask-color-extra-light: rgba(0, 0, 0, .3)
}

html.dark .el-button {
    --el-button-disabled-text-color: rgba(255, 255, 255, .5)
}

html.dark .el-card {
    --el-card-bg-color: var(--el-bg-color-overlay)
}

html.dark .el-empty {
    --el-empty-fill-color-0: var(--el-color-black);
    --el-empty-fill-color-1: #4b4b52;
    --el-empty-fill-color-2: #36383d;
    --el-empty-fill-color-3: #1e1e20;
    --el-empty-fill-color-4: #262629;
    --el-empty-fill-color-5: #202124;
    --el-empty-fill-color-6: #212224;
    --el-empty-fill-color-7: #1b1c1f;
    --el-empty-fill-color-8: #1c1d1f;
    --el-empty-fill-color-9: #18181a
}

html.dark {
    --el-text-color-regular: #c8c8c8;
    --el-text-color-primary: #c8c8c8;
    --el-color-white: rgb(18,18,18);
    --el-mask-color: rgb(20,20,20)
}