/* css/title-animations.css - 称号动画样式（最简生效版） */
/* 爆闪文本核心样式：仅保留动画相关 !important */
.flash-text {
    font-weight: bold;
    /* 仅这行保留 !important，确保动画不被禁用 */
    animation: flash-rainbow 0.5s linear infinite !important;
    position: relative;
    z-index: 999;
    /*color: #ff0000; /* 无 !important，动画可覆盖 */
/*text-shadow: 0 0 5px #ff0000; /* 无 !important，动画可覆盖 */
    animation-play-state: running;
    -webkit-animation-play-state: running;
}

/* 关键帧：移除所有 !important，靠动画优先级自然覆盖 */
@keyframes flash-rainbow {
    0% { color: #ff0000; text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000; }
    14% { color: #ff9900; text-shadow: 0 0 5px #ff9900, 0 0 10px #ff9900; }
    28% { color: #ffff00; text-shadow: 0 0 5px #ffff00, 0 0 10px #ffff00; }
    42% { color: #00ff00; text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00; }
    56% { color: #00ffff; text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff; }
    70% { color: #0000ff; text-shadow: 0 0 5px #0000ff, 0 0 10px #0000ff; }
    84% { color: #9900ff; text-shadow: 0 0 5px #9900ff, 0 0 10px #9900ff; }
    100% { color: #ff00ff; text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff; }
}

/* Webkit 兼容：同样移除所有 !important */
@-webkit-keyframes flash-rainbow {
    0% { color: #ff0000; text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000; }
    14% { color: #ff9900; text-shadow: 0 0 5px #ff9900, 0 0 10px #ff9900; }
    28% { color: #ffff00; text-shadow: 0 0 5px #ffff00, 0 0 10px #ffff00; }
    42% { color: #00ff00; text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00; }
    56% { color: #00ffff; text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff; }
    70% { color: #0000ff; text-shadow: 0 0 5px #0000ff, 0 0 10px #0000ff; }
    84% { color: #9900ff; text-shadow: 0 0 5px #9900ff, 0 0 10px #9900ff; }
    100% { color: #ff00ff; text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff; }
}

/* 其他样式：保留必要 !important 不影响动画 */
.gradient-text {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    display: inline-block;
    font-weight: bold;
}
.gradient-a { background-image: linear-gradient(90deg, #ff0000, #ff9900); }
.gradient-b { background-image: linear-gradient(90deg, #ffff00, #00ff00); }
.gradient-c { background-image: linear-gradient(90deg, #0099ff, #9900ff); }

.text-color-1 { color: #ff0000; text-shadow: 0 0 3px #ff0000; }
.text-color-2 { color: #00ff00; text-shadow: 0 0 3px #00ff00; }
.text-color-3 { color: #0000ff; text-shadow: 0 0 3px #0000ff; }