/* ============================================================
   Clash中文社区 · download.css
   下载页专属样式:页头 / 面板引导语 / 客户端卡堆叠 /
   系统要求小表 / 内核区说明
   颜色与字体一律引用 base.css 的设计令牌。
   ============================================================ */

/* ---------------- 页头 ---------------- */
.dl-head{margin-bottom:26px}
.dl-head h1{margin-bottom:12px}
.dl-lead{font-size:15.5px;line-height:1.85;color:var(--ink);max-width:52em}
.dl-lead strong{color:var(--navy-deep)}
.dl-facts{
  margin-top:14px;
  display:inline-block;
  font-size:11.5px;letter-spacing:.05em;color:var(--ink-soft);
  border:1px solid var(--line);background:var(--paper-sunk);
  padding:6px 12px;
}

/* ---------------- 平台面板内部 ---------------- */
.pane-intro{
  font-size:13.5px;line-height:1.8;color:var(--ink-soft);
  margin-bottom:16px;max-width:56em;
}
.cc-stack{display:grid;gap:14px}

/* ---------------- 系统要求小表 ---------------- */
.sysreq{margin-top:20px}
.sysreq-title{
  display:flex;align-items:center;
  font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--ink);
  margin-bottom:10px;
}
.sysreq-title::before{
  content:"";display:inline-block;width:8px;height:8px;
  background:var(--navy);margin-right:9px;
}

/* ---------------- 内核区与页底说明 ---------------- */
.core-note{
  font-size:13.5px;line-height:1.85;color:var(--ink-soft);
  margin-bottom:16px;max-width:60em;
}
.core-note strong{color:var(--ink)}
.core-note a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.core-note a:hover{color:var(--navy-deep)}
#core .table-wrap{margin-bottom:16px}
#core .data-table a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
#core .data-table a:hover{color:var(--navy-deep)}
#dl-faq .core-note{margin-top:18px;margin-bottom:0}

/* ---------------- 窄屏兜底 ---------------- */
@media (max-width:640px){
  .dl-head h1{margin-bottom:10px}
  .dl-lead{font-size:14px}
  .dl-facts{font-size:10.5px;padding:5px 10px}
  .tabpane{padding:16px 14px}
  .cc-actions .btn{flex:1 1 auto}
}