/* The 3D scene fills the entire viewport. Controls float over the scene. */
.hall-switcher{position:fixed;left:20px;top:76px;z-index:5;display:flex;gap:6px;padding:6px;background:#071c37b8;border-radius:10px;max-width:calc(100vw - 40px)}
.hall-switcher a{display:block;padding:10px 14px;color:#f6edce;text-decoration:none;background:#183550d9;border:1px solid #cfb57877;border-radius:7px;font:15px 'Microsoft YaHei',sans-serif;white-space:nowrap}
.hall-switcher a[aria-current=page]{background:#f0dfb8;color:#102d4b;border-color:#f0dfb8;font-weight:700}
.hall-switcher a:hover,.hall-switcher a:focus-visible{outline:2px solid #ffdf82;outline-offset:2px}
body.immersive .hall-switcher~#stage .gallery-tip{top:139px}
body.immersive.controls-hidden .hall-switcher{visibility:hidden;pointer-events:none}
@media(max-width:850px){.hall-switcher{top:64px;left:10px;max-width:calc(100vw - 20px)}.hall-switcher a{font-size:13px;padding:9px 10px}body.immersive .hall-switcher~#stage .gallery-tip{top:124px}}
body.immersive #stage{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;z-index:0;min-height:0}
body.immersive .viewer-layout{display:contents}
body.immersive header{position:fixed;top:0;left:0;right:0;height:auto;padding:15px 20px;pointer-events:none;z-index:4;align-items:flex-start}
body.immersive header .title{background:none;box-shadow:none;color:#fff6d9;font-size:20px;width:auto;max-width:none;height:auto;padding:9px 14px;border-radius:8px;background-color:#09213acc;text-shadow:none}
body.immersive .top-actions{pointer-events:auto}
body.immersive .top-actions a{background:#09213acc;border:0;padding:10px 13px;border-radius:7px}
body.immersive .toolbar{position:fixed;bottom:20px;left:50%;right:auto;width:max-content;max-width:calc(100vw - 36px);height:auto;min-height:0;transform:translateX(-50%);padding:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:#071c37bc;border:1px solid #cda75e66;border-radius:12px;z-index:4}
body.immersive .panel{position:fixed;right:22px;top:78px;bottom:auto;width:340px;max-height:calc(100dvh - 175px);min-height:0;z-index:3;transition:opacity .15s;overflow:auto}
body.immersive .panel[hidden]{display:none}
body.immersive .stage-hint{bottom:100px;left:20px}
body.immersive .gallery-tip{top:80px;left:20px}
body.immersive .empty-prompt{bottom:100px}
body.immersive[data-page=gallery]>.backdrop,body.immersive[data-page=gallery]:after{display:none}
body.immersive .vr-show-controls{position:fixed;right:15px;bottom:15px;z-index:5;font-size:14px;padding:9px 12px;display:none;opacity:.8}
body.immersive.controls-hidden header,body.immersive.controls-hidden .toolbar,body.immersive.controls-hidden .panel,body.immersive.controls-hidden .stage-hint,body.immersive.controls-hidden .gallery-tip,body.immersive.controls-hidden .empty-prompt{visibility:hidden;pointer-events:none}
body.immersive.controls-hidden .vr-show-controls{display:block}
@media(max-width:850px){body.immersive header{padding:10px}body.immersive .top-actions a{display:none}body.immersive header .title{font-size:17px;padding:8px}body.immersive .top-actions button{font-size:13px;padding:8px}body.immersive .toolbar{bottom:10px;padding:7px;gap:6px}body.immersive .panel{right:12px;top:65px;width:300px;max-height:calc(100dvh - 145px)}body.immersive .gallery-tip{top:65px;font-size:13px}body.immersive .stage-hint{font-size:12px;bottom:85px}}
@media(max-width:620px) and (orientation:portrait){body.immersive header .title{display:none}body.immersive header{justify-content:flex-end}body.immersive .toolbar{width:calc(100vw - 22px);max-width:none}body.immersive .panel{width:calc(100vw - 24px);max-height:48dvh}body.immersive .gallery-tip{top:65px;max-width:calc(100vw - 40px)}body.immersive .empty-prompt{font-size:14px;bottom:135px}body.immersive .stage-hint{bottom:135px}}
