/* ========================================
   页面容器基础样式
   ======================================== */

/* 禁用所有图片的拖拽功能 */
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    /* 防止图片被拖拽 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* 防止图片被保存 */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* 对于需要交互的图片，重新启用pointer-events */
img.interactive,
.member-photo,
.grid-item,
.gallery-item,
.thumbnail-circle,
.hover-detection-area,
.layer,
button,
.nav-button,
.nav-btn,
.download-btn,
.thumbnail-btn {
    pointer-events: auto;
}

/* 禁用所有元素的拖拽 */
* {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* 禁用右键菜单 */
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-container {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 100;
}

/* 激活的页面 */
.page-container.active {
    opacity: 1;
    visibility: visible;
}

/* 第一页特殊处理 */
#page-1 {
    z-index: 1;
}

#page-1.active {
    z-index: 100;
}