.vt360-wrap{position:relative;width:100%;height:80vh;min-height:520px;background:#061a20;overflow:hidden;border-radius:8px;color:#fff;font-family:Arial,sans-serif}
.vt360-viewer{position:absolute;inset:0;overflow:hidden;cursor:grab;background:#111}
.vt360-viewer:active{cursor:grabbing}
.vt360-panorama{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transition:background-image .35s ease}
.vt360-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);font-size:16px;z-index:3}
.vt360-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:70px;border:0;border-radius:8px;background:rgba(0,0,0,.28);color:#fff;font-size:45px;line-height:1;cursor:pointer}
.vt360-prev{left:15px}.vt360-next{right:15px}
.vt360-menu{position:absolute;right:12px;top:12px;bottom:70px;width:300px;max-width:78%;background:rgba(0,82,88,.9);border-radius:12px;z-index:6;padding:14px;box-shadow:0 8px 30px rgba(0,0,0,.3);backdrop-filter:blur(8px);overflow:auto}
.vt360-menu-title{font-weight:700;font-size:18px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px;margin-bottom:12px}
.vt360-close,.vt360-info-close{float:right;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}
.vt360-scene{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;cursor:pointer;margin-bottom:8px}
.vt360-scene:hover,.vt360-scene.active{background:rgba(255,255,255,.13)}
.vt360-scene img{width:105px;height:64px;object-fit:cover;border-radius:8px;border:2px solid transparent}
.vt360-scene.active img{border-color:#2dff65}
.vt360-scene span{font-size:13px}
.vt360-bottom{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:3px;background:rgba(0,91,97,.9);padding:5px 8px;border-radius:13px;max-width:95%}
.vt360-bottom button{width:44px;height:36px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.vt360-current{padding:0 12px;font-size:13px;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.vt360-info{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:min(600px,90%);max-height:70%;overflow:auto;background:rgba(0,55,62,.96);padding:24px;border-radius:15px;box-shadow:0 15px 50px #0008}
.vt360-hotspot{position:absolute;z-index:5;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#0c9c9caa;color:#fff;font-size:26px;cursor:pointer;box-shadow:0 0 0 6px #ffffff22}
.vt360-hotspot:hover{background:#10cfcf}
@media(max-width:700px){.vt360-wrap{height:70vh;min-height:420px}.vt360-menu{width:250px}.vt360-current{display:none}.vt360-bottom button{width:38px}.vt360-hotspot{width:42px;height:42px}}