/* ============================================================
   Clash for Android · clash-android.com
   compare.css —— 横向评测页专属样式
   仅补充:引言区、对比表加宽、点评项编号与规格行
   ============================================================ */

/* ---- 引言区 ---- */
.cmp-intro{padding-bottom:24px;}
.cmp-kicker{
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--accent-dark);
  margin-bottom:14px;
}
.cmp-kicker::before{content:"■ ";color:var(--error);}
.cmp-lead{
  max-width:820px;
  font-size:17px;
  line-height:1.9;
  margin:18px 0 24px;
}
.cmp-lead strong{
  font-weight:800;
  background:linear-gradient(transparent 62%,var(--accent) 62%);
  padding:0 2px;
}

/* ---- 小节副标 ---- */
.cmp-sub{
  color:var(--text-muted);
  font-size:14.5px;
  line-height:1.85;
  margin:10px 0 22px;
  max-width:760px;
}

/* ---- 对比总表:7 列需要更宽的滚动底座 ---- */
.cmp-table{min-width:920px;font-size:13.5px;}
.cmp-table td:first-child{font-weight:800;white-space:nowrap;}
.cmp-table td{vertical-align:top;}
.cmp-table .is-pick td{background:var(--bg-panel2);}

/* ---- 表下等宽注脚 ---- */
.cmp-note{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--text-muted);
  margin-top:14px;
  line-height:1.8;
}

/* ---- 逐款点评:在 faq-item 上补编号与规格行 ---- */
.rev-item summary{flex-wrap:wrap;}
.rev-code{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--text-muted);
  white-space:nowrap;
}
.rev-spec{
  display:block;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--text-muted);
  border-bottom:2px dashed var(--border);
  padding-bottom:8px;
  margin-bottom:10px;
}
.rev-item .faq-body a{
  font-weight:700;
  border-bottom:2px solid var(--accent-dark);
}
.rev-item .faq-body a:hover{background:var(--bg-panel2);}

/* ---- 窄屏收紧 ---- */
@media (max-width:640px){
  .cmp-lead{font-size:15.5px;}
  .rev-code{display:none;}
}