* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; min-height: 100%; background: #465446; }
body { font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; }
button { font: inherit; -webkit-tap-highlight-color: transparent; }
img, svg { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
.wy-page { --wy-ink: #fff9e9; background: #465446; color: var(--wy-ink); }
.wy-hero { position: relative; isolation: isolate; min-height: 540px; height: 100svh; overflow: hidden; }
.wy-landscape { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.wy-wash { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, transparent 38%, #28243620 58%, #28243666 100%), linear-gradient(0deg, #242a3233, transparent 32%); }
.wy-introduction { position: absolute; right: 6vw; top: 50%; transform: translateY(-50%); width: min(400px, 34vw); text-align: center; }
.wy-introduction h1 { margin: 0; line-height: 0; }
.wy-wordmark { width: 100%; max-height: 42vh; height: auto; object-fit: contain; filter: drop-shadow(0 2px 9px #34203912); }
.wy-theme { font-size: clamp(21px, 1.6vw, 27px); font-weight: 400; line-height: 1.85; letter-spacing: 3px; margin: 24px 0 37px; text-shadow: 0 2px 8px #29233255; }
.wy-theme span { font-size: .8em; letter-spacing: 4px; }
.wy-downloads { display: flex; justify-content: center; gap: 20px; }
.wy-download { display: inline-flex; flex-direction: column; align-items: center; gap: 10px; padding: 10px 2px; border: 0; border-bottom: 1px solid #fff9e942; border-radius: 0; background: transparent; color: var(--wy-ink); font-size: 14px; line-height: 1.4; min-width: 76px; }
.wy-download:disabled { cursor: default; opacity: 1; }
.wy-download > svg { width: 23px; height: 23px; stroke-width: 1.5; flex-shrink: 0; }
.wy-linux-icon { display: block; width: 23px; height: 23px; flex-shrink: 0; background: currentColor; mask: url('./icons/linux.png') center / contain no-repeat; }
.wy-release-note { font-size: 12px; letter-spacing: 2px; margin: 20px 0 0; color: #fff9e9bc; }
@media (max-width: 760px) {
  .wy-hero { min-height: 620px; }
  .wy-landscape { object-position: 48% center; }
  .wy-wash { background: linear-gradient(180deg, #29243244, #29243230 60%, transparent); }
  .wy-introduction { width: min(330px, 85%); right: 50%; top: 5vh; transform: translateX(50%); }
  .wy-wordmark { max-height: 34vh; }
  .wy-theme { font-size: 22px; margin: 18px 0 22px; }
  .wy-downloads { gap: 18px; }
  .wy-download { min-width: 72px; }
  .wy-release-note { margin-top: 16px; }
}
@media (max-height: 680px) and (min-width: 761px) {
  .wy-wordmark { max-height: 35vh; }
  .wy-theme { font-size: 21px; margin: 16px 0 20px; }
  .wy-release-note { margin-top: 14px; }
}