/* css/effects.css */
/* 霓虹效果 */
.text-effect-neon {
    text-shadow: 
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 15px #fff,
        0 0 20px #ff1177,
        0 0 35px #ff1177,
        0 0 40px #ff1177,
        0 0 50px #ff1177,
        0 0 75px #ff1177;
}

/* 渐变效果 */
.text-effect-gradient {
    background: linear-gradient(45deg, #ff0000, #00ff00, #0000ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    animation: gradient 5s ease infinite;
}

/* 阴影效果 */
.text-effect-shadow {
    text-shadow: 
        2px 2px 0 #4074b5,
        2px -2px 0 #4074b5,
        -2px 2px 0 #4074b5,
        -2px -2px 0 #4074b5,
        2px 0px 0 #4074b5,
        0px 2px 0 #4074b5,
        -2px 0px 0 #4074b5,
        0px -2px 0 #4074b5;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}