.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s;background:#080f20}.film-ready .hero-film{opacity:1}.film-ready .hero-image{animation:none}.film-ready .ocean-shimmer,.film-ready .mist{opacity:.35}.film-content-note{position:absolute;left:8%;bottom:76px;max-width:50%;font-size:9px;color:#889ab6;letter-spacing:.02em}.film-tools{position:absolute;left:8%;bottom:125px}.film-tools .outline-button{font-size:11px;background:#070e20b0;color:#ddc793;padding:9px 14px;gap:15px}.film-tools span{color:#98a9c1;font-size:9px}.opening-copy{transition:opacity .8s,transform .8s}.opening.film-story .opening-copy{opacity:0;transform:translateY(-10px);pointer-events:none}.film-scene-label{position:absolute;left:8%;top:30%;width:45%;opacity:0;transform:translateY(12px);transition:opacity .8s,transform .8s;pointer-events:none}.film-scene-label small{font-size:10px;letter-spacing:.12em;color:#dfc184}.film-scene-label h2{font-family:"SimSun","Songti SC",serif;font-size:clamp(31px,4vw,58px);line-height:1.6;letter-spacing:.05em;margin:16px 0;color:#f3ebd7;white-space:pre-line}.opening.film-story .film-scene-label{opacity:1;transform:none}.film-dialog{padding:0;width:min(1100px,94vw);max-width:1100px;border:1px solid #dfc18460;background:#080f20;color:#ded7c6;box-shadow:0 20px 100px #0008}.film-dialog::backdrop{background:#010610e8;backdrop-filter:blur(6px)}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #dfc18430;font-size:13px}.film-dialog-top button{font-size:25px;background:none;border:0;color:#d7c592;line-height:1;cursor:pointer;padding:5px 10px}.film-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#000}.film-dialog>p{font-size:10px;color:#8b9bb2;margin:0;padding:12px 20px;line-height:1.8}.video-unavailable .film-tools:after{content:"视频加载暂不可用，请稍后重试";display:block;font-size:9px;color:#a7b1bd;margin-top:6px}.film-tools button:disabled{opacity:.5;cursor:wait}.motion-off .hero-film{transition:none}
@media(max-width:760px){.hero-film{object-position:65% center}.opening.film-story .hero-vignette{background:linear-gradient(0deg,#070d1c 0%,#070d1c30 35%,#060d1b80 80%,#060d1cbb 100%)}.film-scene-label{left:7%;top:22%;width:85%;text-shadow:0 3px 20px #0009}.film-scene-label h2{font-size:32px;line-height:1.55}.film-scene-label small{font-size:9px}.film-content-note{left:7%;bottom:98px;max-width:86%;font-size:8px}.film-tools{left:7%;bottom:138px}.film-tools .outline-button{font-size:10px;padding:8px 12px}.film-dialog{width:96vw}.film-dialog-top{padding:10px 12px;font-size:11px}.film-dialog>p{font-size:9px;padding:10px 12px}.motion-toggle{bottom:62px!important;font-size:8px!important}.opening .hero-coordinate{bottom:43px;max-width:57%}}
.opening.film-story .opening-copy{animation:none}
.motion-off .opening-copy{animation:none}
@media(prefers-reduced-motion:reduce){.hero-film,.opening-copy,.film-scene-label{transition:none}}