/* hover-effects.css - 悬停动画效果 */

/* 渐变流动动画 */
@keyframes gradient-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/* Logo 文字默认渐变样式 */
.nk-logo-text {
    background: linear-gradient(to right, #e4edf4, #709fe5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Logo 悬停渐变流动效果 */
.nk-logo:hover .nk-logo-text {
    background: linear-gradient(90deg, #e4edf4, #709fe5, #e4edf4);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-flow 2s linear infinite;
}

/* Section 标题悬停渐变流动效果 */
.section:hover .gradient-flow-on-hover {
    background-image: linear-gradient(90deg, #e4edf4, #709fe5, #e4edf4, #709fe5) !important;
    background-size: 200% 100% !important;
    animation: gradient-flow 2s linear infinite;
}