:root {
  color: #24272f;
  background: #f5f4f0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  background: radial-gradient(circle at 50% 0%, #fff 0, #f5f4f0 46rem);
}

main { width: min(100%, 440px); text-align: center; }

.mark {
  width: 56px;
  height: 56px;
  margin: 0 auto 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #292d3c;
  font: 500 24px/1 Georgia, serif;
  box-shadow: 0 10px 26px #292d3c26;
}

.eyebrow { margin: 0 0 9px; color: #6d7280; font-size: 14px; letter-spacing: .08em; }
h1 { margin: 0; font-size: 28px; letter-spacing: -.04em; }
.intro { margin: 14px auto 24px; color: #606674; font-size: 15px; line-height: 1.7; }

.release {
  padding: 6px 18px;
  border: 1px solid #e8e6e0;
  border-radius: 14px;
  background: #ffffffb8;
  text-align: left;
}

.release div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; font-size: 14px; }
.release div + div { border-top: 1px solid #eeece7; }
.release span { color: #777d89; }
.release strong { font-weight: 500; }

.download {
  display: block;
  margin: 18px 0;
  padding: 15px 20px;
  border-radius: 12px;
  color: #fff;
  background: #292d3c;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 8px 18px #292d3c20;
}

.download:focus-visible { outline: 3px solid #8aa0e8; outline-offset: 3px; }
.download:hover { background: #3a4054; }

.notice { margin-top: 26px; color: #7b808a; font-size: 12px; line-height: 1.7; text-align: left; }
.notice p { margin: 0 0 8px; }
code { display: block; overflow-wrap: anywhere; color: #525865; font: 11px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; }