html.dark {
    color-scheme: dark;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #3678bc;
    --el-color-primary-light-5: #305f8f;
    --el-color-primary-light-7: #294562;
    --el-color-primary-light-8: #26384c;
    --el-color-primary-light-9: #222c35;
    --el-color-primary-dark-2: #66b1ff;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #519132;
    --el-color-success-light-5: #43712d;
    --el-color-success-light-7: #355027;
    --el-color-success-light-8: #2d4024;
    --el-color-success-light-9: #262f22;
    --el-color-success-dark-2: #85ce61;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #aa7b33;
    --el-color-warning-light-5: #83612e;
    --el-color-warning-light-7: #5b4628;
    --el-color-warning-light-8: #473925;
    --el-color-warning-light-9: #332c22;
    --el-color-warning-dark-2: #ebb563;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #b55555;
    --el-color-danger-light-5: #8a4646;
    --el-color-danger-light-7: #5f3636;
    --el-color-danger-light-8: #4a2e2e;
    --el-color-danger-light-9: #342727;
    --el-color-danger-dark-2: #f78989;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #b55555;
    --el-color-error-light-5: #8a4646;
    --el-color-error-light-7: #5f3636;
    --el-color-error-light-8: #4a2e2e;
    --el-color-error-light-9: #342727;
    --el-color-error-dark-2: #f78989;
    --el-color-info: #909399;
    --el-color-info-light-3: #6e7074;
    --el-color-info-light-5: #58595c;
    --el-color-info-light-7: #414244;
    --el-color-info-light-8: #363637;
    --el-color-info-light-9: #2a2b2b;
    --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 rgba(0, 0, 0, .72), 0px 8px 16px -8px rgba(0, 0, 0, .72);
    --el-bg-color-page: #0a0a0a;
    --el-bg-color: #1f1f1f;
    --el-bg-color-overlay: #1d1e1f;
    --el-text-color-primary: #E6EAF4;
    --el-text-color-regular: #D1D5DD;
    --el-text-color-secondary: #A7AAB1;
    --el-text-color-placeholder: #92959A;
    --el-text-color-disabled: #737579;
    --el-border-color-darker: #6A6B6D;
    --el-border-color-dark: #5F6062;
    --el-border-color: #555557;
    --el-border-color-light: #4A4A4C;
    --el-border-color-lighter: #3F4041;
    --el-border-color-extra-light: #343535;
    --el-fill-color-darker: #4B4B4C;
    --el-fill-color-dark: #424243;
    --el-fill-color: #393A3A;
    --el-fill-color-light: #313131;
    --el-fill-color-lighter: #282828;
    --el-fill-color-extra-light: #232323;
    --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
}

.el-notification {
    --el-notification-width: 330px;
    --el-notification-padding: 14px 26px 14px 13px;
    --el-notification-radius: 8px;
    --el-notification-shadow: var(--el-box-shadow-light);
    --el-notification-border-color: var(--el-border-color-lighter);
    --el-notification-icon-size: 24px;
    --el-notification-close-font-size: var(--el-message-close-size, 16px);
    --el-notification-group-margin-left: 13px;
    --el-notification-group-margin-right: 8px;
    --el-notification-content-font-size: var(--el-font-size-base);
    --el-notification-content-color: var(--el-text-color-regular);
    --el-notification-title-font-size: 16px;
    --el-notification-title-color: var(--el-text-color-primary);
    --el-notification-close-color: var(--el-text-color-secondary);
    --el-notification-close-hover-color: var(--el-text-color-regular)
}

.el-notification {
    display: flex;
    width: var(--el-notification-width);
    padding: var(--el-notification-padding);
    border-radius: var(--el-notification-radius);
    box-sizing: border-box;
    border: 1px solid var(--el-notification-border-color);
    position: fixed;
    background-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-notification-shadow);
    transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
    overflow-wrap: break-word;
    overflow: hidden;
    z-index: 9999
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: var(--el-notification-group-margin-left);
    margin-right: var(--el-notification-group-margin-right)
}

.el-notification__title {
    font-weight: 700;
    font-size: var(--el-notification-title-font-size);
    line-height: var(--el-notification-icon-size);
    color: var(--el-notification-title-color);
    margin: 0
}

