.article-piece[data-v-66a4435e]{background-color:var(--ba-bg-color-overlay);border-radius:5px;margin:0 auto;padding:20px;width:100%}.article-piece .article-piece-header[data-v-66a4435e]{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.article-piece .article-piece-header a[data-v-66a4435e]{color:var(--el-text-color-regular);transition:.3s}.article-piece .article-piece-header a[data-v-66a4435e]:hover{color:#1890ff}.article-piece .article-piece-header h3[data-v-66a4435e]{font-size:18px;font-weight:600;margin:0}.article-piece .article-piece-header .badge[data-v-66a4435e]{background-color:#ff4d4f;border-radius:3px;color:#fff;font-size:12px;padding:2px 8px}.article-piece .article-piece-list[data-v-66a4435e]{list-style:none;margin:0;padding:0}.article-piece .article-piece-list li:first-child .rank[data-v-66a4435e]{background-color:#dd5353}.article-piece .article-piece-list li:nth-child(2) .rank[data-v-66a4435e]{background-color:#56d1da}.article-piece .article-piece-list li:nth-child(3) .rank[data-v-66a4435e]{background-color:#7fe94e}.article-piece .article-piece-list .article-piece-item[data-v-66a4435e]{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.article-piece .article-piece-list .article-piece-item[data-v-66a4435e]:last-child{border-bottom:none}.article-piece .article-piece-list .article-piece-item .rank[data-v-66a4435e]{background-color:#858585;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:600;height:18px;line-height:18px;margin-right:10px;text-align:center;width:15px}.article-piece .article-piece-list .article-piece-item a[data-v-66a4435e]{color:var(--el-text-color-regular);display:-webkit-box;flex:1;overflow:hidden;text-decoration:none;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:color .2s}.article-piece .article-piece-list .article-piece-item a[data-v-66a4435e]:hover{color:#1890ff}.article-piece .article-piece-list .article-piece-item .views[data-v-66a4435e]{align-items:center;color:#999;display:flex;font-size:12px;gap:6px}