/* ============================================================
   Page 3: 多维对比分析 — 专属样式
   ============================================================ */

/* 雷达图增强 */
#chartRadar {
  min-height: 360px;
}

/* 潜力排名表高亮 */
#potentialTableBody tr:first-child td {
  font-weight: 600;
  background: rgba(37, 99, 235, 0.04);
}

html.dark #potentialTableBody tr:first-child td {
  background: rgba(37, 99, 235, 0.08);
}

#potentialTableBody tr:nth-child(2) td {
  background: rgba(16, 185, 129, 0.03);
}

html.dark #potentialTableBody tr:nth-child(2) td {
  background: rgba(16, 185, 129, 0.06);
}

/* 排名徽章 */
.rank-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
}

.rank-badge.gold {
  background: linear-gradient(135deg, #FCD34D, #F59E0B);
  color: #78350F;
}

.rank-badge.silver {
  background: linear-gradient(135deg, #CBD5E1, #94A3B8);
  color: #1E293B;
}

.rank-badge.bronze {
  background: linear-gradient(135deg, #FED7AA, #F97316);
  color: #7C2D12;
}

/* 对比图表间距 */
.card + .card {
  margin-top: 0;
}

/* 响应式 */
@media (max-width: 1024px) {
  .grid-2 { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  #chartRadar { min-height: 280px; }
}