.app-header[data-v-e110ee0f] {
    --height: 3vh;
    height: var(--height);
    color: #080505;
    transition: .2s;
    position: relative
}

@media screen and(min-height: 768px) {
    .app-header[data-v-e110ee0f] {
        --height: 6vh
    }
}

@media screen and(min-height: 1280px) {
    .app-header[data-v-e110ee0f] {
        --height: 11vh
    }
}

@media screen and(min-height: 1560px) {
    .app-header[data-v-e110ee0f] {
        --height: 15vh
    }
}

@media screen and(min-height: 2000px) {
    .app-header[data-v-e110ee0f] {
        --height: 18vh
    }
}

.search-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.se-input::-webkit-input-placeholder {
    color: rgba(var(--alpha-color),.56)!important
}

.se-input:-moz-placeholder {
    color: rgba(var(--alpha-color),.56)!important
}

.se-input::-moz-placeholder {
    color: rgba(var(--alpha-color),.56)!important
}

.se-input:-ms-input-placeholder {
    color: rgba(var(--alpha-color),.6)!important
}

.app-serach-box[data-v-6aead7ad] {
    max-width: 600px;
    margin: 3vh auto 20px
}

.app-serach-box .se-input-box[data-v-6aead7ad] {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 0 10px 3px #0000001a;
    z-index: 1;
    border-radius: var(--search-radius);
    height: var(--search-height);
    background-color: var(--search-bgColor);
    transition: background .2s;
    color: var(--d-main)
}

.app-serach-box .se-input-box .select-icon[data-v-6aead7ad] {
    color: rgba(var(--alpha-color),.52)
}

.app-serach-box .se-input-box .se-close[data-v-6aead7ad] {
    transform: scale(0);
    transition: transform .2s
}

.app-serach-box .se-input-box .se-close.active[data-v-6aead7ad] {
    transform: scale(1)
}

.app-serach-box .se-input-box .se-select[data-v-6aead7ad] {
    background-color: initial;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 50px;
    max-width: 50px;
    transition: .2s;
    position: relative
}

.app-serach-box .se-input-box .se-select[data-v-6aead7ad]:hover {
    background-color: rgba(var(--alpha-bg),.4)
}

.app-serach-box .se-input-box .se-input[data-v-6aead7ad] {
    color: var(--d-main)
}

.app-serach-box .se-input-box[data-v-6aead7ad]:hover,.app-serach-box .se-input-box.active[data-v-6aead7ad] {
    background-color: rgba(var(--alpha-bg),.7)
}

.app-yiyan[data-v-e6d63f7a] {
    max-height: 60px;
    color: #ffffffe6
}

.app-yiyan .yiyan-text[data-v-e6d63f7a] {
    text-shadow: 0 0 20px rgba(0,0,0,.8)
}

.app-yiyan .yiyan-from[data-v-e6d63f7a] {
    opacity: 0;
    transition: .4s
}

.app-yiyan .app-yiyan-body .app-yiyan-btn[data-v-e6d63f7a] {
    display: none;
    padding: 2px 4px;
    width: 70px;
    left: 100%;
    font-size: 12px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(var(--alpha-color),.2);
    border-radius: 6px
}

.app-yiyan .app-yiyan-body .app-yiyan-btn span[data-v-e6d63f7a] {
    width: 20px;
    height: 20px;
    border-radius: 4px
}

.app-yiyan .app-yiyan-body .app-yiyan-btn span[data-v-e6d63f7a]:hover {
    background-color: #fff3
}

.app-yiyan .app-yiyan-body[data-v-e6d63f7a]:hover {
    background-color: #00000005
}

.app-yiyan .app-yiyan-body:hover .app-yiyan-btn[data-v-e6d63f7a] {
    display: flex
}

.app-yiyan .app-yiyan-body:hover .yiyan-from[data-v-e6d63f7a] {
    opacity: 1
}

.app-item-folder.app-icon-drag {
    pointer-events: none
}

.app-item.icon-size-1x2 .app-item-folder {
    grid-template-rows: auto
}

.app-item.icon-size-1x2 .app-item-folder li {
    padding: .4em
}

.app-item.icon-size-1x2 .app-item-folder li .app-item-folder-section {
    border-radius: calc(var(--icon-radius) / 2)
}

.app-item.icon-size-2x1 .app-item-folder {
    grid-template-columns: auto
}

.app-item.icon-size-2x1 .app-item-folder li {
    padding: .4em
}

.app-item.icon-size-2x1 .app-item-folder li .app-item-folder-section {
    border-radius: calc(var(--icon-radius) / 2)
}

.app-item.icon-size-2x2 .app-item-folder li {
    padding: .4em
}

.app-item.icon-size-2x2 .app-item-folder li .app-item-folder-section {
    border-radius: calc(var(--icon-radius) / 2)
}

.app-item.icon-size-2x4 {
    --folder-width: var(--icon-size) * 4 + var(--icon-gap-y) * 3;
    --folder-size: calc((var(--icon-size) * 2 + var(--icon-gap-x) - var(--icon-size) / 5) / 2);
    --folder-gap: calc(((var(--folder-width) - var(--icon-size) / 4) - 4 * var(--folder-size)) / 3)
}

.app-item.icon-size-2x4 .app-item-folder {
    grid-template-rows: var(--folder-size) var(--folder-size);
    grid-template-columns: var(--folder-size) var(--folder-size) var(--folder-size) var(--folder-size);
    grid-gap: 0 var(--folder-gap)
}

.app-item.icon-size-2x4 .app-item-folder li {
    padding: .8em
}

.app-item.icon-size-2x4 .app-item-folder li .app-item-folder-section {
    border-radius: calc(var(--icon-radius) / 1.2)
}

.app-item-folder[data-v-e5d25b91] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 33% 33% 33%;
    padding: calc(var(--icon-size) / 10);
    background-color: rgba(var(--alpha-bg),.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.app-item-folder li[data-v-e5d25b91] {
    padding: .2em
}

.app-item-folder li .app-item-folder-section[data-v-e5d25b91] {
    transition: transform .2s;
    cursor: pointer;
    border-radius: calc(var(--icon-radius) / 5);
    width: 100%;
    height: 100%;
    overflow: hidden
}

.app-item-folder.hover li .app-item-folder-section[data-v-e5d25b91]:hover {
    transform: translateY(-3px)
}

.un-icon-del {
    width: auto!important;
    min-width: 160px!important;
    max-width: 600px!important;
    padding: 10px 16px!important;
    background-color: #161616!important
}

.app-grid {
    position: relative;
    display: grid;
    padding-top: 2vh;
    -webkit-user-select: none;
    user-select: none;
    grid-template-columns: repeat(auto-fill,var(--icon-size));
    grid-template-rows: repeat(auto-fill,var(--icon-size));
    grid-auto-flow: dense;
    grid-gap: var(--icon-gap-x) var(--icon-gap-y);
    box-sizing: border-box;
    justify-content: center;
    padding-bottom: 50px
}

.app-item-duration {
    transition-duration: var(--icon-transition-duration)
}

.app-item {
    list-style-type: none;
    position: relative;
    grid-column: span 1;
    grid-row: span 1;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    opacity: var(--icon-opacity);
    width: calc(var(--icon-size) + var(--icon-gap-y));
    height: calc(var(--icon-size) + var(--icon-gap-x));
    border-radius: var(--icon-radius)
}

.app-item.dragHover {
    transform: scale(1.1)
}

.app-item .icon-item-delete {
    z-index: 11;
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0 7px #0003;
    right: 2px;
    top: -5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #333;
    background-color: #fff6;
    display: none;
    transition: .2s
}

.app-item .icon-item-delete:hover {
    cursor: pointer;
    background-color: #d83030;
    color: #fff
}

.app-item .app-item-icon {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--icon-radius);
    font-size: 12px;
    box-shadow: 0 0 5px #0000001a;
    transition: transform .2s;
    cursor: pointer
}

