.trend-card{border:1px solid var(--border-color-light);border-radius:var(--radius-2xl);background:var(--bg-primary);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease-out,box-shadow .18s ease-out}.trend-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trend-card .trend-image{aspect-ratio:4/3;position:relative;overflow:hidden}.trend-card .trend-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .18s ease-out}.trend-card .trend-image:hover img{transform:scale(1.02)}.trend-card .trend-image .category{position:absolute;top:var(--space-3);right:var(--space-3);background-color:var(--bg-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--text-primary)}.trend-card .trend-content{padding:var(--space-5)}.trend-card .trend-content .author-thumbs{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.trend-card .trend-content .author-thumbs .thumbs{display:flex;align-items:center;gap:var(--space-2)}.trend-card .trend-content h6{margin-top:var(--space-4)}.trend-card .trend-content P,.trend-card .trend-content h6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.trend-card .trend-content p{font-size:var(--font-size-sm)}@media (max-width:640px){.trend-card .trend-content{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.trend-card,.trend-card .trend-image img{transition:none}.trend-card .trend-image:hover img,.trend-card:hover{transform:none}}