/* ============================================================
   video-show.css —— 视频类详情页独有样式（赛事回放详情 / 赛事集锦详情 共用）
   内容：hero 背景图 / 播放器封面 / 视频信息 / 描述排版 / 精彩片段标签
   ============================================================ */

/* hero 背景图（两页各不同，用 body 类区分） */
.Yshiyunyuanlin-page-huifangshow .Yshiyunyuanlin-page-hero::before{background:url('https://images.unsplash.com/photo-1579952363873-27f3bade9f55?w=1400&h=300&fit=crop&auto=format') center/cover no-repeat}
.Yshiyunyuanlin-page-jijinshow .Yshiyunyuanlin-page-hero::before{background:url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?w=1400&h=300&fit=crop&auto=format') center/cover no-repeat}

/* ---------- 播放器封面 ---------- */
.Yshiyunyuanlin-video-player-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer}
.Yshiyunyuanlin-video-player-wrap img{width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:filter .3s}
.Yshiyunyuanlin-video-player-wrap:hover img{filter:brightness(.4)}
.Yshiyunyuanlin-video-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:rgba(37,99,235,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 4px 24px rgba(37,99,235,.5)}
.Yshiyunyuanlin-video-big-play svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.Yshiyunyuanlin-video-player-wrap:hover .Yshiyunyuanlin-video-big-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(37,99,235,1)}
.Yshiyunyuanlin-video-duration-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.15)}
.Yshiyunyuanlin-video-duration-bar-fill{height:100%;width:35%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:0 2px 2px 0}
.Yshiyunyuanlin-video-duration-tag{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.75);color:#fff;font-family:'Orbitron',monospace;font-size:13px;font-weight:700;padding:4px 10px;border-radius:5px;z-index:2}
.Yshiyunyuanlin-video-league-tag{position:absolute;top:12px;left:12px;z-index:2;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}

/* ---------- 视频信息 ---------- */
.Yshiyunyuanlin-video-info{padding:22px 26px 0}
.Yshiyunyuanlin-video-title{font-size:22px;font-weight:700;color:var(--t1);line-height:1.45;margin-bottom:14px}
.Yshiyunyuanlin-video-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--bdl)}
.Yshiyunyuanlin-vm-item{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--tm)}
.Yshiyunyuanlin-vm-item svg{width:15px;height:15px;fill:currentColor;opacity:.5}
.Yshiyunyuanlin-vm-league{font-size:12px;font-weight:700;color:var(--ac);background:var(--acp);padding:4px 12px;border-radius:6px}
.Yshiyunyuanlin-vm-dot{width:3px;height:3px;background:var(--bd);border-radius:50%;flex-shrink:0}

/* ---------- 描述排版 ---------- */
.Yshiyunyuanlin-video-desc{padding:22px 26px}
.Yshiyunyuanlin-video-desc-title{font-size:18px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bdl)}
.Yshiyunyuanlin-video-desc-title::before{content:'';width:4px;height:18px;background:linear-gradient(180deg,var(--ac),rgba(37,99,235,.12));border-radius:2px;flex-shrink:0}
.Yshiyunyuanlin-vd-text{font-size:15px;color:var(--t2);line-height:1.85;margin-bottom:14px;text-indent:2em}
.Yshiyunyuanlin-vd-text:last-child{margin-bottom:0}
.Yshiyunyuanlin-vd-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--bdl)}
.Yshiyunyuanlin-vd-hl-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--bd);color:var(--t2);background:var(--bg);transition:.2s;cursor:pointer}
.Yshiyunyuanlin-vd-hl-tag:hover{border-color:var(--ac);color:var(--ac);background:var(--acg)}

/* ---------- 响应式 ---------- */
@media(max-width:900px){
  .Yshiyunyuanlin-video-big-play{width:60px;height:60px}
  .Yshiyunyuanlin-video-big-play svg{width:24px;height:24px}
}
@media(max-width:640px){
  .Yshiyunyuanlin-video-big-play{width:50px;height:50px}
  .Yshiyunyuanlin-video-big-play svg{width:20px;height:20px}
  .Yshiyunyuanlin-video-duration-tag{font-size:11px;padding:3px 7px;bottom:8px;right:8px}
  .Yshiyunyuanlin-video-league-tag{font-size:11px;padding:4px 10px;top:8px;left:8px}
  .Yshiyunyuanlin-video-info{padding:16px 16px 0}
  .Yshiyunyuanlin-video-title{font-size:18px;margin-bottom:10px}
  .Yshiyunyuanlin-video-meta-row{gap:10px;padding-bottom:16px}
  .Yshiyunyuanlin-vm-item{font-size:12px}
  .Yshiyunyuanlin-vm-league{font-size:11px;padding:3px 10px}
  .Yshiyunyuanlin-video-desc{padding:16px}
  .Yshiyunyuanlin-video-desc-title{font-size:16px;margin-bottom:12px;padding-bottom:10px}
  .Yshiyunyuanlin-vd-text{font-size:14px;line-height:1.8}
  .Yshiyunyuanlin-vd-highlights{gap:6px;margin-top:14px;padding-top:12px}
  .Yshiyunyuanlin-vd-hl-tag{padding:5px 11px;font-size:12px}
}
@media(max-width:420px){
  .Yshiyunyuanlin-video-title{font-size:16px}
}