.app-item .app-item-icon.swing+.icon-item-delete {
    display: flex
}

.app-item .app-item-icon.dragFolder {
    transform: scale(1.1)
}

.app-item .app-item-icon:hover {
    box-shadow: 0 0 10px #0000004d
}

.app-item .app-item-icon:active {
    transform: scale(.99)
}

.app-item .app-item-icon .app-item-img {
    display: block;
    object-fit: var(--icon-fit, cover);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--icon-bg-color)
}

.app-item .app-item-title {
    width: calc(100% + var(--icon-gap-y));
    margin-left: calc(var(--icon-gap-y) / 2 * -1);
    display: var(--icon-name);
    margin-top: 6px;
    text-align: center;
    color: var(--icon-nameColor);
    font-size: var(--icon-nameSize);
    line-height: 1.1;
    filter: drop-shadow(0px 2px 7px rgba(0,0,0,.8))
}

.icon-size-1x1,.icon-size-mini {
    width: var(--icon-size);
    height: var(--icon-size)
}

.icon-size-1x2 {
    grid-column: span 2;
    width: calc(var(--icon-size) * 2 + var(--icon-gap-y) * 1);
    height: var(--icon-size)
}

.icon-size-2x1 {
    grid-row: span 2;
    width: var(--icon-size);
    height: calc(var(--icon-size) * 2 + var(--icon-gap-x) * 1)
}

.icon-size-2x2,.icon-size-small {
    grid-column: span 2;
    grid-row: span 2;
    width: calc(var(--icon-size) * 2 + var(--icon-gap-y));
    height: calc(var(--icon-size) * 2 + var(--icon-gap-x))
}

.icon-size-2x4,.icon-size-medium {
    grid-column: span 4;
    grid-row: span 2;
    width: calc(var(--icon-size) * 4 + var(--icon-gap-y) * 3);
    height: calc(var(--icon-size) * 2 + var(--icon-gap-x))
}

.flip-li-move {
    transition-duration: var(--icon-transition-duration);
    transition-timing-function: ease
}

.flip-li-enter-from,.flip-li-leave-to {
    opacity: 0;
    transform-origin: center;
    transform: scale(.1);
    transition-duration: .3s
}

.flip-li-leave-active {
    position: absolute
}

.add-button {
    border-radius: 4px;
    padding: 0 20px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    background-color: #0000004d;
    cursor: pointer
}

.add-button:hover {
    background-color: #0006
}

.app-icon-grid-wrap[data-v-d6df4312] {
    transition: .1s ease
}

.app-icon-grid[data-v-d6df4312] {
    pointer-events: none;
    max-width: var(--icon-max-width, 1350px);
    margin: 0 auto;
    padding: 0 var(--sidebar-width, 45px);
    height: 100%
}

.app-icon-wrap[data-v-d6df4312] {
    position: relative
}

.app-icon-wrap .app-icon-item[data-v-d6df4312] {
    transition: transform ease-out .28s!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: calc(var(--el-index-normal) - 1)
}

.app-main[data-v-fcb89cd8] {
    z-index: 1
}

.d-watch-resize[data-v-780d0918] {
    position: relative
}

.weekend[data-v-ffca20b2] {
    color: #ff5a5d
}

.d-calendar[data-v-ffca20b2] {
    font-family: HarmonyOS_Sans;
    color: var(--color, var(--d-main))
}

.d-calendar .d-calendar-week[data-v-ffca20b2] {
    height: 1.1em
}

.d-calendar .d-calendar-week li[data-v-ffca20b2] {
    font-size: .56em
}

.d-calendar .d-calendar-body[data-v-ffca20b2] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(7,14.285%);
    font-size: 12px;
    text-align: center;
    height: calc(100% - 1.8em);
    width: 100%
}

.d-calendar .d-calendar-body li[data-v-ffca20b2] {
    cursor: pointer
}

.d-calendar .d-calendar-body li span[data-v-ffca20b2] {
    display: inline-block;
    width: 16px;
    height: 16px
}

.d-calendar .d-calendar-body .isToday span[data-v-ffca20b2] {
    border-radius: 50%;
    background-color: #ff5a5d;
    color: #fff
}

.d-calendar .d-calendar-body .otherMonth[data-v-ffca20b2],.d-calendar .d-calendar-body .prev[data-v-ffca20b2],.d-calendar .d-calendar-body .next[data-v-ffca20b2] {
    opacity: .5
}

.calendar-icon[data-v-6a3d36bd] {
    color: var(--d-main);
    background: var(--bg-card);
    font-family: HarmonyOS_Sans
}

.calendar-icon .calendar-icon-wrap.size-medium[data-v-6a3d36bd],.calendar-icon .calendar-icon-wrap.size-2x4[data-v-6a3d36bd] {
    width: 40%;
    height: 100%;
    box-sizing: content-box
}

.calendar-icon .calendar-icon-wrap.size-medium .calendar-icon-body[data-v-6a3d36bd],.calendar-icon .calendar-icon-wrap.size-2x4 .calendar-icon-body[data-v-6a3d36bd] {
    display: inline-block;
    border-radius: 18%;
    overflow: hidden;
    color: rgba(var(--alpha-color),.8)
}

.calendar-icon .calendar-icon-wrap.size-medium .calendar-icon-body .icon-date[data-v-6a3d36bd],.calendar-icon .calendar-icon-wrap.size-2x4 .calendar-icon-body .icon-date[data-v-6a3d36bd] {
    align-items: end
}

.calendar-icon .calendar-icon-wrap.size-medium .calendar-icon-body .icon-date .d-icon[data-v-6a3d36bd],.calendar-icon .calendar-icon-wrap.size-2x4 .calendar-icon-body .icon-date .d-icon[data-v-6a3d36bd] {
    font-size: 14px;
    position: relative;
    top: -.2em;
    color: rgba(var(--alpha-color),.5)
}

.calendar-icon .calendar-icon-wrap.size-medium .calendar-icon-body .icon-date .d-icon[data-v-6a3d36bd]:hover,.calendar-icon .calendar-icon-wrap.size-2x4 .calendar-icon-body .icon-date .d-icon[data-v-6a3d36bd]:hover {
    color: rgba(var(--alpha-color),1)
}

.calendar-icon .calendar-icon-wrap.size-medium:hover .icon-date .d-icon[data-v-6a3d36bd],.calendar-icon .calendar-icon-wrap.size-2x4:hover .icon-date .d-icon[data-v-6a3d36bd] {
    display: inline-flex!important
}

.calendar-icon .calendar-icon-wrap.size-2x2 .calendar-icon-body .icon-date[data-v-6a3d36bd],.calendar-icon .calendar-icon-wrap.size-small .calendar-icon-body .icon-date[data-v-6a3d36bd] {
    background-color: #ff5a5d;
    color: #fff
}

.clock-icon-wrap[data-v-9692e4e9] {
    background: #111;
    font-family: HarmonyOS_Sans
}

.clock-icon-wrap .fullsrceen-btn[data-v-9692e4e9] {
    right: .6em;
    top: .6em;
    font-size: 16px;
    display: none
}

.clock-icon-wrap:hover .fullsrceen-btn[data-v-9692e4e9] {
    display: block
}

