/* ============================================================
   Clash新手指南 · 下载页专属样式(zh-CN/download.html)
   只补充本页布局细节,组件样式一律沿用 base/components
   ============================================================ */

/* 徽章图例行 */
.legend{
  display:flex;flex-wrap:wrap;gap:14px 26px;
  border:var(--line) solid var(--ink);background:var(--panel);
  padding:14px 18px;margin-bottom:22px;
}
.legend-item{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;color:var(--ink-soft);
  min-width:0;
}
.legend-item .badge{flex-shrink:0;}

/* 表格小标题(等宽编号) */
.req-cap{
  font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);
  letter-spacing:.12em;
  margin-top:26px;margin-bottom:4px;
}

/* 平台面板引导句 */
.pane-intro{
  font-size:15px;line-height:1.9;color:var(--ink-soft);
  border-bottom:var(--line) dashed var(--ink);
  padding-bottom:14px;margin-bottom:20px;
  max-width:760px;
}
.pane-intro strong{color:var(--ink);font-weight:900;}

/* iOS 卡片官网行 */
.dl-site{
  font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);
  letter-spacing:.04em;
}
.dl-site a{
  color:var(--accent-deep);font-weight:700;
  border-bottom:2px solid var(--accent);
}
.dl-site a:hover{background:var(--panel-2);}

/* 内核构建清单表:文件链接等宽 */
.core-table td a{
  font-family:var(--font-mono);font-size:12px;
  color:var(--ink);
  border-bottom:2px solid var(--accent);
  overflow-wrap:anywhere;
}
.core-table td a:hover{background:var(--panel-2);}
.core-note{
  font-size:13px;line-height:1.8;color:var(--ink-soft);
  margin-top:10px;max-width:640px;
}

/* 下一道工序面板 */
.next-panel{padding:28px 30px;}
.next-title{font-size:clamp(22px,2.4vw,30px);font-weight:900;margin-top:6px;}
.next-desc{
  margin-top:10px;font-size:15px;line-height:1.85;color:var(--ink-soft);
  max-width:640px;
}
.next-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;}

/* FAQ 引导句内链 */
.faq-link{border-bottom:2px solid var(--accent);font-weight:700;color:var(--ink);}
.faq-link:hover{background:var(--panel-2);}

/* 窄屏收紧 */
@media (max-width:640px){
  .legend{flex-direction:column;gap:10px;padding:12px 14px;}
  .next-panel{padding:20px 16px;}
  .next-btns{flex-direction:column;align-items:stretch;}
  .next-btns .btn{justify-content:center;}
}