*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:#080908;color:#f6f3ec;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button{font:inherit}.app-shell,.home-page,.viewer-page{width:100%;height:100%}.loading,.toast{position:fixed;left:50%;top:50%;z-index:50;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#000000c2;color:#ffffffe6;padding:12px 16px}.toast{top:auto;bottom:110px;min-width:min(460px,calc(100vw - 32px));text-align:center}.home-page{position:relative;display:grid;place-items:center;overflow:hidden;background:#080908}.home-map-wrap{position:relative;width:min(100vw,88vh);max-width:920px;aspect-ratio:878 / 1025;box-shadow:0 0 0 1px #ffffff24,0 20px 60px #00000080}.home-map-image,.mini-map img{width:100%;height:100%;display:block;object-fit:cover}.home-header{position:fixed;left:24px;top:22px;z-index:5;text-shadow:0 2px 18px rgba(0,0,0,.88)}.home-header h1{margin:0;font-size:clamp(24px,4vw,42px);letter-spacing:0}.home-header p{margin:8px 0 0;color:#fffc;font-size:15px}.home-legend{position:fixed;right:22px;bottom:20px;z-index:5;display:flex;gap:14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#00000094;padding:10px 12px;color:#ffffffd6;font-size:13px}.home-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.enabled{background:#e84438}.legend-dot.disabled{background:#ffffff70}.map-point,.mini-point{position:absolute;z-index:4;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid rgba(255,255,255,.92);border-radius:999px;color:#fff;cursor:pointer;box-shadow:0 4px 14px #00000073}.map-point{width:34px;height:34px;background:#dc342d;font-weight:700}.map-point.disabled{background:#2c2c2cc7;border-color:#ffffff94}.map-point.active,.mini-point.active{outline:3px solid rgba(255,221,117,.9)}.viewer-page{position:relative;overflow:hidden;background:#050605}.panorama-container{position:fixed;inset:0}.viewer-header{position:fixed;left:72px;right:280px;top:16px;z-index:12;display:flex;align-items:center;gap:14px;pointer-events:none}.viewer-header button{pointer-events:auto}.text-button{border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#00000094;color:#ffffffe6;padding:9px 12px;cursor:pointer}.scene-title{min-width:0;text-shadow:0 2px 14px rgba(0,0,0,.88)}.scene-title strong,.scene-title span{display:block}.scene-title strong{font-size:22px}.scene-title span{margin-top:4px;color:#ffffffc2;font-size:13px;line-height:1.45}.mini-map{position:fixed;right:16px;top:16px;z-index:14;width:230px;aspect-ratio:878 / 1025;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#111;box-shadow:0 14px 34px #00000073}.mini-point{width:10px;height:10px;border-width:1px;background:#dc342d;font-size:0;line-height:1}.mini-point.disabled{background:#282828bf}.mini-point.active{width:22px;height:22px;font-size:11px;font-weight:700}.scene-strip{position:fixed;left:0;right:0;bottom:0;z-index:13;display:flex;gap:10px;overflow-x:auto;padding:14px 16px 16px;background:linear-gradient(180deg,#0000,#000000c7 30%,#000000e6)}.scene-thumb{width:180px;min-width:180px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#141614db;color:#fff;padding:0;text-align:left;cursor:pointer}.scene-thumb.active{border-color:#ffdd75e6}.scene-thumb img{display:block;width:100%;height:88px;object-fit:cover}.scene-thumb span{display:block;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.custom-hotspot{width:24px;height:24px;border:2px solid #fff;border-radius:999px;background:#dc342d;box-shadow:0 0 0 6px #dc342d3d,0 6px 18px #0006;cursor:pointer}.custom-hotspot.hotspot-info{background:#2b75ff;box-shadow:0 0 0 6px #2b75ff3d,0 6px 18px #0006}.custom-hotspot span{position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:max-content;max-width:190px;border-radius:6px;background:#000000b8;color:#fff;padding:6px 8px;font-size:12px;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .15s ease}.custom-hotspot span small{display:block;margin-top:3px;color:#ffffffb8;font-size:11px}.custom-hotspot:hover span{opacity:1}.info-dialog{position:fixed;z-index:20;left:50%;top:50%;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0f110ff5;color:#fff;padding:22px 24px}.info-dialog h2{margin:0 34px 10px 0;font-size:22px}.info-dialog p{margin:0;color:#ffffffc7;line-height:1.7}.close-button{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}@media(max-width:760px){.home-map-wrap{width:min(100vw,100vh)}.home-header{left:14px;top:14px}.home-header p{display:none}.home-legend{left:12px;right:12px;justify-content:center}.viewer-header{left:72px;right:12px;align-items:flex-start}.scene-title span{display:none}.scene-title strong{font-size:17px}.mini-map{top:64px;right:10px;width:132px}.scene-thumb{width:132px;min-width:132px}.scene-thumb img{height:66px}}