/* ============================================
   水印样式 - Watermark Styles
   用于产品图片版权保护
   ============================================ */

/* ----------------------------------------
   英文应用场景页面水印
   ---------------------------------------- */
.applications-grid.en-watermark .application-image {
    position: relative;
    overflow: hidden;
}

.applications-grid.en-watermark .application-image::after {
    content: 'VLE HOOKLIFT';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 140, 0, 0.5);
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    pointer-events: none;
    z-index: 10;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* ----------------------------------------
   中文产品详情页 - 尺寸示意图水印
   ---------------------------------------- */
.product-detail-content .dimension-diagram,
.product-image-section .main-image {
    position: relative;
    overflow: hidden;
}

.product-detail-content .dimension-diagram::after {
    content: 'Shanghai Wole';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(252, 127, 3, 0.15);
    font-size: clamp(24px, 8vw, 70px);
    font-weight: bold;
    font-style: italic;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* ----------------------------------------
   英文产品详情页 - 尺寸示意图水印
   ---------------------------------------- */
.product-detail-content.en-watermark .dimension-diagram::after {
    content: 'VLE HOOKLIFT';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 140, 0, 0.15);
    font-size: clamp(24px, 8vw, 70px);
    font-weight: bold;
    font-style: italic;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* ----------------------------------------
   英文产品详情页 - 主图水印（中间）
   ---------------------------------------- */
.product-detail-content.en-watermark .product-image-section .main-image::after {
    content: 'VLE HOOKLIFT';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 140, 0, 0.3);
    font-size: clamp(24px, 6vw, 60px);
    font-weight: bold;
    font-style: italic;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* ----------------------------------------
   中文产品详情页 - 主图水印（居中）
   ---------------------------------------- */
.product-detail-content:not(.en-watermark) .product-image-section .main-image::after {
    content: 'Shanghai Wole';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 140, 0, 0.3);
    font-size: clamp(24px, 6vw, 60px);
    font-weight: bold;
    font-style: italic;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* ----------------------------------------
   中文产品列表页水印
   ---------------------------------------- */
.about-page-content .product-image,
#product-list .detail-item .product-image {
    position: relative;
    overflow: hidden;
}

.about-page-content .product-image::after,
#product-list .detail-item .product-image::after {
    content: 'Shanghai Wole';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 140, 0, 0.4);
    font-size: clamp(10px, 2vw, 25px);
    font-weight: bold;
    font-style: italic;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* ----------------------------------------
   英文产品列表页水印
   ---------------------------------------- */
:lang(en) #product-list .detail-item .product-image,
:lang(en) .product-list-container .detail-item .product-image {
    position: relative;
    overflow: hidden;
}

:lang(en) #product-list .detail-item .product-image::after,
:lang(en) .product-list-container .detail-item .product-image::after {
    content: 'VLE HOOKLIFT';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 140, 0, 0.3);
    font-size: clamp(14px, 2vw, 20px);
    font-weight: bold;
    font-style: italic;
    pointer-events: none;
    z-index: 10;
    letter-spacing: 2px;
    white-space: nowrap;
}

/* ============================================
   图片防保存样式
   ============================================ */

/* 中文产品详情页主图防保存 */
.product-detail-content:not(.en-watermark) .product-image-section .main-image img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* 中文产品详情页尺寸示意图防保存 */
.product-detail-content .dimension-diagram img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* 英文产品详情页尺寸示意图防保存 */
.product-detail-content.en-watermark .dimension-diagram img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* 英文产品详情页主图防保存 */
.product-detail-content.en-watermark .product-image-section .main-image img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* 中文产品列表页图片防保存 */
.about-page-content .product-image img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* 英文产品列表页图片防保存 */
:lang(en) #product-list .detail-item .product-image img,
:lang(en) .product-list-container .detail-item .product-image img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* 应用场景图片防保存 */
.applications-grid img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
}

/* ============================================
   移动端适配
   ============================================ */
@media (max-width: 768px) {
    .product-detail-content .dimension-diagram::after,
    .product-detail-content.en-watermark .dimension-diagram::after {
        top: 50%;
    }
}
