/* 子比主题开屏广告 - 前台样式 */
#zsa-splash {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #000;
    transition: opacity .4s ease;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 消失效果终态（过渡时长由 JS 内联注入，故此处只写目标属性） */
#zsa-splash.zsa-exit-fade {
    opacity: 0;
    pointer-events: none;
}

#zsa-splash.zsa-exit-zoom {
    opacity: 0;
    transform: scale(1.15);
    pointer-events: none;
}

#zsa-splash.zsa-exit-up {
    transform: translateY(-100%);
    pointer-events: none;
}

#zsa-splash.zsa-exit-down {
    transform: translateY(100%);
    pointer-events: none;
}

#zsa-splash.zsa-exit-blur {
    opacity: 0;
    filter: blur(24px);
    pointer-events: none;
}

#zsa-splash.zsa-exit-flip {
    opacity: 0;
    transform: perspective(1200px) rotateX(85deg);
    pointer-events: none;
}

/* 百叶窗 / 碎片 切片覆盖层 */
#zsa-splash .zsa-pieces {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
}

#zsa-splash .zsa-stage {
    position: absolute;
    inset: 0;
    z-index: 1;
}

#zsa-splash .zsa-media-link {
    display: block;
    width: 100%;
    height: 100%;
}

#zsa-splash .zsa-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;        /* 铺满全屏，等比裁剪，绝不拉伸变形 */
    object-position: center;
    background: #000;
    border: 0;
}

/* 右上角 X 关闭 */
#zsa-splash .zsa-x {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 6;
    width: 44px;
    height: 44px;
    line-height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 4px;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    transition: .2s;
}

#zsa-splash .zsa-x:hover {
    background: rgba(0, 0, 0, .6);
}

#zsa-splash .zsa-x:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* 进入网站透明按钮（7 个可选位置，单选其一） */
.zsa-enter-wrap {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none; /* 让点击穿透到广告（链接） */
}

.zsa-enter {
    pointer-events: auto;
    cursor: pointer;
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .7);
    padding: 11px 32px;
    font-size: 15px;
    letter-spacing: 3px;
    border-radius: 40px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: .25s;
}

.zsa-enter:hover {
    background: rgba(255, 255, 255, .18);
}

/* 居中 */
.zsa-pos-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 上/下 + 左/中/右：绝对定位单个按钮 */
.zsa-pos-tl .zsa-enter { position: absolute; top: 16px; left: 16px; }
.zsa-pos-tc .zsa-enter { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); }
.zsa-pos-tr .zsa-enter { position: absolute; top: 16px; right: 16px; }
.zsa-pos-bl .zsa-enter { position: absolute; bottom: 16px; left: 16px; }
.zsa-pos-bc .zsa-enter { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); }
.zsa-pos-br .zsa-enter { position: absolute; bottom: 16px; right: 16px; }

/* 锁定背景滚动 */
body.zsa-lock,
html.zsa-lock {
    overflow: hidden;
}