/* static/css/watermark.css */

/* 基础水印样式 */
.watermark {
    position: absolute;
    pointer-events: none;  /* 防止干扰交互 */
    user-select: none;      /* 禁止文字选中 */
    z-index: 100;          /* 确保在内容上方 */
}

/* 居中模式 */
.watermark.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 平铺模式 */
.watermark.tiled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-image: var(--watermark-image);
}

/* 文字样式 - 基础样式，具体样式将由JavaScript动态设置 */
.watermark-text {
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 添加轻微阴影效果 */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .watermark-text {
        transform-origin: center center;
    }
}

/* 添加：针对移动端竖屏的特殊处理 */
@media (max-width: 480px) and (orientation: portrait) {
    .watermark-text {
        /* 在竖屏模式下缩小水印尺寸 */
        transform: scale(0.6) !important;
        transform-origin: center center;
    }
}