/****************************************************************************  
 * @Author: 陌寒
 * @Date: 2025-11-02 18:21:29
 * @LastEditTime: 2025-11-16 14:26:04
 * @Description: ZibBox 子主题，为 WordPress 添加灵动之美，让网页别具韵味！
 * @Email: 7083266@qq.com
 * @Remind: 有任何问题请联系主题作者,希望大家在使用的途中遵守我们的相关约定，也呼吁每一位子比正版用户，使用正版 拒绝盗版，如有盗版 也绝不售卖！
 * @Copyright (c) 2025 by 郑州汇聚云网络科技有限公司, All Rights Reserved.
 ****************************************************************************/
.hot-top .left {
    float: left;
}

.hot-top .right .top-ul li a h3 {

    white-space: nowrap;
}

.hot-top .right {
    float: right;
}

img {
    border: none;
}

.hot-top {
    width: 100%;
    background: var(--main-bg-color);
    margin-bottom: 25px;
    padding: 22px 20px;
    position: relative;
    height: 147px;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
}

.hot-top .tg-ph {
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 60px;
    height: 60px;
}

.hot-top .left {
    height: 100%;
}

.hot-top .left a {
    display: block;
    width: 121px;
    height: 45px;
    line-height: 45px;
    background: #f6f6f6;
    text-align: center;
    font-size: 15px;
    color: #989898;
    margin-bottom: 13px;
    cursor: pointer;
    border-radius: 10px;
}

.hot-top .left a:last-child {
    margin-bottom: 0;
}

.hot-top .left .hover {
    background: #2b21fa;
    color: #FFF;
    position: relative;
}

.hot-top .left .hover:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #2b21fa;
    position: absolute;
    top: 15.5px;
    right: -10px;
    z-index: 1;
}

.hot-top .right-main {
    height: 100%;
    overflow-y: auto;
    margin-bottom: 30px;
}

.hot-top .right-main:last-child {
    margin-bottom: 0px;
}

.hot-top .right-overflow {
    transition: 0.4s all;
    transform: translateY(0);
}

.hot-top .right {
    float: left;
    width: calc(100% - 147px);
    margin-left: 26px;
    height: 100%;
}

.hot-top .right .top-ul {
    height: 130px;
    overflow: hidden;
}

.hot-top .right .top-ul li {
    width: 78px;
    float: center;
    margin: 0px 18px;
    display: inline-block;
}

.hot-top .right .top-ul li:nth-child(10n) {
    margin-right: 0;
}

.hot-top .right .top-ul li a {
    display: block;
}

.hot-top .right .top-ul li a .list-img {
    width: 100%;
    height: 78px;
    line-height: 78px;
    text-align: center;
    border-radius: 10px;
}

.hot-top .right .top-ul li a .list-img img {
    width: 100%;
}

.hot-top .right .top-ul li a .list-img img:hover {
    opacity: 0.8;
}

.hot-top .right .top-ul li a h3 {
    margin-top: 7px;
    font-size: 13px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.new-position {
    height: 780px;
}

.new-position .left {
    height: 100%;
    width: calc((100% - 13px) * 0.36);
}

.new-position .right {
    width: calc((100% - 13px) * 0.64);
    height: 100%;
    background: #FFF;
    padding: 17px 28px;
}

.new-position .layui-carousel>[carousel-item]>* {
    background: #FFF;
}

.new-position #index-lb {
    height: 300px;
}

.new-position #index-lb div div img {
    width: 100%;
    min-height: 100%;
}

.new-position .index-login {
    background: #FFF;
    margin-top: 13px;
    height: calc(767px - 300px);
    padding: 25px 33px;
    position: relative;
}

span.note {
    position: absolute;
    top: 10px;
    right: -50px;
    z-index: 1;
    width: 140px;
    height: 20px;
    background: #2c40a0;
    color: #fff;
    line-height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: 12px;
}

img.rela {
    position: absolute;
    left: 52px;
    z-index: 2;
    top: 58px;
    height: 25px;
    width: 25px;
}

.sec-wrapper {
    margin-bottom: 10px;
}

.training-camp__wrapper {
    --green-1: #cff0fb;
    --green-2: #cbf4e4;
    --green-3: #22ab80;
    --gray-1: #667280;
    --white-1: #fff;
    --white-2: #f5f7fa;
    background-image: linear-gradient(150deg, var(--green-1) 20%, var(--green-2) 40%);
    padding: 0 12px 12px;
    border-radius: 16px;
}

button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn {
    background: #ffffff00;
    border: 1px solid #fc3c2d00;
    border-radius: 0px;
}

.training-camp__wrapper .training-camp__header {
    padding: 24px 0 24px 12px;
    display: -webkit-flex;
    display: flex;
    gap: 18px;
    background: url(wp-content/themes/ZibBox/assets/images/widgets/oneposts.png) 100% 0/433px 126px no-repeat;

}

.training-camp__wrapper .header__title-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    gap: 0px;
}

.training-camp__wrapper .title__img-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    top: 0;
    height: 20px;
}

.training-camp__wrapper .header__btn-wrapper {
    margin-left: auto;
    display: -webkit-flex;
    display: flex;
}


.training-camp__wrapper .header__btn-wrapper button[class*=button---] {
    height: 20px;
    line-height: 20px;
    padding: 0 12px;
}

.training-camp__wrapper .header__btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    color: var(--green-3);
}

.medium---OGt5iw {
    height: 36px;
    padding: 8px 24px;
    font-size: 14px;
}

.outlined---BKvHAe,
.text---pn4pHz {
    background-color: initial;
    color: #3e454d;
}

.button---AUM5ZP {
    position: relative;
    display: inline-block;
    height: 36px;
    padding: 8px 24px;
    border-radius: 22px;
    cursor: pointer;
    border: unset;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.ke-icon---zeGrGg+i {
    display: inline-block;
    vertical-align: middle;
}

.training-camp__wrapper>div.sec-bd {
    background-color: var(--body-bg-color);
    gap: 12px;
}

.sec-wrapper .sec-bd {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
}

.training-camp__wrapper .sec-bd {
    padding: 12px;
    border-radius: 16px;
}

img.title-macyingyong {
    height: 50px;
}

.container123 {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    color: #3e454d;
}

@font-face {
    font-family: iconfont;
    src: url(//cdn.jsdelivr.net/gh/Pdmohan/JS-Wp/zibbox/iconfonts/font_4660907_obo8au1r4bj.woff2) format('woff2'), url(//cdn.jsdelivr.net/gh/Pdmohan/JS-Wp/zibbox/iconfonts/iconfont.woff) format('woff'), url(//cdn.jsdelivr.net/gh/Pdmohan/JS-Wp/zibbox/iconfonts/font_4660907_obo8au1r4bj.ttf) format('truetype')
}

.todayCard-slides-wrapper a {
    z-index: 999
}

.todayCard-slide-item .slide-link-area {
    pointer-events: none
}

.todayCard-slide-item .slide-link-area {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.todayCard-cover-slides {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

.todayCard-slides-wrapper {
    display: flex;
    transition: transform .8s cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

.todayCard-slide-item {
    flex: 0 0 100%;
    background-size: cover;
    background-position: center;
    display: block;
    position: relative
}

.todayCard-slide-item .slide-link-area {
    display: block;
    width: 100%;
    height: 100%
}

.todayCard-indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    z-index: 10;
    pointer-events: none
}

.todayCard-indicators .indicator-dot {
    display: inline-block;
    margin: 0 3px;
    background: rgba(255, 255, 255, .7);
    transition: background .3s, border-radius .3s, width .3s, height .3s;
    cursor: pointer;
    pointer-events: auto;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.todayCard-indicators .indicator-dot.active {
    width: 16px;
    height: 6px;
    border-radius: 3px;
    background: #fff
}

.topGroup .todayCard:after {
    pointer-events: none
}

.heoblogIcon {
    font-family: heoblogIcon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.zib-widget.widget_ziy51_banner_widget {
    padding: 0 !important;
    border: none !important;
    background: 0 0 !important;
    box-shadow: none !important;
    margin-bottom: 20px !important
}

#home_top {
    max-width: 1400px;
    margin: auto;
    margin-top: .5rem;
    padding: 0 .5rem;
    width: 100%;
    background: 0 0 !important
}

@media screen and (max-width:768px) {
    #home_top {
        padding: 0;
        margin-top: 0
    }
}

.recent-top-post-group {
    border-radius: 12px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 0
}

.recent-post-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll
}

.recent-post-top::-webkit-scrollbar {
    display: none
}

.recent-post-top .recent-post-item {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: .5rem;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    min-width: 200px;
    height: 164px;
    max-height: 164px;
    border: var(--style-border-always);
    transition: .3s;
    position: relative;
    box-shadow: var(--heo-shadow-border)
}

@media screen and (max-width:768px) {
    .recent-post-top .recent-post-item {
        border-radius: 8px;
        box-shadow: none;
        clip-path: inset(0 0 0 0 round 8px)
    }

    .recent-post-top .recent-post-item:last-child {
        margin-right: 1rem
    }
}

@media screen and (min-width:1200px) {
    .recent-post-top .recent-post-item {
        margin-right: 0;
        margin-bottom: .5rem
    }

    .recent-post-top .recent-post-item:active {
        transform: scale(.97)
    }

    .recent-post-top {
        overflow-x: visible
    }

    .recent-top-post-group {
        overflow: visible;
        overflow-x: visible
    }
}

span.recent-post-top-text {
    position: absolute;
    top: 0;
    left: -40px;
    display: flex;
    z-index: 1;
    background: #425aef;
    color: #fff;
    padding: 2px 8px;
    font-size: .6rem;
    border-radius: 12px 0;
    transition: .3s;
    cursor: pointer
}

.recent-post-item:hover .recent-post-top-text {
    left: 0
}

@media screen and (max-width:1200px) {
    #home_top {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .recent-post-top .recent-post-item:hover {
        border: var(--style-border-hover);
        box-shadow: var(--bywind-shadow-main);
        transform: scale(1.03)
    }

    .recent-post-top .recent-post-item:active {
        transform: scale(.97)
    }
}

@media screen and (max-width:768px) {
    .recent-top-post-group {
        border-radius: 0;
        background: var(--bywind-background)
    }

    .recent-post-top-text {
        display: none !important
    }

    .recent-post-top .recent-post-item .post_cover img {
        border-radius: 8px 8px 0 0 !important
    }
}

.recent-post-top .recent-post-item .post_cover a {
    height: 100px;
    overflow: hidden;
    display: flex
}

.recent-post-top .recent-post-item .post_cover img {
    object-fit: cover;
    width: 100%;
    background: var(--bywind-secondbg);
    border-radius: 12px 12px 0 0
}

.recent-post-top .recent-post-item:hover .post_cover img {
    transform: scale(1)
}

.recent-post-top .recent-post-item .recent-post-info {
    padding: .3rem .5rem .3rem .5rem !important;
    transition: .3s
}

.recent-post-top .recent-post-item:hover .recent-post-info a {
    color: var(--bywind-fontcolor)
}

@media screen and (max-width:1200px) {
    .recent-post-top .recent-post-item:hover .recent-post-info a {
        transition: .3s
    }
}

.recent-post-top .recent-post-item .recent-post-info .article-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: .5rem;
    font-weight: 700;
    font-size: .8rem !important;
    padding: 0 !important
}

.categoryItem {
    overflow: hidden;
    transform: scale(1);
    transition: all .8s cubic-bezier(.65, .15, .37, 1.19);
    height: 48%;
    border-radius: 12px
}

a.categoryButton {
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .67);
    border-radius: 12px;
    display: inline-block;
    text-align: left;
    line-height: 4em;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    transition: all .8s cubic-bezier(.39, .575, .565, 1);
    transform: scale(1);
    overflow: hidden
}

