/* =========================================================
   Clash正版官网 · 客户端对比页(compare)专属样式
   依赖 base.css / components.css 的设计令牌与通用组件,
   本文件只补齐本页特有的三处:评审口径清单、点评卡列距、
   选型结论纸面内衬。不重复定义任何共享组件。
   ========================================================= */

/* ---------- 评审口径六项清单 ---------- */
.cmp-crit{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.cmp-crit>li{
  min-width:0;
  background:var(--paper-panel);
  border:1px solid var(--line-gold);
  padding:18px 20px;
}
.cmp-crit .cname{
  display:flex;align-items:baseline;gap:10px;
  font-family:var(--font-display);font-weight:700;
  font-size:15px;letter-spacing:.1em;color:var(--ink);
  margin-bottom:7px;padding-bottom:7px;
  border-bottom:1px dotted var(--line-gold);
}
.cmp-crit .cno{
  font-size:12px;letter-spacing:.18em;
  color:var(--ink-muted);flex-shrink:0;
}
.cmp-crit .cdesc{
  display:block;
  font-size:13.5px;line-height:1.95;
  color:var(--ink-muted);
}

/* ---------- 对比总表:七列宽表的最小宽度 ---------- */
.cmp-table{min-width:920px}

/* ---------- 逐款点评卡列 ---------- */
.cmp-cards{margin-top:26px}
.cmp-cards .gz-dlcard{margin-bottom:0}

/* ---------- 场景选型 ---------- */
.cmp-scenes{margin-top:26px}
.cmp-scenes .callout a{
  border-bottom:1px solid var(--line-gold);
  padding-bottom:1px;
}
.cmp-scenes .callout a:hover{
  color:var(--ink);
  border-bottom-color:var(--ink-muted);
}

/* ---------- 选型结论纸面(gz-sheet 内衬) ---------- */
.cmp-final{margin-top:26px;padding:38px 40px}
.cmp-final-kicker{
  position:relative;
  font-family:var(--font-display);
  font-size:12.5px;letter-spacing:.34em;
  color:var(--ink-muted);
  margin:0 0 12px;
}
.cmp-final-title{
  position:relative;
  font-family:var(--font-display);font-weight:700;
  font-size:22px;letter-spacing:.12em;line-height:1.6;
  margin:0 0 14px;padding-bottom:12px;
  border-bottom:1px dotted var(--line-gold);
}
.cmp-final p{
  position:relative;
  font-size:14.5px;line-height:2.05;color:var(--ink);
  max-width:760px;margin:0 0 .9em;
}
.cmp-final-actions{
  position:relative;
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:22px;
}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .cmp-crit{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cmp-crit{grid-template-columns:minmax(0,1fr)}
  .cmp-final{padding:28px 20px}
  .cmp-final-title{font-size:19px;letter-spacing:.08em}
}