:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: #080e50; background: #f5f8f0; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
a { color: inherit; text-underline-offset: 4px; }
header { padding: 24px 6%; border-bottom: 1px solid #080e5010; }
header a { display: block; width: max-content; max-width: 100%; }
.site-logo { display: block; width: 156px; max-width: 70vw; height: auto; }
main { width: min(100% - 40px, 480px); margin: 64px auto; text-align: center; flex: 1; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.app-icon { border-radius: 24px; border: 1px solid #080e5010; display: block; margin: 0 auto 24px; }
.intro, .help, #ios-status { color: #65716a; font-size: 14px; line-height: 1.8; }
#release-status { margin: 28px 0; line-height: 1.8; font-size: 14px; }
.error { color: #9c342d; }
dl { background: #fff; border: 1px solid #080e5010; border-radius: 18px; padding: 12px 22px; margin: 24px 0; text-align: left; }
dl div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; }
dt { color: #65716a; font-size: 14px; }
dd { margin: 0; font-size: 14px; text-align: right; overflow-wrap: anywhere; }
.download, .secondary { display: block; border-radius: 12px; padding: 15px; text-decoration: none; }
.download { background: #080e50; color: white; }
.secondary { border: 1px solid #080e5030; }
#release-notes { text-align: left; margin: 28px 0; font-size: 14px; line-height: 1.8; }
h2 { font-size: 15px; }
ul { padding-left: 22px; color: #65716a; }
button { font: inherit; padding: 12px 24px; color: #080e50; background: transparent; border: 1px solid #080e5040; border-radius: 12px; cursor: pointer; }
a:focus-visible, button:focus-visible { outline: 2px solid #080e50; outline-offset: 4px; }
.wechat-guide { position: fixed; inset: 0; z-index: 10; background: #080e5066; }
.wechat-guide-panel { position: absolute; top: 64px; left: 12px; right: 12px; width: min(480px, calc(100% - 24px)); margin: 0 auto; padding: 22px; border-radius: 18px; background: #fff; box-shadow: 0 16px 48px #080e5033; text-align: left; animation: guide-drop 180ms ease-out; }
.wechat-guide-panel p { margin: 0; font-size: 15px; line-height: 1.8; }
.wechat-guide-panel:focus { outline: none; }
.wechat-guide-arrow { position: absolute; top: -60px; right: 4px; width: 78px; height: 64px; fill: none; stroke: #fff; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
@keyframes guide-drop { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .wechat-guide-panel { animation: none; } }
footer { text-align: center; padding: 24px 20px; color: #65716a; font-size: 12px; line-height: 1.8; }
[hidden] { display: none !important; }
@media (max-width: 480px) {
  main { margin-top: 24px; }
  .app-icon { margin-bottom: 12px; }
  .intro { margin: 0; }
  #release-status { margin: 16px 0; }
  dl { margin: 16px 0; padding: 8px 18px; }
  dl div { padding: 9px 0; }
}