:root{--bg: #ffffff;--ink: #1a1a1a;--muted: #8f8f8f;--hair: #e9e9e9;--well: rgba(118, 118, 128, .1);--signal: #c4531a;--on-signal: #ffffff;--hl: #f6ece4;--ok: #48784f;--off: #c8c8c8;--shadow: 0 10px 30px rgba(0, 0, 0, .12);--ui: ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", monospace;--body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #181825;--ink: #cdd6f4;--muted: #7f849c;--hair: #313244;--well: rgba(255, 255, 255, .07);--signal: #e08a5b;--on-signal: #181825;--hl: #2c2433;--ok: #8fc79a;--off: #45475a;--shadow: 0 12px 32px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--ui);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit}[hidden]{display:none!important}.page{min-height:100%;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);display:flex;justify-content:center}.page-body,.login{width:100%;max-width:420px}.page-body.center{text-align:center;padding-top:18vh}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 4px}h1{font-size:24px;margin:0 0 8px}h3{font-size:12.5px;color:var(--muted);font-weight:500;margin:24px 0 8px}.h3-note{font-weight:400}.lead{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 22px;font-family:var(--body)}.fine{color:var(--muted);font-size:12px;line-height:1.65;margin:16px 0 0;font-family:var(--body)}.err{color:#c04b35;font-size:13px;min-height:18px;margin:8px 0;font-family:var(--body)}.login{padding-top:8vh}.logo{width:52px;height:52px;border-radius:15px;background:var(--signal);color:var(--on-signal);display:grid;place-items:center;font-size:24px;font-weight:700;margin-bottom:22px}.lab{display:block;font-size:12.5px;color:var(--muted);margin:0 0 8px}.field{width:100%;height:48px;border-radius:12px;border:1px solid var(--hair);background:var(--bg);padding:0 14px;font-size:16px;outline:none}.field:focus{border-color:var(--signal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 18px;border-radius:12px;background:var(--signal);color:var(--on-signal);font-size:15px;font-weight:600}.btn[disabled]{opacity:.6;cursor:default}.btn.block{width:100%;margin-top:6px}.btn.ghost{background:var(--well);color:var(--ink);font-weight:500}.btn.sm{height:32px;padding:0 12px;font-size:13px;border-radius:9px}.link{color:var(--signal);font-size:14px;padding:8px 0}.link[disabled]{color:var(--muted);cursor:default}.linkrow{display:flex;justify-content:space-between}.codes{position:relative;display:flex;gap:8px;margin:4px 0 6px}.codes span{flex:1;height:56px;border-radius:12px;border:1px solid var(--hair);display:grid;place-items:center;font-size:22px;font-weight:700}.codes span.on{border-color:var(--signal)}.code-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;caret-color:transparent}.tip{margin-top:22px;padding:12px 14px;border-radius:12px;background:var(--hl);font-size:13px;line-height:1.6;font-family:var(--body);display:grid;gap:4px}.tip strong{color:var(--signal)}.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none;display:inline-block}.dot.off{background:var(--off)}.dot.run{background:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 22%,transparent)}.mcard{display:flex;align-items:center;gap:12px;width:100%;padding:15px 14px;border:1px solid var(--hair);border-radius:16px;margin-bottom:10px;text-align:left}.mcard .txt{flex:1;min-width:0;display:grid;gap:3px}.mcard .nm{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcard .sub{font-size:12px;color:var(--muted)}.mcard.offline .nm,.chev{color:var(--muted)}.off-ic{width:56px;height:56px;border-radius:16px;background:var(--well);display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.page-body.center .btn{margin-top:8px}.acct{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--hair);border-radius:14px;margin-top:14px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--hl);color:var(--signal);display:grid;place-items:center;font-weight:700;flex:none}.acct .txt,.row .txt{flex:1;min-width:0;display:grid;gap:3px}.acct .nm,.row .nm{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.acct .sub,.row .sub{font-size:12px;color:var(--muted)}.rows{border:1px solid var(--hair);border-radius:14px;overflow:hidden}.row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--hair)}.row:first-child{border-top:0}.row .ic{width:22px;text-align:center}.act{font-size:12.5px;color:var(--muted);padding:6px 10px;border-radius:8px;background:var(--well);flex:none}.tag{font-size:10.5px;padding:1px 6px;border-radius:5px;background:var(--well);color:var(--muted);font-weight:500}.tag.sig{background:var(--hl);color:var(--signal)}.stage{position:fixed;inset:0;background:var(--bg)}.page.over{position:fixed;inset:0;z-index:3;background:var(--bg);overflow:auto}.machine-frame{position:absolute;inset:0;width:100%;height:100%;border:0;visibility:hidden}.machine-frame.front{visibility:visible}.stage.with-bar .machine-frame{top:calc(env(safe-area-inset-top) + 34px);height:calc(100% - env(safe-area-inset-top) - 34px)}.fallback-bar{position:absolute;left:0;right:0;top:0;padding:env(safe-area-inset-top) 12px 0;height:calc(env(safe-area-inset-top) + 34px);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--hair);font-size:12.5px;z-index:2;background:var(--bg)}.fb-switch{display:inline-flex;align-items:center;gap:6px;font-weight:600}.fb-note{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 32px);transform:translate(-50%);background:var(--ink);color:var(--bg);padding:9px 15px;border-radius:999px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10;max-width:90vw;text-align:center}.toast.show{opacity:.94}