@charset "utf-8";

    /* 图片查看器样式 */
    .image-viewer-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 9999;
    }
    
    .image-viewer-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        cursor: pointer;
    }
    
    .image-viewer-img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
        border-radius: 5px;
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
        cursor: pointer;
    }
    
    /* 图片查看器关闭按钮 */
    .image-viewer-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        z-index: 10000;
        transition: background-color 0.3s;
    }
    
    .image-viewer-close:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }
    
    /* 添加放大动画效果 */
    @keyframes zoomIn {
        from {
            opacity: 0;
            transform: scale(0.8);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
    
    .image-viewer-overlay.show {
        display: block;
        animation: zoomIn 0.3s ease-out;
    }
    
    .image-viewer-img.zoom {
        animation: zoomIn 0.3s ease-out;
    }
    
    /* 游戏图片添加小手图标，提示可双击 */
    .game-image {
        cursor: pointer;
    }
    
    /* 添加提示信息 */
    .image-viewer-tooltip {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        text-align: center;
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        z-index: 10001;
        pointer-events: none;
    }