.line-color {
    fill: none;
    stroke: #fff;
    stroke-width: 1;
}

.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6 {
    stroke-dasharray: 1000;
animation-delay: 2s;
        stroke-dashoffset: 0;
  
}

.cls-4,
.cls-1 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash-2 2.5s ease infinite;
}

@keyframes dash-2 {
    to {
        stroke-dashoffset: 2000;
    }
}



.cls-5,
.cls-2 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash-1 2.5s ease infinite;
}

@keyframes dash-1 {
    to {
        stroke-dashoffset: 2000;
    }
}



.cls-6,
.cls-3 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash-3 2.5s ease infinite;
}

@keyframes dash-3 {
    to {
        stroke-dashoffset: 2000;
    }
}

/* 圓形動畫 */
.circle-animate {
    fill: #ffffff;
    r: 2.5;
    filter: blur(1px);
    box-shadow: 0px 0px 0px 4px #ffffff;

}

/* 定義圓形動畫 */
@keyframes move-along-path {
    from {
        offset-distance: 100%;
    }

    to {
        offset-distance: 0%;
    }
}