/* ============================================================
   Clash中文下载站 · 下载页专属样式 download.css
   只放下载页(download.html)用到的区块样式;
   通用组件仍在 components.css,设计令牌仍在 base.css。
   ============================================================ */

/* ---------- 页头:货架入口 ---------- */
.dl-hero{padding-top:72px;padding-bottom:8px}
.dl-hero h1{margin-top:14px}
.dl-hero .lede{max-width:820px}

/* ---------- 平台面板头 ---------- */
.plat-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:14px;flex-wrap:wrap;margin-bottom:12px;
}
.plat-title{font-size:clamp(1.35rem,1.05rem + 1.2vw,1.7rem);font-weight:800;letter-spacing:.5px}
.plat-note{
  font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--text-muted);
  margin-top:0;white-space:nowrap;
}
.tab-panel > .plat-desc{
  max-width:820px;font-size:14.5px;color:var(--text-muted);line-height:1.9;margin-bottom:24px;
}
.tab-panel > .plat-desc a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ver-dim);transition:text-decoration-color .2s ease}
.tab-panel > .plat-desc a:hover{text-decoration-color:var(--accent)}

/* ---------- 系统要求表 ---------- */
.sysreq-title{
  margin-top:34px;
  font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-muted);
}
.sysreq-table{margin-top:12px}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .dl-hero{padding-top:52px}
  .plat-head{flex-direction:column;align-items:flex-start;gap:6px}
}