/* =========================================================
   Clash之家 · compare.css
   客户端横向评测页专属样式(仅补充,不覆盖共享组件)
   ========================================================= */

/* 页首导语 */
.cmp-lead {
  max-width: 68ch;
  font-size: 17px;
  color: var(--text);
  margin-bottom: 1.4em;
}

/* 徽章图例条 */
.cmp-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

/* 对比总表:列多,给足最小宽度靠外层横向滚动 */
.cmp-table {
  min-width: 920px;
}
.cmp-table td strong {
  font-family: var(--font-display);
  font-weight: 800;
  white-space: nowrap;
}
.cmp-table .stamp {
  margin-left: 6px;
  font-size: 11px;
  padding: 1px 7px;
}

/* 评测口径面板 */
.cmp-gauge h3 { margin-bottom: 10px; }
.cmp-gauge p {
  margin-bottom: 0;
  font-size: 14.5px;
}

/* 点评站牌里的徽章与标题对齐 */
.station h3 .stamp {
  margin-left: 10px;
  vertical-align: middle;
}

/* 结论面板 */
.cmp-verdict h2 { margin-bottom: 12px; }
.cmp-verdict p {
  max-width: 72ch;
  margin-bottom: 1.4em;
}
.cmp-verdict-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* 桌面端:结论区右侧站点编号感留白,窄屏自然收拢 */
@media (max-width: 640px) {
  .cmp-lead { font-size: 16px; }
  .cmp-table { min-width: 860px; }
}