/* site-2026-8.css : VR 全景横带（玻璃拟态） www.yjsba.com 20261105 */
.zx-vrband{max-width:1400px;margin:30px auto 0;padding:0 18px;}
.zx-vrband-in{display:flex;align-items:center;gap:34px;padding:28px 38px;border-radius:18px;border:1px solid rgba(255,255,255,.30);background:linear-gradient(120deg,rgba(9,24,52,.72),rgba(17,52,142,.60));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 46px rgba(8,20,45,.32);}
.zx-vrband-txt{flex:1 1 auto;min-width:0;}
.zx-vrband-badge{display:inline-block;padding:4px 14px;border-radius:999px;background:rgba(255,138,30,.16);border:1px solid rgba(255,163,78,.6);color:#FFA14E;font-size:12px;font-weight:700;letter-spacing:2px;}
.zx-vrband-txt h2{margin:12px 0 8px;font-size:26px;line-height:1.35;color:#fff;font-weight:800;}
.zx-vrband-txt p{margin:0 0 18px;font-size:13px;line-height:1.9;color:rgba(255,255,255,.78);max-width:660px;}
.zx-vrband-btn{display:inline-block;padding:12px 32px;border-radius:999px;background:linear-gradient(120deg,#FF8A1E,#FFA14E);color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(255,138,30,.42);transition:transform .2s ease,box-shadow .2s ease;}
.zx-vrband-btn:hover,.zx-vrband-btn:focus{transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,138,30,.52);color:#fff;}
.zx-vrband-pic{position:relative;flex:0 0 400px;max-width:400px;border-radius:14px;overflow:hidden;display:block;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 30px rgba(0,0,0,.35);}
.zx-vrband-pic img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;}
.zx-vrband-play{position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(0,0,0,.35);}
.zx-vrband-play::after{content:"";position:absolute;left:19px;top:14px;border-left:14px solid #0B1B33;border-top:9px solid transparent;border-bottom:9px solid transparent;}
@media (max-width:960px){.zx-vrband{padding:0 12px;margin-top:20px;}.zx-vrband-in{flex-direction:column;align-items:stretch;gap:18px;padding:22px 20px;}.zx-vrband-pic{flex:none;max-width:100%;}.zx-vrband-txt h2{font-size:20px;}.zx-vrband-txt p{font-size:12px;margin-bottom:14px;}}

/* ===== nav mega panel v2 (20261105) desktop only ===== */
@font-face{font-family:"FA6S";font-style:normal;font-weight:900;font-display:block;src:url("/fontawesome/webfonts/fa-solid-900.woff2") format("woff2")}
@media (min-width:1024px){
.zm1{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:268px 1fr;grid-template-rows:1fr auto;min-height:500px;background:#fff}
.zm1-rail{grid-row:1/2;background:linear-gradient(180deg,#0F2D66,#0A1F4E);padding:14px 0 10px;display:flex;flex-direction:column}
.zm1-cat{position:relative;display:flex;align-items:center;gap:12px;padding:7px 18px 7px 20px;color:#C7D4EE;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;border-left:3px solid transparent}
.zm1-cat .zm1i{font-family:"FA6S";font-weight:900;font-style:normal;width:27px;height:27px;flex:0 0 27px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#8FA8D8;background:rgba(255,255,255,.07);border-radius:8px;transition:.18s}
.zm1-cat span{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zm1-arr{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-5px);transition:.18s}
.zm1-cat:hover,.zm1-cat.zm1-on{background:rgba(255,255,255,.1);color:#fff;border-left-color:#F60}
.zm1-cat:hover .zm1i,.zm1-cat.zm1-on .zm1i{color:#fff;background:#F60}
.zm1-cat:hover .zm1-arr,.zm1-cat.zm1-on .zm1-arr{opacity:1;transform:translateX(0)}
.zm1i-1::before{content:"\f0c3"}
.zm1i-2::before{content:"\f5fd"}
.zm1i-3::before{content:"\f72e"}
.zm1i-4::before{content:"\f625"}
.zm1i-5::before{content:"\f493"}
.zm1i-6::before{content:"\f610"}
.zm1i-7::before{content:"\f15c"}
.zm1i-8::before{content:"\f471"}
.zm1i-9::before{content:"\f02d"}
.zm1i-10::before{content:"\f46c"}
.zm1i-11::before{content:"\f141"}
.zm1i-12::before{content:"\f1ea"}
.zm1-body{position:relative;grid-row:1/2;background:#fff;padding:26px 30px 18px;min-width:0}
.zm1-pane{display:none}
.zm1-pane:first-child{display:block}
.zm1-pane.on{display:block}
.zm1-body:has(.zm1-pane.on) .zm1-pane:first-child{display:none}
.zx-mega:has(.zm1-rail .zm1-cat:hover) .zm1-pane{display:none}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(1):hover) .zm1-pane:nth-child(1){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(2):hover) .zm1-pane:nth-child(2){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(3):hover) .zm1-pane:nth-child(3){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(4):hover) .zm1-pane:nth-child(4){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(5):hover) .zm1-pane:nth-child(5){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(6):hover) .zm1-pane:nth-child(6){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(7):hover) .zm1-pane:nth-child(7){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(8):hover) .zm1-pane:nth-child(8){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(9):hover) .zm1-pane:nth-child(9){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(10):hover) .zm1-pane:nth-child(10){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(11):hover) .zm1-pane:nth-child(11){display:block}
.zx-mega:has(.zm1-rail .zm1-cat:nth-child(12):hover) .zm1-pane:nth-child(12){display:block}
.zm1-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #EDF1F8;padding-bottom:12px;margin-bottom:14px}
.zm1-head h3{margin:0;font-size:19px;font-weight:800;color:#101A33;letter-spacing:1px;position:relative;padding-left:13px}
.zm1-head h3::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:#F60}
.zm1-more{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#B35406;text-decoration:none}
.zm1-more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.zm1-more:hover svg{transform:translateX(3px)}
.zm1-pills{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px}
.zm1-pl{font-size:13px;color:#8A97B3;font-weight:600}
.zm1-pills a{display:inline-block;padding:5px 14px;border:1px solid #D9E2F2;border-radius:999px;background:#F5F8FD;color:#28508F;font-size:13px;font-weight:600;text-decoration:none;transition:.18s}
.zm1-pills a:hover{background:#14418F;border-color:#14418F;color:#fff}
.zm1-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:34px}
.zm1-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px dashed #E3E9F4;min-width:0}
.zm1-list a{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#33415E;text-decoration:none;transition:.15s}
.zm1-list a::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#C4CFE4;margin-right:9px;vertical-align:2px;transition:.15s}
.zm1-list a:hover{color:#14418F}
.zm1-list a:hover::before{background:#F60}
.zm1-d{flex:0 0 auto;font-size:12.5px;color:#9AA7C2;font-family:Georgia,serif}
.zm1-foot{grid-column:2;grid-row:2/3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EDF1F8;padding:12px 30px;font-size:13px;color:#8A97B3;background:#FAFBFE}
.zm1-foot a{color:#B35406;font-weight:700;text-decoration:none}
}