/* ============================================================
   Surge官网 · download.css
   下载页专属:页头 / 客户端卡片网格 / 系统要求间距
   设计令牌全部引用 base.css :root,此处不散落硬编码颜色。
   ============================================================ */

/* ---------- 页头 ---------- */
.dl-head{
  padding-top:64px;
  padding-bottom:56px;
}
.dl-title{
  font-family:var(--font-display);
  font-size:clamp(34px,5vw,52px);
  font-weight:900;
  letter-spacing:.02em;
  line-height:1.15;
  margin-bottom:16px;
}
.dl-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
@media (max-width:760px){
  .dl-head{
    padding-top:44px;
    padding-bottom:40px;
  }
}

/* ---------- 平台面板 ---------- */
.dl-panel-note{
  font-size:13px;
  color:var(--text-muted);
  line-height:1.8;
  margin-bottom:16px;
}
.dl-panel-note strong{ color:var(--text); font-weight:600; }

/* 客户端卡片网格:首推卡通栏 */
.dl-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.dl-grid > *{ min-width:0; }
.dl-grid .dl-card--pick{ grid-column:1 / -1; }
@media (max-width:820px){
  .dl-grid{ grid-template-columns:1fr; }
}

/* 系统要求小表与卡片网格的间距 */
.dl-sysreq{ margin-top:16px; }