/* Clash for Mac —— 下载页专属样式:平台面板内节奏、卡片纵向栈、
   引导瓦片补充。颜色与圆角一律引用 base.css 设计令牌。 */

/* 顶部标题区:标签胶囊左对齐排布 */
.dl-top .dl-chips {
  justify-content: flex-start;
  margin-top: 6px;
}

/* 平台面板引言 */
.plat-lead {
  color: var(--c-ink-soft);
  max-width: 52em;
  margin: 0 0 24px;
}

/* 客户端卡片纵向栈:单列排布,首推卡在最上 */
.dl-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 36px;
}

/* 卡片内客户端官方图标:源图已烘焙圆角与留白,固定尺寸原样显示 */
.dl-card-head img {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

/* 卡片描述内的链接沿用正文下划线风格 */
.dl-card-desc a {
  color: var(--c-ink);
  text-decoration: underline;
  text-decoration-color: var(--c-hairline);
  text-underline-offset: 3px;
}

.dl-card-desc a:hover {
  text-decoration-color: var(--c-ink);
}

/* 系统要求小表标题 */
.plat-req-h {
  margin-top: 8px;
  margin-bottom: 14px;
  font-size: 1.05rem;
}

/* 内核区表格里的下载链接列不换行 */
#pane-core .sheet td:last-child {
  white-space: nowrap;
}

/* 「下载之后」引导瓦片正文 */
.next-note {
  color: var(--c-ink-soft);
  font-size: 0.92rem;
  line-height: 1.8;
  margin-bottom: 14px;
}

/* 窄屏:卡片按钮占满整行,触达面积更大 */
@media (max-width: 560px) {
  .dl-card-acts {
    flex-direction: column;
    align-items: stretch;
  }

  .dl-card-acts .fx-btn {
    width: 100%;
  }
}