:root{--bg: #ededed;--card: #ffffff;--ink: #191919;--muted: #888888;--line: rgba(0, 0, 0, .1);--hairline: rgba(0, 0, 0, .1);--brand: #07c160;--brand-ink: #06ad56;--ok: #07c160;--warn: #fa9d3b;--bad: #fa5151;--radius: 8px;--nav-h: 44px;--status-h: 44px;--tab-h: 50px;--capsule-w: 87px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111;color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}#app,.device{min-height:100vh}.bezel{position:relative;display:flex;flex-direction:column;min-height:100vh;background:var(--bg);overflow:hidden}.device.closed .bezel{background:#1c1c1e}@media(min-width:640px){html,body{min-height:100%}#app{min-height:100vh;display:grid;place-items:center;padding:24px}.device{width:390px;height:844px;min-height:0}.bezel{height:100%;min-height:0;border:10px solid #1a1a1a;border-radius:40px;box-shadow:0 24px 80px #00000073}}.host{flex:1;padding:12px 20px 32px;color:#f2f2f7}.host-status{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;opacity:.8}.host-label{margin:48px 0 20px;text-align:center;color:#8e8e93;font-size:13px}.mp-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:0;border-radius:12px;background:#2c2c2e;color:#fff;text-align:left}.mp-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#07c160;font-size:22px;font-weight:700}.mp-card b{display:block;font-size:16px}.mp-card small{display:block;margin-top:2px;color:#8e8e93;font-size:12px}.host-hint{margin-top:16px;color:#636366;font-size:12px;line-height:1.5}.mp-chrome{flex:none;background:#fff}.status{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--status-h);padding:0 16px;padding-right:calc(var(--capsule-w) + 22px);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.status .notch{position:absolute;left:50%;top:8px;width:92px;height:22px;transform:translate(-50%);border-radius:12px;background:#111}.status-right{font-weight:500;color:#444;font-size:11px}.mp-chrome.custom .status{padding-right:calc(var(--capsule-w) + 22px)}.navbar{position:relative;display:grid;grid-template-columns:88px 1fr 88px;align-items:center;height:var(--nav-h);padding:0 8px}.navbar h1{margin:0;text-align:center;font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-back{width:36px;height:32px;border:0;background:transparent;color:#000;font-size:28px;line-height:1;padding:0 4px}.nav-back.spacer{visibility:hidden}.capsule{position:absolute;top:50%;right:10px;z-index:2;display:flex;align-items:center;width:var(--capsule-w);height:32px;transform:translateY(-50%);border:1px solid rgba(0,0,0,.2);border-radius:16px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status .capsule{top:50%}.capsule button{flex:1;height:100%;border:0;background:transparent;color:#000;font-size:15px;line-height:1}.capsule i{width:1px;height:18px;background:#0003}.mp-body{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}.tabbar{display:grid;grid-template-columns:1fr 1fr;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#f7f7f7;border-top:1px solid var(--hairline)}.tabbar button{border:0;background:transparent;color:#7a7e83;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tabbar button.active{color:var(--brand)}.tab-icon{width:24px;height:24px;display:grid;place-items:center;font-size:18px;line-height:1}.tab-icon[data-icon=rooms]:before{content:"⌂"}.tab-icon[data-icon=mine]:before{content:"☺"}.mp-float{position:absolute;inset:0;z-index:40;pointer-events:none}.mp-float>*{pointer-events:auto}.mp-toast{position:absolute;left:50%;top:42%;z-index:50;transform:translate(-50%,-50%);min-width:120px;max-width:78%;padding:16px 18px;border-radius:8px;background:#111111d1;color:#fff;font-size:14px;text-align:center;pointer-events:none}.mp-toast b{display:block;margin-bottom:6px;font-size:28px;font-weight:400}.mp-mask{position:absolute;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:#00000080}.mp-dialog{width:80%;max-width:300px;border-radius:12px;background:#fff;overflow:hidden;text-align:center}.mp-dialog h2{margin:24px 20px 8px;font-size:17px}.mp-dialog p{margin:0 20px 20px;color:#888;font-size:15px;line-height:1.5}.mp-dialog-actions{display:flex;border-top:1px solid var(--hairline)}.mp-dialog-actions button{flex:1;height:48px;border:0;background:transparent;color:#000;font-size:17px}.mp-dialog-actions button+button{border-left:1px solid var(--hairline)}.mp-dialog-actions .primary{color:var(--brand);font-weight:600}.mp-sheet{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:8px}.mp-sheet-group{overflow:hidden;border-radius:12px;background:#fff}.mp-sheet button{width:100%;height:56px;border:0;background:#fff;color:#000;font-size:17px}.mp-sheet-group button+button{border-top:1px solid var(--hairline)}.mp-sheet .cancel{border-radius:12px;font-weight:600}.page{min-height:100%;padding:12px 12px 24px}.card{background:var(--card);border-radius:var(--radius);padding:14px;margin-bottom:12px}.hero{background:#fff;color:var(--ink);margin-top:24px}.hero h1{margin:4px 0 8px;font-size:22px}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}label.field{display:block;margin:0 0 12px;font-size:13px;color:var(--muted)}input,textarea,select{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:var(--ink)}textarea{min-height:88px;resize:vertical}.btn{width:100%;border:0;border-radius:4px;padding:12px;background:var(--brand);color:#fff;font-size:16px}.btn[disabled]{opacity:.45}.btn.ghost{background:#fff;color:var(--ink);border:1px solid #d9d9d9}.btn.warn{background:var(--warn)}.row{display:flex;gap:8px}.row .btn{flex:1}.muted{color:var(--muted);font-size:12px}.error{color:var(--bad);font-size:13px;margin:0 0 12px}.chip{display:inline-block;padding:1px 6px;border-radius:2px;background:#e8f8ef;color:var(--brand-ink);font-size:11px}.chip.warn{background:#fff6e8;color:#c87b16}.chip.ok{background:#e8f8ef;color:var(--brand-ink)}.chip.bad{background:#fdecec;color:var(--bad)}.list-item{width:100%;text-align:left;border:0;background:var(--card);border-radius:var(--radius);padding:14px;margin-bottom:8px}.list-item b{display:block;font-size:16px;margin-bottom:4px}.check{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--hairline)}.check:first-child{border-top:0}.check input{width:18px;margin:3px 0 0}.step{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--hairline);font-size:14px}.timer{font-variant-numeric:tabular-nums;font-size:28px;font-weight:650}.timer.warn{color:var(--bad)}.hint{font-size:12px;color:var(--muted);line-height:1.5}.section-label{margin:16px 12px 8px;color:var(--muted);font-size:13px}.cell-group{background:#fff;border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.cell{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hairline);font-size:15px}.cell:last-child{border-bottom:0}.cell .mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.profile{display:flex;align-items:center;gap:12px;padding:16px}.profile b{display:block;font-size:18px}.avatar{width:56px;height:56px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:650}.cell-action{width:100%;margin-top:8px;border:0;border-radius:var(--radius);padding:14px;background:#fff;color:var(--bad);font-size:16px}.login-logo{width:64px;height:64px;margin:28px auto 12px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:700}.login-title{text-align:center;margin:0 0 4px;font-size:20px}.login-sub{text-align:center;margin:0 0 20px}