/* ============================================================
   clashzip.com — download.css
   下载页专属样式:分发状态条 / 平台导语 / 系统要求小表 /
   内核区备注与下载链接
   仅引用 base.css 中的设计令牌
   ============================================================ */

/* ---- 分发状态装饰条 ---- */

.chanbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  align-items: center;
  padding: 9px 14px;
  margin-bottom: 22px;
  border: 1px solid var(--gm-edge);
  border-radius: var(--gm-rad-2);
  background: var(--gm-surface);
  font-family: var(--gm-font-mono);
  font-size: 12px;
  color: var(--gm-fg);
}

.chanbar__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  white-space: nowrap;
}

.chanbar__k {
  color: var(--gm-fg-dim);
  letter-spacing: 0.12em;
  font-size: 11px;
}

/* ---- 平台导语 ---- */

.plat-lead {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.9;
  color: var(--gm-fg-dim);
}

/* ---- 系统要求小表 ---- */

.sysreq {
  margin-top: 26px;
}

.sysreq__h {
  margin: 0 0 10px;
  font-family: var(--gm-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--gm-phos);
}

.sysreq td {
  color: var(--gm-fg-dim);
}

.sysreq td:first-child {
  color: var(--gm-fg);
  white-space: nowrap;
}

/* ---- 内核区 ---- */

.corelink {
  font-family: var(--gm-font-mono);
  white-space: nowrap;
}

.corelink::before {
  content: "❯ ";
  opacity: 0.6;
}

.corenote {
  margin: 14px 0 8px;
  font-size: 13px;
  color: var(--gm-fg-dim);
}

.crt__body .cmd {
  display: block;
  font-size: 12px;
  color: var(--gm-fg-dim);
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 4px;
}

/* ---- 响应式 ---- */

@media (max-width: 560px) {
  .chanbar {
    gap: 6px 16px;
    padding: 8px 12px;
  }

  .sysreq {
    margin-top: 20px;
  }
}