:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #111212;
  color: #f3f0e9;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
header {
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(24px, 4vw, 52px) clamp(24px, 5vw, 72px);
}
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #e7aa79; outline-offset: 8px; border-radius: 2px; }
.brand { font-size: 25px; font-weight: 650; letter-spacing: -.055em; }
.brand-dot { color: #d89565; }
.language { color: #b8b7b1; font-size: 12px; letter-spacing: .08em; padding: 10px 2px; }
.language:hover { color: #fff; }
main {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 600px;
  min-height: max(600px, 100svh);
  overflow: hidden;
  isolation: isolate;
  padding: 130px 24px;
}
.circle {
  position: absolute;
  width: min(72vw, 72svh, 680px);
  min-width: 320px;
  aspect-ratio: 1;
  border: 1px solid #a37556;
  border-radius: 50%;
  background: radial-gradient(circle, transparent 55%, #e7a57005 70%, #e7a5700c 100%);
  box-shadow: 0 0 70px #d4905009, inset 0 0 70px #d4905008;
  z-index: -1;
}
.message { text-align: center; padding: 30px 0; }
h1 {
  margin: 0;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.18;
  font-weight: 450;
  letter-spacing: -.035em;
}
p { margin: 27px 0 0; color: #a4a39f; font-size: 14px; letter-spacing: .12em; }
:lang(zh-Hans) h1 { font-size: clamp(27px, 3.3vw, 44px); font-weight: 400; letter-spacing: .12em; }
:lang(zh-Hans) .message p { letter-spacing: .38em; padding-left: .38em; }
@media (max-width: 600px) {
  main { min-height: max(520px, 100svh); }
  .circle { width: 88vw; min-width: 0; }
  .brand { font-size: 23px; }
  p { margin-top: 22px; font-size: 13px; }
}
@media (max-height: 520px) and (min-width: 601px) {
  main { min-height: 430px; }
  .circle { width: 340px; }
  h1 { font-size: 36px; }
}