/* ===== 360° 导览（首页内嵌 + 通用）2026-09-16 ===== */
.home-tour{background:#0b1f33;padding:54px 0 60px}
.home-tour-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.home-tour-head{text-align:center;margin-bottom:24px}
.home-tour-head h2{color:#fff;font-size:clamp(1.5rem,3vw,2.05rem);font-weight:800;margin:0 0 10px;line-height:1.25}
.home-tour-head p{color:#a7bacf;font-size:.97rem;max-width:660px;margin:0 auto;line-height:1.62}
.home-tour-shell{position:relative;border-radius:16px;overflow:hidden;background:#07182b;
                 border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 48px rgba(0,0,0,.34)}
.tour-stage{position:relative;width:100%;height:min(62vh,540px);min-height:330px}
#homePanorama{position:absolute;inset:0}
.pnlm-container{margin:0 !important}
.tour-topbar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;
             justify-content:space-between;gap:10px;padding:12px 14px;
             background:linear-gradient(180deg,rgba(6,17,30,.72),rgba(6,17,30,0));pointer-events:none}
.tour-title{color:#fff;font-weight:800;font-size:1.02rem;text-shadow:0 2px 10px rgba(0,0,0,.55);pointer-events:auto}
.tour-title small{display:block;font-weight:500;font-size:.76rem;opacity:.82;margin-top:2px}
.tour-actions{display:flex;gap:8px;pointer-events:auto}
.tour-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.32);
          background:rgba(10,24,40,.55);color:#fff;font-size:1rem;line-height:1;cursor:pointer;
          display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);
          text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.tour-btn:hover{background:rgba(245,158,11,.92);border-color:#f59e0b;color:#1a1205;transform:translateY(-1px)}
.tour-btn.is-on{background:#f59e0b;border-color:#f59e0b;color:#1a1205}
.tour-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:64px;
            border:0;background:rgba(10,24,40,.42);color:#fff;font-size:1.9rem;line-height:1;cursor:pointer;
            backdrop-filter:blur(4px);transition:background .18s}
.tour-arrow:hover{background:rgba(245,158,11,.9);color:#1a1205}
.tour-prev{left:0;border-radius:0 10px 10px 0}
.tour-next{right:0;border-radius:10px 0 0 10px}
.tour-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;color:#fff;
           text-align:center;pointer-events:none;opacity:.95;transition:opacity .5s}
.tour-hint span{display:block;font-size:.84rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.75)}
.tour-hint.is-gone{opacity:0}
/* 点击后加载的启动层 */
.home-tour-start{position:absolute;inset:0;z-index:8;border:0;cursor:pointer;padding:0;
                 background-size:cover;background-position:center;display:flex;
                 flex-direction:column;align-items:center;justify-content:center;gap:14px;
                 transition:opacity .35s,visibility .35s}
.home-tour-start::after{content:"";position:absolute;inset:0;background:rgba(6,17,30,.42)}
.home-tour-start>*{position:relative;z-index:1}
.home-tour-start.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hts-ring{width:82px;height:82px;border-radius:50%;background:rgba(245,158,11,.95);
          display:flex;align-items:center;justify-content:center;
          box-shadow:0 8px 30px rgba(0,0,0,.45),0 0 0 10px rgba(245,158,11,.20);
          transition:transform .2s}
.home-tour-start:hover .hts-ring{transform:scale(1.07)}
.hts-play{color:#1a1205;font-size:30px;margin-left:5px;line-height:1}
.hts-txt{color:#fff;font-weight:800;font-size:1.14rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.hts-sub{color:rgba(255,255,255,.82);font-size:.82rem;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.home-tour-start.is-loading .hts-txt::after{content:" …";}
/* 场景条 */
.tour-strip{display:flex;gap:8px;overflow-x:auto;padding:10px;background:#07182b;
            scrollbar-width:thin;scrollbar-color:#2a4767 transparent}
.tour-strip::-webkit-scrollbar{height:6px}
.tour-strip::-webkit-scrollbar-thumb{background:#2a4767;border-radius:3px}
.tour-card{flex:0 0 auto;width:132px;border:0;padding:0;background:transparent;cursor:pointer;text-align:center}
.tour-card img{display:block;width:132px;height:66px;object-fit:cover;border-radius:7px;
               border:2px solid transparent;opacity:.62;transition:opacity .2s,border-color .2s,transform .2s}
.tour-card span{display:block;margin-top:5px;font-size:.72rem;color:#9fb3c9;font-weight:600;
                white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tour-card:hover img{opacity:.92}
.tour-card.is-active img{opacity:1;border-color:#e8654f;transform:translateY(-1px)}
.tour-card.is-active span{color:#fff}
.home-tour-more{text-align:center;margin:20px 0 0}
.home-tour-more a{color:#f59e0b;font-weight:700;font-size:.92rem;text-decoration:none;
                  border-bottom:1px solid rgba(245,158,11,.4);padding-bottom:2px}
.home-tour-more a:hover{border-bottom-color:#f59e0b}
@media (max-width:760px){
  .home-tour{padding:40px 0 46px}
  .tour-stage{height:min(50vh,380px)}
  .tour-card,.tour-card img{width:104px}
  .tour-card img{height:52px}
  .tour-arrow{width:36px;height:52px;font-size:1.5rem}
  .hts-ring{width:64px;height:64px}
  .hts-play{font-size:24px}
}

/* ===== 360 导览放大版（2026-09-16）：加大高度与宽度 ===== */
@media (min-width:992px){
  .home-tour{padding:62px 0 70px}
  .home-tour-inner{max-width:1360px}
  .tour-stage{height:min(74vh,700px);min-height:430px}
  .tour-card{width:150px}
  .tour-card img{width:150px;height:75px}
  .tour-card span{font-size:.76rem;margin-top:6px}
  .tour-title{font-size:1.12rem}
  .tour-title small{font-size:.82rem}
  .tour-arrow{width:52px;height:80px;font-size:2.2rem}
  .home-tour-head h2{font-size:clamp(1.7rem,3.2vw,2.35rem)}
  .home-tour-head p{font-size:1.02rem;max-width:720px}
  .home-tour-head{margin-bottom:30px}
  .hts-ring{width:96px;height:96px}
  .hts-play{font-size:36px}
  .hts-txt{font-size:1.32rem}
  .hts-sub{font-size:.9rem}
}
@media (min-width:1500px){
  .home-tour-inner{max-width:1440px}
  .tour-stage{height:min(76vh,760px)}
}

/* ===== 全景内导航箭头热点 =====
   ⚠️ Pannellum 2.5.6 的容器类名是 .pnlm-hotspot-base（不是 .pnlm-hotspot），
   同时兼容两种写法，避免版本差异导致样式不生效。 */
.pnlm-hotspot-base.tour-nav-right,
.pnlm-hotspot.tour-nav-right{
  width:62px !important;height:62px !important;border-radius:50% !important;
  background-color:rgba(245,158,11,.96) !important;background-image:none !important;
  border:0 !important;cursor:pointer !important;
  box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 0 rgba(245,158,11,.62) !important;
  animation:tourNavPulse 2.2s ease-out infinite;
  transition:transform .18s ease,background-color .18s ease;
  margin-left:-31px !important;margin-top:-31px !important;
}
.pnlm-hotspot-base.tour-nav-right::after,
.pnlm-hotspot.tour-nav-right::after{
  content:"";position:absolute;left:50%;top:50%;
  width:15px;height:15px;
  border-top:4px solid #1a1205;border-right:4px solid #1a1205;
  transform:translate(-65%,-50%) rotate(45deg);
}
.pnlm-hotspot-base.tour-nav-right:hover,
.pnlm-hotspot.tour-nav-right:hover{
  transform:scale(1.12);background-color:#ffb020 !important;
}
.pnlm-hotspot-base.tour-nav-right .pnlm-tooltip span,
.pnlm-hotspot.tour-nav-right .pnlm-tooltip span{
  background:rgba(10,24,40,.92) !important;color:#fff !important;
  font-size:12.5px !important;font-weight:700 !important;
  padding:5px 11px !important;border-radius:7px !important;
  margin-top:8px !important;border:1px solid rgba(255,255,255,.16) !important;
  white-space:nowrap !important;
}
@keyframes tourNavPulse{
  0%{box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 0 rgba(245,158,11,.62)}
  70%{box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 22px rgba(245,158,11,0)}
  100%{box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 0 rgba(245,158,11,0)}
}
@media (max-width:760px){
  .pnlm-hotspot-base.tour-nav-right,
  .pnlm-hotspot.tour-nav-right{width:50px !important;height:50px !important;
    margin-left:-25px !important;margin-top:-25px !important}
  .pnlm-hotspot-base.tour-nav-right::after,
  .pnlm-hotspot.tour-nav-right::after{width:12px;height:12px;border-width:3.5px}
}

/* ===== 对齐 MIC 导览的 UI 细节 ===== */
.tour-hint{display:flex;flex-direction:column;align-items:center;gap:9px}
.tour-drag-hand{width:34px;height:34px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.75))}
.tour-drag-pill{display:inline-block;background:rgba(20,20,20,.62);color:#fff;
  font-size:12.5px;font-weight:700;letter-spacing:.02em;padding:4px 12px;border-radius:5px;backdrop-filter:blur(3px)}
.tour-list{position:absolute;left:16px;bottom:16px;z-index:7;display:flex;flex-direction:column;
  align-items:center;gap:5px;border:0;background:none;cursor:pointer;padding:0}
.tour-list-ico{width:38px;height:38px;border-radius:9px;background:#e8443a;color:#fff;
  display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;
  padding:8px;box-sizing:border-box;box-shadow:0 3px 12px rgba(0,0,0,.4);transition:transform .18s,background .18s}
.tour-list-ico i{width:6px;height:6px;background:#fff;border-radius:1.5px;display:block}
.tour-list:hover .tour-list-ico{transform:translateY(-2px);background:#f05248}
.tour-list-txt{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.tour-share{position:absolute;right:16px;bottom:16px;z-index:7;display:flex;gap:14px}
.tour-share-btn{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;
  background:none;cursor:pointer;padding:0;text-decoration:none}
.tour-share-btn svg{width:38px;height:38px;padding:9px;box-sizing:border-box;border-radius:50%;
  background:#e8443a;color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.4);transition:transform .18s,background .18s}
.tour-share-btn span{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.tour-share-btn:hover svg{transform:translateY(-2px);background:#f05248}
.tour-btn{width:40px;height:40px;background:rgba(28,28,28,.72);border-color:transparent;backdrop-filter:blur(4px)}
.tour-btn:hover{background:rgba(232,68,58,.94);border-color:transparent;color:#fff}
.tour-btn.is-on{background:#f59e0b;color:#1a1205}
.tour-card.is-active img{border-color:#e8443a}
.tour-card.is-active span{color:#f2704f}
.tour-strip.is-collapsed{display:none}
@media (max-width:760px){
  .tour-list-ico{width:34px;height:34px;padding:7px}
  .tour-share-btn svg{width:34px;height:34px;padding:8px}
  .tour-list-txt,.tour-share-btn span{font-size:11px}
  .tour-drag-hand{width:28px;height:28px}
}

/* ===== 激活态加固（!important 兜底，防止被其他规则覆盖）===== */
.tour-card img{opacity:.62}
.tour-card.is-active img{opacity:1 !important;border-color:#e8443a !important}
.tour-card.is-active span{color:#f2704f !important;font-weight:700 !important}

/* ===== 隐藏 Pannellum 自带 UI 元素（与自定义 UI 重叠）=====
   我们已在上方工具栏显示场景名，并自建了 Panorama List / Email / Share，
   所以关掉 Pannellum 内建的标题框、提示框和默认控件，避免重叠。 */
.pnlm-title-box,
.pnlm-panorama-info,
.pnlm-tooltip.pnlm-title,
.pnlm-about-msg,
.pnlm-load-box{display:none !important}
.pnlm-container .pnlm-zoom-controls,
.pnlm-container .pnlm-fullscreen-toggle-button{display:none !important}

/* ===== 缩略条：等分铺满整行（2026-09-17）=====
   桌面端用 grid 自动等分，无论 5 个还是 6 个场景都平分宽度；
   窄屏仍保留横向滚动，避免缩略图过小。 */
@media (min-width:992px){
  .tour-strip{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:10px;
    overflow:visible;
    padding:12px;
  }
  .tour-card{width:auto;min-width:0}
  .tour-card img{width:100%;height:auto;aspect-ratio:2 / 1}
  .tour-card span{font-size:.8rem;margin-top:6px}
  .tour-card img{border-width:2.5px}
}