/* ============================================================
   clash for ios · download.css
   下载页专属:页头区 / 平台面板 / 登机口编号 / 内核表 / FAQ 尾注
   ============================================================ */

/* ---------- 页头区 ---------- */
.dl-head{
  padding-bottom:8px;
  position:relative;
  z-index:1;
}
.dl-head h1{
  font-size:clamp(30px,4.6vw,46px);
  margin-bottom:14px;
}
.dl-lede{
  max-width:820px;
  font-size:15.5px;
  line-height:1.85;
  color:var(--ink);
  margin-bottom:18px;
}
.dl-lede strong{color:var(--accent-dark);font-weight:700;}
.dl-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
}
.dl-meta-row li{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:999px;
  padding:7px 16px;
  font-size:13px;
  color:var(--ink);
  box-shadow:var(--shadow-soft);
  max-width:100%;
  overflow:hidden;
}
.dl-meta-row .dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  flex-shrink:0;
}

/* ---------- 平台面板 ---------- */
.dl-body{
  padding-top:8px;
  position:relative;
  z-index:1;
}
.gate-no{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--accent-dark);
  border:1px solid var(--accent);
  border-radius:5px;
  padding:1px 6px;
  flex-shrink:0;
}
.tab-strip [role="tab"].on .gate-no,
.tab-strip [role="tab"][aria-selected="true"] .gate-no{
  color:var(--bg-panel);
  border-color:var(--bg-panel);
}
.pane-brief{
  max-width:820px;
  font-size:15px;
  line-height:1.85;
  color:var(--ink);
  margin-bottom:24px;
}
.pane-brief strong{color:var(--accent-dark);font-weight:700;}
.pane-link{
  color:var(--ink);
  border-bottom:2px solid var(--accent);
  padding-bottom:1px;
  transition:color .15s ease;
}
.pane-link:hover{color:var(--accent-dark);}
.tab-pane h3{
  margin-top:30px;
  margin-bottom:14px;
}

/* 客户端图标:资产已烘焙留白与圆角,只固定尺寸防挤压 */
.client-icon{
  width:48px;
  height:48px;
  flex-shrink:0;
}

/* ---------- 内核表 ---------- */
.core-table td{font-family:var(--font-body);}
.core-dl{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--ink);
  border-bottom:2px solid var(--accent);
  padding-bottom:1px;
  overflow-wrap:anywhere;
  transition:color .15s ease;
}
.core-dl:hover{color:var(--accent-dark);}

/* ---------- FAQ 尾注 ---------- */
.dl-faq{padding-top:8px;}
.faq-more{
  margin-top:22px;
  font-size:14px;
  color:var(--ink-muted);
  line-height:1.8;
}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .dl-head h1{font-size:26px;}
  .dl-lede,
  .pane-brief{font-size:14.5px;}
  .client-dl-row .btn-accept,
  .client-dl-row .btn-ghost{width:100%;justify-content:center;}
}
</style>