/**
 * 登录弹窗背景虚化遮罩优化
 * Login Modal Overlay Enhancement
 */

/* 增强遮罩层效果 */
.dimmer {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    z-index: 90;
    transition: opacity 0.3s ease-in-out;
}

/* 遮罩层显示时的动画 */
.dimmer:not([style*="display: none"]) {
    animation: fadeInOverlay 0.3s ease-in-out;
}

@keyframes fadeInOverlay {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 深色模式下的遮罩优化 */
[data-bs-theme="dark"] .dimmer {
    background: rgba(0, 0, 0, 0.85) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}

/* 确保弹窗在遮罩之上 */
.ri-popup {
    z-index: 999 !important;
}

.ri-popup-body {
    position: relative;
    z-index: 1000 !important;
}

/* 优化弹窗打开时的body样式 */
.ri-popup-open {
    overflow: hidden !important;
}

/* 弹窗内容区域优化 */
.ri-popup-content {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

/* 深色模式下弹窗内容优化 */
[data-bs-theme="dark"] .ri-popup-content {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}