/* ===== v36 VR实拍展厅（侧栏卡片+首页板块+沉浸弹窗） ===== */
.zx-vr-sb{padding:16px 16px 14px}
.zx-vr-h{display:flex;align-items:center;gap:9px;padding:0 0 13px;border-bottom:1px solid #EAF1F8;margin-bottom:14px}
.zx-vr-h i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#0A66C2,#084d94);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.zx-vr-h b{font-size:1rem;color:#0f2540}
.zx-vr-h span{margin-left:auto;font-size:.72rem;color:#8296AA;background:#F1F6FB;border:1px solid #E3ECF5;padding:3px 9px;border-radius:99px;font-weight:600}
.zx-vr-cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:100%;padding:22px 12px;border:0;background:linear-gradient(160deg,#0f2540 0%,#0d3a6e 55%,#0A66C2 120%);border-radius:13px;overflow:hidden;cursor:pointer;aspect-ratio:640/300;text-align:center}
.zx-vr-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.zx-vr-cover:hover .zx-vr-img{transform:scale(1.05)}
.zx-vr-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,37,64,.08) 38%,rgba(15,37,64,.7) 100%);pointer-events:none}
.zx-vr-sky{position:absolute;inset:0;background:radial-gradient(420px 190px at 50% 108%,rgba(95,168,232,.5),transparent 70%),radial-gradient(300px 140px at 82% -10%,rgba(245,124,0,.16),transparent 60%);pointer-events:none}
.zx-vr-grid{position:absolute;left:-30%;right:-30%;bottom:-6%;height:62%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0 1px,transparent 1px 30px);transform:perspective(240px) rotateX(58deg);transform-origin:50% 0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 34%);mask-image:linear-gradient(180deg,transparent,#000 34%)}
.zx-vr-glow{position:absolute;left:50%;top:34%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(95,168,232,.4),transparent 68%);pointer-events:none}
.zx-vr-tag{position:absolute;top:11px;left:12px;z-index:3;font-size:.68rem;font-weight:600;letter-spacing:.06em;color:#fff;border:1px solid rgba(255,255,255,.4);padding:3px 9px;border-radius:99px;background:rgba(11,27,46,.45)}
.zx-vr-play{position:relative;z-index:3;flex-shrink:0;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);color:#0A66C2;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 10px 30px rgba(4,18,36,.55);transition:all .3s}
.zx-vr-play::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:zxVrPulse 2.2s ease-out infinite}
.zx-vr-cover:hover .zx-vr-play{background:#F57C00;color:#fff;transform:scale(1.09)}
@keyframes zxVrPulse{0%{transform:scale(.82);opacity:.9}70%{transform:scale(1.28);opacity:0}100%{transform:scale(1.28);opacity:0}}
.zx-vr-ttl{position:static;z-index:3;line-height:1.3;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.04em;text-shadow:0 2px 12px rgba(4,18,36,.6);white-space:nowrap}
.zx-vr-ttl i{display:block;font-style:normal;font-size:.72rem;font-weight:600;color:#EAF2FA;margin-top:5px;letter-spacing:.12em}
.zx-vr-go{position:absolute;top:11px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#F57C00,#E65100);color:#fff;font-size:.78rem;font-weight:700;padding:8px 15px;border-radius:99px;box-shadow:0 8px 20px rgba(230,101,0,.4);transition:all .3s}
.zx-vr-cover:hover .zx-vr-go{transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,101,0,.5)}
.zx-vr-meta{display:flex;align-items:center;justify-content:space-between;padding:11px 2px 2px;font-size:.8rem;color:#8296AA}
.zx-vr-meta span{display:inline-flex;align-items:center;gap:6px}
.zx-vr-meta a{display:inline-flex;align-items:center;gap:6px;color:#0A66C2;font-weight:600;text-decoration:none}
.zx-vr-meta a:hover{color:#084d94}
@media(max-width:640px){.zx-vr-ttl{font-size:.92rem}.zx-vr-tag{font-size:.62rem}}
@media(max-width:480px){
.zx-vr-cover{aspect-ratio:640/320}
.zx-vr-play{width:44px;height:44px;font-size:1.1rem}
.zx-vr-ttl{font-size:.84rem}
.zx-vr-ttl i{display:none}
.zx-vr-go{top:10px;right:10px;padding:6px 11px;font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){.zx-vr-play::after{animation:none;opacity:0}.zx-vr-img{transition:none}}
/* ---- 首页VR板块 ---- */
.zx-vr-idx{background:linear-gradient(160deg,#0f2540 0%,#0d3a6e 58%,#0A66C2 130%);position:relative;overflow:hidden;padding:5.5rem 0}
.zx-vr-idx::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 320px at 10% 8%,rgba(95,168,232,.16),transparent 62%),radial-gradient(520px 340px at 96% 96%,rgba(245,124,0,.14),transparent 60%);pointer-events:none}
.zx-vr-idx-in{position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:center}
.zx-vr-idx-txt .zx-hn-kicker{color:#9CC6EE}
.zx-vr-idx-txt h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#fff;margin:12px 0 16px}
.zx-vr-idx-txt p{color:rgba(255,255,255,.82);line-height:1.9;font-size:.97rem;margin:0 0 26px}
.zx-vr-idx-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.zx-vr-bigbtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#F57C00,#E65100);color:#fff;font-size:.98rem;font-weight:700;padding:15px 30px;border-radius:99px;border:0;cursor:pointer;box-shadow:0 12px 30px rgba(230,101,0,.4);transition:all .3s;font-family:inherit}
.zx-vr-bigbtn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(230,101,0,.5)}
.zx-vr-ghost{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;padding:15px 26px;border-radius:99px;border:1.5px solid rgba(255,255,255,.45);transition:all .3s}
.zx-vr-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.zx-vr-scenes{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.zx-vr-scenes li{display:inline-flex;align-items:center;gap:7px;color:#CFE2F5;font-size:.8rem;border:1px solid rgba(188,214,239,.3);background:rgba(11,27,46,.35);padding:7px 13px;border-radius:99px}
.zx-vr-scenes i{color:#7FB3E3}
.zx-vr-cover-lg{aspect-ratio:16/10;border-radius:18px;box-shadow:0 30px 80px rgba(4,18,36,.5)}
.zx-vr-cover-lg .zx-vr-play{width:66px;height:66px;font-size:1.6rem}
@media(max-width:1023px){
.zx-vr-idx{padding:4.2rem 0}
.zx-vr-idx-in{grid-template-columns:1fr;gap:34px}
.zx-vr-cover-lg{aspect-ratio:16/9}
}
@media(max-width:640px){
.zx-vr-idx{padding:3.6rem 0}
.zx-vr-idx-btns .zx-vr-bigbtn,.zx-vr-idx-btns .zx-vr-ghost{width:100%;justify-content:center}
}
/* ---- VR沉浸弹窗 ---- */
.zx-vr-modal{position:fixed;inset:0;z-index:99998;background:rgba(8,25,45,.94);display:none;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.zx-vr-modal.on{display:flex}
.zx-vr-panel{width:min(96vw,1180px);background:#0B1B2E;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.6)}
.zx-vr-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#0f2540,#0B1B2E);border-bottom:1px solid rgba(255,255,255,.1)}
.zx-vr-bar b{color:#fff;font-size:.95rem;display:inline-flex;align-items:center;gap:9px}
.zx-vr-bar b i{color:#5FA8E8}
.zx-vr-bar .zx-vr-cta{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#F57C00,#E65100);color:#fff;font-size:.82rem;font-weight:700;text-decoration:none;padding:8px 15px;border-radius:99px;box-shadow:0 6px 16px rgba(230,101,0,.35);transition:all .25s}
.zx-vr-bar .zx-vr-cta:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(230,101,0,.45)}
.zx-vr-bar .zx-vr-ext{display:inline-flex;align-items:center;gap:7px;color:#BBD6EF;font-size:.82rem;text-decoration:none;padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:99px;transition:all .25s}
.zx-vr-bar .zx-vr-ext:hover{background:rgba(255,255,255,.1);color:#fff}
.zx-vr-x{width:34px;height:34px;border-radius:50%;border:0;background:#F57C00;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.zx-vr-x:hover{background:#E65100}
.zx-vr-frame{position:relative;width:100%;aspect-ratio:16/9;background:#06121F}
.zx-vr-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.zx-vr-tip{padding:10px 16px;color:#8FA9C4;font-size:.8rem;text-align:center;background:#0B1B2E}
.zx-vr-tip i{color:#5FA8E8;margin-right:6px}
@media(max-width:768px){
.zx-vr-modal{padding:10px}
.zx-vr-frame{aspect-ratio:4/3}
.zx-vr-bar b{font-size:.86rem}
.zx-vr-bar .zx-vr-cta span,.zx-vr-bar .zx-vr-ext span{display:none}
}