.rec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--gap);font-family:Inter,system-ui,-apple-system,sans-serif;transition:transform .3s,box-shadow .3s;overflow:hidden}.rec-card:hover{box-shadow:0 20px 40px -12px #02061726}.rec-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.rec-ht-left{align-items:center;gap:10px;display:flex}.rec-icon-box{background:var(--surface-2);border-radius:var(--radius,6px);width:24px;height:24px;color:var(--primary);justify-content:center;align-items:center;display:flex}.rec-title{color:var(--text);margin:0;font-size:1rem;font-weight:800;line-height:1}.rec-ht-tag{color:var(--muted);background:var(--bg);border:1px solid var(--border);text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:.7rem;font-weight:700}.rec-body{padding:0}.rec-item{border-bottom:1px solid var(--border);transition:background .2s;position:relative}.rec-item:last-child{border-bottom:0}.rec-item:hover{background:var(--surface-2)}.rec-link{color:inherit;align-items:flex-start;gap:16px;padding:14px 18px;text-decoration:none;display:flex}.rec-rank{color:var(--muted);opacity:.3;min-width:14px;margin-top:2px;font-size:.85rem;font-weight:900}.rec-thumb-wrap{flex:0 0 90px;position:relative}.rec-thumb{border-radius:var(--radius,8px);object-fit:cover;background:var(--bg);border:1px solid var(--border);width:90px;height:64px;transition:transform .3s;box-shadow:0 2px 4px #0000000d}.rec-link:hover .rec-thumb{border-color:var(--primary);transform:scale(1.03)}.rec-meta{flex-direction:column;gap:6px;min-width:0;display:flex}.rec-text{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.rec-link:hover .rec-text{color:var(--primary)}.rec-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:inline-flex}.rec-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;display:inline-block}.rec-badge.is-article .rec-dot{background:var(--mid)}.rec-badge.is-news .rec-dot{background:var(--primary)}