/**
 * 动画样式模块
 * 版本: 1.0.0
 * 变更记录:
 * - 1.0.0: 新建文件，集中管理所有动画效果
 */

/* ========== 淡入动画 ========== */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== 旋转动画 ========== */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* ========== 加载文字脉动动画 ========== */
@keyframes loadingPulse {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

/* ========== 虚线动画 ========== */
@keyframes dash {
    to {
        stroke-dashoffset: -15;
    }
}

/* ========== 聚类边界动画 ========== */
@keyframes dashAnimation {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 30;
    }
}

/* ========== 应用动画的类 ========== */
.leaflet-interactive.leaflet-drawing-line {
    stroke-dasharray: 5, 10;
    animation: dash 1s linear infinite;
}

.leaflet-interactive.boundary-polygon {
    animation: dashAnimation 1s linear infinite;
}