.vcRecGrid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (max-width:900px){ .vcRecGrid{ grid-template-columns: 1fr; } }

.vcRecCard{
  border:1px solid rgba(233,238,252,.10);
  background: rgba(255,255,255,0.02);
  border-radius: 18px;
  padding: 12px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.vcRecThumb{
  width: 180px;
  height: 110px;
  border-radius: 14px;
  border:1px solid rgba(233,238,252,.10);
  overflow:hidden;
  background:#000;
  flex: 0 0 auto;
}
.vcRecThumb video{ width:100%; height:100%; object-fit:cover; }
.vcRecInfo{ flex:1; min-width:0; }
.vcRecTitle{ font-weight:950; font-size:14px; }
.vcRecMeta{ margin-top:6px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; color: var(--muted); font-size:12px; }
.vcRecActions{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; }