html,body{margin:0;height:100%;background:#000;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#fff;overflow:hidden}
#pano{position:absolute;inset:0}
.t-top{position:absolute;left:0;right:0;top:0;padding:10px 14px;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,0));pointer-events:none;z-index:5}
.t-top h1{margin:0;font-size:16px;font-weight:600;text-shadow:0 1px 3px #000}
.t-top .scene{font-size:13px;opacity:.85;margin-top:2px}
.t-top .engine{position:absolute;right:14px;top:10px;font-size:11px;opacity:.7;background:rgba(0,0,0,.4);padding:3px 8px;border-radius:4px}
.t-btns{position:absolute;right:12px;top:48px;display:flex;flex-direction:column;gap:6px;z-index:6}
.t-btn{width:38px;height:38px;border:0;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-size:18px;line-height:38px;text-align:center;padding:0}
.t-btn.on{background:#e30613}
.t-btn:hover{background:rgba(0,0,0,.8)}
.t-btn.on:hover{background:#b8050f}
.t-bottom{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.72);z-index:5;transition:transform .25s}
.t-bottom.hidden{transform:translateY(calc(100% - 30px))}
.t-tabs{display:flex;gap:4px;padding:6px 10px 0;overflow-x:auto;scrollbar-width:none}
.t-tab{border:0;background:transparent;color:#ccc;padding:6px 10px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.t-tab.on{color:#fff;border-bottom-color:#e30613}
.t-tab.toggle{margin-left:auto;color:#aaa}
.t-list{display:flex;gap:8px;padding:8px 10px 10px;overflow-x:auto;scrollbar-width:thin}
.t-item{flex:0 0 150px;cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#222}
.t-item.on{border-color:#e30613}
.t-item img{display:block;width:150px;height:75px;object-fit:cover}
.t-item span{display:block;font-size:11px;line-height:1.25;padding:4px 6px;height:30px;overflow:hidden}
.t-hs{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.t-hs i{width:34px;height:34px;border-radius:50%;background:#e30613;border:3px solid #fff;box-shadow:0 0 0 4px rgba(227,6,19,.35);display:block;animation:pulse 1.6s infinite}
.t-hs b{background:rgba(0,0,0,.7);padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}
@keyframes pulse{0%{box-shadow:0 0 0 2px rgba(227,6,19,.5)}70%{box-shadow:0 0 0 12px rgba(227,6,19,0)}100%{box-shadow:0 0 0 2px rgba(227,6,19,0)}}
@media (max-width:640px){.t-top{padding-right:64px}.t-top h1{font-size:14px}.t-item span{height:42px}.t-item{flex-basis:120px}.t-item img{width:120px;height:60px}.t-top .engine{display:none}}