a.categoryButton i {
    transform: scale(1) rotate(15deg)
}

@media screen and (min-width:1200px) {
    a.categoryButton:active {
        transform: scale(.97)
    }
}

@media screen and (max-width:768px) {
    a.categoryButton {
        border-radius: 8px
    }

    .categoryItem {
        border-radius: 0;
        height: 47%;
        box-shadow: none !important
    }
}

a.categoryButton:after {
    top: 45px;
    width: 1rem;
    left: 21px;
    height: 2px;
    background: #fff;
    content: "";
    border-radius: 1px;
    position: absolute
}

.categoryButtonText {
    padding-left: 21px
}

a.categoryButton i {
    font-size: 12rem;
    opacity: .3;
    position: absolute;
    right: 15px;
    top: 10%;
    transition: .3s;
    width: 100px;
    text-align: center;
    filter: blur(2px)
}

@media screen and (max-width:768px) {
    a.categoryButton i {
        display: none
    }

    .recent-post-top .categoryGroup {
        min-width: 130px !important;
        margin-bottom: .5rem;
        margin-left: 1rem;
        max-height: 164px;
        overflow: hidden;
        position: relative
    }
}

.topGroup {
    display: flex
}

#bannerGroup {
    display: flex
}

div#banners {
    display: none
}

.topGroup .todayCard {
    display: none
}

@media screen and (min-width:1200px) {
    .topGroup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        height: calc(328px + .5rem);
        align-content: space-between;
        width: calc(600px + 1.5rem);
        position: relative
    }

    div#bannerGroup {
        width: calc(100% - 600px - 2rem);
        margin-right: .5rem;
        height: calc(328px + .5rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    div#banners {
        display: flex;
        width: 100%;
        height: 76%;
        background: var(--bywind-card-bg);
        margin-bottom: .5rem;
        border: var(--style-border);
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        box-shadow: var(--bywind-shadow-border);
        flex-direction: column;
        transition: .3s;
        clip-path: inset(0 0 0 0 round 12px)
    }

    div#banners:hover {
        box-shadow: var(--bywind-shadow-main)
    }

    #banners.flink {
        margin-bottom: .5rem
    }

    #banners .banner-button-group {
        position: absolute;
        right: 2rem;
        top: 2rem;
        display: flex
    }

    #banners .banner-button {
        padding: 8px 12px;
        background: var(--bywind-fontcolor);
        border-radius: 12px;
        color: var(--bywind-card-bg);
        display: flex;
        align-items: center;
        z-index: 1;
        transition: .3s;
        cursor: pointer;
        box-shadow: var(--bywind-shadow-black)
    }

    #banners .banner-button.secondary {
        background: var(--bywind-secondbg);
        border: var(--style-border-always);
        color: var(--bywind-lighttext);
        margin-right: 1rem;
        box-shadow: var(--bywind-shadow-border)
    }

    .banner-button:hover {
        background: #425aef
    }

    #banners .banner-button i {
        margin-right: 8px;
        font-size: 1rem
    }

    .banners-title {
        top: 2rem;
        left: 1.5rem;
        position: absolute;
        display: flex;
        flex-direction: column
    }

    .banners-title-big {
        font-size: 36px;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 8px
    }

    .banners-title-small {
        font-size: 12px;
        line-height: 1;
        color: var(--bywind-secondtext);
        margin-top: 8px;
        margin-bottom: .5rem
    }

    #banner-hover {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        backdrop-filter: blur(15px) !important;
        padding-left: .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        transition: cubic-bezier(.71, .15, .16, 1.15) .6s
    }

    .bannerText {
        color: #fff;
        font-size: 4rem;
        line-height: 4rem;
        font-weight: 700;
        margin-top: 20px
    }

    .bannerText:after {
        content: '\e603';
        font-family: iconfont
    }

    #banner-hover .icon-right:before {
        font-family: iconfont !important;
        content: '\e6c9' !important;
        color: #fff
    }

    .banner-righticon {
        font-size: 4rem;
        opacity: .6
    }

    #banners:hover #banner-hover {
        opacity: 1;
        padding-left: 2rem;
        background: #4259efc9;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: .3s;
        background-size: 200%;
        cursor: pointer
    }

    #banners #banner-hover i {
        font-size: 80px;
        opacity: .4
    }

    .topGroup .todayCard {
        position: absolute;
        width: calc(600px + 1rem);
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        background: var(--bywind-card-bg);
        border-radius: 12px;
        margin-left: .5rem;
        overflow: hidden;
        transition: .3s;
        display: flex;
        cursor: pointer;
        pointer-events: all
    }

    .topGroup .todayCard:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .topGroup .todayCard.hide {
        opacity: 0;
        pointer-events: none
    }

    .topGroup .todayCard .todayCard-info {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        z-index: 2;
        max-width: 60%;
        transition: .3s
    }

    .topGroup .todayCard.hide .todayCard-info {
        bottom: 1rem;
        opacity: 0
    }

    .topGroup .todayCard .todayCard-info .todayCard-tips {
        opacity: .8;
        font-size: 1.6rem
    }

    .topGroup .todayCard .todayCard-info .todayCard-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px
    }

    .topGroup .banner-button-group {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        display: flex;
        transition: .3s
    }

    .topGroup .todayCard.hide .banner-button-group {
        bottom: 1rem
    }

    .topGroup .banner-button {
        border-radius: 20px;
        display: flex;
        align-items: center;
        z-index: 1;
        transition: .3s;
        cursor: pointer;
        backdrop-filter: saturate(180%) blur(20px) !important;
        -webkit-backdrop-filter: blur(20px);
        transform: translateZ(0);
        height: 40px;
        width: 118px;
        justify-content: center
    }

    .topGroup .banner-button i {
        margin-right: 8px;
        font-size: 22px
    }

    .todayCard-cover-slides {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1
    }

    .todayCard-slides-wrapper {
        display: flex;
        width: 100%;
        height: 100%;
        transition: transform .5s ease-in-out
    }

    .todayCard-slide-item {
        min-width: 100%;
        flex-shrink: 0;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: block
    }

    .todayCard-slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 2em;
        color: rgba(255, 255, 255, .7);
        cursor: pointer;
        z-index: 10;
        padding: 0 10px;
        background-color: rgba(0, 0, 0, .3);
        border-radius: 5px;
        transition: background-color .3s ease;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px
    }

    .todayCard-slider-nav:hover {
        background-color: rgba(0, 0, 0, .5)
    }

    .todayCard-slider-nav.prev {
        left: 10px
    }

    .todayCard-slider-nav.next {
        right: 10px
    }

    .todayCard-slider-nav:before {
        font-family: iconfont !important;
        font-size: inherit;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .todayCard-slider-nav.prev:before {
        content: "\e604"
    }

    .todayCard-slider-nav.next:before {
        content: "\e605"
    }

    .tags-group-icon {
        width: 120px;
        height: 120px;
        border-radius: 30px
    }

    .tags-group-all {
        display: flex;
        transform: rotate(-30deg)
    }

    .tags-group-all.nowrapMove {
        transform: rotate(0);
        padding-bottom: 2rem
    }

    .tags-group-wrapper {
        margin-top: 5rem;
        display: flex;
        flex-wrap: nowrap;
        animation: rowup 60s linear infinite
    }

    .nowrapMove .tags-group-wrapper {
        margin-top: 7rem;
        animation: rowup 120s linear infinite
    }

    .tags-group-icon-pair .tags-group-icon:nth-child(even) {
        margin-top: 1rem;
        transform: translate(-60px)
    }

    .tags-group-icon-pair {
        margin-left: 1rem
    }

    .tags-group-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 66px;
        font-weight: 700;
        box-shadow: var(--bywind-shadow-blackdeep)
    }

    .nowrapMove .tags-group-icon {
        border-radius: 50%
    }

    .tags-group-icon img {
        width: 60%
    }

    .nowrapMove .tags-group-icon img {
        min-width: 100%;
        min-height: 100%;
        border-radius: 50%;
        object-fit: cover
    }

    .categoryItem:hover i {
        opacity: .8;
        transition: .8s;
        transition-delay: .15s;
        transform: scale(1.03) rotate(0);
        font-size: 4rem;
        filter: blur(0)
    }

    @media screen and (min-width:1200px) {
        .categoryItem:hover i {
            transform: scale(1.03) rotate(0)
        }
    }

    .cate-button-text {
        box-shadow: var(--bywind-shadow-black)
    }

    .recent-post-top .categoryGroup {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 200px
    }

    .categoryGroup .categoryItem:nth-child(3) {
        display: none
    }

    @media screen and (min-width:1200px) {
        .recent-post-top .categoryGroup {
            flex-direction: row;
            height: 24%
        }

        .categoryItem {
            width: calc(100%/3 - .33rem);
            height: 100%;
            margin-right: .5rem
        }

        .categoryItem:last-child {
            margin-right: 0
        }

        .categoryItem:hover {
            width: 50%
        }

        .categoryGroup .categoryItem:nth-child(3) {
            display: flex
        }
    }

    a.categoryButton.wniui_one {
        background: linear-gradient(to right, #358bff, #15c6ff);
        background-size: 200%
    }

    a.categoryButton.wniui_two {
        background: linear-gradient(to right, #f65, #ffbf37);
        background-size: 200%
    }

    a.categoryButton.wniui_three {
        background: linear-gradient(to right, #18e7ae, #1eebeb);
        background-size: 200%
    }

    [data-theme=dark] a.categoryButton.wniui_one {
        background: linear-gradient(to right, #0653b8, #2fcbff);
        background-size: 200%
    }

    [data-theme=dark] a.categoryButton.wniui_two {
        background: linear-gradient(to right, #e22a16, #da980c);
        background-size: 200%
    }

    [data-theme=dark] a.categoryButton.wniui_three {
        background: linear-gradient(to right, #099e74, #0ea4a4);
        background-size: 200%
    }

    a.categoryButton:hover {
        background-position: 100% 0
    }

    @keyframes rowup {
        from {
            transform: translateX(0)
        }

        to {
            transform: translateX(-50%)
        }
    }

    #recent-post-top .recent-post-item .post_cover {
        width: 100%
    }

    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
        position: absolute;
        bottom: 16px;
        transition: .3s;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
        left: 0;
        padding: 0 32px;
        white-space: nowrap
    }

    .banner-button-text {
        color: #fff
    }

    .banner-button-text:before {
        content: '\e605 ';
        font-family: heoblogIcon;
        margin-right: 10px
    }

    .icon-star-smile-fill:before {
        content: '\e72c';
        font-family: heoblogIcon
    }

    .icon-fire-fill:before {
        content: '\e699';
        font-family: heoblogIcon
    }

    .icon-book-mark-fill:before {
        content: '\e628';
        font-family: heoblogIcon
    }
}

.todayCard-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility 0s linear .3s, background-color .3s ease, transform .3s ease
}

#todayCard:hover .todayCard-arrow {
    opacity: .7;
    visibility: visible;
    transition-delay: 0s
}

.todayCard-arrow:hover {
    background-color: rgba(0, 0, 0, .6);
    opacity: 1;
    transform: translateY(-50%) scale(1.1)
}

.todayCard-arrow-left {
    left: 15px
}

.todayCard-arrow-right {
    right: 15px
}

.todayCard-arrow svg {
    width: 55%;
    height: 55%;
    stroke: currentColor;
    fill: none
}

.recent-post-top {
    margin-bottom: 20px
}

#beacontainer-box-1 {
    color: #526372;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    padding: 10px;
    background: linear-gradient(45deg, #C7F5FE 10%, #C7F5FE 40%, #FCC8F8 40%, #FCC8F8 60%, #EAB4F8 60%, #EAB4F8 65%, #F3F798 65%, #F3F798 90%);
    border-radius: var(--main-radius);
}

#beaflip-box-1 {
    overflow: hidden;
    height: 50px;
    border-radius: 99px
}

