/* 用户等级动画优化样式 */

/* 优化的动画关键帧 */
@keyframes subtleGlow {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1);
    }
    50% { 
        background-position: 100% 50%;
        filter: brightness(1.1);
    }
}

@keyframes silverShimmer {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1);
    }
    25% { 
        background-position: 50% 25%;
        filter: brightness(1.15);
    }
    75% { 
        background-position: 100% 75%;
        filter: brightness(1.05);
    }
}

@keyframes goldFlow {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1) saturate(1);
    }
    33% { 
        background-position: 100% 25%;
        filter: brightness(1.2) saturate(1.1);
    }
    66% { 
        background-position: 50% 75%;
        filter: brightness(1.1) saturate(1.05);
    }
}

@keyframes purpleWave {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1) hue-rotate(0deg);
    }
    25% { 
        background-position: 100% 25%;
        filter: brightness(1.15) hue-rotate(5deg);
    }
    50% { 
        background-position: 50% 100%;
        filter: brightness(1.1) hue-rotate(-5deg);
    }
    75% { 
        background-position: 25% 0%;
        filter: brightness(1.05) hue-rotate(3deg);
    }
}

@keyframes rainbowFlow {
    0% {
        background-position: 0% 50%;
        filter: brightness(1) saturate(1.2);
    }
    25% {
        background-position: 100% 25%;
        filter: brightness(1.1) saturate(1.1);
    }
    50% {
        background-position: 50% 100%;
        filter: brightness(1.15) saturate(1.05);
    }
    75% {
        background-position: 25% 0%;
        filter: brightness(1.05) saturate(1.15);
    }
    100% {
        background-position: 0% 50%;
        filter: brightness(1) saturate(1.2);
    }
}

@keyframes shine {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}

@keyframes levelHover {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1);
    }
    50% { 
        background-position: 100% 50%;
        filter: brightness(1.2);
    }
}

@keyframes goldPulse {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1.1) saturate(1.1);
        box-shadow: 0 2px 8px rgba(255, 196, 0, 0.35);
    }
    50% { 
        background-position: 100% 50%;
        filter: brightness(1.3) saturate(1.2);
        box-shadow: 0 4px 12px rgba(255, 196, 0, 0.5);
    }
}

@keyframes purplePulse {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1.1) saturate(1.1);
        box-shadow: 0 2px 8px rgba(139, 92, 246, 0.35);
    }
    50% { 
        background-position: 100% 50%;
        filter: brightness(1.25) saturate(1.15);
        box-shadow: 0 4px 12px rgba(139, 92, 246, 0.5);
    }
}

@keyframes rainbowPulse {
    0%, 100% { 
        background-position: 0% 50%;
        filter: brightness(1.1) saturate(1.1);
        box-shadow: 0 3px 10px rgba(79, 70, 229, 0.4);
    }
    50% { 
        background-position: 100% 50%;
        filter: brightness(1.3) saturate(1.2);
        box-shadow: 0 5px 15px rgba(79, 70, 229, 0.6);
    }
}

