/* 视频提取封面：视频预览 + 选帧条 + 结果缩略图 */
.vc-video{display:block;width:100%;max-height:22rem;border-radius:.5rem;background:#000}
.vc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.vc-play{flex:none;line-height:1}
.vc-bar input[type=range]{flex:1 1 12rem;min-width:8rem;margin:0}
.vc-time{flex:none;font-size:.75rem;color:#8492a6;font-variant-numeric:tabular-nums}
.vc-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.vc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem}
.vc-card{border:1px solid #eef1f5;border-radius:.5rem;background:#fff;overflow:hidden}
.vc-card img{display:block;width:100%;height:7rem;object-fit:contain;background:
  linear-gradient(45deg,#f7f8fa 25%,transparent 25%,transparent 75%,#f7f8fa 75%),
  linear-gradient(45deg,#f7f8fa 25%,#fff 25%,#fff 75%,#f7f8fa 75%);
  background-size:12px 12px;background-position:0 0,6px 6px}
.vc-card-body{padding:.45rem .6rem}
.vc-card-name{font-size:.75rem;color:#4d5259;word-break:break-all}
.vc-card-meta{margin-top:.2rem;color:#8492a6;font-size:.7rem}
.vc-card .btn{width:100%;margin-top:.4rem}

@media (max-width:575.98px){
  .vc-time{width:100%;text-align:right}
}