.el-notification__content {
    font-size: var(--el-notification-content-font-size);
    line-height: 24px;
    margin: 6px 0 0;
    color: var(--el-notification-content-color)
}

.el-notification__content p {
    margin: 0
}

.el-notification .el-notification__icon {
    height: var(--el-notification-icon-size);
    width: var(--el-notification-icon-size);
    font-size: var(--el-notification-icon-size)
}

.el-notification .el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: var(--el-notification-close-color);
    font-size: var(--el-notification-close-font-size)
}

.el-notification .el-notification__closeBtn:hover {
    color: var(--el-notification-close-hover-color)
}

.el-notification .el-notification--success {
    --el-notification-icon-color: var(--el-color-success);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--info {
    --el-notification-icon-color: var(--el-color-info);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--warning {
    --el-notification-icon-color: var(--el-color-warning);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--error {
    --el-notification-icon-color: var(--el-color-error);
    color: var(--el-notification-icon-color)
}

.el-notification-fade-enter-from.right {
    right: 0;
    transform: translate(100%)
}

.el-notification-fade-enter-from.left {
    left: 0;
    transform: translate(-100%)
}

.el-notification-fade-leave-to {
    opacity: 0
}

* {
    box-sizing: border-box
}

html,
body,
#app {
    margin: 0;
    width: 100vw;
    height: 80vh;
    font-size: 14px;
    font-family: HarmonyOS Sans SC, PingFang SC, Helvetica Neue, Source Han Sans SC, Microsoft YaHei, sans-serif
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.update-content ul {
    padding-inline-start: 20px
}

.el-notification {
    background-color: color-mix(in srgb, var(--el-bg-color-overlay), transparent 25%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.background-wrapper[data-v-f2537f3b] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1000;
    transition: opacity .4s ease-in-out;
    background-color: var(--el-bg-color-page)
}

.background-wrapper .background[data-v-f2537f3b] {
    position: absolute;
    top: calc(var(--bg-blur) * -2);
    left: calc(var(--bg-blur) * -2);
    right: calc(var(--bg-blur) * -2);
    bottom: calc(var(--bg-blur) * -2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(var(--bg-blur))
}

.background-wrapper .background .mask[data-v-f2537f3b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#0000 33%, #000 166%);
    z-index: -999
}

.background-wrapper .background .dark-corners[data-v-f2537f3b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: var(--bg-mask-opacity);
    background-color: #000;
    z-index: -999
}

.add-bookmark .quickstart-icon[data-v-dacf3569] {
    color: var(--el-text-color-regular)
}

.add-bookmark:hover .quickstart-icon[data-v-dacf3569],
.add-bookmark:hover .quickstart-title[data-v-dacf3569] {
    color: var(--el-color-primary)
}

.quickstart-wrapper[data-v-725be7ff] {
    max-width: 80%;
    margin-top: 80px;
    transition: all .2s cubic-bezier(.65, .05, .1, 1)
}

.quickstart-contaniner[data-v-725be7ff] {
    display: flex;
    flex-flow: row wrap;
    padding: 10px;
    background-color: color-mix(in oklab, var(--el-bg-color), transparent 60%);
    box-shadow: var(--el-box-shadow-dark);
    border-radius: 10px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: 10;
    overflow: hidden
}

html.dark .quickstart-contaniner[data-v-725be7ff] {
    box-shadow: var(--el-box-shadow-light)
}

.quickstart-contaniner a[data-v-725be7ff],
.quickstart-contaniner a {
    color: inherit;
    text-decoration: inherit
}

.quickstart-contaniner .quickstart-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    flex: 0
}

.quickstart-contaniner .quickstart-item .quickstart-item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px
}

.quickstart-contaniner .quickstart-item:hover {
    background-color: color-mix(in oklab, var(--el-bg-color), transparent 30%)
}

.quickstart-contaniner .quickstart-item .quickstart-icon {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: color-mix(in oklab, var(--el-bg-color), transparent 10%)
}

.quickstart-contaniner .quickstart-item .quickstart-icon span {
    display: block;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.quickstart-contaniner .quickstart-item .quickstart-icon .pin-icon {
    position: absolute;
    bottom: -3px;
    right: -3px;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--el-fill-color-light);
    border-radius: 50%;
    color: var(--el-color-primary);
    box-shadow: var(--el-box-shadow-light)
}

.quickstart-contaniner .quickstart-item .quickstart-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 8px;
    text-align: center;
    overflow-wrap: anywhere
}

.quickstart-contaniner .quickstart-item:hover .quickstart-menu {
    color: var(--el-text-color-regular)
}

.quickstart-contaniner .quickstart-item .quickstart-menu {
    position: absolute;
    top: 6px;
    right: 6px;
    border-radius: 50%;
    color: transparent;
    transition: all .1s ease-in-out;
    overflow: hidden;
    cursor: pointer
}

.quickstart-contaniner .quickstart-item .quickstart-menu>span {
    outline: none
}

.quickstart-contaniner .quickstart-item .quickstart-menu:hover {
    background-color: var(--el-bg-color);
    color: var(--el-text-color-primary);
    box-shadow: var(--el-box-shadow-light)
}

.quickstart-contaniner .quickstart-item .quickstart-menu-icon {
    width: 26px;
    height: 26px;
    font-size: 20px;
    padding: 3px
}

.search-engine-menu.is-customized {
    width: 220px;
    padding: 5px;
    background-color: var(--el-bg-color);
    --el-popper-border-radius: 10px
}

.search-engine-menu.is-customized .search-engine-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    padding: 8px 18px;
    color: var(--el-text-color-primary);
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    transition: all .1s ease-in-out
}

.search-engine-menu.is-customized .search-engine-menu-item:hover {
    background: var(--el-fill-color-dark)
}

.search-engine-menu.is-customized .search-engine-menu-item .el-icon {
    margin-right: 10px;
    color: var(--el-text-color-regular);
    font-size: 13px
}

.search-engine-menu.is-customized .tip {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    height: 20px;
    color: var(--el-text-color-secondary)
}

.search-engine-menu.is-customized .tip .kdb {
    border: solid 1px currentColor;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1em;
    margin: 0 3px
}

.search-engine-menu.is-customized .el-divider--horizontal {
    width: calc(100% - 36px);
    margin: 5px 18px
}

.search-suggestion-area[data-v-7a0c2682] {
    position: absolute;
    top: 60px;
    border-radius: 15px;
    overflow: hidden;
    font-size: 13px;
    z-index: 1000;
    background-color: color-mix(in oklab, var(--el-fill-color), transparent 50%);
    -webkit-backdrop-filter: blur(30px) saturate(1.2);
    backdrop-filter: blur(30px) saturate(1.2);
    box-shadow: var(--el-box-shadow-light);
    transition: height .1s var(--cubic-bezier)
}

.search-suggestion-area .search-suggestion-item[data-v-7a0c2682] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 33px;
    padding: 0 20px;
    line-height: 33px;
    cursor: pointer;
    color: var(--el-text-color-primary);
    transition: all .2s var(--cubic-bezier)
}