/* 等级样式优化 - 用于下拉框 */
.user-level-tag.level-1-5,
.level-1, .level-2, .level-3, .level-4, .level-5 {
    background: linear-gradient(135deg, #8A8A8A 0%, #666666 50%, #4A4A4A 100%) !important;
    background-size: 200% 200% !important;
    color: white !important;
    animation: subtleGlow 4s ease-in-out infinite !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 3px !important; /* 减小圆角 */
    padding: 2px 6px !important; /* 进一步减小内间距 */
    font-weight: 500 !important; /* 字体加粗 */
    font-size: 11px !important; /* 减小字体 */
    line-height: 1.2 !important; /* 调整行高 */
}

/* 移除悬停动画和响应 */
.user-level-tag.level-1-5:hover,
.level-1:hover, .level-2:hover, .level-3:hover, .level-4:hover, .level-5:hover {
    /* 移除所有悬停效果 */
}

.user-level-tag.level-6-10,
.level-6, .level-7, .level-8, .level-9, .level-10 {
    background: linear-gradient(135deg, #E8E8E8 0%, #C0C0C0 50%, #A9A9A9 100%) !important;
    background-size: 200% 200% !important;
    color: #222 !important;
    animation: silverShimmer 5s ease-in-out infinite !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 3px !important; /* 减小圆角 */
    padding: 2px 6px !important; /* 进一步减小内间距 */
    font-weight: 500 !important; /* 字体加粗 */
    font-size: 11px !important; /* 减小字体 */
    line-height: 1.2 !important; /* 调整行高 */
}

/* 移除悬停动画和响应 */
.user-level-tag.level-6-10:hover,
.level-6:hover, .level-7:hover, .level-8:hover, .level-9:hover, .level-10:hover {
    /* 移除所有悬停效果 */
}

.user-level-tag.level-11-15,
.level-11, .level-12, .level-13, .level-14, .level-15 {
    background: linear-gradient(135deg, #FFD700 0%, #FFC400 30%, #E6B000 70%, #CC9900 100%) !important;
    background-size: 300% 300% !important;
    color: #222 !important;
    animation: goldFlow 6s ease-in-out infinite !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 3px !important; /* 减小圆角 */
    padding: 2px 6px !important; /* 进一步减小内间距 */
    font-weight: 500 !important; /* 字体加粗 */
    font-size: 11px !important; /* 减小字体 */
    line-height: 1.2 !important; /* 调整行高 */
}

/* 移除悬停动画和响应 */
.user-level-tag.level-11-15:hover,
.level-11:hover, .level-12:hover, .level-13:hover, .level-14:hover, .level-15:hover {
    /* 移除所有悬停效果 */
}

.user-level-tag.level-16-20,
.level-16, .level-17, .level-18, .level-19, .level-20 {
    background: linear-gradient(135deg, #A855F7 0%, #8B5CF6 30%, #7C3AED 70%, #6D28D9 100%) !important;
    background-size: 300% 300% !important;
    color: white !important;
    animation: purpleWave 7s ease-in-out infinite !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 3px !important; /* 减小圆角 */
    padding: 2px 6px !important; /* 进一步减小内间距 */
    font-weight: 500 !important; /* 字体加粗 */
    font-size: 11px !important; /* 减小字体 */
    line-height: 1.2 !important; /* 调整行高 */
}

/* 移除悬停动画和响应 */
.user-level-tag.level-16-20:hover,
.level-16:hover, .level-17:hover, .level-18:hover, .level-19:hover, .level-20:hover {
    /* 移除所有悬停效果 */
}

.user-level-tag.level-21-plus,
.level-21, .level-22, .level-23, .level-24, .level-25,
.level-26, .level-27, .level-28, .level-29, .level-30,
.level-31, .level-32, .level-33, .level-34, .level-35,
.level-36, .level-37, .level-38, .level-39, .level-40,
.level-41, .level-42, .level-43, .level-44, .level-45,
.level-46, .level-47, .level-48, .level-49, .level-50,
.level-51, .level-52, .level-53, .level-54, .level-55,
.level-56, .level-57, .level-58, .level-59, .level-60,
.level-61, .level-62, .level-63, .level-64, .level-65,
.level-66, .level-67, .level-68, .level-69, .level-70,
.level-71, .level-72, .level-73, .level-74, .level-75,
.level-76, .level-77, .level-78, .level-79, .level-80,
.level-81, .level-82, .level-83, .level-84, .level-85,
.level-86, .level-87, .level-88, .level-89, .level-90,
.level-91, .level-92, .level-93, .level-94, .level-95,
.level-96, .level-97, .level-98, .level-99, .level-100,
.level-101, .level-102, .level-103, .level-104, .level-105,
.level-106, .level-107, .level-108, .level-109, .level-110,
.level-111, .level-112, .level-113, .level-114, .level-115,
.level-116, .level-117, .level-118, .level-119, .level-120,
.level-121, .level-122, .level-123, .level-124, .level-125,
.level-126, .level-127, .level-128, .level-129, .level-130,
.level-131, .level-132, .level-133, .level-134, .level-135,
.level-136, .level-137, .level-138, .level-139, .level-140,
.level-141, .level-142, .level-143, .level-144, .level-145,
.level-146, .level-147, .level-148, .level-149, .level-150,
.level-151, .level-152, .level-153, .level-154, .level-155,
.level-156, .level-157, .level-158, .level-159, .level-160,
.level-161, .level-162, .level-163, .level-164, .level-165,
.level-166, .level-167, .level-168, .level-169, .level-170,
.level-171, .level-172, .level-173, .level-174, .level-175,
.level-176, .level-177, .level-178, .level-179, .level-180,
.level-181, .level-182, .level-183, .level-184, .level-185,
.level-186, .level-187, .level-188, .level-189, .level-190,
.level-191, .level-192, .level-193, .level-194, .level-195,
.level-196, .level-197, .level-198, .level-199, .level-200 {
    background: linear-gradient(135deg,
        #06B6D4 0%,  /* 青色 */
        #0EA5E9 25%, /* 浅蓝 */
        #F97316 50%, /* 橙色 */
        #EF4444 75%, /* 红色 */
        #8B5CF6 100% /* 紫色 */
    ) !important;
    background-size: 400% 400% !important;
    animation: rainbowFlow 6s ease-in-out infinite !important;
    color: white !important;
    position: relative !important;
    overflow: hidden !important;
    transition: none !important; /* 移除过渡效果 */
    border-radius: 3px !important; /* 减小圆角 */
    padding: 2px 6px !important; /* 进一步减小内间距 */
    font-weight: 500 !important; /* 字体加粗 */
    font-size: 11px !important; /* 减小字体 */
    line-height: 1.2 !important; /* 调整行高 */
}

.user-level-tag.level-21-plus::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.3) 50%, 
        transparent 100%);
    animation: shine 3s ease-in-out infinite;
}

/* 移除所有21级以上的悬停效果 */
.user-level-tag.level-21-plus:hover,
.level-21:hover, .level-22:hover, .level-23:hover, .level-24:hover, .level-25:hover,
.level-26:hover, .level-27:hover, .level-28:hover, .level-29:hover, .level-30:hover,
.level-31:hover, .level-32:hover, .level-33:hover, .level-34:hover, .level-35:hover,
.level-36:hover, .level-37:hover, .level-38:hover, .level-39:hover, .level-40:hover,
.level-41:hover, .level-42:hover, .level-43:hover, .level-44:hover, .level-45:hover,
.level-46:hover, .level-47:hover, .level-48:hover, .level-49:hover, .level-50:hover,
.level-51:hover, .level-52:hover, .level-53:hover, .level-54:hover, .level-55:hover,
.level-56:hover, .level-57:hover, .level-58:hover, .level-59:hover, .level-60:hover,
.level-61:hover, .level-62:hover, .level-63:hover, .level-64:hover, .level-65:hover,
.level-66:hover, .level-67:hover, .level-68:hover, .level-69:hover, .level-70:hover,
.level-71:hover, .level-72:hover, .level-73:hover, .level-74:hover, .level-75:hover,
.level-76:hover, .level-77:hover, .level-78:hover, .level-79:hover, .level-80:hover,
.level-81:hover, .level-82:hover, .level-83:hover, .level-84:hover, .level-85:hover,
.level-86:hover, .level-87:hover, .level-88:hover, .level-89:hover, .level-90:hover,
.level-91:hover, .level-92:hover, .level-93:hover, .level-94:hover, .level-95:hover,
.level-96:hover, .level-97:hover, .level-98:hover, .level-99:hover, .level-100:hover,
.level-101:hover, .level-102:hover, .level-103:hover, .level-104:hover, .level-105:hover,
.level-106:hover, .level-107:hover, .level-108:hover, .level-109:hover, .level-110:hover,
.level-111:hover, .level-112:hover, .level-113:hover, .level-114:hover, .level-115:hover,
.level-116:hover, .level-117:hover, .level-118:hover, .level-119:hover, .level-120:hover,
.level-121:hover, .level-122:hover, .level-123:hover, .level-124:hover, .level-125:hover,
.level-126:hover, .level-127:hover, .level-128:hover, .level-129:hover, .level-130:hover,
.level-131:hover, .level-132:hover, .level-133:hover, .level-134:hover, .level-135:hover,
.level-136:hover, .level-137:hover, .level-138:hover, .level-139:hover, .level-140:hover,
.level-141:hover, .level-142:hover, .level-143:hover, .level-144:hover, .level-145:hover,
.level-146:hover, .level-147:hover, .level-148:hover, .level-149:hover, .level-150:hover,
.level-151:hover, .level-152:hover, .level-153:hover, .level-154:hover, .level-155:hover,
.level-156:hover, .level-157:hover, .level-158:hover, .level-159:hover, .level-160:hover,
.level-161:hover, .level-162:hover, .level-163:hover, .level-164:hover, .level-165:hover,
.level-166:hover, .level-167:hover, .level-168:hover, .level-169:hover, .level-170:hover,
.level-171:hover, .level-172:hover, .level-173:hover, .level-174:hover, .level-175:hover,
.level-176:hover, .level-177:hover, .level-178:hover, .level-179:hover, .level-180:hover,
.level-181:hover, .level-182:hover, .level-183:hover, .level-184:hover, .level-185:hover,
.level-186:hover, .level-187:hover, .level-188:hover, .level-189:hover, .level-190:hover,
.level-191:hover, .level-192:hover, .level-193:hover, .level-194:hover, .level-195:hover,
.level-196:hover, .level-197:hover, .level-198:hover, .level-199:hover, .level-200:hover {
    /* 移除所有悬停效果 */
}