/* --- 藍色系毛玻璃風格 --- */

.glass-modal {
    background: rgb(255 255 255 / 0%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    border-radius: 20px;
    color: #2c3e6b;
    transform: translateY(-4px);
}

    .glass-modal .glass-btn {
        border: none;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 1px;
        box-shadow: 0 4px 12px rgba(30, 90, 220, 0.3);
        transition: all 0.25s ease;
    }

        .glass-modal .glass-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(30, 90, 220, 0.45);
            color: white;
        }

        .glass-modal .glass-btn:active {
            transform: translateY(0);
        }

    /* 主按鈕：藍色漸層，對應登入按鈕色系 */
    .glass-modal .glass-btn-primary {
        background: linear-gradient(135deg, #4a90e2 0%, #1a5ccc 100%);
    }

    /* 危險按鈕（取消）：用較淺的灰藍，不搶主色 */
    .glass-modal .glass-btn.btn-danger {
        background: linear-gradient(135deg, #8fa8c8 0%, #5a7aaa 100%);
        box-shadow: 0 4px 12px rgba(90, 122, 170, 0.3);
    }

    .glass-modal .spinner-border {
        color: #1a5ccc !important;
    }

.glass-content {
    width: 100%;
    padding: 32px 48px;
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}

/* 覆蓋 Bootstrap modal-body，避免被 .glass-modal div 的規則干擾 */
#Loading .modal-body,
#Msg .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}