.protected-container {
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.protected-container img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none; /* 防止图片直接接收触摸事件 */
}

/* 关键：防护层优化 */
.protection-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: transparent;
    /* 以下属性很重要 */
    -webkit-touch-callout: none; /* 禁止触摸时的弹出菜单 */
    touch-action: none; /* 完全禁止触摸操作 */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 第二层防护 */
.protection-layer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 图片防护样式 */
img {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    pointer-events: none !important;
}

/* 只允许点击，禁止其他交互 */
img {
    cursor: pointer !important;
}

/* 针对移动设备的特殊处理 */
@media (max-width: 768px) {
    img {
        -webkit-touch-callout: none !important;
        touch-action: manipulation !important;
    }
}