/* ============================================================
   Clash配置教程 · 客户端对比页专属样式(clients.html)
   仅补充本页布局,组件样式一律沿用 base.css / components.css
   ============================================================ */

/* 页首导语 */
.cmp-lede{
  margin-bottom:28px;
}
.cmp-lede .kicker{
  display:block;
  margin-bottom:12px;
}
.cmp-sub{
  margin-top:14px;
  max-width:820px;
  font-size:15px;
  line-height:1.85;
  color:var(--text-soft);
}

/* 分区之间的纵向节奏 */
.sec-block{
  padding-top:18px;
  padding-bottom:30px;
}

/* 总表下的说明行 */
.cmp-note{
  margin-top:12px;
  font-size:13px;
  line-height:1.8;
  color:var(--muted);
}

/* 点评单元堆叠 */
.cmp-stack{
  display:grid;
  gap:14px;
}
.cmp-stack > *{min-width:0}

/* 单元内正文与链接 */
.cmp-stack .unit-body p{
  font-size:14px;
  line-height:1.9;
  color:var(--text-soft);
}
.cmp-stack .unit-body a{
  color:var(--text);
  border-bottom:1px solid var(--metal);
}
.cmp-stack .unit-body a:hover{
  border-bottom-color:var(--text);
}

/* 单元头里的徽章不被标题挤压 */
.unit-head .tag{flex-shrink:0}

/* 丝印事实条(装饰,等宽小字) */
.cmp-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
.cmp-facts span{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--muted);
  border:1px solid var(--border);
  background:var(--panel2);
  padding:3px 9px;
  max-width:100%;
  overflow:hidden;
}

/* 结论面板 */
.cmp-final{
  border:1px solid var(--edge);
  background:var(--panel);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
  padding:26px 28px;
}
.cmp-final-t{
  font-size:18px;
  letter-spacing:.02em;
  color:var(--text);
  margin-bottom:10px;
}
.cmp-final p{
  font-size:14px;
  line-height:1.85;
  color:var(--text-soft);
}
.cmp-final p + p{margin-top:.6em}
.cmp-final-acts{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}

@media (max-width:640px){
  .cmp-final{padding:20px 16px}
  .cmp-final-acts .key{width:100%;justify-content:center}
}