:root{--bg: #0b0e14;--surface: #151a23;--border: #242c3a;--text: #e6e9ef;--text-muted: #8b94a7;--primary: #3b82f6;--primary-disabled: #2d3b54;--online: #22c55e;--offline: #ef4444;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}.page{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.card{width:100%;max-width:420px;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.card__title{margin:0 0 8px;font-size:22px}.card__desc{margin:0 0 24px;color:var(--text-muted);line-height:1.6;white-space:pre-line}.card__hint{margin:16px 0 0;font-size:13px;color:var(--text-muted)}.btn{width:100%;padding:14px 16px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.btn--primary{background:var(--primary)}.btn:disabled{background:var(--primary-disabled);color:var(--text-muted);cursor:not-allowed}.msg{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}.msg--success{color:var(--online)}.msg--error{color:var(--offline)}.spinner{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}