/* ============================================================
   Clash for iOS — download.css(下载页专属)
   平台导语 / 系统要求块 / 客户端图标 / FAQ 收窄 / 结尾引导面板
   ============================================================ */

/* 顶部提示条与 tab 之间留出节奏 */
.dl-note{
  margin-bottom:clamp(1.4rem,3vw,2.2rem);
}

/* 平台导语:每个 tab 面板顶部的一段说明 */
.plat-lead{
  max-width:52rem;
  color:var(--text-muted);
  line-height:1.95;
  margin-bottom:clamp(1.2rem,2.6vw,1.8rem);
}

/* 客户端官方图标:源图已烘焙圆角与留白,只锁定尺寸 */
.app-head img{
  width:52px;
  height:52px;
  flex-shrink:0;
}

/* 卡片头部徽章贴右 */
.app-head .badge{
  margin-left:auto;
}

/* 系统要求块 */
.sys-block{
  margin-top:clamp(1.8rem,4vw,2.6rem);
}

.sys-block h3{
  margin-bottom:1rem;
}

.plat-note{
  margin-top:1rem;
  color:var(--text-muted);
  font-size:.9rem;
  line-height:1.9;
  max-width:52rem;
}

/* 内核区提示条与表格间距 */
#pane-core .callout{
  margin-bottom:clamp(1.4rem,3vw,2rem);
}

/* FAQ 区收窄居中,阅读更聚焦 */
.dl-faq{
  max-width:52rem;
}

/* 结尾引导面板:文案 + 按钮左右排布 */
.dl-next{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(1.4rem,4vw,2.6rem);
  flex-wrap:wrap;
}

.dl-next-txt{
  flex:1 1 24rem;
  min-width:0;
}

.dl-next-txt h2{
  font-size:clamp(22px,2.6vw,32px);
}

.dl-next-txt p{
  margin-top:.7rem;
  color:var(--text-muted);
  line-height:1.9;
  max-width:36rem;
}

.dl-next-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  flex-shrink:0;
}

/* 窄屏:引导面板纵向堆叠,按钮占满整行更好点按 */
@media (max-width:640px){
  .dl-next{
    flex-direction:column;
    align-items:stretch;
  }

  .dl-next-actions{
    flex-direction:column;
  }

  .dl-next-actions .btn{
    width:100%;
  }

  .app-head img{
    width:44px;
    height:44px;
  }
}