﻿/* 自定义遮罩層样式 */
.modal-backdrop.fade.show {
    opacity: 0.8; /* 遮罩層透明度 */
    background-color: #000; /* 遮罩層顏色 */
    align-content: center; /* 動畫垂直居中 */
}

    /* 遮罩層loading样式 */
    .modal-backdrop.fade.show .loading {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: inline-block;
        border-top: 4px solid #ddd;
        border-right: 4px solid transparent;
        animation: rotation 1s linear infinite;
    }

        .modal-backdrop.fade.show .loading::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border-bottom: 4px solid #ff3d00;
            border-left: 4px solid transparent;
        }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
