:root {
  color-scheme: dark;
  --ink: #000814;
  --panel: rgba(7, 20, 35, .74);
  --line: rgba(173, 216, 230, .13);
  --muted: #8190a3;
  --signal: #52c41a;
}

html { min-width: 320px; scroll-behavior: smooth; background: var(--ink); }
body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 84% -12%, rgba(22, 102, 116, .2), transparent 32rem),
    radial-gradient(circle at 2% 30%, rgba(10, 50, 76, .18), transparent 28rem),
    var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: .005em;
}
*, *::before, *::after { letter-spacing: 0 !important; }

::selection { background: rgba(82, 196, 26, .28); color: #fff; }
a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
header {
  background: rgba(0, 8, 20, .82) !important;
  border-color: rgba(173, 216, 230, .14) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
}
header a[aria-label] img { border: 1px solid rgba(82, 196, 26, .28); box-shadow: 0 0 30px rgba(82, 196, 26, .12) !important; }
header nav a:not([data-download-track]):hover { color: #fff; }
header nav a[data-download-track], main a.rounded-full { background: var(--signal) !important; box-shadow: 0 10px 30px rgba(82, 196, 26, .16); }
header nav a[data-download-track]:hover, main a.rounded-full:hover { box-shadow: 0 14px 34px rgba(82, 196, 26, .25); transform: translateY(-2px); }
main > section { position: relative; }
main > section:not(:first-child) { isolation: isolate; }
main article,
main section[aria-labelledby] article,
main section[aria-label] article {
  border-radius: 18px;
  border-color: var(--line) !important;
  background: linear-gradient(145deg, rgba(13, 31, 48, .76), rgba(3, 13, 27, .66)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 22px 70px rgba(0, 0, 0, .16);
  backdrop-filter: blur(14px);
}
main article:hover { border-color: rgba(82, 196, 26, .3) !important; transform: translateY(-2px); }
main h1 { letter-spacing: 0 !important; text-wrap: balance; }
main h2, main h3 { letter-spacing: 0 !important; }
main > section:first-child { background: linear-gradient(112deg, rgba(2, 12, 25, .85), rgba(5, 24, 38, .7)) !important; }
main > section:first-child::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image: linear-gradient(rgba(173, 216, 230, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(173, 216, 230, .08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
main > section:first-child > div { z-index: 1; }
main a.rounded-full { border: 1px solid rgba(199, 255, 168, .35); }
main section.border-y { background: rgba(8, 22, 36, .42) !important; }
footer { background: rgba(0, 8, 20, .72); border-color: var(--line) !important; }
footer a:hover { color: #d8fbd0; }
footer nav[aria-label="友情链接"] { padding-top: 1.25rem; }
footer nav[aria-label="友情链接"] a { color: #8fa0b4; }
footer nav[aria-label="友情链接"] a:hover { color: #fff; }
@media (max-width: 767px) {
  main h1 { letter-spacing: 0 !important; }
  main article { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}