/**
 * 全站页面背景水印（斜向平铺、置顶显示、不阻挡点击）
 * 背景图由 layout 内 <style> 或 body 行内 --site-watermark-bg 注入
 */
.site-watermark-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
    background-image: var(--site-watermark-bg);
    background-repeat: repeat;
    background-size: 300px 190px;
    /* 正片叠底：白底保持浅灰水印，深蓝/深色区压暗融合，避免浅灰字发白突出 */
    mix-blend-mode: multiply;
}

/**
 * GIF 动态图水印：保留动画，居中斜向网址叠加
 */
.site-wm-gif-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    vertical-align: middle;
}

.site-wm-gif-wrap > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.site-wm-gif-wrap::after {
    content: attr(data-wm-text);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(-30deg);
    font: 600 clamp(16px, 8vw, 36px) Arial, "Microsoft YaHei", sans-serif;
    color: rgba(255, 255, 255, 0.78);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.35);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    letter-spacing: 0.02em;
}

/* 网格/卡片内 GIF 铺满容器 */
.sucai-list-page .image .site-wm-gif-wrap,
.asset-card__thumb .site-wm-gif-wrap,
.asset-preview-grid__item .site-wm-gif-wrap,
.vl-detail-hero__thumb .site-wm-gif-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

.sucai-list-page .image .site-wm-gif-wrap > img,
.asset-card__thumb .site-wm-gif-wrap > img,
.vl-detail-hero__thumb .site-wm-gif-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}