/* ============================
   全局通用样式
   ============================ */

/* ============================
   VIP标签样式 - 天数VIP紫色，永久VIP金色
   ============================ */
.vip-tag {
    display: inline-block;
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: 700;
    margin-left: 8px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    border: 1px solid rgba(102, 126, 234, .4);
    box-shadow: 0 1px 4px rgba(102, 126, 234, .3);
    letter-spacing: .5px;
}

.vip-tag.permanent {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border: 1px solid rgba(245, 158, 11, .4);
    box-shadow: 0 1px 4px rgba(245, 158, 11, .3);
}

/* ============================
   侧边栏VIP标签（适配深色背景）
   ============================ */
.vip-tag.sidebar-vip {
    margin-left: 0;
    font-size: 10px;
    padding: 2px 8px;
}

/* 非VIP用户显示 */
.vip-tag.no-vip {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .5);
    border: 1px solid rgba(255, 255, 255, .1);
}

/* 工作人员（版主/管理员）红色背景 */
.vip-tag.staff-vip {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #fff;
    border: 1px solid rgba(239, 68, 68, .4);
    box-shadow: 0 1px 4px rgba(239, 68, 68, .3);
}

/* ============================
   顶部导航VIP标签 - 统一参考ranking.php样式
   ============================ */
.vip-tag.header-vip {
    margin-left: 0;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    border: 1px solid rgba(102, 126, 234, .4);
    padding: 2px 8px;
    font-size: 11px;
    box-shadow: 0 1px 4px rgba(102, 126, 234, .3);
}

.vip-tag.header-vip.permanent {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #fff;
    border: 1px solid rgba(245, 158, 11, .4);
    box-shadow: 0 1px 4px rgba(245, 158, 11, .3);
}

/* ============================
   侧边栏用户信息VIP标签（旧样式兼容，使用新样式替代）
   ============================ */
.user-vip-badge {
    display: inline-block;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 20px;
    margin-top: 4px;
    font-weight: 600;
}

.user-vip-badge.vip {
    background: rgba(245, 158, 11, .25);
    color: #fbbf24;
}

.user-vip-badge.normal {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .5);
}