.article-card{display:flex;flex-direction:column;padding:1rem 1.2rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background 0.2s}.article-card:hover{background:#fafafa}.article-card:last-child{border-bottom:none}.article-card-title{font-size:0.95rem;font-weight:500;color:var(--color-gray-900);line-height:1.5;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card-title:hover{color:var(--color-brand-500)}.article-card-desc{font-size:0.85rem;color:var(--color-gray-600);line-height:1.5;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card-meta{display:flex;align-items:center;gap:0.75rem;font-size:0.78rem;color:var(--color-gray-400)}.article-card-source{color:var(--color-gray-500)}.article-card-time{color:var(--color-gray-400)}.article-card-extra{color:var(--color-brand-500);font-weight:500}.article-card--with-thumb{flex-direction:row;gap:0.8rem;align-items:flex-start}.article-card--with-thumb .article-card-body{flex:1;min-width:0}.article-card-thumb{width:5rem;height:3.5rem;border-radius:0.3rem;object-fit:cover;flex-shrink:0}.article-card-empty{padding:3rem;text-align:center;color:var(--color-gray-400);font-size:0.9rem}