/* ============================================================
   clashsdk.com · home.css
   首页专属:区块标题行 / 平台卡增补 / 信任背书网格 /
   常见问题精选 / clone 命令框
   ============================================================ */

/* ── 区块标题行 ───────────────────────────────────────────── */
.sec-head{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
  border-top:1px solid var(--border);
  padding-top:22px;
  margin-bottom:8px;
}
.sec-head h2{font-family:var(--font-display);font-size:20px;font-weight:700}
.sec-head code{color:var(--muted);font-size:12px}
.sec-sub{color:var(--muted);font-size:13px;margin-bottom:16px;max-width:72ch}
.peek-more{
  margin-left:auto;
  color:var(--link);
  font-size:13px;
  white-space:nowrap;
}

/* ── 平台速览卡增补 ───────────────────────────────────────── */
.pk-ic{
  width:16px;
  height:16px;
  color:var(--muted);
  flex-shrink:0;
  vertical-align:-3px;
  margin-right:7px;
}
.peek-card:hover .pk-ic{color:var(--accent)}
.pk-note{
  color:var(--muted);
  font-size:12.5px;
  line-height:1.55;
  margin:8px 0 10px;
}
.pk-go{
  display:inline-block;
  color:var(--link);
  font-size:12.5px;
}
.peek-card .pk-name{display:flex;align-items:center}

/* ── 信任背书网格 ─────────────────────────────────────────── */
.trust-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:14px;
}
.trust-grid > *{min-width:0}
.trust-h{font-size:15px;margin-bottom:8px}
.trust-p{color:var(--muted);font-size:13.5px}
.trust-p code{color:var(--text)}
.clone-box{margin-top:14px;margin-bottom:0}

/* ── 常见问题精选 ─────────────────────────────────────────── */
.qa-panel{
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--bg-panel);
  margin-top:14px;
  overflow:hidden;
}
.qa-line{
  padding:14px 20px;
  border-top:1px solid var(--border);
}
.qa-line:first-child{border-top:0}
.qa-q{
  font-weight:600;
  font-size:14px;
  color:var(--text);
  margin-bottom:4px;
}
.qa-q::before{
  content:"Q:";
  font-family:var(--font-mono);
  color:var(--accent);
  margin-right:8px;
}
.qa-a{color:var(--muted);font-size:13.5px}

/* ── 响应式 ───────────────────────────────────────────────── */
@media (max-width:900px){
  .trust-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .qa-line{padding:12px 14px}
  .peek-more{margin-left:0}
}