/* ============================================================
   Clash for Linux — download.css(下载页专属)
   页首 / 平台面板头部 / 系统要求块 / 内核表 / 选择指引
   ============================================================ */

/* ---------- 页首 ---------- */
.dl-hero{padding-bottom:20px;}
.dl-hero h1{margin-top:12px;max-width:860px;}
.dl-hero-lede{
  margin-top:16px;
  max-width:680px;
  color:var(--ink-muted);
  line-height:1.8;
}

/* ---------- 平台面板头部 ---------- */
.os-head{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
}
.os-kicker{
  font-family:var(--font-mono);
  font-size:12px;letter-spacing:.05em;
  color:var(--accent-dark);
  padding:3px 12px;
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  background:var(--bg-panel);
  flex-shrink:0;
}
.os-title{font-size:clamp(21px,2.4vw,26px);}
.os-intro{
  margin-top:14px;
  margin-bottom:24px;
  max-width:760px;
  color:var(--ink-muted);
  font-size:14.5px;
  line-height:1.85;
}

/* ---------- 官网链接(iOS 卡片内可见域名) ---------- */
.dl-site{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.dl-site:hover{color:var(--ink);}

/* ---------- 系统要求块 ---------- */
.sysreq{
  margin-top:28px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:24px 26px;
  min-width:0;
}
.sysreq-title{
  font-size:15px;
  margin-bottom:14px;
}
.sysreq .table-wrap{background:var(--bg);}

/* ---------- 内核表 ---------- */
.core-table td{vertical-align:middle;}
.core-link{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
.core-link:hover{color:var(--ink);}
.core-callout{margin-top:20px;}

/* ---------- 选择指引 ---------- */
.pick-grid{margin-top:26px;}
.pick-text{
  margin-top:10px;
  font-size:14.5px;
  color:var(--ink-muted);
  line-height:1.85;
}
.pick-after{
  margin-top:24px;
  max-width:760px;
  color:var(--ink-muted);
  font-size:14.5px;
  line-height:1.85;
}
.pick-after a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.pick-after a:hover{color:var(--ink);}

/* ---------- FAQ 区 ---------- */
.faq-wrap{margin-top:26px;max-width:860px;}

/* ---------- 窄屏 ---------- */
@media (max-width:640px){
  .sysreq{padding:18px 16px;}
  .os-intro{margin-bottom:18px;}
  .dl-actions .btn-sm{width:100%;justify-content:center;}
}