/* 保留原始桌面呈现，仅调整窄屏布局与触控可达性。 */
#map{touch-action:none}
#dos:not(.on){visibility:hidden}
#dos.on{visibility:visible}
@media(max-width:760px){
 #top{height:145px;padding:12px 14px;gap:8px;align-items:flex-start;background:linear-gradient(#050608 75%,transparent)}
 #top .brand b{font-size:19px}#top .brand span{font-size:8px;letter-spacing:.12em}
 #modes{position:absolute;top:57px;left:14px;right:14px;justify-content:center}
 #modes button{min-height:36px;padding:6px 14px;font-size:12px}
 .tools{margin-left:auto;gap:0}#types{position:absolute;top:108px;left:14px;right:14px;justify-content:center;gap:4px}
 #types button{font-size:10px;padding:5px 7px}#snd{min-height:36px;font-size:12px}
 #legend{display:none}#bar{height:124px;padding:10px 14px;gap:8px;display:grid;grid-template-columns:1fr 1fr;align-content:center}
 #play{font-size:11px;min-height:36px;padding:6px 8px}#now{width:auto;font-size:11px;text-align:right}
 #track{grid-column:1/-1;grid-row:2;width:100%;min-width:0;height:42px}#phases span{font-size:8px}
 .view{top:150px;bottom:124px}#fac{padding:8px 14px 32px}.shelf{grid-template-columns:1fr;gap:8px;margin-bottom:34px}.shelf h4{padding-bottom:0}.figs{gap:40px 0}.fg{min-width:75px;height:170px}.fg img{height:155px;max-width:100px}.fg:hover img{height:165px}
 #dos{display:block;overflow-y:auto;overscroll-behavior:contain}.dImg{height:65svh;min-height:430px}.dSide{padding:20px 22px 70px;overflow:visible}.dTitle{max-width:85%;left:22px!important;bottom:25px!important}.dTitle h1{font-size:38px}.dTitle h2{font-size:16px}.dTitle blockquote{font-size:13px}.dX{top:18px;right:16px;min-width:44px;min-height:44px}.dNav{position:fixed;top:45%;min-width:40px;min-height:44px}.dFigWrap{max-width:90%}.dStage{inset:0}
 .iTxt{padding:0 16px 25vh}.iTxt h1{font-size:clamp(46px,13vw,76px);letter-spacing:.14em}.iTxt small{font-size:8px;letter-spacing:.13em}.iTxt p{font-size:12px;line-height:1.8;max-width:310px}.iTxt button{min-height:44px}.iLine{height:27vh;bottom:8vh}.iLine img{max-width:14vw;margin:0 -2.1vw}
}