﻿
/* 局部遮罩 */
.local-loading {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.65);
    z-index: 10;
    display: none;
}

/* 点状容器 */
.dot-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 10px;
}

    /* 点 */
    .dot-loader span {
        width: 10px;
        height: 10px;
        background: #409eff;
        border-radius: 50%;
        animation: dotPulse 1.2s infinite ease-in-out;
    }

        /* 延迟制造呼吸感 */
        .dot-loader span:nth-child(2) {
            animation-delay: .15s;
        }

        .dot-loader span:nth-child(3) {
            animation-delay: .3s;
        }

/* 动画 */
@keyframes dotPulse {
    0%, 100% {
        transform: scale(.4);
        opacity: .4;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}

