/**
 * Highslide CSS - 图片灯箱样式
 * 从原图片位置放大到屏幕中心的动画效果
 */

/* 灯箱包装器 */
.hs-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
}

/* 灯箱展开时启用点击 */
.hs-wrapper[style*="pointer-events: auto"] {
    pointer-events: auto;
}

/* 灯箱展开时显示 */
.hs-wrapper.hs-active {
    display: flex;
}

/* 背景遮罩 - 隐藏 */
.hs-overlay {
    display: none;
}

/* 灯箱图片 */
.hs-image {
    position: fixed;
    z-index: 9999;
    object-fit: contain;
    cursor: pointer;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    border: 8px solid white;
    pointer-events: auto;
}

/* 放大镜光标 */
.gallery-item img {
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSIxOCIgeTE9IjE4IiB4Mj0iMjgiIHkyPSIyOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") 12 12, auto;
}