.countdown-wrap[data-v-22fb18d7] {
    transition: background .5s;
    background-color: var(--bgColor);
    background-image: var(--bgImg);
    color: var(--textColor);
    font-weight: 500;
    display: flex;
    font-family: var(--fontFamily)
}

.countdown-wrap>div[data-v-22fb18d7] {
    position: relative;
    z-index: 1
}

.countdown-wrap[data-v-22fb18d7]:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--maskBg)
}

.countdown-wrap .countdown-img[data-v-22fb18d7] {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-image: var(--workStatus)
}

.countdown-wrap .iconsize-1x1[data-v-22fb18d7] {
    font-weight: 700
}

.countdown-wrap .iconsize-1x2[data-v-22fb18d7] {
    padding: 6px 12px;
    align-items: center;
    display: flex;
    justify-content: space-between
}

.countdown-wrap .iconsize-1x2 .countdown-img[data-v-22fb18d7] {
    width: 54px
}

.countdown-wrap .iconsize-2x1[data-v-22fb18d7] {
    padding: 12px 6px;
    flex-direction: column;
    text-align: center
}

.countdown-wrap .iconsize-2x1 .off-work[data-v-22fb18d7] {
    writing-mode: vertical-lr;
    font-size: 1.8em!important;
    display: inline-block
}

.countdown-wrap .iconsize-2x1 .countdown-img[data-v-22fb18d7] {
    width: 100%;
    height: 55px;
    background-position: center
}

.countdown-wrap .iconsize-2x2[data-v-22fb18d7],.countdown-wrap .iconsize-small[data-v-22fb18d7] {
    padding: .571em 0;
    flex-direction: column
}

.countdown-wrap .iconsize-2x2 .countdown-img[data-v-22fb18d7],.countdown-wrap .iconsize-small .countdown-img[data-v-22fb18d7] {
    width: 100%;
    height: 65%;
    background-size: contain
}

.countdown-wrap .iconsize-2x4[data-v-22fb18d7],.countdown-wrap .iconsize-medium[data-v-22fb18d7] {
    padding: .571em;
    display: block;
    position: relative
}

.countdown-wrap .iconsize-2x4 .countdown-img[data-v-22fb18d7],.countdown-wrap .iconsize-medium .countdown-img[data-v-22fb18d7] {
    position: absolute;
    right: 10px;
    top: 0;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: 5.2em;
    background-size: contain
}

