/* ============================================================
   Clash开源网 · download.css —— 下载页专属样式
   顶部索引头 / 平台简介 / 卡片网格 / 系统要求小表 / 内核清单行
   ============================================================ */

/* ---- 页首索引头 ---- */
.dl-top{
  padding-top:40px;
  padding-bottom:8px;
}
.dl-path{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--ok);
  margin-bottom:10px;
}
.dl-top h1{
  font-size:clamp(30px,4.2vw,46px);
  color:var(--text);
}
.dl-lede{
  margin-top:14px;
  max-width:860px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--muted);
}
.dl-lede strong{color:var(--accent);font-weight:600}
.dl-facts{
  margin-top:12px;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--muted);
}
.dl-anchor{margin-top:18px}

/* ---- 平台 tabbar 微调 ---- */
.dl-tabbar{margin-top:8px}

/* ---- 平台简介与卡片网格 ---- */
.plat-intro{
  max-width:860px;
  font-size:14px;
  line-height:1.8;
  color:var(--muted);
  margin-bottom:18px;
}
.plat-link{
  font-family:var(--font-mono);
  color:var(--ok);
  border-bottom:1px solid var(--accent-dark);
}
.plat-link:hover{color:var(--accent)}
.dl-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.dl-grid>*{min-width:0}
@media (max-width:860px){
  .dl-grid{grid-template-columns:1fr}
}

/* 客户端官方图标:资产已烘焙圆角与留白,只定尺寸,禁二次修饰 */
.dl-head img{
  width:48px;
  height:48px;
  flex-shrink:0;
}

/* ---- 系统要求小表 ---- */
.sysreq{margin-top:22px}
.sysreq h3{
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:600;
  color:var(--ok);
  margin-bottom:10px;
}

/* ---- Mihomo 内核清单行 ---- */
.core-list{
  margin-top:18px;
  overflow:hidden;
}
.core-row{
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 56px;
  align-items:center;
  gap:14px;
  padding:10px 18px;
  border-top:1px solid var(--border);
  transition:background .12s;
}
.core-row>*{min-width:0}
.core-row:first-child{border-top:0}
.core-row:hover{background:var(--bg-panel2)}
.core-name{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--text);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.core-row:hover .core-name{color:var(--ok)}
.core-desc{
  font-size:13px;
  color:var(--muted);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.core-fmt{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--muted);
  text-align:right;
  white-space:nowrap;
}
@media (max-width:720px){
  .core-row{grid-template-columns:minmax(0,1fr) 48px}
  .core-desc{display:none}
}
.core-callout{margin-top:16px}
.core-callout a{
  color:var(--ok);
  border-bottom:1px solid var(--accent-dark);
}

/* ---- FAQ 区收尾 ---- */
.faq-stack{margin-top:18px}
.dl-next{
  margin-top:20px;
  font-size:13.5px;
}
.dl-next a{
  color:var(--ok);
  border-bottom:1px solid var(--accent-dark);
}
.dl-next a:hover{color:var(--accent)}