#beaflip-box-1 div {
    height: 50px
}

#beaflip-box-1>div>div {
    color: #fff;
    display: inline-block;
    text-align: center;
    height: 50px;
    width: 100%
}

#beaflip-box-1 div:first-child {
    animation: show 8s linear infinite
}

.beaflip-box-1-1 {
    background-image: linear-gradient(to right, #fa709a 0, #fee140 100%)
}

.beaflip-box-1-2 {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

.beaflip-box-1-3 {
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}

.beaflip-box-1-4 {
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

.beaflip-box-1-5 {
    background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
}

.beaflip-box-1-6 {
    background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
}

@keyframes show {
    0% {
        margin-top: -300px
    }

    5% {
        margin-top: -250px
    }

    16.666% {
        margin-top: -250px
    }

    21.666% {
        margin-top: -200px
    }

    33.332% {
        margin-top: -200px
    }

    38.332% {
        margin-top: -150px
    }

    49.998% {
        margin-top: -150px
    }

    54.998% {
        margin-top: -100px
    }

    66.664% {
        margin-top: -100px
    }

    71.664% {
        margin-top: -50px
    }

    83.33% {
        margin-top: -50px
    }

    88.33% {
        margin-top: 0
    }

    99.996% {
        margin-top: 0
    }

    100% {
        margin-top: 300px
    }
}

#update_version img {
    margin: 0px 0 15px
}

#update_version a {
    width: 30%;
    height: 35px;
    border-radius: 3px;
    text-align: center;
    line-height: 35px;
    font-size: 9pt;
    color: #fff;
    font-weight: 700;
}

.blog_link {
    background-color: #2ba9fa
}

.blog_link,
.cms_link {
    float: left;
    margin-right: 5%
}

.cms_link {
    background-color: #ff6969
}

.grid_link {
    float: left;
    background-color: #70c041
}

.widget-adss .asr {
    display: block;
    padding: 30px 15px;
    text-align: center;
    color: #fff !important;
    background: #64ddbb;
    border-radius: 4px;
    overflow: hidden;
}

.widget-adss .asr .btn {
    margin-top: 20px;
    font-weight: normal;
    border-radius: 100px;
    text-align: center;
    vertical-align: top;
    user-select: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 4px 30px;
    line-height: inherit;
}

.btn-outline {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline.focus {
    color: #555;
    background-color: #fff;
}

.ztw-bj {
    background-color: #d9534f;
    background-image: linear-gradient(#fc423c 33.19%, #f6f1f1 71.01%, #25a6a2);
    color: #fff;
    this-bj: linear-gradient(75deg, #2f3b42 0%, #3e516d 39%, #222538 100%);
}

.zibbox-author-content {
    padding: 25px;
    background-color: var(--blur-bg);
    z-index: 1;
    height: 100%;
    border-radius: 10px;
    border: 10px dashed rgb(0 0 0/8%)
}

.zibbox-fw-semibold {
    font-weight: 600;
    text-align: center
}

.zibbox-content-int {
    font-size: 15px;
    line-height: 1.8;
    color: #6b6b6b
}

.zibbox-content-int a {
    color: var(--theme-color)
}

.zibbox-justify-content-between {
    justify-content: space-between
}

.zibbox-author-join {
    width: 100%;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #fff
}

.zibbox-author-more {
    display: none
}

.zibbox-zx {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1
}

.zibbox-zx:before {
    margin-right: 10px
}

.zibbox-zx:after {
    margin-left: 10px
}

.zibbox-zx:after,
.zibbox-zx:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.zibbox-zx span,
.zibbox-zx:after,
.zibbox-zx:before {
    display: inline-block;
    background: linear-gradient(-125deg, #f95491, #2953fd)
}

.zibbox-zx span {
    -webkit-background-clip: text;
    color: transparent;
    font-size: 42px;
    letter-spacing: 5px;
    font-weight: 700
}

.zibbox-zx .zibbox-zx-n {
    font-size: 16px
}

.zibbox-zx .zibbox-zx-n strong {
    display: block;
    font-size: 20px;
    background: linear-gradient(-125deg, #f95491, #2953fd);
    -webkit-background-clip: text;
    color: transparent
}

.HhcatboxDes {
    position: absolute;
    opacity: 0;
    z-index: 1;
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 180px;
    justify-content: center;
    width: 100%;
    color: #fff;
    font-weight: 600;
    background: #f95491;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.HhCooltitle {
    margin-top: 10px
}

.zibbox-zx-underline {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1
}

.zibbox-zx-underline span {
    background: linear-gradient(-125deg, #f95491, #2953fd);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 12px;
    letter-spacing: 5px;
    display: inline-block;
    font-weight: 700
}

.count-down {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--main-bg-color);
    border-radius: 10px
}

.count-down .count-left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-right: 0.8rem
}

.count-down .count-left .text {
    font-size: 14px;
    color: var(--key-color)
}

.count-down .count-left .name {
    font-weight: 700;
    font-size: 18px;
    margin-top: 2px
}

.count-down .count-left .time {
    font-size: 30px;
    font-weight: 700;
    margin: 4px 0;
    color: var(--main-color)
}

.count-down .count-left .date {
    font-size: 12px;
    opacity: .6
}

.count-down .count-left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-right: 0.8rem;
    padding: 18px;
    margin-bottom: 1rem
}

.count-down .count-left:after {
    content: "";
    position: absolute;
    right: -0.8rem;
    width: 2px;
    height: 60%;
    background-color: #E3E8F7
}

.count-down .count-right .count-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    margin: 6px 0
}

.count-down .count-right .count-item .item-name {
    font-size: 14px;
    margin-right: 0.8rem;
    white-space: nowrap;
    color: var(--main-color)
}

.count-down .count-right .count-item .item-progress .percentage.many,
.count-down .count-right .count-item .item-progress .remaining.many {
    color: #fff
}

.count-down .count-right .count-item .item-progress .progress-bar {
    height: 100%;
    border-radius: 8px;
    background-color: #425AEF
}

.count-down .count-right .count-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    margin: 6px 0
}

.count-down .count-right .count-item .item-progress {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    background-color: var(--main-color-bg);
    overflow: hidden
}

.count-down .count-right .count-item .item-progress .percentage.many .tip,
.count-down .count-right .count-item .item-progress .remaining.many .tip {
    opacity: .8
}

.count-down .count-right .count-item .item-progress {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 70%;
    border-radius: 8px;
    background-color: #425AEF;
    overflow: hidden
}

.count-down .count-right .count-item .item-progress .percentage,
.count-down .count-right .count-item .item-progress .remaining {
    position: absolute;
    font-size: 12px;
    margin: 0 6px;
    transition: opacity .3s, transform .3s
}

.count-down .count-right {
    flex: 1;
    width: 100%;
    margin-left: 0.8rem
}

.count-down .count-right .count-item .item-progress .remaining {
    opacity: 0;
    transform: translate(10px)
}

.s-card:hover.hover {
    border-color: var(--main-color);
    box-shadow: 0 8px 16px -4px var(--main-color-bg)
}

.count-down:hover .count-right .remaining {
    transform: translate(0) !important;
    opacity: 1 !important
}

.count-down:hover .count-right .percentage {
    transform: translate(-10px) !important;
    opacity: 0 !important
}

.twopeople {
    margin: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
}

canvas {
    display: block;
    margin: 0 auto;
    cursor: move;
}

.progress-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.zibbox-time-progress {
    background: #2e8fff;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.zibbox-time-progress .progress-warp {
    flex: 1;
    background: #216ddf;
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.zibbox-time-progress .progress-warp .progress-progress {
    background: #fff;
    height: 100%
}

.zibbox-time-progress .progress-warp .progress-text {
    position: absolute;
    font-size: 25px;
    font-weight: 600;
    color: #2e8fff;
    left: 50%;
    top: 50%
}

.zibbox-time-progress .progress-note {
    padding: 5px 10px
}

.zibbox-time-progress .progress-note .progress-time-title {
    font-size: 20px;
    font-weight: 600
}

.zibbox-time-progress .progress-note .progress-time-sub-title {
    font-size: 12px
}

.greeting-container {
    width: 100%;
    height: 150px;
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    font-family: Arial, sans-serif
}

.clock-face {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.clock-time {
    font-size: 24px;
    font-weight: bold;
    color: #333
}

.greeting-text {
    flex: 1;
    margin-left: 20px
}

.greeting {
    font-size: 20px;
    color: #007bff;
    font-weight: bold;
    margin-bottom: 10px
}

.tip {
    font-size: 16px;
    color: #666;
    line-height: 1.5
}

.times {
    margin: 0;
    padding: 0;
    height: 100%;
}

.times2 {
    height: 100%;
    background: #fff;
}

.times2 svg {
    height: 100%;
    width: 100%;
    margin-bottom: -34px;
}

.words {
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    fill: none;
    stroke-width: 5px;
    stroke-dasharray: 90, 310;
    animation: drawing 8s linear infinite;
}

.words-1 {
    stroke: deepskyblue;
    text-shadow: 0 0 50px deepskyblue;
    animation-delay: -2s;
}

.words-2 {
    stroke: lightseagreen;
    text-shadow: 0 0 50px lightseagreen;
    animation-delay: -4s;
}

.words-3 {
    stroke: orange;
    text-shadow: 0 0 50px orange;
    animation-delay: -6s;
}

.words-4 {
    stroke: purple;
    text-shadow: 0 0 50px purple;
    animation-delay: -8s;
}

@keyframes drawing {
    100% {
        stroke-dashoffset: -400;
    }
}

.mizhi-info-item {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 100%;
    height: 280px;
    margin-bottom: 15px
}

.mizhi-llzs-item,
.mizhi-sjcs-item,
.mizhi-yhzs-item,
.mizhi-yxsj-item {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0%, 0%, 5%);
    background-color: var(--main-bg-color);
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box
}

.mizhi-i-num {
    font-size: 20px;
    font-weight: 600
}

.mizhi-yxsj-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mizhi-yhzs-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mizhi-llzs-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mizhi-wz-item {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-column: 3/6;
    grid-row: 1/2;
    overflow: unset !important;
    box-shadow: none !important;
    padding: 0 !important
}

.mizhi-wz-sty {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--main-bg-color);
    box-shadow: 0 2px 4px 0 rgba(0, 0%, 0%, 5%)
}

.mizhi-sjcs-item {
    grid-row: 1/3;
    grid-column: 1/3
}

.mizhi-sjcj-m {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box
}

.mizhi-sjcj-content {
    text-align: center;
    margin-top: 10px
}

.mizhi-meo-item {
    width: 282px;
    height: 120px;
    margin: 0 auto
}

.mizhi-meo-item>img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

svg.icon.fa-2x {
    margin-top: 15px
}

@media screen and (max-width:959px) {
    .mizhi-info-item {
        grid-gap: 10px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        height: 500px
    }

    .mizhi-sjcs-item {
        grid-row: 3/5;
        grid-column: 1/4
    }

    .mizhi-i-num {
        font-size: 20px
    }

    .mizhi-sjcj-m {
        font-size: 16px
    }
}

.enlighter-default .enlighter {
    max-height: 400px;
    overflow-y: auto !important
}

.posts-item .item-heading>a {
    font-weight: 700;
    color: unset
}

@media (max-width:640px) {
    .meta-right .meta-view {
        display: unset !important
    }
}

.mizhi-sjcs-item2 {
    grid-row: 1/3
}

.mizhi-sjcs-item2 {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0%, 0%, 5%);
    background-color: var(--main-bg-color);
    box-sizing: border-box;
    grid-row: 1/3;
    grid-column: 6/6
}

@media screen and (max-width:959px) {
    .mizhi-wz-item {
        grid-column: 1/4
    }

    .mizhi-sjcs-item2 {
        display: none
    }
}

.mizhi-ip-item,
.mizhi-sjcs-item,
.mizhi-yhzs-item,
.mizhi-yxsj-item {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0%, 0%, 5%);
    background-color: var(--main-bg-color);
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box
}