.search-suggestion-area .search-suggestion-item.active[data-v-7a0c2682] {
    background-color: color-mix(in oklab, var(--el-fill-color), transparent 60%);
    padding-left: 30px
}

.search-suggestion-area .clear-search-history[data-v-7a0c2682] {
    font-size: 12px;
    color: color-mix(in oklab, var(--el-text-color-primary), transparent 20%);
    display: flex;
    align-items: center
}

.search-suggestion-area .clear-search-history[data-v-7a0c2682]:hover {
    background-color: color-mix(in oklab, var(--el-fill-color), transparent 60%);
    padding-left: 30px
}

.search-box[data-v-19cb4309] {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    --cubic-bezier: cubic-bezier(.65, .05, .1, 1);
    position: relative
}

.search-form[data-v-19cb4309] {
    --height: 44px;
    --width: 300px;
    height: var(--height);
    width: var(--width);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-radius: calc(var(--height) / 2);
    font-size: 15px;
    box-shadow: var(--el-box-shadow-dark);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: background-color .2s var(--cubic-bezier), width .2s var(--cubic-bezier);
    background-color: color-mix(in oklab, var(--el-fill-color), transparent 60%);
    color: transparent;
    --search-form-placeholder-color: var(--el-text-color-regular)
}

html.dark .search-form[data-v-19cb4309] {
    box-shadow: var(--el-box-shadow-light);
    --search-form-placeholder-color: var(--el-text-color-secondary)
}

