/* 按交付画幅排版，图片本身不再放大裁脸。 */
.hero-backdrop{display:block;width:100%;height:100%}
.theatre-site .trailer-section[data-trailer-pending] #trailer-stage{aspect-ratio:92/43}
[data-trailer-pending] .video-cover-control{inset:auto 14px 14px;width:36px;height:36px;padding:0;background:none}
[data-trailer-pending] .video-cover-control strong,[data-trailer-pending] .video-cover-control small{display:none}
.trailer-art-controls[hidden]{display:none}
.theatre-site .cast-stage .cast-dossier{grid-template-columns:minmax(0,280px) minmax(0,1fr)}
.theatre-site .cast-stage .cast-portrait[data-portrait]{width:100%;height:auto;min-height:0;aspect-ratio:4/5;background-size:contain;background-position:center top;background-color:#0b151d;filter:none;align-self:start}
.details-dialog .cast-portrait[data-portrait]{height:auto;min-height:0;aspect-ratio:4/5;background-size:contain;background-position:center top;filter:none}
.trial-console{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:15px;align-items:center}
#trial-visual{min-height:0;align-self:center;overflow:hidden;background:#07121b}
#trial-visual>#trial-image{position:static;display:block;width:100%;height:auto;aspect-ratio:92/43;object-fit:contain;opacity:1;transform:none}
#trial-visual[data-trial="survive"]>#trial-image{object-fit:cover;object-position:center top}
#trial-visual[data-trial="evidence"]>#trial-image{padding:14px;background:radial-gradient(ellipse at center,#b4a88b12,transparent 72%)}
.story-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}
#trial-visual .trial-image-shade,#trial-visual .trial-visual-count{display:none}
#trial-visual .trial-visual-caption{position:relative;inset:auto;display:flex;flex-direction:column;gap:6px;padding:15px 70px 15px 20px;font-size:22px;background:#101d26;border-top:1px solid #8c9c8133}
#trial-visual .trial-visual-caption small{font-size:8px}
#trial-visual .trial-zoom{bottom:15px;right:18px}
.archive-prop .remote-states img{inset:0;left:0;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;clip-path:none}

/* 深海巨兽使用静态图片。 */
#depths .threat-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;transform:none;mask-image:none;pointer-events:none;z-index:0;overflow:hidden}
#depths .depths-poster{position:absolute;inset:auto;right:-4%;top:50%;width:76%;height:auto;max-height:110%;object-fit:contain;transform:translateY(-50%);opacity:.86;transition:opacity .45s ease}
#depths:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#04101cf5 0%,#04101ca8 33%,#04101c22 68%,#04101c55)}
#depths .threat-credit{z-index:2}

/* 定位框维持既有下边缘；横幅按原比例底部对齐，上缘收低并淡出。 */
.haunted-site .cordon-finale .cordon-atmosphere{background:radial-gradient(ellipse at 50% 52%,#12202a66,transparent 72%)}
.haunted-site .cordon-finale .cordon-atmosphere:before{content:"";position:absolute;left:0;top:56%;width:100%;aspect-ratio:5/2;max-height:86%;transform:translateY(-50%);background-image:linear-gradient(180deg,#07131d55,#07131d11 45%,#03091144),url('../assets/site-20261105/cordon_background.webp');background-size:100% 100%,100% auto;background-repeat:no-repeat;background-position:center,center bottom;mask-image:linear-gradient(180deg,transparent 20%,#000 34%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 20%,#000 34%,#000 84%,transparent 100%)}
.cordon-content{text-shadow:0 2px 20px #020810}
@media(max-width:1100px){.trial-console{grid-template-columns:minmax(0,1fr);gap:0}#trial-visual{width:100%;max-width:920px;margin:0 auto}.trial-options{padding:5px 25px}}
@media(max-width:700px){
 .theatre-site .cast-stage .cast-dossier{grid-template-columns:minmax(0,1fr)}
 .theatre-site .cast-stage .cast-portrait[data-portrait]{width:min(280px,100%);margin:0 auto;height:auto;min-height:0}
 #trial-visual .trial-visual-caption{font-size:20px;padding:13px 60px 13px 16px}
 .trial-options{padding:3px 18px}
 #depths{min-height:520px;padding:40px var(--stage-pad) 240px}
 #depths .threat-copy h2{font-size:32px;letter-spacing:2px}
 #depths .threat-copy h2 br{display:initial}
 #depths .threat-film{inset:0;width:100%;height:100%;transform:none}
 #depths .depths-poster{top:auto;bottom:28px;right:-7%;width:114%;max-height:340px;transform:none}
 #depths:after{background:linear-gradient(#04101c 0%,#04101cbb 28%,#04101c22 65%,#030b15aa)}
 .haunted-site .cordon-finale .cordon-atmosphere:before{top:68%}
}

.memory-scene picture{display:block;width:100%;height:100%}.memory-scene picture img{width:100%;height:100%;object-fit:cover}.evidence-photo picture{display:block}.evidence-photo picture img{display:block;width:100%;height:auto}.archive-print picture{display:block;width:100%;height:100%}.archive-print picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.archive-print:hover picture img{transform:scale(1.025)}.trial-canopy{background-image:url(../assets/site-20261105/scene_dream.webp)}


@media(prefers-reduced-motion:reduce){#depths .depths-poster{transition:none}}