.colRankBox { margin-top: 10px; }
.colRankList { margin-top: 10px; }
.colRankList li { margin-bottom: 12px; }
.colRankList li a { display: flex; align-items: center; background: #f8f9fa; border-radius: 8px; padding: 12px; transition: all 0.3s; }
.colRankList li a:hover { background: #fff0f0; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.colRankList li img { width: 130px; height: 84px; object-fit: cover; border-radius: 6px; margin-right: 14px; flex-shrink: 0; }
.colRankList .info { flex: 1; min-width: 0; }
.colRankList .info .title { font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px; }
.colRankList .info .desc { font-size: 12px; color: #666; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 4px; }
.colRankList .info .meta { font-size: 12px; color: #999; }