/* ============================================================
   clash for ios · home.css
   首页专属:区块导语 / 登机牌图标 / 信任背书四格 / 克隆命令框 /
   常见问题精选 / 博客预览收尾
   ============================================================ */

/* 区块导语 */
.sec-lead{
  max-width:760px;
  font-size:15px;
  line-height:1.85;
  color:var(--ink-muted);
  margin-bottom:26px;
}

/* ---------- 登机牌平台条:内联 SVG 图标槽 ---------- */
.board-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex-shrink:0;
  background:var(--bg-panel2);
  border:1px solid var(--border);
  border-radius:var(--radius-s);
  color:var(--accent-dark);
}
.board-ico svg{width:18px;height:18px;display:block;}
.ico-stroke{
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.board-more{margin-top:20px;}

/* ---------- 信任背书:四格信纸 ---------- */
.trust-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:26px;
}
.trust-grid>*{min-width:0;}
.trust-cell h3{margin-bottom:10px;}
.trust-cell p{
  font-size:14.5px;
  line-height:1.85;
  color:var(--ink);
}
@media (max-width:760px){
  .trust-grid{grid-template-columns:minmax(0,1fr);}
}

/* ---------- git clone 命令展示框 ---------- */
.clone-box{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  box-shadow:var(--shadow-soft);
  padding:14px 18px;
}
.clone-prompt{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:14px;
  color:var(--accent-dark);
  flex-shrink:0;
}
.clone-cmd{
  flex:1;
  min-width:0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap;
  font-family:var(--font-mono);
  font-size:13.5px;
  color:var(--ink);
  background:none;
  border-radius:0;
  padding:0;
}
.clone-copy{
  flex-shrink:0;
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--accent-dark);
  background:var(--bg-panel2);
  border:1px solid var(--accent);
  border-radius:999px;
  padding:6px 16px;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.clone-copy:hover{
  background:var(--accent);
  color:var(--bg-panel);
}
.clone-copy.is-done{
  background:var(--success);
  border-color:var(--success);
  color:var(--bg-panel);
}
.clone-note{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.03em;
  color:var(--ink-muted);
}
@media (max-width:560px){
  .clone-box{flex-wrap:wrap;}
  .clone-cmd{flex-basis:100%;order:3;}
}

/* 剪贴板降级用的隐藏输入载体(JS 动态创建) */
.copy-helper{
  position:fixed;
  left:-9999px;
  top:0;
  width:1px;
  height:1px;
  opacity:0;
}

/* ---------- 常见问题精选 ---------- */
.pick-list{
  list-style:none;
  display:grid;
  gap:12px;
}
.pick-list>li{list-style:none;min-width:0;}
.pick-item{
  display:flex;
  gap:14px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  box-shadow:var(--shadow-soft);
  padding:16px 18px;
}
.pick-item>div{min-width:0;}
.pick-q{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--accent-dark);
  border:1px solid var(--accent);
  border-radius:6px;
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:2px;
}
.pick-ask{
  font-weight:700;
  font-size:15px;
  margin-bottom:4px;
}
.pick-ans{
  font-size:14px;
  line-height:1.75;
  color:var(--ink-muted);
}
.pick-ans a{
  color:var(--ink);
  border-bottom:2px solid var(--accent);
  padding-bottom:1px;
  transition:color .15s ease;
}
.pick-ans a:hover{color:var(--accent-dark);}

/* ---------- 博客预览收尾 ---------- */
.blog-foot{margin-top:22px;}