/* ========== LOGO动画效果集 ========== */

/* --- 图片LOGO：默认不动，仅hover时微发光 --- */
.logo .logo-img {
    animation: none;
    transition: filter 0.3s ease;
}
.logo:hover .logo-img {
    filter: drop-shadow(0 0 8px rgba(236,72,153,0.5));
}

/* --- 文字LOGO图标：不动 --- */
.logo i {
    animation: none;
}

/* --- 文字波浪字符基础 --- */
.logo .wave-char {
    display: inline-block;
    animation: none;
}

/* ========== 动画效果1：波浪（默认） ========== */
[data-logo-anim="wave"] .logo .wave-char,
.logo .wave-char {
    animation: wave-bounce 2.5s ease-in-out infinite;
}
@keyframes wave-bounce {
    0%, 100% { transform: translateY(0); }
    25% { transform: translateY(-5px); }
    75% { transform: translateY(2px); }
}

/* ========== 动画效果2：渐变色流动 ========== */
[data-logo-anim="gradient"] .logo .wave-char {
    animation: gradient-flow 3s linear infinite;
    background: linear-gradient(90deg, #ec4899, #a855f7, #6366f1, #ec4899);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
@keyframes gradient-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* ========== 动画效果3：呼吸发光 ========== */
[data-logo-anim="glow"] .logo .wave-char {
    animation: text-glow-breath 3s ease-in-out infinite;
}
@keyframes text-glow-breath {
    0%, 100% {
        text-shadow: 0 0 4px rgba(236,72,153,0.2);
    }
    50% {
        text-shadow: 0 0 16px rgba(236,72,153,0.7), 0 0 30px rgba(168,85,247,0.4);
    }
}

/* ========== 动画效果4：打字机闪烁 ========== */
[data-logo-anim="typewriter"] .logo .wave-char {
    opacity: 0;
    animation: typewriter-in 0.3s ease forwards;
}
@keyframes typewriter-in {
    0% { opacity: 0; transform: translateY(8px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ========== 动画效果5：弹跳 ========== */
[data-logo-anim="bounce"] .logo .wave-char {
    animation: char-bounce 2s ease-in-out infinite;
}
@keyframes char-bounce {
    0%, 100% { transform: translateY(0) scale(1); }
    30% { transform: translateY(-8px) scale(1.05); }
    50% { transform: translateY(0) scale(1); }
    70% { transform: translateY(-3px) scale(1.02); }
}

/* ========== 动画效果6：霓虹灯 ========== */
[data-logo-anim="neon"] .logo .wave-char {
    animation: neon-flicker 4s ease-in-out infinite;
    text-shadow: 0 0 5px #ec4899, 0 0 10px #ec4899, 0 0 20px #a855f7;
}
@keyframes neon-flicker {
    0%, 100% {
        text-shadow: 0 0 5px #ec4899, 0 0 10px #ec4899, 0 0 20px #a855f7;
        opacity: 1;
    }
    8% { opacity: 0.85; }
    10% { opacity: 1; }
    50% {
        text-shadow: 0 0 10px #ec4899, 0 0 20px #ec4899, 0 0 40px #a855f7, 0 0 60px #6366f1;
        opacity: 1;
    }
    52% { opacity: 0.9; }
    54% { opacity: 1; }
}

/* ========== 动画效果7：无动画 ========== */
[data-logo-anim="none"] .logo .wave-char {
    animation: none !important;
}
[data-logo-anim="none"] .logo .logo-img {
    animation: none !important;
}