/* VIP等级管理前端样式 */

/* VIP徽章基本样式 */
.vip-badge {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
}

.vip-badge img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

/* 普通会员样式 */
.vip-normal {
    opacity: 0.8;
}

/* 白银会员样式 */
.vip-silver {
    animation: silver-glow 2s infinite alternate;
}

@keyframes silver-glow {
    from {
        text-shadow: 0 0 2px #c0c0c0;
    }
    to {
        text-shadow: 0 0 10px #c0c0c0, 0 0 20px #c0c0c0;
    }
}

/* 黄金会员样式 */
.vip-gold {
    animation: gold-glow 1.5s infinite alternate;
}

@keyframes gold-glow {
    from {
        text-shadow: 0 0 5px #ffd700;
    }
    to {
        text-shadow: 0 0 15px #ffd700, 0 0 25px #ffd700;
    }
}

/* 钻石会员样式 */
.vip-diamond {
    animation: diamond-glow 1s infinite alternate;
}

@keyframes diamond-glow {
    from {
        text-shadow: 0 0 5px #b9f2ff, 0 0 10px #b9f2ff;
        transform: scale(1);
    }
    to {
        text-shadow: 0 0 15px #b9f2ff, 0 0 25px #b9f2ff, 0 0 35px #b9f2ff;
        transform: scale(1.1);
    }
}

/* 响应式调整 */
@media (max-width: 600px) {
    .vip-badge img {
        width: 14px;
        height: 14px;
    }
}

/* 文章作者链接样式 */
.author.vip-badge {
    margin-left: 3px;
}

/* 用户名处VIP徽章样式 */
.username.vip-badge {
    margin-left: 3px;
}

/* 悬停效果 */
.vip-badge:hover {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

/* 旋转效果 */
.vip-badge.rotate {
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 脉冲效果 */
.vip-badge.pulse {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* 闪烁效果 */
.vip-badge.blink {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}