/* 设计案例水印 s */
/* 水印容器样式 - 仅作用于news-detial内的图片 */
.news-detial .case-watermark-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
    /* 消除图片默认间距 */
    /* 关键：容器溢出隐藏，确保遮罩不超出图片 */
    overflow: hidden;
}

/* 核心水印样式 */
.news-detial .case-watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* 不影响图片点击/放大等交互 */
    z-index: 99;
    /* 水印在图片上方 */
}

/* 微信端核心：透明遮罩层（覆盖img，让微信识别不到图片长按） */
.news-detial .wechat-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    /* 完全透明，不遮挡视觉 */
    z-index: 98;
    /* 遮罩在图片上方、水印下方 */
    pointer-events: auto;
    /* 接收所有触摸/点击事件，拦截img的长按 */
}

/* 文字水印（主水印） */
.news-detial .watermark-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    color: rgba(255, 255, 255, 0.4);
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
    user-select: none;
}

/* 重复水印（辅助） */
.news-detial .watermark-repeat {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100"><text x="0" y="50" fill="rgba(255,255,255,0.2)" font-size="18" transform="rotate(-15)">嘉庭乡墅设计：13540838680</text></svg>');
    background-repeat: repeat;
    opacity: 0.9;
    user-select: none;
}

/* 仅news-detial内的图片防护样式 */
.news-detial .case-img-protect {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    pointer-events: none;
    /* 关键：让img不接收触摸事件，由遮罩层拦截 */
    -webkit-touch-callout: none !important;
    touch-callout: none !important;
    -webkit-user-drag: none !important;
}

/* 仅news-detial内禁用长按文本选择 */
.news-detial {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

/* 设计案例水印 e */