/* ============================================================
   Clash for Android · clash-android.com
   home.css —— 首页专属:分区头 / 平台货架格 / 步骤卡 /
   信任背书双栏 / clone 命令框 / 问答卡 / 收尾链接行
   ============================================================ */

/* ---------- 分区头 ---------- */
.sec-head{max-width:720px;margin-bottom:34px;}
.sec-head .panel-tag{margin-bottom:14px;}
.sec-head h2{margin:12px 0 12px;}
.sec-head p{font-size:15px;color:var(--text-muted);line-height:1.9;}

/* ---------- 收尾链接行 ---------- */
.more-line{margin-top:28px;}
.more-link{
  display:inline-block;padding:10px 20px;
  background:var(--bg-panel);
  border:2px solid var(--border);border-radius:var(--r-pill);
  font-size:14.5px;font-weight:800;
  box-shadow:var(--shadow-ink-sm);
  transition:transform var(--dur),box-shadow var(--dur);
}
.more-link:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-ink);background:var(--bg-panel2);}
.more-link:active{transform:translate(1px,1px);box-shadow:none;}

/* ---------- 平台货架格 ---------- */
.plat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:18px;
}
.plat-grid>*{min-width:0;}
.plat-card{
  display:flex;flex-direction:column;gap:10px;
  background:var(--bg-panel);
  border:2px solid var(--border);border-radius:var(--r-md);
  box-shadow:var(--shadow-ink-sm);
  padding:20px 20px 18px;
  transition:transform var(--dur),box-shadow var(--dur);
}
.plat-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border);background:var(--bg-panel);}
.plat-ic{
  width:46px;height:46px;border-radius:14px;flex-shrink:0;
  background:linear-gradient(145deg,var(--glare-hi),var(--glare-mid) 55%,var(--glare-lo));
  border:2px solid var(--border);
  display:inline-flex;align-items:center;justify-content:center;
}
.plat-ic svg{width:28px;height:28px;display:block;}
.plat-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.plat-name{font-family:var(--font-display);font-size:18px;font-weight:800;}
.plat-hash{
  font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);
  letter-spacing:.08em;white-space:nowrap;max-width:100%;overflow:hidden;
}
.plat-desc{font-size:13.5px;line-height:1.85;color:var(--text-muted);flex:1;}
.plat-go{
  align-self:flex-start;
  font-size:13.5px;font-weight:800;color:var(--accent-dark);
  border-bottom:2px solid var(--accent-dark);padding-bottom:2px;
}
.plat-card:hover .plat-go{color:var(--text);border-color:var(--border);}

/* ---------- 快速上手步骤卡 ---------- */
.step-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.step-grid>*{min-width:0;}
.step-card{
  background:var(--bg-panel);
  border:2px solid var(--border);border-radius:var(--r-md);
  box-shadow:var(--shadow-ink-sm);
  padding:22px 22px 20px;
}
.step-no{
  display:inline-block;margin-bottom:12px;
  font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;
  background:var(--accent);color:var(--text);
  border:2px solid var(--border);border-radius:8px;
  padding:3px 10px;
  box-shadow:2px 2px 0 var(--border);
}
.step-card h3{margin-bottom:8px;}
.step-card p{font-size:14px;line-height:1.9;color:var(--text-muted);}

/* ---------- 信任背书双栏 ---------- */
.trust-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:22px;
  align-items:start;
}
.trust-grid>*{min-width:0;}
.trust-note h3{margin-bottom:8px;}
.trust-note h3+p{margin-bottom:20px;}
.trust-note p{font-size:14.5px;line-height:1.95;color:var(--text);}
.trust-note p:last-child{margin-bottom:0;}

/* clone 命令框 */
.clone-box h3{margin-bottom:10px;}
.clone-hint{font-size:13.5px;color:var(--text-muted);margin-bottom:14px;line-height:1.8;}
.clone-row{display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.clone-cmd{
  display:block;
  background:var(--bg);
  border:2px solid var(--border);border-radius:var(--r-sm);
  padding:12px 14px;
  font-family:var(--font-mono);font-size:12.5px;line-height:1.6;
  overflow-x:auto;white-space:nowrap;
}
.copy-btn{align-self:flex-start;font-size:14px;padding:9px 18px;}
.trust-facts{margin-top:22px;display:flex;flex-direction:column;gap:10px;}
.trust-facts li{
  display:flex;align-items:baseline;gap:12px;
  border-bottom:2px dashed var(--border);
  padding-bottom:9px;
}
.trust-facts li:last-child{border-bottom:none;padding-bottom:0;}
.fact-k{
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;
  letter-spacing:.12em;color:var(--text-muted);
  flex-shrink:0;min-width:84px;
}
.fact-v{font-size:13.5px;font-weight:700;}

/* ---------- 问答卡 ---------- */
.qa-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:16px;
}
.qa-grid>*{min-width:0;}
.qa-card{
  display:flex;flex-direction:column;gap:8px;
  background:var(--bg-panel);
  border:2px solid var(--border);border-radius:var(--r-md);
  box-shadow:var(--shadow-ink-sm);
  padding:18px 20px;
  transition:transform var(--dur),box-shadow var(--dur);
}
.qa-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border);}
.qa-q{font-size:15px;font-weight:800;line-height:1.5;}
.qa-q::before{content:"Q ";font-family:var(--font-mono);color:var(--accent-dark);}
.qa-a{font-size:13.5px;line-height:1.85;color:var(--text-muted);}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .trust-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .sec-head{margin-bottom:26px;}
  .plat-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:460px){
  .plat-grid{grid-template-columns:1fr;}
}