body[data-scene="story"] #story.scene-active{grid-template-columns:minmax(240px,.9fr) minmax(0,1.45fr)!important;gap:clamp(25px,5vw,85px)!important;align-items:center!important;padding:18px 0!important;}
#story .story-index{position:relative;min-width:0;align-self:center;}
#story .story-index>span{font:11px/1.5 Consolas,monospace!important;letter-spacing:2px;color:#78b5d0;display:inline-block;margin:0 12px 0 0;}
#story .story-index>.kicker{display:inline-block;font:9px/1.5 Consolas,monospace;letter-spacing:1.5px;color:#a3c6dc;}
.story-narrator{position:relative;margin:17px -10% 0 -8%;height:min(56dvh,490px);}
.story-narrator:before{content:'';position:absolute;inset:28% 10% 0;background:radial-gradient(ellipse,#66bcd429,transparent 66%);filter:blur(12px);}
.story-narrator img{display:block;width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 13px 24px #0006);}
.story-narrator:after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#99d6f133,transparent);}
#story .story-copy{min-width:0;position:relative;}
#story .story-copy h2{font-size:clamp(30px,3.6vw,49px)!important;line-height:1.16!important;letter-spacing:-1.7px;margin:0 0 22px;}
#story .story-copy>p{font-size:13px;line-height:1.85;max-width:650px;color:#b0c2d6;margin:0 0 17px;}
.story-route{margin:23px 0 0;border-top:1px solid #78b1d133;padding-top:14px;}
.story-route>a{font:9px/1.7 Consolas,monospace;letter-spacing:1px;color:#8bcbe5;}
.story-route ol{padding:0;margin:12px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:7px 10px;}
.story-route li{font:10px/1.6 Arial,sans-serif;color:#b6cddd;display:flex;align-items:center;gap:10px;}
.story-route li:not(:last-child):after{content:'→';font-size:10px;color:#5792b2;}
#story .story-copy>.text-link{margin-top:22px;font-size:13px;}
@media(min-width:761px) and (max-height:760px){
 .story-narrator{height:52dvh;}
 #story .story-copy h2{font-size:clamp(29px,3vw,41px)!important;margin-bottom:16px;}
 #story .story-copy>p{font-size:14px;line-height:1.8;margin-bottom:14px;}
 .story-route{margin-top:17px;}.story-route ol{margin-top:8px;}
}
@media(max-width:760px){
 html:has(body[data-scene="story"]){overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;}
 body[data-scene="story"]{height:auto!important;min-height:100dvh;overflow-x:hidden;overflow-y:auto!important;}
 body[data-scene="story"] #main{position:relative!important;inset:auto!important;margin:76px 6% 0!important;padding:0!important;min-height:0!important;overflow:visible!important;}
 body[data-scene="story"] #story.scene-active{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;align-items:stretch!important;gap:25px!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:17px 0 35px!important;}
 #story .story-index{align-self:stretch;}
 .story-narrator{height:300px;margin:10px auto 0;width:min(100%,325px);}
 #story .story-copy h2,html[lang="zh-CN"] #story .story-copy h2{font-size:31px!important;letter-spacing:-1px;line-height:1.22!important;margin-bottom:20px;}
 #story .story-copy>p{font-size:14px!important;line-height:1.9!important;margin-bottom:19px;}
 .story-route li{font-size:11px;}.story-route{margin-top:25px;}
 body[data-scene="story"] .chapter-controls{position:relative;inset:auto;margin:0 6% 32px;}
 body[data-scene="story"] header{z-index:60!important;background:#071222f5!important;}
 body.welcome-open{overflow:hidden!important;}
}