.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.video-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);cursor:pointer}
.video-card:hover{border-color:var(--border-gold);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.video-card-active{border-color:var(--accent-gold);box-shadow:var(--glow-gold)}
.video-card-thumb{position:relative;padding-bottom:56.25%;background:var(--bg-tertiary);overflow:hidden}
.video-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.video-card-body{padding:12px}
.video-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-card-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;background:var(--accent-gold-dim);color:var(--accent-gold);border:1px solid var(--border-gold);margin-bottom:8px}
.video-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}
.video-card:hover .video-card-overlay{opacity:1}
.video-card-play{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;font-size:20px;color:#000}