:root { color: #0f172a; background: #f8fafc; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.6; }
body { margin: 0; }
.page { max-width: 560px; margin: 0 auto; padding: 32px 20px 48px; }
.app { text-align: center; }
.icon { border-radius: 22%; box-shadow: 0 10px 30px #0f172a22; }
h1 { margin: 16px 0 4px; font-size: 1.6rem; }
h2 { font-size: 1.05rem; margin: 28px 0 8px; }
.muted { color: #64748b; } .small { font-size: .85rem; }
.button { display: block; text-align: center; margin: 24px 0 8px; padding: 16px; border-radius: 14px; background: #2563eb; color: #fff; font-weight: 700; font-size: 1.1rem; text-decoration: none; }
.error { background: #fee2e2; color: #b91c1c; padding: 12px; border-radius: 10px; }
.note { background: #eff6ff; color: #1d4ed8; padding: 12px; border-radius: 10px; }
.qr { display: grid; place-items: center; margin: 16px 0; }
.qr svg { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; }
ol, ul { padding-left: 20px; } li { margin: 8px 0; }
code { display: block; word-break: break-all; background: #fff; border: 1px solid #e2e8f0; padding: 10px; border-radius: 8px; font-size: .8rem; }
.inapp { position: fixed; inset: 0; background: #0f172aee; color: #fff; padding: 24px 24px; z-index: 10; text-align: center; }
.inapp-arrow { text-align: right; font-size: 3rem; line-height: 1; }
.inapp-title { font-size: 1.35rem; font-weight: 700; }
[hidden] { display: none !important; }