/* ============================================================
   Clash官网 · clashlatest.com
   download.css —— 下载页专属样式
   页头报站区 / 平台简报行(登机口字牌) / 平台小节标题 /
   内核区链接与备注 / FAQ 区导语链接
   ============================================================ */

/* ---------- 页头报站区 ---------- */
.dl-top{
  padding-top:56px;
  padding-bottom:12px;
}
.page-title{
  font-family:var(--font-display);
  font-size:clamp(26px,3.8vw,38px);
  font-weight:700;
  letter-spacing:.02em;
  margin-top:12px;
}
.page-lede{
  margin-top:14px;
  font-size:15px;
  line-height:1.9;
  color:var(--c-muted);
  max-width:700px;
}
.page-lede-link{
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
}
.page-lede-link:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}
.dl-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}

/* ---------- 平台简报行(登机口字牌 + 导语) ---------- */
.plat-brief{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:24px;
}
.plat-gate{
  width:56px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-family:var(--font-display);
  font-size:16px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--c-accent);
  background:var(--c-panel2);
}
.plat-lede{
  font-size:14px;
  line-height:1.9;
  color:var(--c-muted);
  max-width:760px;
  padding-top:4px;
}
.plat-lede a{
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
}
.plat-lede a:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}

/* ---------- 平台小节标题(系统要求 / 各架构下载) ---------- */
.plat-sub{
  margin-top:36px;
  margin-bottom:14px;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:400;
  letter-spacing:.18em;
  color:var(--c-muted);
  display:flex;
  align-items:center;
  gap:10px;
}
.plat-sub::before{
  content:"";
  width:14px;
  height:3px;
  flex-shrink:0;
  background:var(--c-accent);
  border-radius:var(--radius-pill);
}

/* ---------- 内核区 ---------- */
.core-link{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.02em;
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
  overflow-wrap:anywhere;
}
.core-link:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}
.core-note{
  margin-top:18px;
  font-size:13px;
  line-height:1.9;
  color:var(--c-muted);
  max-width:760px;
}
.core-note code{
  font-size:.9em;
  color:var(--c-accent);
  background:var(--c-panel);
  border:1px solid var(--c-border);
  border-radius:4px;
  padding:2px 6px;
}
#panel-core .callout a{
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
}
#panel-core .callout a:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}

/* ---------- FAQ 区 ---------- */
.lede-link{
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
}
.lede-link:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}
.dl-faq-list{
  margin-top:28px;
  max-width:820px;
}
.dl-faq-list .faq-body a{
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
}
.dl-faq-list .faq-body a:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .dl-top{padding-top:40px;}
  .plat-brief{
    flex-direction:column;
    gap:12px;
  }
  .plat-gate{
    width:48px;
    height:38px;
    font-size:14px;
  }
  .plat-lede{padding-top:0;}
}