/* static/css/lightbox.css */

.lightbox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    overflow-y: auto;
}

.lightbox-image {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
}

/* 添加模糊效果 */
body.lightbox-active > *:not(.lightbox-container) {
    filter: blur(5px);
    pointer-events: none; /* 防止在模糊背景上点击和交互 */
}

body.lightbox-active {
    overflow: hidden;
}