.beihai-watermark-wrap{
    position:relative !important;
    display:inline-block !important;
    max-width:100% !important;
    line-height:0 !important;
    overflow:hidden !important;
    vertical-align:middle !important;
}

.beihai-watermark-wrap > img,
.beihai-watermark-wrap picture,
.beihai-watermark-wrap picture img{
    max-width:100% !important;
    height:auto;
}

.beihai-watermark-layer{
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:9 !important;
}

/* 角标水印 */
.beihai-wm-corner::after{
    content:attr(data-watermark);
    position:absolute;
    z-index:10;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border:1px solid rgba(240,226,207,.9);
    border-radius:999px;
    background:var(--bhm-wm-bg, rgba(255,250,243,.38));
    color:rgba(122,61,18,var(--bhm-wm-opacity,.68));
    font-size:var(--bhm-wm-font-size,15px);
    font-weight:600;
    letter-spacing:.05em;
    line-height:1.2;
    text-shadow:0 1px 1px rgba(255,255,255,.4);
    pointer-events:none;
    white-space:nowrap;
}

.beihai-wm-bottom-right::after{
    right:14px;
    bottom:14px;
}

.beihai-wm-bottom-left::after{
    left:14px;
    bottom:14px;
}

.beihai-wm-top-right::after{
    right:14px;
    top:14px;
}

.beihai-wm-top-left::after{
    left:14px;
    top:14px;
}

.beihai-wm-center::after{
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-12deg);
    font-size:calc(var(--bhm-wm-font-size,15px) + 4px);
}

/* 平铺水印 */
.beihai-wm-repeat .beihai-watermark-layer{
    opacity:var(--bhm-wm-opacity,.68);
    background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='130' viewBox='0 0 260 130'%3E%3Ctext x='22' y='78' fill='%237a3d12' fill-opacity='.42' font-size='18' font-family='Microsoft YaHei,Arial,sans-serif' font-weight='600' transform='rotate(-18 130 65)'%3E%E5%A4%A9%E6%B4%A5%E5%8C%97%E6%B5%B7%E6%98%8E%E7%8F%A0%E9%85%92%E5%BA%97%3C/text%3E%3C/svg%3E");
    background-repeat:repeat;
    background-size:260px 130px;
}

@media (max-width:768px){
    .beihai-wm-corner::after{
        padding:5px 9px;
        font-size:calc(var(--bhm-wm-font-size,15px) - 2px);
    }

    .beihai-wm-bottom-right::after,
    .beihai-wm-top-right::after{
        right:9px;
    }

    .beihai-wm-bottom-left::after,
    .beihai-wm-top-left::after{
        left:9px;
    }

    .beihai-wm-bottom-right::after,
    .beihai-wm-bottom-left::after{
        bottom:9px;
    }

    .beihai-wm-top-right::after,
    .beihai-wm-top-left::after{
        top:9px;
    }
}