.search-form[data-v-19cb4309]:hover:not(.focus) {
    --width: 500px;
    background-color: color-mix(in oklab, var(--el-fill-color), transparent 40%);
    --search-form-placeholder-color: var(--el-text-color-primary)
}

.search-form.focus[data-v-19cb4309] {
    background-color: color-mix(in oklab, var(--el-fill-color), transparent 20%);
    --width: 500px
}

.search-form[data-v-19cb4309] .search-engine-icon,
.search-form[data-v-19cb4309] .search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    height: calc(var(--height) - 10px);
    width: calc(var(--height) - 10px);
    overflow: hidden;
    transition: all .2s var(--cubic-bezier);
    border-radius: 50%
}

.search-form.focus[data-v-19cb4309] .search-engine-icon,
.search-form.focus[data-v-19cb4309] .search-btn {
    cursor: pointer
}

.search-form.focus[data-v-19cb4309] .search-engine-icon:hover,
.search-form.focus[data-v-19cb4309] .search-btn:hover {
    background: #fff
}

.search-form.focus[data-v-19cb4309] .search-engine-icon {
    color: var(--el-text-color-regular)
}

.search-form.focus[data-v-19cb4309] .search-btn {
    color: var(--el-color-primary)
}

.search-form .search-input[data-v-19cb4309] {
    height: 100%;
    width: calc(100% - 2 * var(--height) - 20px);
    color: var(--el-text-color-primary);
    text-align: center;
    font-size: 1em;
    transition: all .2s var(--cubic-bezier);
    outline: none;
    border: none;
    background: none
}

.search-form .search-input[data-v-19cb4309]::placeholder {
    color: var(--search-form-placeholder-color);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 11px 15px;
    --el-message-close-size: 16px;
    --el-message-close-icon-color: var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary);
    align-items: center;
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration), transform .4s, top .4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-plain {
    background-color: var(--el-bg-color-overlay);
    border-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-message p {
    margin: 0
}

.el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success)
}

.el-message--success .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--success {
    color: var(--el-message-text-color)
}

.el-message--info {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color: var(--el-color-info)
}

.el-message--info .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--info {
    color: var(--el-message-text-color)
}

.el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning)
}

.el-message--warning .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--warning {
    color: var(--el-message-text-color)
}

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error)
}

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--error {
    color: var(--el-message-text-color)
}

.el-message .el-message__badge {
    position: absolute;
    right: -8px;
    top: -8px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn {
    color: var(--el-message-close-icon-color);
    cursor: pointer;
    font-size: var(--el-message-close-size)
}

.el-message .el-message__closeBtn:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-color)
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.bg-uploader .bg[data-v-0d20ddd0] {
    width: 178px;
    height: 178px;
    display: block
}

.bg-uploader-img[data-v-0d20ddd0] {
    max-width: 100%;
    object-fit: cover
}

.bg-uploader[data-v-0d20ddd0] .el-upload {
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: var(--el-transition-duration-fast)
}

.bg-uploader[data-v-0d20ddd0] .el-upload:hover {
    border-color: var(--el-color-primary)
}

.bg-uploader[data-v-0d20ddd0] .el-upload:hover .el-icon.bg-uploader-icon {
    color: var(--el-color-primary)
}

.el-icon.bg-uploader-icon[data-v-0d20ddd0] {
    font-size: 28px;
    color: var(--el-text-color-placeholder);
    width: 350px;
    height: 200px;
    text-align: center;
    transition: var(--el-transition-duration-fast)
}

.about .ext-name[data-v-d7ed59aa] {
    margin-bottom: 0
}

.about .ext-desc[data-v-d7ed59aa] {
    font-size: 13px;
    color: var(--el-text-color-regular);
    margin-top: 3px
}

.about .ext-links[data-v-d7ed59aa],
.about .ext-license[data-v-d7ed59aa] {
    margin: 1em 0
}