.mizhi-ip-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.frame-bg {
    background-color: #2997f7;
    font-weight: 100
}

.frame-bg {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px
}

@media (max-width:768px) {

    .home-authors .group-item .item-images .img-item,
    .home-authors .item {
        width: 100% !important
    }

    .item-author:nth-child(n+4) {
        display: none
    }
}

.home-authors .item-tobe-author .meta-avatars img {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -10px;
    border-radius: 50%;
    transform: translateX(0);
    overflow: hidden;
    border: 3px solid var(--main-bg-color)
}

.ap-item-meta .cat:before {
    content: '#';
    line-height: 19px;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    color: #fe2c55;
    text-align: center;
    float: left;
    background: rgba(254, 44, 85, .2);
    border-radius: 50%;
    display: block;
    left: 0
}

.item-author .author-btn .looo {
    line-height: 13px;
    font-size: 13px;
    width: 100%;
    color: #333;
    background: var(--body-bg-color)
}

.home-authors .item-tobe-author .item-wrap:hover .item-top .author-btn,
.item-author .item-wrap:hover .item-top .author-btn {
    display: block
}

.item-author .author-btn {
    position: absolute;
    right: 0;
    top: 90px !important;
    display: none;
    width: 100%
}

.item-author .author-btn .user-s-follow {
    padding: 10px;
    text-align: center
}

.looo .msg-icon,
.looo .top {
    display: none
}

.home-authors .part-title {
    font-size: 18px
}

.home-authors .author-items {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

.archive-list-see .part-title,
.home-authors .part-title,
.hunter-last-week .part-title,
.hunter-recent-hot .part-title,
.part-hot-channel .part-title,
.part-zt .part-title,
.post-related .part-title {
    font-size: 21px;
    color: #333;
    margin-bottom: 50px
}

.home-authors .part-title .sub-link .icon-btn-bang,
.hunter-last-week .part-title .sub-link .icon-btn-bang,
.hunter-recent-hot .part-title .sub-link .icon-btn-bang {
    color: #ff6000
}

.home-authors .group-item .item-images .img-item,
.home-authors .item {
    margin-bottom: 30px
}

.home-authors .group-item .item-images .img-item,
.home-authors .item {
    padding: 0 5px
}

.home-authors .group-item .item-images .img-item,
.home-authors .item {
    width: calc(25% - 0px)
}

.author-name .text-ellipsis {
    max-width: 80px
}

.home-authors .item-tobe-author .item-wrap,
.item-author .item-wrap {
    padding: 30px 15px 10px
}

.home-authors .item-tobe-author .item-wrap,
.item-author .item-wrap {
    background-color: var(--main-bg-color);
    height: 390px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.item-author .item-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 100%;
    overflow: hidden
}

.item-author .item-bg::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 54%;
    background-color: var(--main-bg-color);
    z-index: 1
}

