/* ==========================================================================
   clash.fyi · 客户端对比页(which-client.html)专属样式
   点评票签网格 + 页头收口 + 结论面板;全部取值引用 base.css 设计令牌
   ========================================================================== */

/* 页头区:比常规 .sec 收紧底部,让 toc 贴近首屏 */
.pagehead{
  padding-top:60px;
  padding-bottom:12px;
}
.pagehead h1{
  margin-bottom:16px;
}
.pagehead .sec-lead{
  margin-bottom:18px;
}

/* 正文里的行内链接:朱红下划,与全站链接语义一致 */
.inline-link{
  color:var(--flame);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}
.inline-link:hover{
  color:var(--ink);
  background:var(--volt);
}

/* ---------------- 点评票签网格 ---------------- */

.rev-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:18px;
}
.rev-grid > *{min-width:0;}

.rev-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  background:var(--card);
  border:var(--rule);
  border-radius:var(--rad-lg);
  padding:22px 24px;
}

.rev-top{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.rev-no{
  flex-shrink:0;
  font-family:var(--ft-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  color:var(--flame);
  border:2px solid var(--flame);
  border-radius:6px;
  padding:1px 9px;
}
.rev-name{
  font-size:19px;
  min-width:0;
}

.rev-plats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rev-card p{
  font-size:14.5px;
  line-height:1.85;
}

/* 卡片底部「适合」一行:等宽小字压在虚线上方,像工单结语 */
.rev-fit{
  margin-top:auto;
  padding-top:12px;
  border-top:1px dashed var(--ink-25);
  font-family:var(--ft-mono);
  font-size:12.5px;
  line-height:1.7;
  color:var(--ink-soft);
}

/* ---------------- 结论面板 ---------------- */

.verdict p{
  font-size:15px;
  line-height:1.9;
  max-width:76ch;
  margin-bottom:14px;
}
.verdict p strong{
  font-weight:800;
  border-bottom:4px solid var(--volt);
  padding-bottom:1px;
}
.verdict .cta{
  margin-top:20px;
  margin-bottom:0;
}

/* ---------------- 窄屏 ---------------- */

@media (max-width:640px){
  .pagehead{
    padding-top:44px;
  }
  .rev-card{
    padding:18px 18px;
  }
}