:root{--navy:#1F2C5C;--navy2:#2A3A72;--gold:#FFE699;--goldink:#4A3B00;--ink:#16203A;--mut:#5B6478;--line:#D5DAE6;--bg:#EEF1F7;--card:#FFFFFF;--green:#0F6E56;--greenbg:#E1F5EE;--amber:#BA7517;--amberbg:#FAEEDA;--red:#A32D2D;--redbg:#FCEBEB;--blue:#185FA5;--bluebg:#EAF1FB}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#0d1330;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}#phone{max-width:430px;margin:0 auto;min-height:100vh;position:relative;display:flex;flex-direction:column;background-color:#e7ecf5;background-image:url(/nevelec-watermark.png);background-repeat:no-repeat;background-position:center 42%;background-size:330px;background-attachment:fixed}header{background:var(--navy);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}header .brand{font-weight:700;letter-spacing:1px;font-size:16px}header .who{font-size:12px;color:var(--gold)}header .back{background:none;border:none;color:#fff;font-size:15px;padding:0;cursor:pointer;display:flex;align-items:center;gap:4px}main{flex:1;padding:16px 16px 120px}.screen{display:none}.screen.active{display:block;animation:f .18s ease}@keyframes f{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}h2{font-size:19px;margin:2px 0 14px}.sub{color:var(--mut);font-size:13px;margin:-8px 0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:transform .08s}.tile:active{transform:scale(.985)}.tile .ico{width:44px;height:44px;border-radius:11px;background:#eef0f7;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.tile h3{margin:0;font-size:16px}.tile p{margin:2px 0 0;font-size:12.5px;color:var(--mut)}.tile.off{opacity:.5;cursor:default}.tile.off:active{transform:none}.banner{background:var(--greenbg);border-radius:12px;padding:14px;text-align:center;margin-bottom:14px}.banner .big{font-size:19px;font-weight:600;color:#04342c}.banner .sm{font-size:12.5px;color:var(--green);margin-top:3px}label.fl{display:block;font-size:12px;color:var(--mut);margin:14px 2px 6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px;background:#fff;color:var(--ink);font-family:inherit}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{flex:1 1 auto;min-width:44%;text-align:center;background:#e8ecf4;border:1px solid var(--line);border-radius:11px;padding:13px 8px;font-size:14px;cursor:pointer}.chip.sel{background:var(--navy);color:#fff;border-color:var(--navy)}.chip.slim{min-width:0;flex:0 0 auto;padding:9px 14px;border-radius:20px;font-size:13px}.btn{display:block;width:100%;border:none;border-radius:13px;padding:15px;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;font-family:inherit}.btn.gold{background:var(--gold);color:var(--goldink)}.btn.navy{background:var(--navy);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--navy);color:var(--navy)}.btn:active{transform:scale(.99)}.btn3d{display:block;width:100%;max-width:290px;margin:12px auto 0;border:2px solid #1F2C5C;border-radius:14px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;background:#fff;color:#1f2c5c;box-shadow:0 6px #1f2c5c,0 9px 16px #10193b47;transition:transform .06s ease,box-shadow .06s ease}.btn3d:active{transform:translateY(5px);box-shadow:0 1px #1f2c5c,0 2px 6px #10193b40}.btnborder{border:2px solid #1F2C5C;border-radius:12px;background:#fff;color:#1f2c5c;font-weight:600;font-family:inherit;cursor:pointer;transition:background .1s}.btnborder:active{background:#eef1f7}.row{display:flex;gap:8px}.row>*{flex:1}.kv{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border-bottom:none}.kv .k{color:var(--mut)}.kv .v{font-weight:600}.pill{display:inline-block;font-size:11px;border-radius:12px;padding:3px 9px}.pill.g{background:var(--greenbg);color:var(--green)}.pill.b{background:var(--bluebg);color:var(--blue)}.pill.a{background:var(--amberbg);color:var(--amber)}.pill.r{background:var(--redbg);color:var(--red)}.drop{border:1px dashed var(--line);border-radius:11px;padding:16px;text-align:center;color:var(--mut);font-size:13px;background:#fff}.note{font-size:11.5px;color:var(--mut);text-align:center;margin-top:10px}.toggle{display:flex;gap:8px;margin-top:6px}.toggle .opt{flex:1;text-align:center;border:1px solid var(--line);border-radius:10px;padding:12px 6px;font-size:14px;cursor:pointer;background:#fff}.toggle .opt.sel{background:var(--navy);color:#fff;border-color:var(--navy)}.ocrtag{font-size:10px;color:#26215c;background:#eeedfe;border-radius:10px;padding:2px 7px}#devbar{position:fixed;left:0;right:0;bottom:0;max-width:430px;margin:0 auto;background:#12193b;color:#cfd6f0;display:flex;justify-content:space-around;padding:8px 4px 10px;z-index:30}#devbar button{background:none;border:none;color:#cfd6f0;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex:1}#devbar button b{font-size:17px;line-height:1}#devbar button.on{color:var(--gold)}#sheet{position:fixed;inset:0;max-width:430px;margin:0 auto;background:#080a188c;display:none;align-items:flex-end;z-index:40}#sheet.open{display:flex}.sheetbody{background:#fff;width:100%;max-height:82vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px}pre{background:#0d1330;color:#c7f0d8;font-size:11px;border-radius:10px;padding:12px;overflow:auto;white-space:pre-wrap;word-break:break-word}.qitem{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:13px}.qitem .h{display:flex;justify-content:space-between;font-weight:600}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:96px;background:var(--navy);color:#fff;padding:11px 18px;border-radius:24px;font-size:13.5px;z-index:60;opacity:0;transition:opacity .2s;max-width:380px;text-align:center;pointer-events:none}.toast.show{opacity:1}.hint{background:var(--bluebg);border-radius:10px;padding:10px 12px;font-size:12px;color:#123;margin-bottom:12px}header .hbtn{background:none;border:none;color:#fff;font-size:22px;line-height:1;padding:0 6px;cursor:pointer;min-width:26px;text-align:center}.hero{background:transparent;padding:30px 24px 16px;text-align:center;color:var(--ink);margin-top:10px}.hero .rule{width:60px;height:3px;background:var(--navy);border-radius:2px;margin:16px auto;opacity:.45}.hero .greet{font-size:20px;margin-top:2px;color:var(--ink)}.hero .hstatus{margin-top:12px}.dhead2{font-size:13px;font-weight:600;color:var(--navy);margin:20px 2px 8px;text-transform:uppercase;letter-spacing:1px}#drawerOverlay{position:fixed;inset:0;max-width:430px;margin:0 auto;background:#080a1880;opacity:0;pointer-events:none;transition:opacity .2s;z-index:45}#drawerOverlay.open{opacity:1;pointer-events:auto}#drawer{position:fixed;top:0;height:100vh;left:max(0px,calc(50% - 215px));width:min(82%,300px);background:#1f2c5c;color:#fff;transform:translate(-104%);transition:transform .22s ease;z-index:46;padding:22px 0;overflow:auto;box-shadow:6px 0 24px #0000004d}#drawer.open{transform:none}#drawer .dhead{color:var(--gold);font-size:12px;letter-spacing:2px;padding:4px 22px 14px;text-transform:uppercase}.draweritem{display:flex;align-items:center;gap:14px;padding:15px 22px;font-size:17px;color:#fff;cursor:pointer;border-left:3px solid transparent}.draweritem span.di{font-size:20px;width:24px;text-align:center}.draweritem:active{background:#ffffff14;border-left-color:var(--gold)}.draweritem.off{opacity:.45}.draweritem em{font-style:normal;font-size:11px;background:#ffffff26;border-radius:10px;padding:2px 7px;margin-left:auto}.draweritem.subitem{padding:12px 22px 12px 40px;font-size:15px;color:#d6dae6}.draweritem.subitem .di{font-size:16px;color:var(--gold)}.hero .brandnote{font-size:10px;color:#7a85a0;margin-top:8px}.netbar{position:sticky;top:52px;z-index:19;text-align:center;font-size:12px;padding:6px 10px;background:var(--amberbg);color:var(--amber)}.netbar.offline{background:var(--amberbg);color:var(--amber)}.netbar.syncing{background:var(--bluebg);color:var(--blue)}.qstatus{font-size:10px;border-radius:9px;padding:1px 7px;margin-left:6px}.qstatus.pending{background:var(--amberbg);color:var(--amber)}.qstatus.synced{background:var(--greenbg);color:var(--green)}.qstatus.failed{background:var(--redbg);color:var(--red)}.contactbtn{margin:0;text-align:center;text-decoration:none;display:block;padding:12px;border-radius:11px;font-weight:600;font-size:15px}.contactbtn.disabled{opacity:.5;pointer-events:none}