/* www.bjsceshi.com content11 页c1 | 来源:phome_enewsnewstemp content1111 原始行82-106 | 抽取2026-10-27 */
/* VR侧栏卡片(仿yjsshijiu) */
.zx-vr-sb{margin:0 0 18px;padding:16px 16px 12px;background:#fff;border:1px solid #E6EEF6;border-radius:14px;box-shadow:0 6px 22px rgba(15,40,80,.06)}
.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,#2563EB,#1D4ED8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.zx-vr-h i svg{width:16px;height:16px;fill:currentColor}
.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%,#2563EB 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 70%);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:#2563EB;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(4,18,36,.55);transition:all .3s}
.zx-vr-play svg{width:24px;height:24px;fill:currentColor}
.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:.75rem;font-weight:600;color:rgba(255,255,255,.85)}
.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-meta{display:flex;align-items:center;justify-content:space-between;padding:11px 2px 2px;font-size:.8rem;color:#8296AA}
.zx-vr-meta a{color:#2563EB;text-decoration:none;font-weight:600}
@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-ttl{font-size:.84rem}.zx-vr-ttl i{display:none}.zx-vr-go{top:10px;right:10px;padding:6px 11px;font-size:.72rem}}