/**
 * 文件职责：财务概览 TOP 排行样式。
 */
.fo-top-card {
  padding-bottom: 10px;
}

.fo-top-table {
  .ant-table {
    overflow: hidden;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
  }

  .ant-table-thead > tr > th {
    font-size: 12px;
    font-weight: 600;
    color: rgb(0 0 0 / 55%);
    background: #fafafa;
  }

  .ant-table-tbody > tr > td {
    font-size: 13px;
  }

  .ant-table-tbody > tr:hover > td {
    background: #f8fbff;
  }
}

.fo-rank-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
}

.fo-rank-num.is-top1 {
  background: linear-gradient(135deg, #ef4444, #f97316);
}

.fo-rank-num.is-top2 {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.fo-rank-num.is-top3 {
  background: linear-gradient(135deg, #1677ff, #69b1ff);
}

.fo-rank-num.is-normal {
  color: #4b5563;
  background: #e5e7eb;
}

.fo-revenue-text {
  font-weight: 600;
  color: rgb(0 0 0 / 88%);
}

.fo-percent-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}

.fo-percent-track {
  width: 118px;
  height: 6px;
  overflow: hidden;
  background: #e5e7eb;
  border-radius: 3px;
}

.fo-percent-fill {
  height: 100%;
  background: linear-gradient(90deg, #1677ff, #69b1ff);
  border-radius: 3px;
}

.fo-percent-text {
  min-width: 44px;
  font-size: 12px;
  color: rgb(0 0 0 / 45%);
  text-align: right;
}