.item-author .item-bg .thumb-1 {
    background-image: linear-gradient(120deg, #f6d365 0, #fda085 100%)
}

.item-author .item-bg .thumb-2 {
    background-image: linear-gradient(120deg, #a1c4fd 0, #c2e9fb 100%)
}

.item-author .item-bg .thumb-3 {
    background-image: linear-gradient(120deg, #e0c3fc 0, #8ec5fc 100%)
}

.item-author .item-bg .thumb-4 {
    background-image: linear-gradient(to right, #4facfe 0, #00f2fe 100%)
}

.item-author .item-bg .thumb-5 {
    background-image: linear-gradient(180deg, #2af598 0, #009efd 100%)
}

.item-author .item-bg .thumb-6 {
    background-image: linear-gradient(to top, #ff0844 0, #ffb199 100%)
}

.item-author .item-bg .thumb-7 {
    background-image: linear-gradient(to top, #4481eb 0, #04befe 100%)
}

.item-author .item-bg .thumb {
    padding-top: 100%;
    position: absolute;
    left: -50px;
    right: -50px;
    top: -50px;
    width: auto
}

.thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0
}

.item-author .item-bg::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54%;
    padding-top: 11%
}

.item-author .item-top {
    padding: 15px
}

.item-author .item-top {
    position: relative;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .02);
    padding: 15px;
    background: var(--main-bg-color);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    z-index: 1
}

.item-author .author-avatar {
    font-size: 50px;
    top: 0
}

.home-authors .group-item .item-images .img-item .author-avatar .avatar,
.home-authors .item .author-avatar .avatar {
    border-color: #ff6000
}

.item-author .author-avatar .avatar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    height: 50px;
    border: 2px solid #ffbc00;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.home-authors .group-item .item-images .img-item:nth-child(1) .author-avatar:after,
.home-authors .item:nth-child(1) .author-avatar:after {
    content: '01'
}

.home-authors .group-item .item-images .img-item:nth-child(2) .author-avatar:after,
.home-authors .item:nth-child(2) .author-avatar:after {
    content: '02'
}

.home-authors .group-item .item-images .img-item:nth-child(3) .author-avatar:after,
.home-authors .item:nth-child(3) .author-avatar:after {
    content: '03'
}

.home-authors .group-item .item-images .img-item:nth-child(4) .author-avatar:after,
.home-authors .item:nth-child(4) .author-avatar:after {
    content: '04'
}

.home-authors .group-item .item-images .img-item:nth-child(5) .author-avatar:after,
.home-authors .item:nth-child(5) .author-avatar:after {
    content: '05'
}

.home-authors .group-item .item-images .img-item:nth-child(6) .author-avatar:after,
.home-authors .item:nth-child(6) .author-avatar:after {
    content: '06'
}

.home-authors .group-item .item-images .img-item:nth-child(7) .author-avatar:after,
.home-authors .item:nth-child(7) .author-avatar:after {
    content: '07'
}

.item-author .author-avatar {
    position: absolute;
    width: 50px
}

.author-main {
    padding-left: 58px
}

.item-author .author-name {
    font-size: 20px;
    color: var(--key-color);
    margin-bottom: 25px;
    white-space: nowrap
}

.item-author .author-info {
    font-size: 13px;
    margin-top: 25px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    color: var(--muted-color);
    text-align: center;
    line-height: 30px;
    background: var(--body-bg-color);
    height: 30px;
    border-radius: 4px;
    overflow: hidden
}

.item-author .author-avatar:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 75%;
    margin-left: -25%;
    width: 50%;
    height: 33.3333%;
    background-image: url(/wp-content/themes/ZibBox/assets/images/widgets/material/zibbox_hotauthor.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.item-author .author-name {
    font-size: 15px;
    display: flex;
    white-space: nowrap;
    margin-bottom: 20px
}

.item-author .author-name .uname {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-author .author-meta {
    font-size: 13px
}

.item-author .author-meta {
    font-size: 12px;
    line-height: 1.5;
    height: 20px;
    overflow: hidden;
    font-weight: 400;
    color: var(--muted-color)
}

.item-author .author-meta span:first-child {
    position: relative;
    margin-right: 5px
}

.item-author .author-meta {
    font-size: 13px
}

.btn-orange,
.group-sidebar .widget-talk .widget-btns .btn,
.list-item-home-job .widget-btns .btn:hover,
.list-item-home-news .widget-btns .btn:hover,
.listitem-widget-job .widget-btns .btn:hover,
.search-widget-hotsearch .widget-btns .btn:hover,
.widget-talk .talk-item .talk-wrap:hover .btn {
    background: #ff6000;
    color: #fff
}

.author-name count {
    display: none
}

.item-author .item-bottom-title {
    font-size: 14px;
    color: #b5b5b5;
    font-weight: 400
}

.item-author .item-bottom {
    font-size: 14px;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.item-author .ap-item {
    font-size: 14px
}

.home-authors .item-tobe-author .item-btns a:first-child {
    color: #fff !important
}

.home-authors .item-tobe-author .item-btns a:last-child {
    color: #ff6000 !important
}

.home-authors .item-tobe-author .item-btns a:visited {
    color: inherit
}

.item-author .ap-item {
    font-size: 12px
}

.item-author .ap-item-wrap.has-thumb {
    padding-left: 42%
}

.item-author .ap-item-wrap {
    display: block;
    position: relative
}

.item-author .ap-item-wrap .ap-item-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 100%
}

.item-author .ap-item-wrap .ap-item-thumb .thumb {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding-top: 70%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.item-author .ap-item-wrap.has-thumb .ap-item-title {
    height: 40px;
    overflow: hidden;
    font-weight: 400;
    line-height: 20px
}

.item-author .ap-item-wrap .ap-item-title {
    font-size: 14px
}

.item-author .ap-item-wrap .ap-item-meta {
    font-size: 11px
}

.home-authors .item-tobe-author .item-wrap {
    background-image: url(/wp-content/themes/ZibBox/assets/images/widgets/material/zibbox_hotauthor.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: top center;
    background-origin: top center;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.home-authors .item-tobe-author .tobe-author-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px 20px 20px
}

.home-authors .item-tobe-author .tobe-author {
    background-color: var(--main-bg-color);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.home-authors .item-tobe-author .item-title {
    color: #ff6000;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600
}

.home-authors .item-tobe-author .item-title a {
    display: block;
    color: var(--muted-color)
}

.home-authors .item-tobe-author .item-cont {
    font-size: 16px;
    line-height: 28px
}

.home-authors .item-tobe-author .item-cont .meta-views {
    font-size: 14px
}

.home-authors .item-tobe-author .item-cont {
    font-size: 16px;
    color: var(--muted-color);
    line-height: 24px
}

.home-authors .item-tobe-author .item-cont .count {
    margin-bottom: 10px
}

.home-authors .item-tobe-author .item-cont .count strong {
    font-size: 40px;
    color: #ff6000
}

.home-authors .item-tobe-author .item-cont .count span {
    font-size: 16px
}

.home-authors .item-tobe-author .item-btns {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center
}

.home-authors .item-tobe-author .item-btns .btn:first-child {
    padding: 10px
}

.home-authors .item-tobe-author .item-btns .btn:last-child {
    width: 46%;
    display: inline-block;
    line-height: 20px;
    border: 1px #ff6000 solid;
    padding: 10px
}

.btn-orange,
.group-sidebar .widget-talk .widget-btns .btn,
.list-item-home-job .widget-btns .btn:hover,
.list-item-home-news .widget-btns .btn:hover,
.listitem-widget-job .widget-btns .btn:hover,
.search-widget-hotsearch .widget-btns .btn:hover,
.widget-talk .talk-item .talk-wrap:hover .btn {
    background: #ff6000;
    color: #fff
}

.home-authors .item-tobe-author .item-btns .btn {
    width: 46%;
    display: inline-block;
    line-height: 20px
}

.btn-orange-border,
.talk-singular-prev-next .item-backhome .item-content .btn {
    background-color: transparent;
    color: #ff6000;
    border: 1px solid #ff6000
}

.ap-item-meta .cat:before {
    content: '#';
    line-height: 19px;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    color: #fe2c55;
    text-align: center;
    float: left;
    background: rgba(254, 44, 85, .2);
    border-radius: 50%;
    display: block;
    left: 0
}

.mx-search-widget {
    width: 100%;
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    background: linear-gradient(145deg, #f8f9fa, #e9ecef);
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mx-search-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12)
}

.mx-banner {
    background: linear-gradient(90deg, #74b9ff, #0984e3);
    color: white;
    padding: 12px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    overflow: hidden
}

.mx-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    animation: mx_sg 4s ease-in-out infinite
}

@keyframes mx_sg {
    0% {
        left: -100%
    }

    50% {
        left: 100%
    }

    100% {
        left: -100%
    }
}

.mx-search-container {
    display: flex;
    gap: 10px;
    padding: 15px;
    position: relative
}

#mx-searchInput {
    flex: 0.7;
    padding: 10px 16px;
    height: 40px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease
}

#mx-searchInput:focus {
    outline: none;
    background: rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(116, 185, 255, 0.3)
}

.mx-button {
    flex: 0.3;
    padding: 0 10px;
    height: 40px;
    background: linear-gradient(45deg, #74b9ff, #0984e3);
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(116, 185, 255, 0.3);
    transition: all 0.3s ease
}

.mx-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(116, 185, 255, 0.4)
}

body.dark-mode .mx-search-widget {
    background: linear-gradient(145deg, #2d3436, #1e272e)
}

body.dark-mode #mx-searchInput {
    background: rgba(0, 0, 0, 0.2);
    color: #f5f6fa
}

body.dark-mode .mx-button {
    background: linear-gradient(45deg, #0984e3, #74b9ff);
    box-shadow: 0 4px 10px rgba(9, 132, 227, 0.3)
}

body.dark-mode .mx-button:hover {
    box-shadow: 0 5px 14px rgba(9, 132, 227, 0.4)
}

.input__container {
    position: relative;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 22px;
    max-width: 300px;
    transition: transform 400ms;
    transform-style: preserve-3d;
    perspective: 500px
}

.shadow__input {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
    filter: blur(40px);
    border-radius: 20px;
    background: radial-gradient(circle at 25% 25%, #ff8fa0, transparent 40%), radial-gradient(circle at 75% 25%, #8ed6ff, transparent 40%), radial-gradient(circle at 25% 75%, #d08cff, transparent 40%), radial-gradient(circle at 75% 75%, #93ffcf, transparent 40%);
    background-size: 300% 300%;
    animation: gradientMove 8s infinite ease-in-out
}

@keyframes gradientMove {
    0% {
        background-position: 0% 0%
    }

    25% {
        background-position: 50% 25%
    }

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

    75% {
        background-position: 25% 75%
    }

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

.input__search {
    flex-grow: 1;
    border-radius: 20px;
    outline: none;
    border: none;
    padding: 8px;
    padding-left: 20px;
    position: relative
}

.input__button__shadow {
    cursor: pointer;
    border: none;
    background: none;
    transition: transform 400ms, background 400ms;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 5px
}

.input__button__shadow:hover {
    background: rgba(255, 255, 255, 0.2)
}

.wniui-seach {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background-color: var(--main-bg-color);
    border-radius: 10px
}

.wniui-baidu {
    position: absolute;
    top: 0;
    left: 0
}

.wniui_prefix {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    padding: 5px 5px;
    margin-right: 2px;
    height: 19px;
    vertical-align: middle;
    font-size: 12px;
    border-radius: .6em 2px;
    line-height: 1.4rem
}

.wniui_prefix:after {
    position: absolute;
    content: " ";
    display: block;
    width: 15px;
    height: 145%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    animation: sweepTitle 3s ease-in-out infinite;
    transform: rotate(28deg)
}

@keyframes sweepTitle {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

.lastpagenotice_noticewrap {
    color: hsla(0, 2.1%, 18.8%, 0.6)
}

.lastpagenotice_noticewrap img {
    height: 73px;
    width: 88px;
    margin: 0 auto
}

.lastpagenotice_noticewrap .lastpagenotice_text {
    display: block;
    position: absolute;
    font-size: 15px;
    line-height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -webkit-calc(50% + 60px);
    left: calc(50% + 60px)
}

.lastpagenotice_noticewrap .lastpagenotice_line {
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .05);
    position: absolute;
    bottom: 0
}

.app_normal {
    text-align: center;
    position: relative
}

.online-users-widget {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.online-user {
    margin-right: 7px;
    margin-bottom: 7px;
}

.online-user img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}

.zibbox-recent-visitors-widget {
    display: flex;
    height: 130px;
    justify-content: flex-start;
    clear: both;
    padding: 15px;
    box-shadow: 0 0 10px var(--main-shadow);
    border-radius: var(--main-radius);
    margin-bottom: 20px;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--main-bg-color);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.zibbox-recent-visitors-widget::-webkit-scrollbar {
    display: none
}

.zibbox-recent-visitors-widget a {
    text-decoration: none;
    color: #333;
    margin-left: 10px;
    flex: 0 0 auto
}

.zibbox-recent-visitors-widget .zibbox-visitor-avatar {
    width: 78px;
    height: 78px;
    margin-right: 5px;
    position: relative
}

.zibbox-recent-visitors-widget .zibbox-visitor-avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.zibbox-recent-visitors-widget .zibbox-visitor-avatar .avatar-badge {
    position: absolute;
    bottom: 0px;
    right: 1px;
    z-index: 2
}

.zibbox-recent-visitors-widget .zibbox-visitor-nickname {
    color: var(--main-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 78px;
    text-align: center
}

span.zibbox-subscript {
    position: absolute;
    top: 10px;
    left: -50px;
    z-index: 1;
    width: 140px;
    height: 20px;
    background: #2997f7;
    color: #fff;
    line-height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(315deg);
    text-align: center;
    font-size: 12px
}

.no-visitors-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.no-visitors-image {
    width: 100px;
    height: 100px
}

.no-visitors-text {
    color: var(--main-color);
    font-size: 14px
}

@media screen and (max-width:1080px) {
    .zibbox-recent-visitors-widget {
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch
    }
}

.single-gg,
.single-gg-left {
    display: flex;
    align-items: center
}

.single-gg {
    height: 50px
}

.single-gg-left {
    flex: 1;
    padding: 10px;
    background-color: #40b0ff;
    border-radius: 8px 0 0 8px
}

.single-gg-img {
    height: 30px;
    width: 30px
}

.single-gg-img img {
    height: 100%;
    width: 100%
}

.single-gg-desc {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.single-gg-right {
    position: relative;
    display: flex;
    height: 100%;
    width: 100px;
    justify-content: center;
    align-items: center;
    background-color: #40b0ff;
    border-radius: 0 4px 4px 0;
    border-left: 1px dashed #fff
}

.single-gg-right::after,
.single-gg-right::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 5px;
    left: -5px;
    background-color: #fff
}

.single-gg-right::before {
    top: 0;
    border-radius: 0 0 5px 5px
}

.single-gg-right::after {
    bottom: 0;
    border-radius: 5px 5px 0 0
}

.single-gg-btn {
    display: block;
    padding: 5px 5px;
    font-size: 14px;
    background-color: #fff;
    color: #40b0ff !important;
    border-radius: 4px
}

.sw-search-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 120px;
}

.sw-search-widget {
    width: 100%;
    max-width: 500px;
    transition: all 0.3s;
    border-radius: 20px;
    background: #f0f0f0;
    box-shadow:
        -8px -8px 16px rgba(255, 255, 255, 0.8),
        8px 8px 16px rgba(0, 0, 0, 0.1);
    padding: 0;
    overflow: hidden;
}

.sw-banner {
    background: linear-gradient(145deg, #ff4d6d, #e0445f);
    color: white;
    padding: 14px 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow:
        inset -4px -4px 8px rgba(0, 0, 0, 0.1),
        inset 4px 4px 8px rgba(255, 255, 255, 0.2);
}

.sw-container {
    display: flex;
    gap: 12px;
    padding: 20px;
    background: #f0f0f0;
    position: relative;
}

.sw-search-input {
    flex: 1;
    padding: 12px 18px;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    background: #f0f0f0;
    color: #333;
    box-shadow:
        -4px -4px 10px rgba(255, 255, 255, 0.8),
        4px 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.sw-search-input:focus {
    outline: none;
    box-shadow:
        inset -3px -3px 6px rgba(255, 255, 255, 0.8),
        inset 3px 3px 6px rgba(0, 0, 0, 0.1);
}

.sw-search-btn {
    padding: 12px 24px;
    background: linear-gradient(145deg, #3385ff, #2b70e0);
    color: white;
    border: none;
    border-radius: 16px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.5px;
    box-shadow:
        -4px -4px 8px rgba(255, 255, 255, 0.5),
        4px 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.sw-search-btn:hover {
    box-shadow:
        inset -3px -3px 6px rgba(255, 255, 255, 0.3),
        inset 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.sw-search-btn:active {
    transform: translateY(2px);
    box-shadow:
        inset -2px -2px 4px rgba(255, 255, 255, 0.2),
        inset 2px 2px 4px rgba(0, 0, 0, 0.3);
}

body.dark-mode .sw-search-widget {
    background: #1f1f1f;
    box-shadow:
        -8px -8px 16px rgba(60, 60, 60, 0.3),
        8px 8px 16px rgba(0, 0, 0, 0.5);
}

body.dark-mode .sw-banner {
    background: linear-gradient(145deg, #cc3d55, #b0354a);
    box-shadow:
        inset -4px -4px 8px rgba(0, 0, 0, 0.3),
        inset 4px 4px 8px rgba(255, 255, 255, 0.05);
}

body.dark-mode .sw-container {
    background: #1f1f1f;
}

body.dark-mode .sw-search-input {
    background: #1f1f1f;
    color: #e0e0e0;
    box-shadow:
        -4px -4px 10px rgba(60, 60, 60, 0.5),
        4px 4px 10px rgba(0, 0, 0, 0.7);
}

body.dark-mode .sw-search-input:focus {
    box-shadow:
        inset -3px -3px 6px rgba(60, 60, 60, 0.5),
        inset 3px 3px 6px rgba(0, 0, 0, 0.7);
}

body.dark-mode .sw-search-btn {
    background: linear-gradient(145deg, #2b70e0, #245fbf);
    box-shadow:
        -4px -4px 8px rgba(60, 60, 60, 0.5),
        4px 4px 8px rgba(0, 0, 0, 0.7);
}

body.dark-mode .sw-search-btn:hover {
    box-shadow:
        inset -3px -3px 6px rgba(60, 60, 60, 0.3),
        inset 3px 3px 6px rgba(0, 0, 0, 0.8);
}

.block-introduction {
    width: 100%;
    max-width: 900px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.block-introduction::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1)
}

.wp-block-meteor-introduction-block {
    background: linear-gradient(135deg, #60a5fa, #a78bfa);
    color: #fff;
    padding: 25px 35px;
    position: relative;
    overflow: hidden
}

.wp-block-meteor-introduction-block::before {
    content: "";
    position: absolute;
    top: -20%;
    right: -10%;
    width: 30%;
    height: 60%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
    transform: rotate(30deg)
}

.wp-block-meteor-introduction-block p:first-child {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: 0.3px
}

.wp-block-separator {
    border: none;
    height: 1px;
    margin: 15px 0;
    position: relative
}

.wp-block-separator::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%)
}

.wp-block-meteor-introduction-block p:last-child {
    font-size: 14px;
    text-align: center;
    position: relative;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 5px
}

.wp-block-meteor-introduction-block p:last-child a {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 0 2px
}

.wp-block-meteor-introduction-block p:last-child a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.7);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease
}

.wp-block-meteor-introduction-block p:last-child a:hover::after {
    transform: scaleX(1);
    transform-origin: left
}

@media (max-width:768px) {
    .wp-block-meteor-introduction-block {
        padding: 20px 25px
    }

    .wp-block-meteor-introduction-block p:first-child {
        font-size: 14px
    }
}

.ad[data-v-15ac1b16] {
    padding: 10px 15px;
    overflow: hidden;
    width: 100%;
    max-width: 320px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.6);
    position: relative;
    font-size: 14px;
    box-shadow: #00000073 0 25px 20px -20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 10px;
}

.ad[data-v-15ac1b16]:before {
    content: "";
    position: absolute;
    background: linear-gradient(rgb(255 255 255 / 10%), rgb(155 213 255));
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: .5em
}

.ad .bg-wrapper[data-v-15ac1b16] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 200%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    z-index: 1;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-transform: translateX(-70px);
    transform: translate(-70px)
}

.ad .bg-wrapper .img[data-v-15ac1b16] {
    width: 60px;
    background-size: 100% 100%;
    height: 120px;
    border-radius: 5px;
    position: relative
}

.ad .bg-wrapper .img[data-v-15ac1b16]:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2
}

.ad .bg-wrapper .strip[data-v-15ac1b16] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    gap: 10px;
    -webkit-animation: bgMove-15ac1b16 60s linear infinite;
    animation: bgMove-15ac1b16 60s linear infinite
}

.ad .bg-wrapper .strip[data-v-15ac1b16]:nth-of-type(2n) {
    -webkit-animation: bgMoveReverse-15ac1b16 60s linear infinite;
    animation: bgMoveReverse-15ac1b16 60s linear infinite
}

@-webkit-keyframes bgMove-15ac1b16 {
    0% {
        -webkit-transform: rotate(-30deg) translateY(0);
        transform: rotate(-30deg) translateY(0)
    }

    to {
        -webkit-transform: rotate(-30deg) translateY(-80%);
        transform: rotate(-30deg) translateY(-80%)
    }
}

@keyframes bgMove-15ac1b16 {
    0% {
        -webkit-transform: rotate(-30deg) translateY(0);
        transform: rotate(-30deg) translateY(0)
    }

    to {
        -webkit-transform: rotate(-30deg) translateY(-80%);
        transform: rotate(-30deg) translateY(-80%)
    }
}

@-webkit-keyframes bgMoveReverse-15ac1b16 {
    0% {
        -webkit-transform: rotate(-30deg) translateY(-85%);
        transform: rotate(-30deg) translateY(-85%)
    }

    to {
        -webkit-transform: rotate(-30deg) translateY(5%);
        transform: rotate(-30deg) translateY(5%)
    }
}

@keyframes bgMoveReverse-15ac1b16 {
    0% {
        -webkit-transform: rotate(-30deg) translateY(-85%);
        transform: rotate(-30deg) translateY(-85%)
    }

    to {
        -webkit-transform: rotate(-30deg) translateY(5%);
        transform: rotate(-30deg) translateY(5%)
    }
}

.ad .wrapper[data-v-15ac1b16] {
    position: relative;
    z-index: 4;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    color: #4d7bff;
}

.ad .wrapper .icon img[data-v-15ac1b16] {
    width: 50px;
    height: 50px;
    border-radius: 9px
}

.ad .wrapper .toolbar[data-v-15ac1b16] {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 5px;
    gap: 5px
}

.ad .wrapper .toolbar .info[data-v-15ac1b16] {
    color: #4d7bff;
    ;
    gap: 2px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    flex: 1
}

.ad .wrapper .toolbar .info p[data-v-15ac1b16] {
    margin: 0;
    font-size: 12px
}

.ad .wrapper .toolbar .info p[data-v-15ac1b16]:first-child {
    font-size: 16px;
    font-weight: 700
}

.ad .wrapper .toolbar .info p .tag[data-v-15ac1b16] {
    background: #4d7bff;
    color: #e2e8f0;
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 5px
}

.ad .wrapper .toolbar .get-more[data-v-15ac1b16] a {
    padding: 4px 15px;
    border-radius: 15px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #4d7bff;
    color: #e2e8f0;
    cursor: pointer;
    font-size: 12px;
    opacity: .8;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ad .wrapper .toolbar .get-more[data-v-15ac1b16] a:hover {
    opacity: 1
}

.member-card-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px
}

.member-st {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(to right, #e0f2fe, #bae6fd);
    border: 1px solid rgba(2, 132, 199, 0.1);
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.1), 0 8px 10px -6px rgba(2, 132, 199, 0.1)
}

.corner-decoration {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 5
}

.top-left {
    top: 0;
    left: 0;
    border-radius: 0 0 60px 0
}

.top-right {
    top: 0;
    right: 0;
    border-radius: 0 0 0 60px
}

.bottom-left {
    bottom: 0;
    left: 0;
    border-radius: 0 60px 0 0
}

.bottom-right {
    bottom: 0;
    right: 0;
    border-radius: 60px 0 0 0
}

.member-bgbox {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(2, 132, 199, 0.06) 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.3
}

.decor-icon {
    position: absolute;
    color: rgba(2, 132, 199, 0.2)
}

.icon-user {
    top: 16px;
    left: 16px;
    font-size: 40px
}

.icon-diamond {
    bottom: 16px;
    right: 16px;
    font-size: 40px
}

.icon-rocket {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px
}

.member-content {
    position: relative;
    z-index: 10;
    padding: 36px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

@media (min-width:768px) {
    .member-content {
        flex-direction: row
    }
}

.member-iconbox {
    font-size: 48px;
    color: #0284c7
}

.member-title {
    flex-grow: 1;
    text-align: center
}

@media (min-width:768px) {
    .member-title {
        text-align: left
    }
}

.titbadge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #0f172a;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px
}

.member-descsp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    color: rgba(15, 23, 42, 0.8)
}

@media (min-width:768px) {
    .member-descsp {
        justify-content: flex-start
    }
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    backdrop-filter: blur(4px)
}

.benefit-icon {
    color: #0284c7
}

.member-btnbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%
}

@media (min-width:768px) {
    .member-btnbox {
        align-items: flex-end;
        width: auto
    }
}

.member-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #0284c7;
    color: white;
    border-radius: 24px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.2);
    width: 100%;
    justify-content: center
}

@media (min-width:768px) {
    .member-btn {
        width: auto
    }
}

.zibbox-custom-widget {
    background: none;
    padding: 0;
    box-shadow: none;
    margin: 0;
    margin-bottom: 10px;
}

.zibbox-posts-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.zibbox-post-list-item {
    overflow: hidden;
    border-radius: 5px;
    flex: 1 1 calc(20% - 10px);
    box-sizing: border-box;
    margin-bottom: 1px;
    position: relative;
}

@media screen and (max-width:768px) {
    .zibbox-posts-row {
        margin-bottom: 0;
    }

    .zibbox-posts-row .zibbox-post-list-item {
        flex: 1 1 calc(50% - 10px);
    }

    .zibbox-posts-row .zibbox-post-list-item:last-child:nth-child(odd) {
        flex: 1 1 100%;
    }
}

.zibbox-post-module-thumb img {
    width: 100%;
    height: 268px;
    object-fit: cover;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.zibbox-post-module-thumb img:hover {
    transform: scale(1.1);
}

.zibbox-post-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6) 100%);
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

.zibbox-post-info h2 {
    font-size: 1em;
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zibbox-post-info a {
    text-decoration: none;
    color: #fff;
}

.zibbox-post-meta {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    color: #fff;
}

.zibbox-post-meta .zibbox-post-views {
    padding: 2px 5px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.zibbox-post-module-thumb:hover .zibbox-post-meta .zibbox-post-views {
    opacity: 1;
}

.zibbox-post-meta .zibbox-post-images {
    padding: 2px 5px;
    border-radius: 3px;
}

.zibbox-widget-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zibbox-widget-title-wrapper h2 {
    background: url(/wp-content/themes/ZibBox/assets/images/widgets/title.svg) 0px -110px no-repeat;
    position: relative;
    margin-left: -10px;
    margin-right: 20px;
    height: 37px;
    padding-left: 45px;
    padding-top: 2px;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.zibbox-sort-link {
    font-size: 0.9em;
    color: #0073aa;
    text-decoration: none;
    margin-right: 10px;
}

.zibbox-sort-link:hover {
    text-decoration: underline;
}

.zibbox-more-link {
    text-decoration: none;
    margin-bottom: 5px;
}

.zibbox-more-link:hover {
    text-decoration: none;
}

.item.scroll {
    left: 0px;
    width: 100%;
    height: 420px;
    background-size: auto 100%;
    pointer-events: none;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease 0s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background: #000;
    word-wrap: break-word;
    box-sizing: border-box;
    outline: none;
}

.item.scroll {
    left: 0px;
    width: 100%;
    height: 260px;
    background-size: auto 100%;
    pointer-events: none;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease 0s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background: #000;
    word-wrap: break-word;
    box-sizing: border-box;
    outline: none;
}

.item.scroll .scroll-image {
    position: relative;
    height: 100%;
    transform: translateX(0px);
    animation: banner 40s linear infinite;
    opacity: 0.5;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

.hVBrzU {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 16px;
    white-space: normal;
    width: 100%;
    margin: auto;
}

.statics {
    position: static;
    margin-top: -76px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

@media (max-width:767px) {
    .static {
        display: none
    }
}

@media (max-width:767px) {
    .home-course {
        display: none
    }

    .home-subjects {
        display: none
    }
}

.statics .flex {
    padding: 0;
    margin: 0;
    display: flex;
}

@media (max-width:767px) {
    .statics {
        display: none
    }
}

.statics li.st_one {
    flex: 1;
    margin-right: 10px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    list-style: none;
    transition: all .3s ease-out;
}

.statics li.st_one:hover {
    transform: translateY(5px);
}

.statics li.st_one:last-child {
    margin-right: 0;
}

.statics .st_one .card-main {
    width: 100%;
}

.statics .active-card-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), to(transparent));
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    margin: 0;
}

@media screen and (max-width:900px) {
    .item.scroll {
        height: 200px;
        margin-top: 0;
    }
}

.sc-1wssj0-17 img {
    display: inline-block;
}

@-webkit-keyframes banner {
    from {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes banner {
    from {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.item img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.home_row {
    margin-top: 16px;
}

.home_row_0 {
    margin-top: 3px;
}

.home_row_0 .zibbox_wrapper,
.home_row_0 .zibbox_wrapper .box {
    width: 100% !important;
    box-shadow: none;
}

.box {
    box-shadow: none;
}

.lazy {
    opacity: 1;
}

.sc-1wssj0-17 img {
    width: auto;
}


.mizhi-next-calendar.blue .calendar-dates .current-day {
    background-color: var(--calendar-color, #2e8fff);
    color: #fff;
}

.mizhi-next-calendar {
    --calendar-color: var(--theme-color);
    box-shadow: 0 0 10px var(--main-shadow);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.mizhi-next-calendar.blue {
    --calendar-color: #2e8fff;
}

.mizhi-next-calendar.grey {
    --calendar-color: #7f7f7f;
}

.mizhi-next-calendar.red {
    --calendar-color: #f96056;
}

.mizhi-next-calendar.green {
    --calendar-color: #5fce64;
}

.mizhi-next-calendar.orange {
    --calendar-color: #ff9501;
}

.mizhi-next-calendar.purple {
    --calendar-color: #973ac2;
}

.mizhi-next-calendar .calendar-header {
    background-color: var(--calendar-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    z-index: 1;
    position: relative;
}

.mizhi-next-calendar .calendar-header .calendar-title {
    font-size: 25px;
    padding-left: 20px;
}

.mizhi-next-calendar .calendar-header .calendar-header-right {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    padding-right: 10px;
}

.mizhi-next-calendar .calendar-header .img-calendar-header-1 {
    position: absolute;
    left: -220px;
    top: -60px;
    max-width: 99999%;
    max-height: 99999%;
}

.mizhi-next-calendar .calendar-header .img-calendar-header-2 {
    position: absolute;
    left: -44px;
    max-width: 99999%;
    max-height: 99999%;
}

.mizhi-next-calendar .calendar-header .img-calendar-header-3 {
    position: absolute;
    left: -170px;
    bottom: -90px;
    max-width: 99999%;
    max-height: 99999%;
}

.mizhi-next-calendar .calendar-header .calendar-month-week {
    text-align: right;
}

.mizhi-next-calendar .calendar-header .calendar-current-day {
    font-size: 48px;
}

.mizhi-next-calendar .calendar-main {
    position: relative;
    background-color: var(--main-bg-color);
    padding: 10px;
    z-index: 2;
}

.mizhi-next-calendar .calendar-body-header ul {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(7, 1fr);
    flex-wrap: wrap;
}

.mizhi-next-calendar .calendar-body-header ul li {
    text-align: center;
    padding: 2px 0;
}

.mizhi-next-calendar .calendar-body-header .calendar-current-day {
    background-color: var(--calendar-color);
    color: #fff;
    border-radius: 4px;
}


.zeromo-list-item .z-item-wrap {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 400px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap {
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: top center;
    background-origin: top center;
    background-repeat: no-repeat;
    height: 100%;
    background: #ff6000;
    background-image: linear-gradient(360deg, #ffffffa1 0%, #ff6000 70%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title {
    z-index: 1;
    color: #fff;
    padding: 20px;
    font-size: 18px;
    margin-bottom: 0;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-before:after {
    content: '';
    display: block;
    width: 360px;
    height: 220px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100% 0 0 0;
    background-image: linear-gradient(155deg, rgba(253, 246, 244, 0) 25%, #ffe6e1a1 80%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap:after {
    content: '';
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap:before {
    content: '';
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list {
    padding: 0 20px;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content {
    background-color: var(--main-bg-color);
    padding: 15px 20px;
    border-radius: 10px;
    z-index: 1;
    position: relative;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a:hover .site-content img {
    transform: scale(1.1);
    transition: all 0.2s;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a:hover .site-content .site-content-meta h5 {
    color: #ff6000;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta {
    margin-left: 10px;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta h5 {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta .site-content-meta-intd {
    color: #9f9f9f;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item .z-recommend-name::marker {
    display: block;
}

.site-content img {
    border-radius: 5px !important;
}


h5 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}


.form-control::file-selector-button {
    padding: 8px 16px;
    margin: -8px -16px;
    margin-inline-end: 16px;
    color: #5a6a85;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}


.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.d-flex {
    display: flex !important
}

.position-relative {
    position: relative !important
}

.align-items-center {
    align-items: center !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.fw-semibold {
    font-weight: 600 !important
}

.app-calendar .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #5d87ff;
    font-weight: 400;
    border-color: #5d87ff
}

.app-calendar .fc .fc-button-primary:not(:disabled):active {
    background-color: #ebf1f6;
    border-color: #ebf1f6
}

.app-calendar .fc .fc-addEventButton-button:not(:disabled):active {
    background-color: #5d87ff;
    box-shadow: none;
    color: #fff
}


.card {
    margin-bottom: 30px
}


@font-face {
    font-family: 'iconfont';
    src:
        url('//at.alicdn.com/t/c/font_4690939_rb2ueo5ug8h.woff2?t=1735447133617') format('woff2');
}

.wniui-card-info {
    border-radius: 18px;
    padding: 0 0 20px;
    position: relative;
    overflow: hidden;
    will-change: transform;
    width: 100%;
    height: 380px;
    background-color: var(--main-bg-color);
}

.wniui-is-center {
    background-position: top;
    text-align: center;
    background-size: 120%;
    background-repeat: no-repeat;
    padding-top: 30px;
}

.wniui-avatar-img {
    overflow: hidden;
    margin: 0 auto;
    width: 110px;
    height: 110px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    box-shadow: 2.2px 2.2px 2.2px rgba(10, 207, 233, .3);
}

.wniui-avatar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wniui-card-info .wniui-is-center .wniui-author-info__name {
    font-weight: 800;
    font-size: 18px;
    box-sizing: border-box;
    margin-top: 10px;
}

.wniui-card-info .wniui-author-info__description {
    margin-top: 5px;
    font-size: 13.5px;
}

.wniui-card-info-data {
    padding: 0 24px;
    margin: 10px 0 4px;
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    box-sizing: border-box;
}

.wniui-card-info .wniui-card-info-data>.wniui-card-info-data-item {
    display: table-cell;
    position: relative;
}

.wniui-card-info-data-item:first-child {
    left: 1px;
}

.wniui-card-info .wniui-card-info-data>.wniui-card-info-data-item a .wniui-headline {
    color: var(--main-color);
    font-size: 1em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
}

.wniui-card-info .wniui-card-info-data>.wniui-card-info-data-item a .wniui-length-num {
    margin-top: 0px;
    color: var(--main-color);
    font-size: 1.4em;
}

.wniui-card-info-data-item:not(:last-child)::after {
    opacity: .3;
    position: absolute;
    top: 8px;
    right: 0;
    content: "";
    width: 1px;
    height: 35px;
    background: var(--main-color)
}

.wniui-card-info #wniui-card-info-btn {
    margin: 6px 30px 0 30px;
    border-radius: 20px;
    display: block;
    margin-top: 15px;
    background-color: #49b1f5;
    color: #fff;
    text-align: center;
    line-height: 2.4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.wniui-card-info .wniui-card-info-social-icons {
    margin: 20px 0px;
    text-align: center;
}

.wniui-card-info .wniui-card-info-social-icons .wniui-social-icon {
    margin: 0 10px;
    font-size: 1.4em;
}

.icon-github::before {
    font-family: 'iconfont';
    content: '\ea0a';
}

.icon-gitee::before {
    font-family: 'iconfont';
    content: '\e601';
}

.icon-bilibili::before {
    font-family: 'iconfont';
    content: '\e609';
}

.icon-wangyi::before {
    font-family: 'iconfont';
    content: '\e600';
}

.icon-about::before {
    font-family: 'iconfont';
    content: '\e649';
}

.wniui-social-icon i {
    display: inline-block;
    font-style: normal;
    font-size: 23px;
    transition: 0.3;
}

.wniui-social-icon i:hover {
    transform: scale(1.2) !important;
    transition: 0.3;
}


.mhy-qrcode-download-card .mhy-qrcode-top-card {
    position: relative;
    width: auto;
    height: 212px;
    border-radius: 4px;
    padding-top: 42px
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-image {
    position: absolute;
    width: 154px;
    height: 106px;
    right: 0;
    top: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content {
    cursor: pointer
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background {
    width: auto;
    height: 64px;
    background-size: 280px 64px;
    border-radius: 3px 3px 0 0
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 32px;
    left: 0px;
    top: 75px;
    background-image: url(https://oss.longs.cn/images/2025/05/20250519104024124.png);
    background-size: 100% 32px;
    background-repeat: no-repeat
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome-image {
    width: 24px;
    height: 24px;
    margin: 8px 6px 0 12px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome-text_img {
    width: 111px;
    height: 22px;
    margin-top: 9px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 106px;
    background: var(--main-bg-color);
    border-radius: 0 0 3px 3px
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__qrcode {
    width: 82px;
    height: 82px;
    margin: 12px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__detail {
    width: 174px;
    height: 106px
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__detail .download__card-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--key-color);
    ;
    margin: 20px 0 4px 0
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__detail .download__crad-slogan {
    font-size: 12px;
    line-height: 13px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-bottom: 11px;
    margin-left: -9px;
    color: var(--key-color);
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__detail .download__crad-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__detail .download__crad-label-item {
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #00c3ff;
    border-radius: 3px;
    -webkit-transform: scale(0.83);
    -ms-transform: scale(0.83);
    transform: scale(0.83);
    transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    padding: 3px 3px;
    color: #00c3ff
}

.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info__detail .download__crad-label-item:nth-child(2) {
    margin: 0 -4px 0 -4px
}

.mhy-qrcode-download-card .mhy-suspend__bottom-qrcode {
    width: 110px;
    height: 162px;
    background-image: url(data:image/png;base64,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BBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlgOEe4SEPAEsBwlggxBBwJYDhHuEhDwBLAcJYIMQQcCWA4R7hIQ8ASwHCWCDEEHAlg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);
    background-size: 110px 162px;
    background-repeat: no-repeat;
    cursor: pointer
}

.mhy-qrcode-download-card .mhy-suspend__bottom-qrcode-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mhy-qrcode-download-card .mhy-suspend__bottom-qrcode-image_code {
    width: 94px;
    height: 94px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 8px
}

.mhy-qrcode-download-card .mhy-suspend__bottom-qrcode-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mhy-qrcode-download-card .mhy-suspend__bottom-qrcode-text_info {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 14px 20px 6px 20px;
    text-align: center
}

.mhy-qrcode-bottom-card-show {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.mhy-qrcode-bottom-card-hide {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateY(162px);
    -ms-transform: translateY(162px);
    transform: translateY(162px)
}

.mhy-qrcode-bottom-video {
    display: block
}