/* Mimic huijuf.com .zibbox-title-badge style */
span.zibbox-title-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border-radius: 4px;
    padding: 0 4px;
    min-height: 17px;
    height: 17px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 2px;
    line-height: 1;
    white-space: nowrap;
    top: -1px;
}

/* 仅“更新/新发”保留流光扫描效果 */
span.zibbox-title-badge.king-new-post-badge {
    overflow: hidden;
}

span.zibbox-title-badge.king-new-post-badge--updated {
    background: linear-gradient(135deg, #b6e6ff 10%, #198aff 100%);
    color: #ffffff;
}

span.zibbox-title-badge.king-new-post-badge--published {
    background: linear-gradient(135deg, #ffbeb4 10%, #f61a1a 100%);
    color: #ffffff;
}

span.zibbox-title-badge.king-new-post-badge::before {
    position: absolute;
    content: " ";
    display: block;
    left: -100%;
    top: -5px;
    width: 15px;
    height: 145%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    animation: king-badge-shine 3s ease-in-out infinite;
    transform: rotate(28deg);
}

@keyframes king-badge-shine {
    0% {
        left: -100%;
    }
    100% {
        left: 200%;
    }
}

.posts-item.card .item-thumbnail.king-post-card-badge-box {
    overflow: hidden;
}

.item-tags .king-post-mark-tag {
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    margin-right: 6px;
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: normal;
    line-height: 1.44;
    vertical-align: middle;
}

.item-thumbnail.king-post-card-badge-box--style1 {
    overflow: hidden;
}

.item-thumbnail.king-post-card-badge-box--style2 {
    overflow: visible;
}

.king-cos-posts .posts-item.card .item-thumbnail.king-post-card-badge-box--style2 {
    overflow: visible;
}

.king-post-card-status-wrap {
    position: absolute;
    z-index: 5;
    pointer-events: none;
}

.king-post-card-status-wrap--style1 {
    top: 0;
    right: 0;
    width: 76px;
    height: 76px;
    overflow: hidden;
}

.king-post-card-status-wrap--style1 .king-post-card-status-text {
    position: absolute;
    top: 13px;
    right: -27px;
    display: block;
    width: 106px;
    padding: 4px 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.5px;
    transform: rotate(45deg);
}

.king-post-card-status-wrap--style2 {
    top: 12px;
    right: -8px;
    overflow: visible;
}

.king-post-card-status-wrap--style2 .king-post-card-status-text {
    position: relative;
    display: block;
    min-width: 48px;
    padding: 7px 10px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.5px;
    border-radius: 6px;
}

.king-post-card-status-wrap--style2 .king-post-card-status-text::after {
    content: "";
    position: absolute;
    top: 7px;
    right: -6px;
    width: 6px;
    height: calc(100% - 14px);
    background: rgba(210, 210, 210, 0.95);
    border-radius: 0 6px 6px 0;
}

.king-post-card-status-wrap--published .king-post-card-status-text {
    background: linear-gradient(135deg, #ff3d36 0%, #ff2626 100%);
}

.king-post-card-status-wrap--updated .king-post-card-status-text {
    background: linear-gradient(135deg, #2bc4ff 0%, #1677ff 100%);
}

.king-post-status-host {
    position: relative;
}

.king-post-status-host > .king-post-card-status-wrap--style1 {
    top: 0;
    right: 0;
}

.king-post-status-host > .king-post-card-status-wrap--style2 {
    top: 8px;
    right: -6px;
}

.posts-item.card .item-thumbnail.king-post-card-badge-box--style1.king-post-card-badge-box--has-status > .abs-center.right-top {
    top: 24px;
}

.posts-item.card .item-thumbnail.king-post-card-badge-box--style2.king-post-card-badge-box--has-status > .abs-center.right-top {
    top: 14px;
    right: 42px;
}

.king-cos-posts .posts-item.card .item-thumbnail.king-post-card-badge-box--style1.king-post-card-badge-box--has-status .king-cos-corner-images {
    top: 24px;
}

.king-cos-posts .posts-item.card .item-thumbnail.king-post-card-badge-box--style2.king-post-card-badge-box--has-status .king-cos-corner-images {
    top: 14px;
    right: 42px;
}

@media (max-width: 767px) {
    .item-tags .king-post-mark-tag {
        margin-right: 5px;
        padding: 2px 5px;
    }

    .king-post-card-status-wrap--style1 {
        width: 64px;
        height: 64px;
    }

    .king-post-card-status-wrap--style1 .king-post-card-status-text {
        top: 11px;
        right: -24px;
        width: 92px;
        font-size: 11px;
    }

    .king-post-card-status-wrap--style2 {
        top: 8px;
        right: -6px;
    }

    .king-post-card-status-wrap--style2 .king-post-card-status-text {
        min-width: 42px;
        padding: 6px 8px 5px;
        font-size: 11px;
    }

    .king-post-card-status-wrap--style2 .king-post-card-status-text::after {
        top: 6px;
        right: -5px;
        width: 5px;
        height: calc(100% - 12px);
    }

    .posts-item.card .item-thumbnail.king-post-card-badge-box--style2.king-post-card-badge-box--has-status > .abs-center.right-top,
    .king-cos-posts .posts-item.card .item-thumbnail.king-post-card-badge-box--style2.king-post-card-badge-box--has-status .king-cos-corner-images {
        top: 10px;
        right: 38px;
    }

    .king-post-status-host > .king-post-card-status-wrap--style2 {
        top: 6px;
        right: -5px;
    }
}