*{box-sizing:border-box} :root{--blue:#2563eb;--ink:#17243d;--muted:#8590a2;--line:#edf0f6;--green:#14a477;--orange:#d88a14}body{margin:0;color:var(--ink);background:#f3f6fb;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}a{color:var(--blue);text-decoration:none}[hidden]{display:none!important}.shell{max-width:540px;margin:auto;padding:24px 22px calc(24px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;width:42px;height:42px;border-radius:13px;font-size:23px;font-weight:750;box-shadow:0 5px 12px #2563eb25}.brand strong{font-size:17px;letter-spacing:1px;display:block}.brand div span{display:block;color:var(--muted);font-size:11px;letter-spacing:1px}.pilot{margin-left:auto;font-size:11px;background:#e6edff;color:#5275bb;padding:4px 9px;border-radius:6px}.card{background:white;border:1px solid white;border-radius:20px;box-shadow:0 6px 26px #213e7106}.loading{text-align:center;padding:36px}.intro{position:relative;padding:12px 7px 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--blue);font-weight:700}.intro h1{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:17px 0}.intro p{color:#7c879a;font-size:13px;line-height:1.8}.intro-icon{position:absolute;right:7px;top:70px;width:90px;height:90px;border:2px solid #d4e0fe;border-radius:26px;transform:rotate(9deg);background:linear-gradient(145deg,#eaf1ff,#f3f6fb);display:grid;place-items:center;color:var(--blue);font-size:64px;opacity:.8}.login-card{padding:26px}.login-card h2{margin:0;font-size:21px}.muted{color:var(--muted);margin:5px 0 22px;font-size:12px}.login-card label{display:block;margin:16px 0 8px;font-size:12px;color:#667288}.login-card input{width:100%;height:50px;border:1px solid #e5eaf2;background:#f8fafd;border-radius:10px;padding:0 14px;outline:0;font-size:16px}input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #2563eb12}.primary{border:0;border-radius:12px;padding:15px 20px;background:var(--blue);color:white;font-weight:650;box-shadow:0 7px 14px #2563eb25}.full{width:100%;display:flex;justify-content:space-between}.login-note{font-size:10px;line-height:1.8;color:#929cad;text-align:center;margin:20px 0 0}.error-text{font-size:12px;color:#c64c46;min-height:18px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.greeting p{margin:0 0 4px;color:var(--muted);font-size:11px}.greeting h1{font-size:23px;margin:0;letter-spacing:-.5px}.text-button{background:none;border:0;color:#6f809c;font-size:11px;padding:7px 0 7px 10px}.device-card{display:flex;align-items:center;padding:14px;gap:10px;margin-bottom:17px;border-radius:15px}.device-symbol{width:36px;height:42px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:var(--blue);font-size:28px}.device-copy{flex:1;min-width:0}.device-copy strong{display:block;font-size:13px}.device-copy span{display:block;font-size:10px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.device-card.connected{border-color:#c9eedf}.device-card.connected .device-symbol{background:#e9f8f0;color:var(--green)}.small-button{border:1px solid #dce5f7;background:#f3f7ff;color:var(--blue);padding:8px 12px;border-radius:9px;font-size:12px;white-space:nowrap}.work-card{padding:19px 17px 15px}.section-label{display:flex;justify-content:space-between;font-size:11px;color:#6c7990;margin-bottom:13px;gap:5px}.section-label span{color:#9aa4b4;font-size:10px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:27px 18px;text-align:left;align-items:center;justify-content:center;gap:1px 4px;padding:14px 20px;border-radius:13px;border:1.5px solid #e9edf5;color:#738097;background:#f9fafd}.mode strong{font-size:22px;font-weight:700;line-height:1.2}.mode small{grid-column:2;font-size:10px;font-weight:400;opacity:.8}.mode-icon{grid-row:1/3;font-size:26px}.mode.selected{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 7px 15px #2563eb25}.mode.selected[data-mode=deliver]{background:var(--green);border-color:var(--green);box-shadow:0 7px 15px #14a47725}.scan-area{text-align:center;padding:24px 0 23px}.scan-art{width:79px;height:69px;position:relative;margin:0 auto 16px;background:repeating-linear-gradient(90deg,transparent 0 10px,#bfd3ff 10px 13px,transparent 13px 16px,#8aaefa 16px 19px,transparent 19px 23px);background-size:56px 40px;background-repeat:no-repeat;background-position:center}.scan-art span,.scan-art i,.scan-art b,.scan-art em{position:absolute;width:16px;height:16px;border:3px solid #3b75ee}.scan-art span{left:0;top:0;border-right:0;border-bottom:0;border-radius:5px 0 0}.scan-art i{right:0;top:0;border-left:0;border-bottom:0;border-radius:0 5px 0 0}.scan-art b{left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 5px}.scan-art em{right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 5px}.scan-art:after{content:"";position:absolute;left:-6px;right:-6px;top:34px;height:2px;background:#4c84f5;box-shadow:0 0 10px #628ffb}.scan-area h2{font-size:21px;margin:0 0 6px}.scan-area p{font-size:11px;color:var(--muted);margin:0 0 13px}.live-label{font-size:10px;background:#edf3ff;color:#5480d1;border-radius:20px;padding:4px 11px;display:inline-flex;align-items:center;gap:5px}.live-label i{width:5px;height:5px;background:currentColor;border-radius:50%}.scan-label{font-size:11px;color:#77849a;display:flex;justify-content:space-between;align-items:center}.scan-input-row{display:flex;gap:7px}.scan-input-row input{width:100%;min-width:0;border:1px solid #e3e9f3;border-radius:9px;height:42px;padding:0 10px;outline:0;background:#f9fbfe;font-size:13px}.input-hint{font-size:10px;color:#a0a9b8;margin:9px 0 0;line-height:1.6}.result-card{margin-top:16px;padding:18px;border-color:#cdeede;background:#f6fffa}.result-heading{display:flex;align-items:center;gap:7px;color:#149268;font-size:12px}.result-heading>span{background:#1da777;color:white;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.result-heading time{margin-left:auto;font-size:10px;color:#8da399}.result-card h2{font-size:20px;margin:12px 0 4px;line-height:1.5;overflow-wrap:anywhere}.result-card p{color:#6f897d;font-size:11px;margin:5px 0}.result-card.warning{background:#fffcf5;border-color:#f4dfb2}.warning .result-heading{color:#b47b16}.warning .result-heading>span{background:#c49439}.result-card.failed{background:#fff8f7;border-color:#f3d5d1}.failed .result-heading{color:#c9534a}.failed .result-heading>span{background:#d86a5f}.result-card .small-button{margin-top:10px}.recent{margin:24px 1px}.recent-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recent h2{font-size:16px;margin:0}.recent-heading>span{font-size:10px;color:#97a1b2}.empty-state{text-align:center;padding:20px;border:1px dashed #dce3ef;border-radius:15px;color:#9ba8bc}.empty-state>span{font-size:25px}.empty-state p{font-size:12px;margin:4px 0}.empty-state small{font-size:10px}.recent-item{display:flex;gap:10px;padding:15px;background:white;border-radius:14px;margin-bottom:8px}.recent-icon{color:var(--green);background:#ecf8f1;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:9px}.recent-text{flex:1;min-width:0}.recent-text strong{display:block;font-size:13px;overflow-wrap:anywhere}.recent-meta{display:flex;justify-content:space-between;color:#97a2b3;font-size:10px;margin-top:6px;gap:6px}.help{padding:14px 17px;border-radius:13px}.help summary{display:flex;justify-content:space-between;font-size:11px;color:#718199;cursor:pointer;list-style:none}.help summary::-webkit-details-marker{display:none}.help p{font-size:11px;color:#7d899c;line-height:1.8;margin:12px 0}.help a{font-size:11px}footer{display:flex;justify-content:space-between;color:#a6afbd;font-size:9px;margin-top:20px}.network{background:#fff0dc;color:#a96814;padding:10px;border-radius:10px;font-size:12px;margin-bottom:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;padding:12px 18px;background:#17243dea;color:white;border-radius:12px;z-index:20;font-size:12px}.busy .scan-art:after{animation:scan 1.3s infinite ease-in-out}@keyframes scan{50%{transform:translateY(20px)}0%,100%{transform:translateY(-20px)}}@media(prefers-reduced-motion:reduce){.busy .scan-art:after{animation:none}}@media(min-width:800px){body{background:radial-gradient(ellipse at 15% 20%,#e4edff,transparent 50%),#f3f6fb}.shell{padding-top:35px;padding-bottom:40px}.login-card{box-shadow:0 20px 50px #294b7810}}@media(max-width:370px){.shell{padding-left:15px;padding-right:15px}.mode{padding:13px}.section-label span{font-size:9px}.intro-icon{width:68px;height:68px;font-size:48px}}