/* 弹窗背景美化 */
.modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.show {
    opacity: 1 !important;
    background-color: rgba(107,107,107,var(--zm-modal-bg-overlay-opacity,0.68)) !important;
    backdrop-filter: blur(6px) saturate(110%);
    -webkit-backdrop-filter: blur(6px) saturate(110%);
}

body.dark-theme .modal-backdrop,
body.dark-theme .modal-backdrop.in,
body.dark-theme .modal-backdrop.show {
    background-color: rgba(74,74,74,var(--zm-modal-bg-overlay-opacity,0.68)) !important;
}

body.modal-open::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1040;
    pointer-events: none;
    background-color: rgba(107,107,107,var(--zm-modal-bg-overlay-opacity,0.68));
    backdrop-filter: blur(6px) saturate(110%);
    -webkit-backdrop-filter: blur(6px) saturate(110%);
}

body.dark-theme.modal-open::before {
    background-color: rgba(74,74,74,var(--zm-modal-bg-overlay-opacity,0.68));
}

body.modal-open::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1041;
    pointer-events: none;
    opacity: var(--zm-modal-bg-image-opacity,1);
    background-image: var(--zm-modal-bg-image, none);
    background-size: clamp(360px, 34vw, 640px) auto;
    background-position: top center;
    background-repeat: repeat;
}

body.modal-open .modal-backdrop {
    background: transparent !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.modal-open .modal {
    z-index: 1050;
}