.article-rank .title{border-bottom:1px solid var(--el-border-color);font-size:16px;font-weight:500;margin:0 8px 4px;padding-bottom:8px}.article-rank .title .iconfont{color:#f64242;margin-right:4px}.article-rank .article-item{border-radius:var(--el-border-radius-base);cursor:pointer;display:flex;flex-wrap:nowrap;font-size:14px;padding:8px}.article-rank .article-item .index{color:var(--el-text-color-secondary);font-weight:bolder;margin-right:12px}.article-rank .article-item:first-of-type .index{background:linear-gradient(180deg,#f64242 20%,#f6424266 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.article-rank .article-item:nth-of-type(2) .index{background:linear-gradient(180deg,#ff7426 20%,#ff742666 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.article-rank .article-item:nth-of-type(3) .index{background:linear-gradient(180deg,#ffac0c 20%,#ffac0c66 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.article-rank .article-item:hover{background-color:var(--el-fill-color-lighter);color:inherit}.article-rank .article-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}