.about .ext-links a[data-v-d7ed59aa],
.about .ext-license a[data-v-d7ed59aa] {
    display: table-row
}

.about .ext-links a[data-v-d7ed59aa] {
    color: var(--el-color-primary);
    text-decoration: none
}

.about .ext-license[data-v-d7ed59aa] {
    color: var(--el-text-color-regular);
    font-size: 12px
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: .5
}

.v-modal-enter {
    -webkit-animation: v-modal-in var(--el-transition-duration-fast) ease;
    animation: v-modal-in var(--el-transition-duration-fast) ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
    animation: v-modal-out var(--el-transition-duration-fast) ease forwards
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    background: var(--el-popup-modal-bg-color);
    height: 100%;
    left: 0;
    opacity: var(--el-popup-modal-opacity);
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box {
    --el-messagebox-title-color: var(--el-text-color-primary);
    --el-messagebox-width: 420px;
    --el-messagebox-border-radius: 4px;
    --el-messagebox-box-shadow: var(--el-box-shadow);
    --el-messagebox-font-size: var(--el-font-size-large);
    --el-messagebox-content-font-size: var(--el-font-size-base);
    --el-messagebox-content-color: var(--el-text-color-regular);
    --el-messagebox-error-font-size: 12px;
    --el-messagebox-padding-primary: 12px;
    --el-messagebox-font-line-height: var(--el-font-line-height-primary);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--el-bg-color);
    border-radius: var(--el-messagebox-border-radius);
    box-shadow: var(--el-messagebox-box-shadow);
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--el-messagebox-font-size);
    max-width: var(--el-messagebox-width);
    overflow: hidden;
    overflow-wrap: break-word;
    padding: var(--el-messagebox-padding-primary);
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.el-message-box:focus {
    outline: none !important
}

.el-overlay.is-message-box .el-overlay-message-box {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 16px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0
}

.el-overlay.is-message-box .el-overlay-message-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-message-box.is-draggable .el-message-box__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-message-box__header {
    padding-bottom: var(--el-messagebox-padding-primary)
}

.el-message-box__header.show-close {
    padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))
}

.el-message-box__title {
    color: var(--el-messagebox-title-color);
    font-size: var(--el-messagebox-font-size);
    line-height: var(--el-messagebox-font-line-height)
}

.el-message-box__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 40px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.el-message-box__headerbtn .el-message-box__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: var(--el-color-primary)
}

.el-message-box__content {
    color: var(--el-messagebox-content-color);
    font-size: var(--el-messagebox-content-font-size)
}

.el-message-box__container {
    align-items: center;
    display: flex;
    gap: 12px
}

.el-message-box__input {
    padding-top: 12px
}

.el-message-box__input div.invalid>input {
    border-color: var(--el-color-error)
}

.el-message-box__input div.invalid>input:focus {
    border-color: var(--el-color-error)
}

.el-message-box__status {
    font-size: 24px
}

