.vcd-wrap{--gap:18px;--radius:16px;--shade:rgba(0,0,0,.06)}
.vcd-header{display:flex;align-items:center;justify-content:space-between;margin:10px 0 20px}
.vcd-logo{max-height:64px;width:auto}
.vcd-search input{width:280px;max-width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:10px}
.vcd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.vcd-card{background:#fff;border:1px solid #e6e8eb;border-radius:var(--radius);box-shadow:0 2px 8px var(--shade);overflow:hidden}
.vcd-card .vcd-media{aspect-ratio:4/3;background:#f8fafc;display:flex;align-items:center;justify-content:center}
.vcd-photo{width:100%;height:100%;object-fit:cover}
.vcd-photo--placeholder{background:linear-gradient(135deg,#e8edf3,#f7f9fb)}
.vcd-body{padding:14px}
.vcd-name{margin:0 0 4px;font-size:18px}
.vcd-title{color:#475569;margin-bottom:8px}
.vcd-meta{color:#334155;font-size:14px}
.vcd-sep{margin:0 6px;color:#94a3b8}
.vcd-actions{display:flex;gap:8px;margin-top:12px}
.vcd-btn{border-radius:10px}