/* ============================================================
   Clash客户端下载站 · 首页专属样式
   依赖 base.css 的 :root 令牌,本文件不出现硬编码颜色
   ============================================================ */

/* ---------- 分区末尾的等宽链接行 ---------- */
.sec-more{
  margin-top:26px;
  font-family:var(--font-mono);
  font-size:13px;
}
.sec-more a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--rule);
  padding-bottom:2px;
}
.sec-more a:hover{
  color:var(--lava);
  border-bottom-color:var(--lava);
}

/* ---------- 平台下载入口网格 ---------- */
.plat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.plat-grid > *{min-width:0}
.plat-card{
  border:1px solid var(--rule);
  border-radius:var(--r);
  background:var(--sheet);
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.plat-card-hd{
  display:flex;
  align-items:center;
  gap:10px;
}
.plat-card-hd svg{
  flex-shrink:0;
  color:var(--lava);
}
.plat-card-hd h3{font-size:16px}
.plat-card p{
  font-size:13.5px;
  color:var(--ink-mute);
  line-height:1.8;
}
.plat-card .btn{
  margin-top:auto;
  align-self:flex-start;
}

/* ---------- 信任背书区 ---------- */
.trust-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:40px;
  align-items:start;
}
.trust-grid > *{min-width:0}
.trust-copy p{
  font-size:14.5px;
  color:var(--ink-mute);
  line-height:1.9;
}
.trust-copy p + p{margin-top:1.1em}
.trust-copy strong{color:var(--ink)}

.clone-box{
  border:1px solid var(--rule);
  border-radius:var(--r);
  background:var(--sheet);
  padding:18px;
}
.clone-box-hd{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.clone-box-hd span{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--ink-mute);
}
.clone-box pre{font-size:12.5px}
.clone-facts{
  list-style:none;
  padding-left:0;
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:6px 22px;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--ink-mute);
}
.clone-facts > *{min-width:0}
.clone-facts b{color:var(--ink);font-weight:600}

/* ---------- 常见问题精选 ---------- */
.pick-list{border-top:1px solid var(--rule)}
.pick-item{
  padding-top:18px;
  padding-bottom:18px;
  border-bottom:1px solid var(--rule);
}
.pick-item h3{
  font-size:15.5px;
  margin-bottom:6px;
}
.pick-idx{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--lava);
  margin-right:10px;
}
.pick-item p{
  font-size:14px;
  color:var(--ink-mute);
}
.pick-item p a{
  font-family:var(--font-mono);
  font-size:12.5px;
  white-space:nowrap;
}

/* ---------- 响应式 ---------- */
@media (max-width:860px){
  .trust-grid{grid-template-columns:1fr;gap:26px}
}
@media (max-width:640px){
  .plat-grid{grid-template-columns:1fr}
}