/* ==========================================================================
   Clash镜像站 · 首页专属样式 —— home.css
   下载入口栅格 / 信任背书双栏 / 一键复制框 / 常见问题精选条 / 区块尾链接
   全部灰阶细线,湖水绿不在此文件出现(限核验章/状态点/主按钮三处)。
   ========================================================================== */

/* —— 区块尾部"查看全部"链接 —— */
.sec-more{
  margin-top:24px;
  text-align:right;
}
.sec-more a{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--text);
  border-bottom:1px solid var(--border);
  padding-bottom:2px;
}
.sec-more a:hover{border-bottom-color:var(--text);}

/* ==========================================================================
   下载入口区:五平台展位
   ========================================================================== */

.gate-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid var(--border);
  background:var(--bg-panel);
}
.gate{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px;
  border-right:1px solid var(--hairline);
  min-width:0;
}
.gate:last-child{border-right:none;}
.gate:hover{background:var(--bg-panel2);}
.gate-ico{
  width:26px;
  height:26px;
  color:var(--text-muted);
  flex-shrink:0;
}
.gate-ico svg{width:26px;height:26px;}
.gate:hover .gate-ico{color:var(--text);}
.gate-name{
  font-family:var(--font-display);
  font-size:16px;
  font-weight:700;
  letter-spacing:.03em;
}
.gate-desc{
  font-size:12.5px;
  color:var(--text-muted);
  line-height:1.7;
  flex:1;
}
.gate-go{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--text);
  border-top:1px solid var(--hairline);
  padding-top:10px;
}

@media (max-width:1080px){
  .gate-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .gate:nth-child(3){border-right:none;}
  .gate:nth-child(-n+3){border-bottom:1px solid var(--hairline);}
}
@media (max-width:640px){
  .gate-grid{grid-template-columns:1fr;}
  .gate{border-right:none;border-bottom:1px solid var(--hairline);}
  .gate:last-child{border-bottom:none;}
}

/* ==========================================================================
   信任背书区:左文右栏
   ========================================================================== */

.trust-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:36px;
}
.trust-grid>*{min-width:0;}
.trust-copy h3{
  font-family:var(--font-display);
  font-size:15.5px;
  font-weight:700;
  letter-spacing:.03em;
  margin-top:22px;
  margin-bottom:8px;
}
.trust-copy h3:first-child{margin-top:0;}
.trust-copy p{
  font-size:14px;
  color:var(--text);
  line-height:1.85;
}

.trust-side{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* —— clone 命令框 —— */
.clone-box{
  border:1px solid var(--border);
  background:var(--bg-panel);
  padding:18px 20px;
}
.clone-label{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-muted);
  padding-bottom:10px;
  border-bottom:1px solid var(--hairline);
  margin-bottom:14px;
}
.clone-bar{
  display:flex;
  align-items:stretch;
  gap:10px;
}
.clone-cmd{
  flex:1;
  min-width:0;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.6;
  color:var(--text);
  background:var(--bg-panel2);
  border:1px solid var(--hairline);
  border-radius:var(--radius);
  padding:9px 12px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
}
.clone-copy{
  flex-shrink:0;
  font-family:var(--font-body);
  font-size:12.5px;
  color:var(--text);
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:0 16px;
  min-height:40px;
  cursor:pointer;
  white-space:nowrap;
}
.clone-copy:hover{border-color:var(--text-muted);}
.clone-note{
  margin-top:12px;
  font-size:12.5px;
  color:var(--text-muted);
  line-height:1.75;
}

/* —— 事实清单 —— */
.fact-list{
  list-style:none;
  border:1px solid var(--border);
  background:var(--bg-panel);
}
.fact-list li{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:11px 20px;
  border-bottom:1px solid var(--hairline);
  min-width:0;
}
.fact-list li:last-child{border-bottom:none;}
.fact-k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--text-muted);
  flex-shrink:0;
  width:64px;
}
.fact-v{
  font-size:13px;
  color:var(--text);
  min-width:0;
  overflow-wrap:anywhere;
}

@media (max-width:900px){
  .trust-grid{grid-template-columns:1fr;gap:26px;}
}
@media (max-width:480px){
  .clone-bar{flex-direction:column;}
  .clone-copy{min-height:40px;padding-top:8px;padding-bottom:8px;}
}

/* ==========================================================================
   常见问题精选:展签横条
   ========================================================================== */

.qa-strip{
  border:1px solid var(--border);
  background:var(--bg-panel);
}
.qa-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;
  gap:20px;
  align-items:baseline;
  padding:16px 22px;
  border-bottom:1px solid var(--hairline);
}
.qa-row:last-child{border-bottom:none;}
.qa-q{
  font-family:var(--font-display);
  font-size:14.5px;
  font-weight:600;
  min-width:0;
}
.qa-a{
  font-size:13px;
  color:var(--text-muted);
  line-height:1.75;
  min-width:0;
}
.qa-link{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--text);
  border-bottom:1px solid var(--border);
  white-space:nowrap;
  justify-self:end;
}
.qa-link:hover{border-bottom-color:var(--text);}

@media (max-width:820px){
  .qa-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .qa-link{justify-self:start;}
}