:root{--ink:#172a3a;--muted:#617587;--line:#dce5e9;--soft:#f1f6f5;--mint:#b6e8d4;--teal:#067c72;--cream:#f8faf8;--red:#b84436}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:linear-gradient(145deg,#f2f8f5 0%,#eef4f6 48%,#f9faf7 100%)}body{display:flex;flex-direction:column}button,input{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae5e3;background:#ffffffad}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#143f45;color:#bff6dd;font-size:25px;line-height:1}.top-note{color:#768992;font-size:13px}main{width:min(1240px,calc(100% - 40px));margin:0 auto;flex:1}footer{padding:28px 20px;text-align:center;color:#82929c;font-size:12px}.eyebrow{display:block;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.15em}.login-shell{display:grid;grid-template-columns:1fr 450px;gap:8vw;align-items:center;min-height:calc(100vh - 160px);padding:60px 2vw}.intro h1{font-size:clamp(42px,5.6vw,76px);letter-spacing:-.055em;line-height:1.13;margin:20px 0 26px}.intro p{max-width:500px;font-size:17px;line-height:1.9;color:var(--muted)}.hint-card{margin-top:56px;padding:21px 24px;border-left:4px solid #80c7ac;background:#ffffff8a;display:grid;gap:8px;max-width:480px;font-size:13px;line-height:1.7;color:var(--muted)}.hint-card strong{font-size:14px;color:var(--ink)}.login-card,.panel{background:#fff;border:1px solid #e3eae9;box-shadow:0 17px 48px #2344430c;border-radius:22px}.login-card{padding:42px}.card-icon{width:50px;height:50px;border-radius:15px;background:#e3f6ee;color:#087969;display:grid;place-items:center;font-size:29px;margin-bottom:29px}.login-card h2{font-size:25px;margin:0 0 6px}.muted,.login-card p{color:var(--muted)}.login-card .muted{margin-bottom:35px;font-size:14px}.login-card label{display:block;font-size:13px;font-weight:700;margin:18px 0 9px}.login-card input{width:100%;height:48px;border:1px solid #d9e4e2;border-radius:10px;padding:0 14px;background:#fbfdfc;outline:none}.login-card input:focus{border-color:#3ba08e;box-shadow:0 0 0 3px #4dbba126}.primary,.secondary{border:0;border-radius:11px;font-weight:700}.primary{width:100%;height:50px;margin-top:28px;background:#0b746d;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px}.primary:hover,.secondary:hover{background:#095e58}.error{color:#b13e32;font-size:13px;min-height:18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:56px 0 35px}.page-heading h1{font-size:42px;letter-spacing:-.04em;margin:8px 0}.page-heading p{color:var(--muted);font-size:14px;margin:0}.ghost{border:1px solid #ccdeda;background:#ffffffad;border-radius:9px;padding:10px 17px;color:#45625f}.grid{display:grid;grid-template-columns:315px minmax(0,1fr);gap:22px}.side-stack,.main-stack{display:grid;align-content:start;gap:22px}.panel{padding:25px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel h2,.actions-panel h2{font-size:19px;margin:0}.count{background:#e9f4ee;color:#31786b;min-width:26px;height:26px;border-radius:8px;text-align:center;line-height:26px;font-size:12px;font-weight:800}.device-list{display:grid;gap:9px;min-height:70px}.device-item{width:100%;border:1px solid #e3ebe9;background:#fff;border-radius:12px;text-align:left;padding:14px;display:grid;gap:6px;color:var(--ink)}.device-item.active{background:#ebf7f1;border-color:#9cd5c0}.device-item strong{font-size:14px}.device-item span{font-size:12px;color:var(--muted)}.pair-panel{background:#f9fcfa}.pair-panel h2{margin:8px 0 10px}.pair-panel p,.actions-panel p{color:var(--muted);font-size:13px;line-height:1.7}.secondary{background:#0b746d;color:#fff;padding:12px 18px;margin-top:8px}.pair-result{background:#e7f5ed;border:1px dashed #90cbb1;padding:15px;border-radius:11px;margin-top:17px;display:grid;gap:8px}.pair-result[hidden]{display:none}.pair-result span,.pair-result small{color:#517e6d;font-size:11px}.pair-result strong{font-family:Consolas,monospace;font-size:20px;letter-spacing:.07em}.location-panel{min-height:500px}.location-panel .panel-header h2{margin-top:8px;font-size:24px}.status-pill{background:#f2f4f5;border-radius:99px;color:#718187;padding:7px 12px;font-size:12px;white-space:nowrap}.status-pill.stale{background:#fff1d9;color:#94610b}.status-pill.fresh{background:#e0f4e9;color:#277454}.empty-state{padding:105px 20px;text-align:center;color:#8a9aa3;background:#f7faf9;border:1px dashed #d9e5e1;border-radius:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.metrics>div{background:#f5f9f7;border-radius:11px;padding:13px 16px;display:grid;gap:7px}.metrics span,.coordinates span{font-size:11px;color:#788c92}.metrics strong{font-size:14px}.map-shell{height:350px;background:repeating-linear-gradient(45deg,#edf2f0,#edf2f0 24px,#e5eeeb 24px,#e5eeeb 48px);border-radius:13px;overflow:hidden;display:grid;place-items:center}.map-shell img{width:100%;height:100%;object-fit:cover}.map-placeholder{color:#64817f;text-align:center;padding:24px;font-size:13px}.coordinates{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.coordinates>div{display:grid;gap:5px}.coordinates strong{font-family:Consolas,monospace;font-size:15px}.small-btn{border:1px solid #d5e4df;background:#fff;border-radius:8px;padding:7px 12px;color:#27675f}.subtle{color:#84949a;font-size:11px;line-height:1.6}.actions-panel{background:#dff1e9;border:1px solid #cce7d9;border-radius:22px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:25px}.actions-panel h2{margin:8px 0}.action-buttons{display:flex;align-items:flex-end;flex-direction:column;gap:12px}.action-link{text-decoration:none;color:#fff;background:#183d43;border-radius:10px;padding:13px 17px;white-space:nowrap;font-size:13px;font-weight:700}.action-link span{padding-left:14px}.danger-link{border:0;background:transparent;color:var(--red);font-size:12px;text-decoration:underline}.page-heading .ghost:hover,.small-btn:hover{background:#eff6f2}@media(max-width:850px){.login-shell{grid-template-columns:1fr;gap:35px;padding:50px 0}.hint-card{margin-top:25px}.login-card{max-width:500px}.grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.actions-panel{align-items:flex-start}}@media(max-width:610px){main{width:min(100% - 26px,1240px)}.topbar{height:65px;padding:0 15px}.top-note{display:none}.login-shell{padding:36px 0}.intro h1{font-size:45px}.login-card{padding:28px}.page-heading{padding:34px 0 25px}.page-heading h1{font-size:33px}.side-stack{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics>div:first-child{grid-column:1/-1}.map-shell{height:260px}.actions-panel{display:block}.action-buttons{align-items:flex-start;margin-top:18px}}
[hidden]{display:none!important}