.red-black-ranking-chart[data-v-47c35310]{display:flex;gap:40px;width:100%}.ranking-column[data-v-47c35310]{flex:1;display:flex;flex-direction:column}.ranking-column .column-header[data-v-47c35310]{font-size:18px;font-weight:500;margin-bottom:20px}.ranking-column .column-header.red-title[data-v-47c35310]{color:#ff4d4f}.ranking-column .column-header.black-title[data-v-47c35310]{color:#535353}.ranking-list[data-v-47c35310]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.ranking-list .ranking-item[data-v-47c35310]{display:flex;align-items:center;gap:12px;margin-bottom:15px}.ranking-list .ranking-item[data-v-47c35310]:last-child{margin-bottom:0}.ranking-list .ranking-item .rank-number[data-v-47c35310]{width:24px;height:24px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ranking-list .ranking-item .rank-number.rank-red[data-v-47c35310]{background:#ff8a8a}.ranking-list .ranking-item .rank-number.rank-blue[data-v-47c35310]{background:#6877ff}.ranking-list .ranking-item .rank-number.rank-grey[data-v-47c35310]{background:#535353}.ranking-list .ranking-item .rank-number.rank-default[data-v-47c35310]{background:#a0b0c7}.ranking-list .ranking-item .rank-name[data-v-47c35310]{width:100px;font-size:14px;color:#535353;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-list .ranking-item .rank-progress-container[data-v-47c35310]{flex:1}.ranking-list .ranking-item .rank-progress-container .rank-progress-bg[data-v-47c35310]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.ranking-list .ranking-item .rank-progress-container .rank-progress-bg .rank-progress-bar[data-v-47c35310]{height:100%;background:#6877ff;border-radius:4px;transition:width .3s ease}.ranking-list .ranking-item .rank-value[data-v-47c35310]{width:60px;text-align:right;font-size:14px;color:#535353;font-weight:500}