/* =============================================================================
   sections.css — everything after the story

   order on the page:  the story  →  the closing band  →  .footer (the band and
   the footer live after this file's own sections, see reveal.css), plus the two
   buttons that appear in the hero, here and in the static story.

   The reference stylesheet also carried the whole /docs sub-site (.docs-page,
   .docs-side, .docs-prose, .docs-toc, .doc-section …). This replica ships the
   homepage only, so those rules are left out; the offline mirror keeps the
   docs routes if you need them. See tools/audit-selectors.mjs.
   ============================================================================= */

/* --- buttons ------------------------------------------------------------- */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: var(--radius-pill);
  font-family: var(--font);
  font-size: 15.5px;
  font-weight: 560;
  letter-spacing: .01em;
  transition: transform .18s var(--ease-out), box-shadow .18s ease, border-color .18s ease,
    background .18s ease;
}

.btn--solid {
  background: var(--ink);
  color: var(--surface-hi);
}

.btn--solid:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px var(--ink-a22);
}

.btn--ghost {
  background: 0 0;
  border: 1.5px solid var(--ink-a22);
  color: var(--ink);
}

.btn--ghost:hover {
  border-color: var(--ink);
  transform: translateY(-2px);
}

/* used while the release info is still loading */
.btn:disabled {
  cursor: default;
  opacity: .6;
}

/* "下载测试版 x.y.z" — only rendered when a pre-release exists */
.download-links {
  margin-top: 22px;
  color: var(--ink-2);
  font-size: 14px;
}

.download-links a:hover {
  text-decoration: underline;
}

/* --- footer -------------------------------------------------------------- */

.footer {
  border-top: 1px solid var(--hairline);
  background: var(--page);
}

.footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 26px max(24px, 3vw);
}

.footer__brand {
  color: var(--ink-3);
  font-size: 13.5px;
}

.footer__links {
  display: flex;
  gap: 22px;
}

.footer__links a {
  color: var(--ink-2);
  font-size: 13.5px;
  transition: color .18s;
}

.footer__links a:hover {
  color: var(--ink);
}