.article-card{display:block}.article-card--row{border-bottom:1px solid var(--rule);transition:background var(--dur-fast) var(--ease);grid-template-columns:216px minmax(0,1fr);gap:22px;padding:20px 4px;display:grid}.article-card--row:hover{background:var(--paper-raised)}.article-card__media{border-radius:var(--r-md);height:128px;display:block;overflow:hidden}.article-card__img,.article-card__img-placeholder{object-fit:cover;border-radius:var(--r-md);width:100%;height:100%;display:block}.article-card__body{min-width:0;display:block}.article-card__meta{margin-bottom:var(--sp-2);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-card__meta-line{font:500 11px var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums}.article-card__title{font:700 20px/1.5 var(--font-zh);color:var(--ink);text-wrap:pretty;display:block}.article-card__desc{-webkit-line-clamp:3;margin-top:var(--sp-2);max-width:38em;font:400 14px/1.85 var(--font-zh);color:var(--ink-muted);text-wrap:pretty;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-card--rank{border-bottom:1px solid var(--rule);transition:color var(--dur-fast) var(--ease);grid-template-columns:26px minmax(0,1fr);align-items:baseline;gap:10px;padding:12px 0;display:grid}.article-card--rank:last-child{border-bottom:0}.article-card--rank:hover .article-card__rank-title{color:var(--accent-rec)}.article-card__rank{font:500 13px var(--font-mono);color:var(--accent-rec);font-variant-numeric:tabular-nums}.article-card__rank-title{font:500 14px/1.65 var(--font-zh);color:var(--ink);text-wrap:pretty}@media (max-width:720px){.article-card--row{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0}.article-card__media{height:172px}.article-card__title{font-size:18px}.article-card__desc{-webkit-line-clamp:2}}