/* ==========================================================================
   Clash官网 · download.css
   下载页专属:平台面板内排版、客户端图标尺寸、系统要求小表区
   仅引用 base.css 设计令牌,不新增颜色取值
   ========================================================================== */

/* 客户端官方图标:源图已烘焙圆角与留白,只锁定尺寸防挤压,不做任何再加工 */
.dl-head img {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

/* 平台面板引导段 */
.plat-intro {
  color: var(--c-ink-soft);
  font-size: 14px;
  max-width: 860px;
  margin-bottom: 22px;
}

.plat-intro code {
  font-size: 12px;
}

/* 系统要求区 */
.dl-spec {
  margin-top: 28px;
}

.dl-spec h4 {
  font-family: var(--f-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-ink-soft);
  margin-bottom: 12px;
}

.dl-spec .spec-table a {
  font-family: var(--f-mono);
  font-size: 12px;
  word-break: break-all;
}

/* 面板内 callout 与表格之间的呼吸间距 */
.tabpanel .callout {
  margin-top: 20px;
  margin-bottom: 0;
}

/* 窄屏:按钮组换行后保持触达高度,图标略缩 */
@media (max-width: 640px) {
  .dl-head img {
    width: 40px;
    height: 40px;
  }

  .dl-acts .btn {
    flex: 1 1 auto;
  }
}