/* ══════════ 靶机题实战录屏 ══════════ */

.video-box{margin-top:22px;border-radius:20px;overflow:hidden;position:relative;
  border:1px solid rgba(120,170,255,.20);background:#05070c;
  box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 70px rgba(34,211,238,.08),
             inset 0 1px 0 rgba(255,255,255,.05)}

/* 舞台：固定比例，video 和封面都叠在这里 ✓ */
.vb-stage{position:relative;width:100%;aspect-ratio:2524 / 1342;background:#05070c}
.vb-stage video{display:block;width:100%;height:100%;object-fit:contain;
  background:#05070c;outline:none}

/* 封面（点一下才加载视频 ✓ 不拖慢首屏 ✓）*/
.vb-cover{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;cursor:pointer;
  background:radial-gradient(700px 380px at 50% 42%,rgba(34,211,238,.16),transparent 70%),
             linear-gradient(168deg,rgba(10,14,22,.60),rgba(6,8,14,.80));
  transition:opacity .22s ease;z-index:2}
.vb-cover:hover{opacity:.94}
.vb-play{width:78px;height:78px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;color:#04110a;
  background:linear-gradient(135deg,#4ade80,#22d3ee);padding-left:4px;
  box-shadow:0 16px 44px rgba(34,211,238,.42), inset 0 1px 0 rgba(255,255,255,.5)}
.vb-c1{font-size:20px;font-weight:900;letter-spacing:-.4px;
  background:linear-gradient(94deg,#ffffff,#c3b5ff 46%,#6ee7ff);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.vb-c2{font-size:13.5px;color:#8b9aae;text-align:center;padding:0 20px;line-height:1.7}
.vb-c2 b{color:#4ade80;font-weight:800}

/* 底栏 */
.vb-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;
  border-top:1px solid rgba(120,170,255,.13);
  background:linear-gradient(180deg,rgba(14,20,32,.92),rgba(8,11,18,.86))}
.vb-bar .vb-t{font-size:14.5px;font-weight:800;color:#e8eef7;letter-spacing:-.2px}
.vb-bar .vb-s{font-size:12.5px;color:#7b8aa1;margin-top:4px}
.vb-bar .vb-tag{margin-left:auto;font-size:12px;font-weight:800;
  padding:5px 12px;border-radius:99px;color:#4ade80;white-space:nowrap;
  background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.32)}

@media(max-width:820px){
  .vb-play{width:60px;height:60px;font-size:21px}
  .vb-c1{font-size:16px;text-align:center;padding:0 16px}
  .vb-c2{font-size:12px}
  .vb-bar{flex-wrap:wrap}
  .vb-bar .vb-tag{margin-left:0}
}