:root { color-scheme: light; font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; color: #242329; background: #fff; font-synthesis: none; -webkit-font-smoothing: antialiased; letter-spacing: 0; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #793cf2; outline-offset: 5px; }
main { width: min(440px, calc(100% - 48px)); margin: 0 auto; padding: 48px 0 36px; flex: 1; }
.identity { text-align: center; }
.app-icon { display: block; margin: 0 auto 22px; object-fit: contain; }
.eyebrow { color: #757583; font-size: 11px; font-weight: 600; margin: 0 0 10px; }
h1 { font-size: 36px; line-height: 1.3; margin: 0; font-weight: 650; }
.intro { font-size: 15px; line-height: 1.6; color: #62636f; margin: 14px 0 32px; }
.platforms { border-top: 1px solid #e8e8ed; }
.platform { min-height: 84px; padding: 17px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e8e8ed; }
h2 { font-size: 17px; line-height: 1.4; font-weight: 600; margin: 0; }
.platform p { font-size: 12px; line-height: 1.5; color: #767582; margin: 3px 0 0; }
.unavailable { color: #757583; font-size: 13px; flex-shrink: 0; }
.download-action { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 44px; min-width: 100px; padding: 10px 16px; color: #fff; background: #793cf2; border-radius: 6px; font-size: 14px; }
.download-action:hover { background: #6630d6; }
.installed { display: flex; gap: 8px; justify-content: center; font-size: 14px; line-height: 1.6; color: #757583; margin: 26px 0 0; }
.installed a { color: #793cf2; font-weight: 600; }
footer { padding: 22px 20px 26px; text-align: center; color: #767582; font-size: 11px; line-height: 1.7; border-top: 1px solid #f0f0f3; }
footer nav { display: flex; justify-content: center; gap: 24px; color: #62636f; font-size: 12px; }
footer p { margin: 10px 0 1px; }
footer a:hover { color: #793cf2; }
@media (max-width: 480px) { main { padding-top: 34px; padding-bottom: 30px; } .app-icon { width: 82px; height: 82px; margin-bottom: 18px; } h1 { font-size: 32px; } .intro { margin-bottom: 28px; } }
@media (max-height: 650px) { main { padding-top: 24px; } .app-icon { width: 64px; height: 64px; margin-bottom: 12px; } }