.jiaozi_qz_prefix {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    padding: 5px 4px;
    margin-right: 3px;
    height: 19px;
    font-size: 12px;
    top: -3px;
    clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);
}

.jiaozi_qz_prefix_img_wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 3px;
    vertical-align: middle;
    animation: tagBgLight 4s ease-in-out infinite alternate;
    line-height: 0;
}

.jiaozi_qz_prefix_img_wrapper img {
    display: block;
    position: relative;
    z-index: 0;
}

/* 仅文章详情页 标题后方标签 扫光 + 轻微变色 */
.singular-tag-animate {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    animation: tagBgLight 4s ease-in-out infinite alternate;
}

/* 扫光效果 */
.singular-tag-animate:before {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);
    transform: skewX(-25deg);
    animation: tagSweep 3.5s ease-in-out infinite;
    z-index: 2;
    pointer-events: none;
}

/* 变色效果 - 使用半透明叠加层 */
.singular-tag-animate:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    z-index: 1;
    pointer-events: none;
    animation: tagColorChange 4s ease-in-out infinite alternate;
}

@keyframes tagSweep {
    0% {left: -120%;}
    100% {left: 120%;}
}

@keyframes tagBgLight {
    0% {filter: brightness(1) saturate(1);}
    100% {filter: brightness(1.2) saturate(1.3);}
}

@keyframes tagColorChange {
    0% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0.15);}
}