.el-message-box__status.el-message-box-icon--success {
    --el-messagebox-color: var(--el-color-success);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--info {
    --el-messagebox-color: var(--el-color-info);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--warning {
    --el-messagebox-color: var(--el-color-warning);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--error {
    --el-messagebox-color: var(--el-color-error);
    color: var(--el-messagebox-color)
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    line-height: var(--el-messagebox-font-line-height);
    margin: 0
}

.el-message-box__errormsg {
    color: var(--el-color-error);
    font-size: var(--el-messagebox-error-font-size);
    line-height: var(--el-messagebox-font-line-height)
}

.el-message-box__btns {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: var(--el-messagebox-padding-primary)
}

.el-message-box--center .el-message-box__title {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    font-size: inherit
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__container {
    justify-content: center
}

.fade-in-linear-enter-active .el-overlay-message-box {
    -webkit-animation: msgbox-fade-in var(--el-transition-duration);
    animation: msgbox-fade-in var(--el-transition-duration)
}

.fade-in-linear-leave-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration) reverse
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.theme-mode[data-v-be3665d7] {
    display: flex;
    column-gap: 8px
}

.theme-mode .theme-item[data-v-be3665d7] {
    position: relative;
    cursor: pointer
}

.theme-mode .theme-item .selected[data-v-be3665d7] {
    display: none
}

.theme-mode .theme-item.active .selected[data-v-be3665d7] {
    display: block;
    position: absolute;
    right: 8px;
    bottom: 8px;
    color: var(--el-color-primary)
}

[data-v-be3665d7] .el-color-picker__trigger {
    padding: 0;
    border: none;
    overflow: hidden;
    border-radius: 8px
}

[data-v-be3665d7] .el-color-picker__trigger .el-color-picker__color {
    border: none;
    border-radius: none
}

.quickstart-item-width[data-v-ca86a699] .el-input-number,
.quickstart-item-width[data-v-ca86a699] .el-input {
    width: 60px
}

.settings-title {
    display: flex;
    align-items: center
}

.settings-title span {
    margin-left: 5px
}

.settings-item {
    min-height: 40px;
    margin: 8px 0;
    width: 100%;
    overflow: hidden
}

.settings-item.horizontal {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.settings-item .el-slider {
    padding: 0 10px
}

.settings-label {
    margin: 10px 0 6px
}

@keyframes twinkle-73dd437a {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes delayedFadeIn-73dd437a {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.time[data-v-73dd437a] {
    text-align: center;
    color: var(--el-fill-color-blank);
    font-size: 60px;
    animation: delayedFadeIn-73dd437a .5s;
    transition: .25s cubic-bezier(.5, 0, .5, 2);
    text-shadow: 0px 6px 16px rgba(0, 0, 0, .4)
}

html.dark .time[data-v-73dd437a] {
    color: var(--el-text-color-primary)
}

.time .meridiem[data-v-73dd437a] {
    font-size: 40px;
    margin-right: 5px
}

.time .colon[data-v-73dd437a] {
    animation: twinkle-73dd437a 1s ease infinite
}

.yiyan-wrapper[data-v-cf6e61af] {
    position: absolute;
    bottom: 100px;
    width: 100%;
    display: flex;
    justify-content: center
}

.yiyan[data-v-cf6e61af] {
    width: 530px;
    text-align: center;
    text-shadow: 0 0 20px rgba(0, 0, 0, .8);
    color: var(--el-fill-color-blank);
    border-radius: 20px;
    padding: 6px 14px;
    transition: all .25s ease-in-out
}

.yiyan .yiyan-content[data-v-cf6e61af] {
    transition: all .25s ease-in-out
}

.yiyan .yiyan-extra[data-v-cf6e61af] {
    opacity: 0;
    transition: all .25s ease-in-out;
    margin-top: 8px;
    font-size: .95em
}

html.dark .yiyan[data-v-cf6e61af] {
    color: var(--el-text-color-primary)
}

.yiyan[data-v-cf6e61af]:hover {
    background-color: color-mix(in oklab, var(--el-bg-color), transparent 90%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.yiyan:hover .yiyan-extra[data-v-cf6e61af] {
    opacity: 1
}

@media screen and (max-width: 600px) {
    .yiyan[data-v-cf6e61af] {
        width: 80%;
        font-size: .9em
    }
}

@media screen and (max-width: 400px) {
    .yiyan[data-v-cf6e61af] {
        width: 80%
    }
}

.v-enter-active[data-v-cf6e61af],
.v-leave-active[data-v-cf6e61af] {
    transition: all .25s ease-in-out
}

.v-enter-from[data-v-cf6e61af],
.v-leave-to[data-v-cf6e61af] {
    opacity: 0
}

main[data-v-5b5162af] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.settings-icon[data-v-5b5162af] {
    position: fixed;
    bottom: 20px;
    right: 30px;
    height: calc(1em + 12px);
    color: color-mix(in oklab, var(--el-text-color-primary), transparent 20%);
    font-size: 25px;
    line-height: 1em;
    cursor: pointer;
    background-color: color-mix(in oklab, var(--el-bg-color), transparent 80%);
    padding: 6px;
    border-radius: 50%;
    overflow: hidden;
    transition: .1s
}

.settings-icon[data-v-5b5162af]:hover {
    color: var(--el-color-primary);
    background-color: var(--el-bg-color);
    box-shadow: var(--el-box-shadow-lighter)
}