/* 宣传图播放区与遥控器基础样式；本批素材布局由 rar-refresh.css 接续。 */
[data-trailer-pending] .trailer-image{object-fit:contain;background:#050a10;filter:none}
[data-trailer-pending] .video-cover-control{inset:auto 20px 20px;display:flex;flex-direction:row;justify-content:flex-end;gap:15px;padding:12px 15px;background:linear-gradient(90deg,transparent,#041019cc);text-align:right}
[data-trailer-pending] .video-play-disc{width:42px;height:42px;font-size:19px;outline-offset:4px;flex-shrink:0}
[data-trailer-pending] .video-cover-control strong{font-size:19px;letter-spacing:2px;margin:0}
[data-trailer-pending] .video-cover-control small{font-size:10px;letter-spacing:1px;margin:0}
.video-buffer[hidden]{display:none}
.theatre-site .cast-stage .cast-portrait[data-portrait="anna"]{background-size:auto 125%;background-position:center top;background-color:#08131d;filter:none}
.theatre-site .cast-stage .cast-portrait[data-portrait="clown"]{background-size:auto 105%;background-position:55% top;filter:none}
.delivery-filter{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.remote-states{position:relative;width:100%;height:250px;isolation:isolate;filter:drop-shadow(0 12px 18px #0009)}
.archive-prop .remote-states img{position:absolute;top:0;left:50%;width:auto;height:100%;max-width:none;object-fit:contain;transform:translateX(-50%);clip-path:url(#remote-shape);filter:none}
.remote-light{position:absolute;inset:0;opacity:0;pointer-events:none}
.remote-light>.remote-on{opacity:1}
.remote-light:after{content:"";position:absolute;left:49%;top:46%;width:45%;height:34%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#ff371b38,#fb2e1626 38%,transparent 72%);mix-blend-mode:screen;pointer-events:none}
.threat-beast.threat-film{right:-2%;width:74%;overflow:hidden;aspect-ratio:16/9;pointer-events:auto;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 94%,transparent)}
.threat-film .depths-poster{width:100%;height:100%;object-fit:contain;animation:none;opacity:.92}
.threat-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030a10;z-index:2}
.threat-film video[hidden]{display:none}
.depths-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;padding:14px 20px;background:#05121cbb;border:1px solid #a7bac36b;color:#d5e1db;font:12px var(--sans);letter-spacing:1px}
.depths-play>span{font-size:23px}
.threat-film.has-clip .depths-play{display:none}
.clip-status{min-height:18px;font-size:10px;letter-spacing:1px;color:#86a4ad;margin-top:16px}
.clip-replay{display:none;margin-top:12px;font-size:11px;padding:8px 0;color:#c2d0c6;border-bottom:1px solid #8fa49b66}
.clip-replay.is-visible{display:inline-block}
.archive-major[data-scene="bumper"]>img{object-position:30% center}
.archive-print[data-scene="fall"]>img{object-position:center 65%}
.archive-print[data-scene="beast"]>img{object-position:center 42%}
.archive-wide[data-scene="pterosaurs"]>img{object-position:center 30%}
@media(max-width:1000px){.remote-states{height:210px}}
@media(max-width:700px){
 [data-trailer-pending] .video-cover-control{inset:auto 8px 9px;padding:9px 8px;gap:10px;flex-wrap:wrap}
 [data-trailer-pending] .video-cover-control strong{font-size:15px;letter-spacing:1px}
 [data-trailer-pending] .video-cover-control small{display:none}
 [data-trailer-pending] .video-play-disc{width:30px;height:30px;font-size:16px;outline-offset:3px}
 .remote-states{height:110px}
 .threat-beast.threat-film{width:110%;right:-5%;bottom:45px;top:auto;transform:none;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
 .depths-play{font-size:10px;padding:11px 14px;gap:8px;white-space:nowrap}
 .threat-film video{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.remote-light{opacity:0!important}}