.vcard{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--color-border-card);box-shadow:var(--shadow-card);transition:transform var(--ease-normal),box-shadow var(--ease-normal);cursor:pointer;position:relative}.vcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:rgba(0,0,0,.1);z-index:2}.vcard__thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#1a1a2e;overflow:hidden}.vcard__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .2s ease}.vcard:hover .vcard__thumb{transform:scale(1.04)}.vcard__duration{bottom:6px;right:6px;background:rgba(0,0,0,.78);color:#fff;font-size:.65rem;font-weight:700;padding:3px 7px;display:flex;align-items:center;gap:3px;letter-spacing:.02em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vcard__duration,.vcard__hd-badge{position:absolute;border-radius:var(--radius-xs)}.vcard__hd-badge{top:6px;left:6px;background:var(--color-accent);color:white;font-size:.55rem;font-weight:800;padding:2px 5px;letter-spacing:.06em;line-height:1.4}.vcard__overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--ease-normal);pointer-events:none}.vcard:hover .vcard__overlay{opacity:1}.vcard__play-icon{width:48px;height:48px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding-left:4px;box-shadow:0 4px 16px rgba(0,0,0,.3);color:var(--color-accent)}.vcard__info{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1 1}.vcard__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color var(--ease-fast);margin:0}.vcard:hover .vcard__title{color:var(--color-accent)}.vcard__meta{gap:10px;flex-wrap:wrap}.vcard__meta,.vcard__meta-item{display:flex;align-items:center}.vcard__meta-item{gap:3px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted)}.vcard__meta-item svg{flex-shrink:0}.vcard__views svg{color:#64748b}.vcard__rating{display:flex;align-items:center;gap:3px;color:var(--color-text-muted)}.vcard__rating svg{color:var(--color-star)}.vcard__rating-bar{display:inline-block;width:36px;height:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.vcard__rating-bar span{display:block;height:100%;background:var(--color-star);border-radius:2px}.vcard--compact{flex-direction:row;align-items:flex-start}.vcard--compact .vcard__thumb-wrap{width:140px;flex-shrink:0;aspect-ratio:16/9;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.vcard--compact .vcard__info{padding:var(--space-2) var(--space-3)}.vcard--compact .vcard__title{font-size:var(--font-size-xs);-webkit-line-clamp:3}