/* ============================================================
   Clash下载站 · download.css
   下载中心页专属:页头、tab 行、平台面板、内核表、mini-FAQ
   全部引用 base.css 的 :root 令牌,无硬编码颜色。
   ============================================================ */

/* ---- 页头 ---- */
.dl-head{
  padding-top:48px;
  padding-bottom:28px;
}
.dl-head h1{margin-bottom:12px}
.dl-head .lede{
  max-width:680px;
  font-size:14px;
}
.dl-head-link{
  color:var(--accent);
  font-weight:600;
}
.dl-head-link:hover{color:var(--accent-dark)}
.dl-head .chips{margin-top:18px}

/* ---- tab 行 ---- */
.dl-tabs-row{
  padding-bottom:24px;
}

/* ---- 平台面板 ---- */
.dl-panels{
  padding-bottom:8px;
}
.plat-head{margin-bottom:22px}
.plat-head h2{margin-bottom:8px}
.plat-head p{
  max-width:720px;
  font-size:14px;
  line-height:1.8;
  color:var(--text-muted);
}
.plat-site,
.client-site{
  font-family:var(--font-mono);
  font-size:.95em;
  color:var(--accent);
  border-bottom:1px solid var(--accent-tint);
}
.plat-site:hover,
.client-site:hover{color:var(--accent-dark)}

/* ---- 系统要求小节 ---- */
.req-title{
  margin-top:34px;
  margin-bottom:12px;
}

/* ---- 内核区 ---- */
.core-link{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.01em;
  color:var(--accent);
  white-space:nowrap;
}
.core-link:hover{
  color:var(--accent-dark);
  border-bottom:1px solid var(--accent);
}
.core-note{
  margin-top:18px;
  max-width:720px;
  font-size:13.5px;
  line-height:1.8;
  color:var(--text-muted);
}
.core-note a{
  color:var(--accent);
  font-weight:600;
}
.core-note a:hover{color:var(--accent-dark)}

/* ---- mini-FAQ ---- */
.dl-faq h2{margin-bottom:8px}
.dl-faq-lede{
  margin-bottom:22px;
  font-size:13.5px;
  color:var(--text-muted);
}
.dl-faq-lede a{
  color:var(--accent);
  font-weight:600;
}
.dl-faq-lede a:hover{color:var(--accent-dark)}
.dl-faq .qa-body a{
  color:var(--accent);
  font-weight:600;
}
.dl-faq .qa-body a:hover{color:var(--accent-dark)}

/* ---- 客户端图标(源图已预处理,原样固定尺寸显示) ---- */
.client-head img{
  width:52px;
  height:52px;
  flex-shrink:0;
}

/* ---- 响应式 ---- */
@media (max-width:640px){
  .dl-head{
    padding-top:32px;
    padding-bottom:20px;
  }
  .plat-head p{font-size:13.5px}
  .req-title{margin-top:28px}
  .client-head img{
    width:48px;
    height:48px;
  }
}