/* 开场专用观影布局；后续节点仍可使用原有线索与分支界面。 */
body.cinematic{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(24px,4svh,48px) 0 24px;background:radial-gradient(ellipse at 8% 0%,#e5ece035,transparent 48%),#faf9f5}
body.cinematic>header,.cinematic .intro,.cinematic .workspace>aside,.cinematic footer{display:none}
body.cinematic main{width:min(calc(100% - 64px),calc((100svh - 144px)*1.777778),1680px);max-width:none;margin:0 auto;padding:0}
.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 14px}
.film-heading h1{font:400 clamp(19px,1.65vw,27px) "STSong","SimSun",serif;letter-spacing:3px;margin:0;color:#465648}
.film-heading h1{display:flex;align-items:center;gap:12px}
.film-heading h1:before{content:'';flex:none;width:23px;height:31px;background:url('spring-leaf.svg') center/contain no-repeat;opacity:.7;transform:rotate(-12deg)}
.cinematic .chapter-stamp{display:inline-flex;align-items:center;gap:9px;flex:none;padding-right:16px;border-right:1px solid #cbd2c1;color:#859176;white-space:nowrap;line-height:16px}
.chapter-stamp b{font:italic 15px Georgia,serif;font-weight:400;letter-spacing:1px;color:#899775}
.chapter-stamp>span{font:11px "STSong","SimSun",serif;letter-spacing:2px}
.cinematic .player-footer{column-gap:16px}
@media(max-width:700px){.film-heading h1{gap:8px}.film-heading h1:before{width:19px;height:26px}.cinematic .chapter-stamp{gap:6px;padding-right:10px}.chapter-stamp b{font-size:13px}.chapter-stamp>span{font-size:10px;letter-spacing:1px}.cinematic .player-footer{flex-wrap:wrap;row-gap:10px}.cinematic .player-footer>#status{min-width:140px}}
.film-heading>span{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#6f796a;white-space:nowrap}
.film-heading i{height:1px;width:18px;background:#b8c2ab}
.cinematic .workspace{display:block}
.cinematic .stage{border:0;outline:0;border-radius:0;box-shadow:0 16px 55px -28px #34483855;background:#0a0d0b}
.cinematic video{display:block;width:100%;height:100%;object-fit:contain}
.cinematic .player-footer{padding:12px 0 0;min-height:30px;border:0;font-size:9px;letter-spacing:1px;color:#6c7666;align-items:flex-start}
.cinematic .player-footer>span:before{display:none}
.cinematic #replay{font:11px "STSong","SimSun",serif;color:#56674d;padding:0 0 5px;border-bottom:1px solid #b8c4ab;border-radius:0;letter-spacing:2px}
.opening-play{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;border-radius:0;background:linear-gradient(0deg,#07100b55,transparent 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#fff8e7;cursor:pointer}
.opening-play:hover{background:linear-gradient(0deg,#07100b66,transparent 65%);color:#fff8e7}
.opening-play .play-ring{width:60px;height:60px;border:1px solid #fff8e7a6;border-radius:50%;display:grid;place-items:center;background:#1220140d;font:25px Georgia;padding-left:4px;transition:background .35s,border-color .35s}
.opening-play:hover .play-ring{background:#fff8e714;border-color:#fff8e7}
.opening-play .play-caption{font:15px "STSong","SimSun",serif;letter-spacing:5px;text-shadow:0 1px 9px #0009}
.cinematic #decision.in-video{top:66%;animation:filmEntry 1.2s 1s both ease}
.cinematic #decision.in-video #choices.continuation{gap:0}
.cinematic #decision.in-video .continuation-note{display:none}
.cinematic #decision.in-video .primary.continue-button,
.cinematic #decision.in-video .primary.continue-button:hover,
.cinematic #decision.in-video .primary.continue-button:disabled,
.cinematic #decision.in-video .primary.continue-button:disabled:hover{position:relative;background:transparent;border:0;border-radius:0;box-shadow:none;color:#f1dfc0;text-shadow:0 1px 10px #0006;font:400 clamp(19px,1.8vw,26px) "STKaiti","华文楷体","KaiTi","楷体",serif;letter-spacing:3px;min-width:180px;min-height:56px;padding:12px 18px;transition:color .45s,text-shadow .45s}
.cinematic #decision.in-video .continue-button:after{content:none}
.cinematic #decision.in-video .primary.continue-button:not(:disabled):hover{color:#fff1d5;text-shadow:0 0 16px #f3d9a740}
.cinematic #decision.in-video .continue-button:focus-visible{outline:1px solid #f4ecd780;outline-offset:6px}
@keyframes filmEntry{from{opacity:0}to{opacity:1}}
@media(max-width:700px){body.cinematic{padding-top:32px}body.cinematic main{width:calc(100% - 24px)}.film-heading{align-items:flex-start;gap:15px;padding:0 4px 12px}.film-heading h1{font-size:20px;line-height:1.6;letter-spacing:2px}.film-heading>span{font-size:8px;letter-spacing:1px;gap:7px;align-self:center}.film-heading i{width:10px}.cinematic .player-footer{padding:12px 4px 0;font-size:9px;letter-spacing:.5px}.opening-play .play-ring{width:48px;height:48px;font-size:21px}.opening-play{gap:12px}.opening-play .play-caption{font-size:12px;letter-spacing:4px}.cinematic #decision.in-video .primary.continue-button{font-size:19px;min-width:140px;min-height:48px;padding:10px 14px;letter-spacing:3px}}
@media(max-width:420px){.film-heading{flex-direction:column;gap:8px}.film-heading>span{align-self:flex-start}.cinematic #decision.in-video{top:64%}}
@media(max-height:500px) and (min-width:701px){body.cinematic{padding-top:16px;padding-bottom:16px}body.cinematic main{width:min(calc(100% - 48px),calc((100svh - 104px)*1.777778))}.film-heading{padding-bottom:10px}.film-heading h1{font-size:18px}.cinematic .player-footer{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.cinematic #decision.in-video{animation:none}.opening-play .play-ring,.cinematic #decision.in-video .primary.continue-button{transition:none}}