/* ============================================================
   Clash代理 · compare.css
   客户端对比页(clients.html)专属样式
   ============================================================ */

/* 页内导航与总表之间的呼吸 */
.toc-tabs + .cmp-table{margin-top:26px}

/* 对比总表:首列客户端名加重,状态点与文字对齐 */
.cmp-table .data-table{min-width:860px}
.cmp-table .cmp-name{
  font-weight:700;
  color:var(--ink);
  white-space:nowrap;
}
.cmp-table .dot{
  margin-right:7px;
  vertical-align:middle;
}

/* 状态图例 */
.cmp-legend{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

/* 逐款点评列表 */
.rv-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.rv-card{padding:30px}
.rv-head{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.rv-name{
  margin:0;
  font-family:var(--font-display);
  font-size:19px;
  font-weight:800;
  color:var(--ink);
}
.rv-card p{
  font-size:14.5px;
  line-height:1.9;
  color:var(--ink-muted);
}
.rv-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}

/* 结论面板 */
.cmp-verdict{
  text-align:center;
  padding:44px 38px;
}
.cmp-verdict-label{color:var(--txt-on-dark-dim)}
.cmp-verdict h3{
  margin-top:12px;
  font-family:var(--font-display);
  font-size:clamp(21px,2.6vw,26px);
  font-weight:800;
  line-height:1.4;
}
.cmp-verdict p{
  margin:14px auto 0;
  max-width:640px;
  font-size:15px;
  line-height:1.9;
  color:var(--txt-on-dark-dim);
}

/* 响应式 */
@media (max-width:720px){
  .rv-card{padding:24px 20px}
  .cmp-verdict{padding:34px 22px}
}