.countdown-wrap .iconsize-2x4 .icon-2x4-offwork[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-offwork[data-v-22fb18d7],.countdown-wrap .iconsize-2x4 .icon-2x4-box[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-box[data-v-22fb18d7] {
    height: 47%
}

.countdown-wrap .iconsize-2x4 .icon-2x4-offwork .title[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-offwork .title[data-v-22fb18d7] {
    font-size: 14px;
    height: 14px;
    line-height: 16px;
    margin-bottom: 6px
}

.countdown-wrap .iconsize-2x4 .icon-2x4-box[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-box[data-v-22fb18d7] {
    text-align: center;
    overflow: hidden
}

.countdown-wrap .iconsize-2x4 .icon-2x4-box li[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-box li[data-v-22fb18d7] {
    font-size: .57em;
    padding: 6px 2px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 15.5%;
    height: 100%;
    border-radius: 6px;
    float: left;
    margin-right: 6px;
    background-color: var(--boxBg);
    color: var(--textSubColor);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.countdown-wrap .iconsize-2x4 .icon-2x4-box li p[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-box li p[data-v-22fb18d7] {
    height: 33.3333%
}

.countdown-wrap .iconsize-2x4 .icon-2x4-box li p b[data-v-22fb18d7],.countdown-wrap .iconsize-medium .icon-2x4-box li p b[data-v-22fb18d7] {
    font-size: .86em
}

.days-icon[data-v-aff6ee9b] {
    transition: background .5s;
    background-color: var(--bgColor);
    background-image: var(--bgImg);
    color: var(--textColor);
    font-family: var(--fontFamily)
}

.days-icon>div[data-v-aff6ee9b] {
    position: relative;
    z-index: 1
}

.days-icon[data-v-aff6ee9b]:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--maskBg)
}

.days-icon .days-icon-medius[data-v-aff6ee9b] {
    position: absolute;
    width: 60%;
    padding: .4em
}

.days-icon2[data-v-f79bd553] {
    transition: background .5s;
    position: relative;
    background-color: var(--bgColor);
    background-image: var(--bgImg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--textColor);
    font-weight: 500;
    font-family: var(--fontFamily);
    width: 100%;
    height: 100%
}

.days-icon2>div[data-v-f79bd553] {
    position: relative;
    z-index: 1
}

.days-icon2[data-v-f79bd553]:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--maskBg)
}

.days-icon2.icon-1x1 .title[data-v-f79bd553],.days-icon2.icon-1x2 .title[data-v-f79bd553],.days-icon2.icon-2x1 .title[data-v-f79bd553] {
    font-size: 12px!important
}

.days-icon[data-v-c5319179] {
    transition: background .5s;
    background-color: var(--bgColor);
    background-image: var(--bgImg);
    color: var(--textColor);
    font-family: var(--fontFamily)
}

.days-icon>div[data-v-c5319179] {
    position: relative;
    z-index: 1
}

.days-icon[data-v-c5319179]:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--maskBg)
}

.app-eat[data-v-6fb61588] {
    height: 100%;
    background-color: var(--bg-card);
    color: var(--d-main);
    position: relative
}

.app-eat[data-v-6fb61588]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: .2;
    background-image: url(https://files.codelife.cc/itab/widget/eat/bg.svg);
    background-size: cover;
    background-position: center
}

.app-eat .eat-box[data-v-6fb61588] {
    position: relative;
    z-index: 1
}

.app-eat h1[data-v-6fb61588] {
    font-size: 1em;
    height: 1.6em
}

.app-eat .eat-button[data-v-6fb61588] {
    display: inline-block;
    height: 1.6em;
    width: 4.7em;
    margin-top: 1em;
    border-radius: 1em;
    color: #fff;
    cursor: pointer
}

.app-eat .eat-button span[data-v-6fb61588] {
    font-size: .67em
}

.app-eat .eat-button.start[data-v-6fb61588] {
    background-image: linear-gradient(135deg,#ec7e31,#f2b542);
    box-shadow: 0 2px 6px #f2b241
}

.app-eat .eat-button.stop[data-v-6fb61588] {
    background-image: linear-gradient(90deg,#ea4b67,#ed908b);
    box-shadow: 0 2px 6px #f08984
}

.app-eat .eat-button.change[data-v-6fb61588] {
    background-image: linear-gradient(90deg,#4996ee,#63cdf5);
    box-shadow: 0 2px 6px #60c4f6
}

.bb[data-v-01f0270d] {
    border-color: rgba(var(--alpha-color),.08)
}

.exchangerate-icon[data-v-01f0270d] {
    color: rgba(var(--alpha-color),.5);
    padding: .3em .5em;
    background-color: var(--bg-card)
}

.exchangerate-icon .exchangerate-icon-content .icon-update[data-v-01f0270d] {
    color: rgba(var(--alpha-color),.4)
}

.exchangerate-icon .exchangerate-icon-content .icon-update .money[data-v-01f0270d] {
    background-color: rgba(var(--alpha-color),.1);
    border-radius: 6px;
    padding: 0 4px
}

.exchangerate-icon .exchangerate-icon-content .exchangerate-icon-item[data-v-01f0270d] {
    height: 28%;
    font-size: .62em;
    padding: 4px 0;
    box-sizing: border-box;
    color: rgba(var(--alpha-color),.8)
}

.exchangerate-icon .exchangerate-icon-content .exchangerate-icon-item .exchangerate-icon-item-body[data-v-01f0270d] {
    padding: 0 4px;
    border-radius: 4px
}

.exchangerate-icon .exchangerate-icon-content .exchangerate-icon-item .icon-code[data-v-01f0270d] {
    color: rgba(var(--alpha-color),.3);
    transform: scale(.9);
    transform-origin: left
}

.exchangerate-icon.icon-2x4 .exchangerate-icon-item[data-v-01f0270d] {
    width: 48%;
    display: inline-block
}

.exchangerate-icon.icon-2x4 .exchangerate-icon-item[data-v-01f0270d]:nth-child(odd) {
    margin-left: 2%
}

.exchangerate-icon.icon-2x4 .exchangerate-icon-item[data-v-01f0270d]:nth-child(2n) {
    margin-right: 2%
}

.games-wrap[data-v-fb7c576f] {
    background: url(https://files.codelife.cc/itab/games-icon-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-color: #fff;
    color: #fff;
    font-weight: 500
}

.games-wrap:hover .games-btn[data-v-fb7c576f] {
    opacity: 1
}

.games-wrap .games-btn[data-v-fb7c576f] {
    position: absolute;
    bottom: 50%;
    opacity: 0;
    z-index: 99;
    margin-bottom: -12px
}

.games-wrap .games-btn-prev[data-v-fb7c576f] {
    left: 2px
}

.games-wrap .games-btn-next[data-v-fb7c576f] {
    right: 2px
}

.games-wrap .games-btn.d-icon[data-v-fb7c576f] {
    font-size: 20px;
    height: 20px;
    width: 20px;
    background-color: #fff3;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.games-wrap .games-btn.d-icon[data-v-fb7c576f]:hover {
    background-color: #ffffff4d
}

.games-wrap .games-body[data-v-fb7c576f] {
    height: 76%;
    padding: 0 6%;
    border-radius: 20px 20px 0 0;
    background-color: #ffffff1a
}

.games-wrap .games-body .games-body-item[data-v-fb7c576f] {
    display: inline-block;
    width: 25%
}

.games-wrap .games-body .games-body-item .games-body-icon[data-v-fb7c576f] {
    margin-top: 26%;
    padding: 0 20%
}

.games-wrap .games-body .games-body-item .games-body-icon img[data-v-fb7c576f] {
    display: block;
    object-fit: cover;
    border-radius: 50%
}

.games-wrap.iconsize-2x2[data-v-fb7c576f] {
    flex-direction: column
}

.games-wrap.iconsize-2x2 .games-body .games-body-item[data-v-fb7c576f] {
    display: inline-block;
    width: 50%
}

.checkin-icon[data-v-c277e1f4] {
    position: relative;
    color: var(--d-main);
    width: 100%;
    height: 100%;
    background: var(--bg-card);
    background-position: center;
    background-size: cover;
    padding: 8px
}

.checkin-icon .habit-progress[data-v-c277e1f4] {
    height: calc(100% - 8px);
    padding: 6px;
    border-radius: 50%
}

.checkin-icon .habit-progress.iconsize-2x4[data-v-c277e1f4],.checkin-icon .habit-progress.iconsize-medium[data-v-c277e1f4] {
    height: calc(100% - 10px);
    display: flex
}

.checkin-icon .habit-progress.iconsize-2x4 .d-progress[data-v-c277e1f4],.checkin-icon .habit-progress.iconsize-medium .d-progress[data-v-c277e1f4] {
    width: 50%
}

.checkin-icon .checkin-handle-box[data-v-c277e1f4] {
    display: none;
    position: absolute;
    bottom: 12%;
    width: 26px;
    height: 26px;
    background: var(--bg-card);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(var(--alpha-color),.17)
}

.checkin-icon .checkin-handle-box[data-v-c277e1f4]:hover {
    background-color: #0092fb;
    color: #fff
}

.checkin-icon .checkin-handle-box:hover.reset[data-v-c277e1f4] {
    background-color: #f56c6c
}

.checkin-icon:hover .checkin-handle-box[data-v-c277e1f4] {
    display: flex
}

.checkin-icon:hover .checkin-progress[data-v-c277e1f4] {
    opacity: .7
}

.clock-wrap[data-v-cf46eeb4] {
    background: #e4ebf5
}

.clock-wrap button[data-v-cf46eeb4] {
    box-shadow: .3em .3em .6em #c8d0e7,-.2em -.2em .5em #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 2.8em;
    height: 2.8em;
    border-radius: 50%
}

.clock-wrap button[data-v-cf46eeb4]:before {
    content: "";
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    background: #ff5a5d;
    border-radius: 50%;
    transition: .3s ease;
    box-shadow: inset .2em .2em 1em #fb5053,inset -.2em -.2em 1em #dd5456,.3em .3em .6em #ff5a5d4d,-.2em -.2em .5em #fff
}

.movie-wrap .movie-wrap-mask[data-v-e4772bdd] {
    background: linear-gradient(0deg,#0009,#0000)
}

.movie-wrap.icon-size-2x2 .icon-date[data-v-e4772bdd] {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

.movie-wrap.icon-size-2x2 .movie-title[data-v-e4772bdd] {
    width: 100%;
    display: inline-block
}

.movie-wrap.icon-size-2x2 .movie_rating[data-v-e4772bdd] {
    display: block;
    width: 50px
}

.movie-wrap.icon-size-2x2 .movie-text[data-v-e4772bdd] {
    -webkit-line-clamp: 2
}

.movie-wrap .movie-logo[data-v-e4772bdd] {
    top: 46%;
    position: absolute;
    border-radius: 6px;
    color: #333;
    font-weight: 700;
    font-size: 1.6em
}

.movie-wrap .movie_rating[data-v-e4772bdd] {
    display: inline-block;
    font-weight: 500;
    background-color: #ffac2d;
    height: 12px;
    padding: 0 2px;
    border-radius: 6px;
    color: #4f0e03;
    line-height: 12px
}

.movie-wrap .movie-text[data-v-e4772bdd] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.d-text-lr[data-v-e4772bdd] {
    writing-mode: vertical-lr
}

.muyu-record {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%);
    font-size: 1em;
    text-align: center;
    font-family: cursive;
    animation: moveTop .7s
}

@keyframes moveTop {
    0% {
        top: 20%
    }

    to {
        top: 0%;
        opacity: .1
    }
}

.muyu-icon[data-v-e52b2ca2] {
    font-size: 18px;
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    padding: .9em;
    color: #c29456
}

.muyu-icon .muyu-body[data-v-e52b2ca2] {
    transition: transform .2s
}

.muyu-icon .muyu-body[data-v-e52b2ca2]:active {
    transform: scale(.9)
}

.muyu-icon-content[data-v-e52b2ca2] {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.muyu-icon-content .muyu-text[data-v-e52b2ca2] {
    width: 46%
}

.muyu-icon-content .muyu-body[data-v-e52b2ca2] {
    width: 51%;
    padding-top: 10px
}

.muyu-icon-2x2 .muyu-icon-content[data-v-e52b2ca2],.muyu-icon-2x1 .muyu-icon-content[data-v-e52b2ca2] {
    display: block
}

.muyu-icon-2x2 .muyu-icon-content .muyu-text[data-v-e52b2ca2],.muyu-icon-2x1 .muyu-icon-content .muyu-text[data-v-e52b2ca2] {
    width: 100%
}

.muyu-icon-2x2 .muyu-icon-content .muyu-body[data-v-e52b2ca2],.muyu-icon-2x1 .muyu-icon-content .muyu-body[data-v-e52b2ca2] {
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.muyu-icon-1x2[data-v-e52b2ca2],.muyu-icon-2x1[data-v-e52b2ca2] {
    padding: .1em
}

.muyu-icon-1x2 .muyu-body[data-v-e52b2ca2],.muyu-icon-2x1 .muyu-body[data-v-e52b2ca2] {
    width: 38%
}

.muyu-icon-1x2 .muyu-text[data-v-e52b2ca2],.muyu-icon-2x1 .muyu-text[data-v-e52b2ca2] {
    font-size: 12px
}

.muyu-icon-1x2 .muyu-text .muyu-text-sub[data-v-e52b2ca2],.muyu-icon-2x1 .muyu-text .muyu-text-sub[data-v-e52b2ca2] {
    display: none
}

.muyu-icon-2x1 .muyu-icon-content[data-v-e52b2ca2] {
    display: flex;
    flex-direction: column
}

.muyu-icon-2x1 .muyu-icon-content .muyu-text[data-v-e52b2ca2] {
    width: 18px;
    text-align: center;
    height: 46%;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.muyu-icon-2x1 .muyu-icon-content .muyu-body[data-v-e52b2ca2] {
    padding-top: 0;
    width: 90%
}

.muyu-icon-1x1[data-v-e52b2ca2] {
    padding: .3em;
    display: flex;
    align-items: center
}

.muyu-icon-1x1 .muyu-icon-content[data-v-e52b2ca2] {
    display: none
}

.bb[data-v-fbe551e2] {
    border-color: rgba(var(--alpha-color),.08)
}

.notes-icon[data-v-fbe551e2] {
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#1d65f0,#1ad1fc);
    background-position: center;
    background-size: cover
}

.notes-icon.icon-1x2 .notes-icon-top[data-v-fbe551e2],.notes-icon.icon-1x1 .notes-icon-top[data-v-fbe551e2] {
    height: 30%;
    font-size: 12px
}

.notes-icon .notes-icon-top[data-v-fbe551e2] {
    height: 25%;
    background-image: linear-gradient(0deg,#ffc927,#ffa403)
}

.notes-icon .notes-icon-content[data-v-fbe551e2] {
    height: 75%;
    background-color: var(--bg-card);
    color: var(--d-main)
}

.notes-icon .notes-icon-content li[data-v-fbe551e2] {
    height: 33.3%;
    font-size: .62em;
    padding: 0 .5em;
    box-sizing: border-box
}

.notes-icon-medius[data-v-fbe551e2] {
    align-items: flex-start;
    flex-direction: column
}

.notes-icon-medius .notes-daily_grid[data-v-fbe551e2] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7,1fr)
}

.remai-icon .remai-icon-top[data-v-4b9cf058] {
    white-space: nowrap;
    height: 22px;
    color: #e84e3f
}

.remai-icon .remai-icon-top .top-tag[data-v-4b9cf058] {
    padding: 2px 4px;
    margin-right: 2px;
    border-radius: 3px;
    white-space: nowrap
}

.remai-icon .remai-icon-top .top-tag.active[data-v-4b9cf058] {
    background-color: #e84e3f;
    color: #fff
}

.remai-icon .remai-icon-content[data-v-4b9cf058] {
    height: calc(100% - 24px);
    overflow: hidden
}

.remai-icon .remai-icon-content .remai-icon-item[data-v-4b9cf058] {
    height: 25%;
    display: block;
    min-height: 16px;
    line-height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
    transition: color .2s
}

.remai-icon .remai-icon-content .remai-icon-item a[data-v-4b9cf058] {
    color: #666
}

.remai-icon .remai-icon-content .remai-icon-item a[data-v-4b9cf058]:hover {
    opacity: .8
}

.remai-icon .remai-icon-content .remai-icon-item .icon-index[data-v-4b9cf058] {
    display: inline-block;
    min-width: 8px
}

.light {
    --sportBg: linear-gradient(#fbfaee, #cad9c6)
}

.dark {
    --sportBg: linear-gradient(#111211, #40403f)
}

.sport-icon[data-v-fa13eef9] {
    background-image: var(--sportBg);
    color: #333
}

.sport-icon p[data-v-fa13eef9] {
    font-size: .56em
}

.sport-icon .sport-title[data-v-fa13eef9] {
    height: 30%
}

.sport-icon.iconsize-2x2[data-v-fa13eef9] {
    padding: .6em
}

.sport-icon.iconsize-2x2 .sport-title span[data-v-fa13eef9] {
    font-size: 12px
}

.sport-icon.iconsize-2x2 span img[data-v-fa13eef9] {
    width: 1.6em!important;
    height: 1.6em!important
}

.sport-icon.iconsize-2x2 .vsline[data-v-fa13eef9] {
    font-size: 14px!important
}

.sport-icon.iconsize-2x4[data-v-fa13eef9] {
    padding: .6em 1em
}

.sport-icon.iconsize-2x4 span[data-v-fa13eef9] {
    width: 30%
}

.sport-icon.iconsize-1x2[data-v-fa13eef9] {
    padding: .8em
}

.sport-icon.iconsize-1x2 .vsline[data-v-fa13eef9] {
    font-size: 14px!important
}

.sport-icon.iconsize-1x2 .sport-info[data-v-fa13eef9] {
    height: 100%!important
}

.sport-icon.iconsize-1x2 .sport-info img[data-v-fa13eef9] {
    width: 20px!important;
    height: 20px!important
}

.sport-icon.iconsize-2x1[data-v-fa13eef9] {
    padding: 10px 4px
}

.sport-icon.iconsize-2x1 .vsline[data-v-fa13eef9] {
    font-size: 14px!important
}

.sport-icon.iconsize-2x1 .sport-info[data-v-fa13eef9] {
    flex-direction: column;
    height: 100%!important
}

.sport-icon.iconsize-2x1 .sport-info img[data-v-fa13eef9] {
    width: 20px!important;
    height: 20px!important
}

.sport-icon.iconsize-2x4 .sport-info[data-v-fa13eef9],.sport-icon.iconsize-2x2 .sport-info[data-v-fa13eef9],.sport-icon.iconsize-1x2 .sport-info[data-v-fa13eef9],.sport-icon.iconsize-2x1 .sport-info[data-v-fa13eef9] {
    height: 70%;
    text-align: center
}

.sport-icon.iconsize-2x4 .sport-info .sport-room-status[data-v-fa13eef9],.sport-icon.iconsize-2x2 .sport-info .sport-room-status[data-v-fa13eef9],.sport-icon.iconsize-1x2 .sport-info .sport-room-status[data-v-fa13eef9],.sport-icon.iconsize-2x1 .sport-info .sport-room-status[data-v-fa13eef9] {
    color: #666;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    line-height: 26px;
    padding: 0 12px;
    border-radius: 20px;
    background-color: rgba(var(--alpha-bg),.3)
}

.sport-icon.iconsize-2x4 .sport-info .sport-room-status[data-v-fa13eef9]:hover,.sport-icon.iconsize-2x2 .sport-info .sport-room-status[data-v-fa13eef9]:hover,.sport-icon.iconsize-1x2 .sport-info .sport-room-status[data-v-fa13eef9]:hover,.sport-icon.iconsize-2x1 .sport-info .sport-room-status[data-v-fa13eef9]:hover {
    background-color: rgba(var(--alpha-bg),.4)
}

.sport-icon.iconsize-2x4 .sport-info span[data-v-fa13eef9],.sport-icon.iconsize-2x2 .sport-info span[data-v-fa13eef9],.sport-icon.iconsize-1x2 .sport-info span[data-v-fa13eef9],.sport-icon.iconsize-2x1 .sport-info span[data-v-fa13eef9] {
    overflow: hidden;
    padding: 3px 0
}

.sport-icon.iconsize-2x4 .sport-info span img[data-v-fa13eef9],.sport-icon.iconsize-2x2 .sport-info span img[data-v-fa13eef9],.sport-icon.iconsize-1x2 .sport-info span img[data-v-fa13eef9],.sport-icon.iconsize-2x1 .sport-info span img[data-v-fa13eef9] {
    width: 2em;
    height: 2em;
    box-shadow: 0 0 4px #0003;
    border-radius: 50%;
    border: 1px solid rgba(var(--alpha-color),.05);
    object-fit: cover
}

.sport-icon[data-v-46fef30d] {
    background: linear-gradient(45deg,#0f2b52,#0e1d48,#342335);
    position: relative
}

.sport-icon[data-v-46fef30d]:before {
    left: 2%;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    content: "巴黎奥运会";
    color: #ffffff17;
    z-index: 0
}

.sport-icon.iconsize-2x2[data-v-46fef30d] {
    padding: .6em .4em
}

.switch-icon[data-v-8f48e532] {
    z-index: 20;
    right: .2em;
    top: .2em;
    color: #333;
    background-color: #ffffff4d;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.stock-icon[data-v-6d8b4144] {
    color: rgba(var(--alpha-color),.7);
    padding: .3em .6em;
    background-color: var(--bg-card)
}

.stock-icon .stock-icon-content li[data-v-6d8b4144] {
    justify-content: space-between;
    height: 33.333%;
    font-size: .62em;
    box-sizing: border-box;
    color: rgba(var(--alpha-color),.9)
}

.stock-icon .stock-icon-content li .d-sub[data-v-6d8b4144] {
    transform-origin: 0;
    transform: scale3d(.9,.9,1);
    color: rgba(var(--alpha-color),.7)
}

.stock-icon .stock-icon-content li .d-sub.left[data-v-6d8b4144] {
    transform-origin: 0
}

.stock-icon .stock-icon-content li .d-sub.right[data-v-6d8b4144] {
    transform-origin: right
}

.stock-icon.icon-2x4 .stock-icon-content li[data-v-6d8b4144] {
    height: 25%
}

.stock-icon.icon-2x4 .stock-icon-content li .title p[data-v-6d8b4144] {
    display: inline-block;
    margin-right: 4px
}

.stock-icon.icon-2x4 .stock-icon-content li .d-sub.right[data-v-6d8b4144] {
    display: none
}

.stock-icon.icon-2x4 .stock-icon-content li .percent[data-v-6d8b4144] {
    padding: 3px 4px;
    background-color: #4bc56a;
    color: #fff!important;
    border-radius: 4px
}

.shici-wrap[data-v-be11454c] {
    color: #333
}

.shici-wrap .shici-text[data-v-be11454c] {
    font-size: .66em
}

.shici-wrap.iconsize-2x1 .shici-body[data-v-be11454c] {
    writing-mode: vertical-lr
}

.shici-wrap .app-bg[data-v-be11454c] {
    bottom: 0
}

.shici-wrap.iconsize-2x4 .app-bg[data-v-be11454c] {
    bottom: -20px
}

.shici-wrap.iconsize-2x4 .shici-text[data-v-be11454c] {
    font-size: .86em
}

.shici-wrap.iconsize-1x2 .app-bg[data-v-be11454c] {
    bottom: -8px
}

.todo-icon[data-v-e8f9765a] {
    background-color: var(--bg-card);
    color: var(--d-main)
}

.todo-icon .todo-icon-top[data-v-e8f9765a] {
    height: 25%
}

.todo-icon .todo-icon-title[data-v-e8f9765a] {
    height: 26%;
    padding: 0 .6em;
    border-bottom: 1px solid rgba(var(--alpha-color),.06)
}

.todo-icon .todo-icon-content[data-v-e8f9765a] {
    width: 100%;
    height: 100%;
    color: rgba(var(--alpha-color),.8)
}

.todo-icon .todo-icon-content .todo-icon-add[data-v-e8f9765a] {
    position: absolute;
    bottom: 15px;
    width: 28px;
    height: 28px;
    background-color: #3159ff;
    color: #fff;
    border-radius: 50%;
    font-size: 22px
}

.todo-icon .todo-icon-content li[data-v-e8f9765a] {
    height: 20%;
    font-size: .62em;
    padding: 0 .8em;
    box-sizing: border-box
}

.todo-icon .todo-icon-content li .to-icon-check[data-v-e8f9765a] {
    display: inline-block;
    width: 3px;
    height: 12px;
    background-color: var(--d-sub);
    margin-right: 4px;
    cursor: pointer;
    border-radius: 3px
}

.iconsize-1x1 {
    --btn-size: 22px !important
}

.tomato-icon-wrap[data-v-bda588a0] {
    background: var(--bg);
    font-family: Arial
}

.tomato-icon-wrap>.d-flex-center[data-v-bda588a0] {
    position: relative;
    z-index: 10
}

.tomato-icon-wrap.iconsize-1x2 .time[data-v-bda588a0] {
    font-size: 4em!important
}

.tomato-icon-wrap.iconsize-1x1 .time[data-v-bda588a0] {
    font-size: 2em!important
}

.tomato-icon-wrap.iconsize-1x1 .tomato-btn-body[data-v-bda588a0],.tomato-icon-wrap.iconsize-1x2 .tomato-btn-body[data-v-bda588a0],.tomato-icon-wrap.iconsize-2x1 .tomato-btn-body[data-v-bda588a0] {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--bg);
    margin-top: 0
}

.tomato-icon-wrap.iconsize-1x1:hover .tomato-btn-body[data-v-bda588a0],.tomato-icon-wrap.iconsize-1x2:hover .tomato-btn-body[data-v-bda588a0],.tomato-icon-wrap.iconsize-2x1:hover .tomato-btn-body[data-v-bda588a0] {
    display: block
}

.tomato-icon-wrap.iconsize-2x1 .tomato-btn-body>.flex[data-v-bda588a0] {
    flex-direction: column
}

.tomato-icon-wrap.iconsize-2x1 .tomato-btn-body>.flex .tomato-btn[data-v-bda588a0] {
    margin: 2px
}

.tomato-icon-wrap[data-v-bda588a0] .switch-btn {
    left: 46%;
    top: 50%;
    margin-top: -11px
}

.tomato-icon-wrap.iconsize-2x4 .progress-box[data-v-bda588a0] {
    width: 70%
}

.tomato-icon-wrap .tomato-btn[data-v-bda588a0] {
    height: var(--btn-size);
    width: var(--btn-size);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.4);
    border-radius: 50%;
    margin: 0 2px;
    cursor: pointer
}

.tomato-icon-wrap .tomato-btn .d-icon[data-v-bda588a0] {
    font-size: 14px;
    color: #fff9
}

.tomato-icon-wrap .tomato-btn[data-v-bda588a0]:hover {
    background-color: #fff3;
    border-color: #fff9
}

.tomato-icon-wrap .tomato-btn:hover .d-icon[data-v-bda588a0] {
    color: #fff
}

.topsearch-icon[data-v-4c73b740] {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg,#252934,#494f5b);
    color: #fff;
    border-radius: var(--icon-radius)
}

.topsearch-icon .topsearch-icon-top[data-v-4c73b740] {
    white-space: nowrap;
    font-size: .58em
}

.topsearch-icon .topsearch-icon-top .top-tag[data-v-4c73b740] {
    padding: 2px 4px;
    margin-right: 6px;
    border-radius: 3px;
    white-space: nowrap
}

.topsearch-icon .topsearch-icon-top .top-tag.active[data-v-4c73b740] {
    background-color: #fff3
}

.topsearch-icon .topsearch-icon-content[data-v-4c73b740] {
    height: calc(100% - 1em);
    margin-top: .3em;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.topsearch-icon .topsearch-icon-content li[data-v-4c73b740] {
    min-height: 25%;
    box-sizing: border-box;
    font-size: .59em;
    transition: color .2s
}

.topsearch-icon .topsearch-icon-content li a[data-v-4c73b740] {
    color: #f1f1f1
}

.topsearch-icon .topsearch-icon-content li a[data-v-4c73b740]:hover {
    opacity: .8
}

.topsearch-icon .topsearch-icon-content li a[data-v-4c73b740]:visited {
    color: #ddd
}

.topsearch-icon .topsearch-icon-content li .icon-index[data-v-4c73b740] {
    display: inline-block;
    min-width: 8px;
    color: #7a8486;
    font-weight: 700
}

.topsearch-icon .topsearch-icon-content li:nth-of-type(1) .icon-index[data-v-4c73b740] {
    color: #fff
}

.topsearch-icon .topsearch-icon-content li:nth-of-type(2) .icon-index[data-v-4c73b740] {
    color: #cfd0d4
}

.topsearch-icon .topsearch-icon-content li:nth-of-type(3) .icon-index[data-v-4c73b740] {
    color: #a7abb6
}

.uppercase-icon[data-v-4982e05c] {
    background-image: linear-gradient(-45deg,#2f3442,#010101)
}

.vgn-logo[data-v-9bc9b947] {
    background-color: #131415;
    object-fit: contain
}

.vgn-icon[data-v-9bc9b947] {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #202020
}

.vgn-icon .vgn-icon-content[data-v-9bc9b947] {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.vgn-icon .vgn-icon-content .vgn-btn[data-v-9bc9b947] {
    bottom: 50%;
    left: 4px;
    right: 4px;
    z-index: 3;
    margin-bottom: -12px;
    opacity: 0
}

.vgn-icon .vgn-icon-content .vgn-btn .d-icon[data-v-9bc9b947] {
    font-size: 10px;
    height: 24px;
    width: 24px;
    background-color: #fff3;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.vgn-icon .vgn-icon-content .vgn-btn .d-icon[data-v-9bc9b947]:hover {
    background-color: #ffffff4d
}

.vgn-icon .vgn-icon-content .footer-sale[data-v-9bc9b947] {
    position: absolute;
    height: 30px;
    width: 120px;
    background-color: #dd4327;
    left: -39px;
    transform: rotate(-45deg);
    font-family: Bebas;
    font-size: 18px;
    z-index: 5
}

.vgn-icon .vgn-icon-content:hover .vgn-btn[data-v-9bc9b947] {
    opacity: 1!important
}

.vgn-icon .vgn-icon-content .vgn-icon-footer[data-v-9bc9b947] {
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding-bottom: 6px;
    background: linear-gradient(0deg,#000000e6,#0000)
}

.vgn-icon.icon-2x4[data-v-9bc9b947] {
    display: flex
}

.vgn-icon.icon-2x4 .vgn-icon-content[data-v-9bc9b947] {
    width: 46%;
    flex-shrink: 0
}

.vgn-icon.icon-2x4 .vgn-news[data-v-9bc9b947] {
    flex: 1;
    flex-basis: auto;
    overflow: auto
}

.vgn-icon.icon-2x4 .vgn-news a[data-v-9bc9b947] {
    display: block;
    height: 25%
}

.vgn-icon.icon-2x4 .vgn-news a[data-v-9bc9b947]:hover {
    color: #eee
}

.wallpaper-icon[data-v-04a3ee3e] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.wallpaper-icon.iconsize-1x2 .copyright[data-v-04a3ee3e],.wallpaper-icon.iconsize-2x2 .copyright[data-v-04a3ee3e],.wallpaper-icon.iconsize-2x4 .copyright[data-v-04a3ee3e] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    height: 40px;
    padding: 0 10px;
    background-image: linear-gradient(transparent,#000c);
    line-height: 40px
}

.weather-sunny_d[data-v-960e9cce] {
    background-image: linear-gradient(35deg,#154280 30%,#335693,#a8b3d2)
}

.weather-sunny_n[data-v-960e9cce] {
    background-image: linear-gradient(45deg,#000012 20%,#29334e)
}

.weather-cloudy_d[data-v-960e9cce] {
    background-image: linear-gradient(35deg,#054989 30%,#72ade0)
}

.weather-cloudy_d[data-v-960e9cce]:before {
    content: "";
    position: absolute;
    background-image: url(../weather/cloud.webp);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: .6;
    background-repeat: no-repeat;
    background-position: right top
}

.weather-cloudy_n[data-v-960e9cce] {
    background-image: linear-gradient(35deg,#191a2e 30%,#4c5f7f)
}

.weather-yin_d[data-v-960e9cce] {
    background-image: linear-gradient(35deg,#354564 30%,#4c5f7f,#8b9bb8)
}

.weather-yin_n[data-v-960e9cce] {
    background-image: linear-gradient(45deg,#211e22 20%,#383a3e)
}

.weather-haze_d[data-v-960e9cce] {
    background-image: linear-gradient(45deg,#8d8882 20%,#bbb7af)
}

.weather-haze_n[data-v-960e9cce] {
    background-image: linear-gradient(45deg,#1b1712 20%,#5b4c49)
}

.weather-foggy_d[data-v-960e9cce] {
    background-image: linear-gradient(45deg,#789fb8 20%,#6386a3)
}

.weather-foggy_n[data-v-960e9cce] {
    background-image: linear-gradient(45deg,#6c7682 20%,#535d69)
}

.weather-rain_d[data-v-960e9cce] {
    background-image: url(../weather/rain_d.webp)
}

.weather-rain_n[data-v-960e9cce] {
    background-image: url(../weather/rain_d.webp)
}

.weather-snow_d[data-v-960e9cce] {
    background-image: url(../weather/snow_d.webp)
}

.weather-snow_n[data-v-960e9cce] {
    background-image: url(../weather/snow_n.webp)
}

.weather-thunder_d[data-v-960e9cce] {
    background-image: url(../weather/thunder_d.webp)
}

.weather-thunder_n[data-v-960e9cce] {
    background-image: url(../weather/thunder_n.webp)
}

.weather-other[data-v-960e9cce] {
    background-image: var(--weather-other)
}

.weather-icon[data-v-960e9cce] {
    color: #fff;
    background-color: #154280
}

.weather-icon[data-v-960e9cce]:before {
    background-position: top center;
    background-size: 120px
}

.weather-icon.iconsize-1x2[data-v-960e9cce] {
    padding: 0 6px;
    display: flex
}

.weather-icon.iconsize-2x1[data-v-960e9cce] {
    padding: 14px 6px
}

.dark[data-v-8d08a018] {
    --bg: #343436;
    --text: #fff
}

.light[data-v-8d08a018] {
    --bg: #fff;
    --text: #343436
}

.diff[data-v-8d08a018] {
    position: relative;
    top: -10px;
    opacity: .8;
    transform: scale(.92)
}

.time-clock[data-v-8d08a018] {
    width: 100%;
    padding-top: 100%
}

.digits[data-v-8d08a018] {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    background-color: var(--bg);
    color: var(--text);
    border-radius: 50%
}

.digits .point[data-v-8d08a018] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%)
}

.digits .point[data-v-8d08a018]:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: var(--text);
    border: 2px solid var(--bg)
}

.digits .point span.hand[data-v-8d08a018] {
    position: absolute;
    width: 2px;
    bottom: 50%;
    left: 50%;
    transform: rotate(90deg);
    transform-origin: bottom center;
    background-color: var(--text);
    border-radius: 1px;
    margin-left: -1px
}

.digits .point span.hand.hours-hand[data-v-8d08a018] {
    height: 26%
}

.digits .point span.hand.minutes-hand[data-v-8d08a018] {
    height: 36%
}

.digits .point span.hand.seconds-hand[data-v-8d08a018] {
    height: 44%;
    width: 1px;
    background-color: #fb7e01
}

.digits li[data-v-8d08a018] {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 0;
    transform-origin: 50% 100%
}

.digits li span[data-v-8d08a018] {
    position: absolute;
    font-size: 12px;
    transform: scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(1) {
    transform: rotate(30deg)
}

.digits li:nth-child(1) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-30deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(2) {
    transform: rotate(60deg)
}

.digits li:nth-child(2) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-60deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(3) {
    transform: rotate(90deg)
}

.digits li:nth-child(3) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-90deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(4) {
    transform: rotate(120deg)
}

.digits li:nth-child(4) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-120deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(5) {
    transform: rotate(150deg)
}

.digits li:nth-child(5) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-150deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(6) {
    transform: rotate(180deg)
}

.digits li:nth-child(6) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-180deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(7) {
    transform: rotate(210deg)
}

.digits li:nth-child(7) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(-210deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(8) {
    transform: rotate(240deg)
}

.digits li:nth-child(8) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(120deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(9) {
    transform: rotate(270deg)
}

.digits li:nth-child(9) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(90deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(10) {
    transform: rotate(300deg)
}

.digits li:nth-child(10) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(60deg) scale(.8)
}

.digits li[data-v-8d08a018]:nth-child(11) {
    transform: rotate(330deg)
}

.digits li:nth-child(11) span[data-v-8d08a018] {
    transform: translate(-50%) rotate(30deg) scale(.8)
}

.digits li:nth-child(12) span[data-v-8d08a018] {
    transform: translate(-50%) scale(.8)
}

.worldClock-wrap[data-v-ff1d3fb1] {
    background-color: #1c1c1e
}

.worldClock-wrap .time[data-v-ff1d3fb1] {
    font-size: 12px
}

.worldClock-wrap.iconsize-1x1 li[data-v-ff1d3fb1] {
    width: 100%;
    height: 100%
}

.worldClock-wrap.iconsize-1x2 li[data-v-ff1d3fb1] {
    width: 33.33%;
    height: 100%
}

.worldClock-wrap.iconsize-2x1 li[data-v-ff1d3fb1] {
    width: 100%;
    height: 33.33%
}

.worldClock-wrap.iconsize-2x2 li[data-v-ff1d3fb1] {
    width: 50%;
    height: 50%
}

.worldClock-wrap.iconsize-2x2 li .time[data-v-ff1d3fb1] {
    font-size: 16px
}

.worldClock-wrap.iconsize-2x4 li[data-v-ff1d3fb1] {
    width: 25%;
    height: 100%
}

.jia-icon[data-v-2169b126] {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg,#040d14,#39414c);
    color: #a1a6ab
}

.jia-icon .jia-font[data-v-2169b126] {
    font-family: Bebas;
    color: #efefef
}

.jia-icon.iconsize-2x1[data-v-2169b126],.jia-icon.iconsize-1x2[data-v-2169b126] {
    padding: 12px;
    display: flex;
    align-items: center
}

.jia-icon.iconsize-2x1 .jia-icon-body[data-v-2169b126],.jia-icon.iconsize-1x2 .jia-icon-body[data-v-2169b126] {
    display: flex
}

.jia-icon.iconsize-medium[data-v-2169b126],.jia-icon.iconsize-small[data-v-2169b126],.jia-icon.iconsize-2x2[data-v-2169b126],.jia-icon.iconsize-2x4[data-v-2169b126] {
    padding: .6em
}

.jia-icon.iconsize-medium .jia-list[data-v-2169b126],.jia-icon.iconsize-small .jia-list[data-v-2169b126],.jia-icon.iconsize-2x2 .jia-list[data-v-2169b126],.jia-icon.iconsize-2x4 .jia-list[data-v-2169b126] {
    height: 100%
}

.jia-icon.iconsize-2x4[data-v-2169b126],.jia-icon.iconsize-medium[data-v-2169b126] {
    display: flex;
    align-items: center
}

.jia-icon.iconsize-2x4 .jia-first[data-v-2169b126],.jia-icon.iconsize-medium .jia-first[data-v-2169b126] {
    width: 100%;
    padding-left: 1.6em
}

.jia-icon.iconsize-2x4 .jia-first .jia-font[data-v-2169b126],.jia-icon.iconsize-medium .jia-first .jia-font[data-v-2169b126] {
    font-size: 2em
}

.jia-icon li[data-v-2169b126] {
    height: 33.33%;
    width: 100%;
    justify-content: space-between;
    font-size: 12px;
    border-top: 1px dashed #787b7d;
    padding: .2em 0
}

.jia-icon li[data-v-2169b126]:last-child {
    border-bottom: 1px dashed #787b7d
}

.xyzrank-logo[data-v-b5195ded] {
    background-color: #8931c5
}

.xyzrank-icon[data-v-b5195ded] {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--bg-card);
    background-image: linear-gradient(155deg,#1681ff26,#0000);
    color: var(--d-main)
}

.xyzrank-icon .xyzrank-icon-top[data-v-b5195ded] {
    white-space: nowrap;
    font-size: .58em
}

.xyzrank-icon .xyzrank-icon-top .top-tag[data-v-b5195ded] {
    padding: 2px 4px;
    margin-right: 6px;
    border-radius: 3px;
    white-space: nowrap
}

.xyzrank-icon .xyzrank-icon-top .top-tag.active[data-v-b5195ded] {
    background-color: rgba(var(--alpha-color),.2)
}

.xyzrank-icon .xyzrank-icon-content[data-v-b5195ded] {
    height: calc(100% - 1em);
    margin-top: .4em;
    overflow: hidden
}

.xyzrank-icon .xyzrank-icon-content li[data-v-b5195ded] {
    height: 25%;
    box-sizing: border-box;
    font-size: .6em;
    transition: color .2s
}

.xyzrank-icon .xyzrank-icon-content li a[data-v-b5195ded] {
    color: var(--d-main)
}

.xyzrank-icon .xyzrank-icon-content li a[data-v-b5195ded]:hover {
    opacity: .8
}

.xyzrank-icon .xyzrank-icon-content li .icon-index[data-v-b5195ded] {
    display: inline-block;
    min-width: 8px
}

.yiyan-wrap[data-v-478ff12f] {
    background-color: #000;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%
}

.yiyan-wrap[data-v-478ff12f]:before {
    content: "";
    position: absolute;
    background: linear-gradient(#000c,#001400b3);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    z-index: 0
}

.yiyan-wrap.iconsize-2x4 .yiyan-text[data-v-478ff12f] {
    font-size: 14px
}

.yiyan-wrap .yiyan-content[data-v-478ff12f] {
    font-size: .6em;
    line-height: 1.4;
    font-weight: 400;
    height: calc(100% - 2.1em);
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.yiyan-wrap.iconsize-2x1 .yiyan-content[data-v-478ff12f] {
    writing-mode: vertical-lr
}

.spinner-border {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
}