/* ==========================================================================
   Clash中文网 · download.css
   下载页专属:页首区 / 平台面板说明行 / 系统要求小标题 / 内核下载链接
   依赖 base.css 的 :root 设计令牌
   ========================================================================== */

/* ---------- 页首区 ---------- */

.dl-head {
  padding: 56px 0 4px;
}
.dl-head .watch-tag {
  letter-spacing: var(--track-wide);
}
.dl-head h1 {
  margin: 14px 0 12px;
}
.dl-lede {
  color: var(--script-dim);
  max-width: 46em;
  margin: 0 0 22px;
}

/* ---------- 平台面板说明行 ---------- */

.plat-brief {
  color: var(--script-dim);
  font-size: 0.92rem;
  max-width: 52em;
  margin: 0 0 22px;
}

/* ---------- 系统要求小标题 ---------- */

.spec-title {
  margin: 38px 0 2px;
  font-size: 1.02rem;
}

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

.core-table {
  min-width: 620px;
}

.core-dl {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 600;
  padding: 5px 14px;
  border: 1px solid var(--edge-glow);
  border-radius: var(--r-pill);
  background: var(--aurora-wash);
  color: var(--aurora);
  white-space: nowrap;
  transition: var(--hover-ease);
}
.core-dl::after {
  content: "↓";
  font-family: var(--font-mono);
  flex-shrink: 0;
}
.core-dl:hover {
  filter: brightness(1.16);
  border-color: var(--edge-glow);
}

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

@media (max-width: 640px) {
  .dl-head {
    padding: 40px 0 0;
  }
  .plat-brief {
    font-size: 0.88rem;
  }
  .spec-title {
    margin-top: 30px;
  }
  .core-dl {
    padding: 5px 11px;
    font-size: 0.7rem;
  }
}