:root{color:#17201c;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f2ea;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar,.login-head{background:#fffaf0;border-bottom:1px solid #ded6c7;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(18px,4vw,44px);display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-lockup img{object-fit:cover;border-radius:12px;flex:none;width:52px;height:52px;box-shadow:0 8px 20px #17201c1f}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(28px,5vw,48px);line-height:1}.topbar p,.login-head p{color:#69736c;margin-top:7px}.top-actions{gap:8px;display:flex}.icon-button,.name-edit button,.device-card a{color:#17201c;background:#efe7d7;border-radius:8px;place-items:center;width:40px;height:40px;text-decoration:none;display:inline-grid}.control-band{background:#dfeadf;border-bottom:1px solid #c8d4c8;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(18px,4vw,44px);display:flex}.server-pill,.status-dot{color:#334039;align-items:center;gap:8px;min-width:0;display:flex}.server-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dot{flex:none;font-weight:700}.status-dot.sharing{color:#0d6b47}.status-dot.locating{color:#8b5a00}.error{color:#8c1d18;background:#ffe1dc;border-radius:8px;margin:14px clamp(18px,4vw,44px) 0;padding:12px 14px}.workspace{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,390px);min-height:0;display:grid}.map-pane{background:#e8ece6;flex-direction:column;min-height:560px;display:flex}.map-toolbar{background:#fff;border-bottom:1px solid #d8ded7;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(18px,3vw,28px);display:flex}.map-toolbar label{align-items:center;gap:10px;font-weight:700;display:flex}.map-provider-name{color:#17201c;background:#fff;border:1px solid #c9cfc8;border-radius:8px;align-items:center;min-height:42px;padding:0 12px;display:inline-flex}select,input{color:#17201c;background:#fff;border:1px solid #c9cfc8;border-radius:8px;min-height:42px;padding:0 12px}.map-toolbar button,.primary-button{color:#fff;background:#194d45;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.map-frame,.amap-wrap{flex:1;width:100%;min-height:0}.map-frame{background:#e8ece6;border:0}.amap-wrap{background:#e8ece6;position:relative}.amap-view{width:100%;height:100%;min-height:0}.map-loading{z-index:2;color:#334039;background:#ffffffeb;border-radius:8px;padding:8px 10px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 8px 20px #17201c1a}.device-map-marker{cursor:pointer;align-items:center;gap:7px;display:inline-flex;transform:translateY(-2px)}.device-map-pin{background:#194d45;border:2px solid #fff;border-radius:50% 50% 50% 4px;flex:none;place-items:center;width:26px;height:26px;display:grid;transform:rotate(-45deg);box-shadow:0 8px 18px #17201c38}.device-map-pin:after{content:"";background:#fffaf0;border-radius:999px;width:8px;height:8px;display:block}.device-map-label{color:#17201c;text-overflow:ellipsis;white-space:nowrap;background:#fffffff0;border:1px solid #ded6c8;border-radius:8px;max-width:150px;padding:5px 8px;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden;box-shadow:0 8px 18px #17201c24}.device-map-marker.active .device-map-pin{background:#c33a22}.device-map-marker.active .device-map-label{color:#8c1d18;border-color:#c33a22}.empty-map{color:#657168;flex:1;align-content:center;place-items:center;gap:14px;display:grid}.side-panel{background:#fbf8f0;border-left:1px solid #d7d1c4;overflow:auto}.profile-panel{border-bottom:1px solid #ddd6c8;padding:18px}.panel-title,.name-edit{align-items:center;gap:10px;display:flex}.panel-title{margin-bottom:12px;font-weight:800}.name-edit input{flex:1;min-width:0}.hint{color:#6f786f;margin-top:10px;font-size:13px;line-height:1.5}.device-list{gap:10px;padding:14px;display:grid}.device-card{cursor:pointer;background:#fff;border:1px solid #ded6c8;border-radius:8px;padding:14px;transition:border-color .12s,box-shadow .12s}.device-card.active{border-color:#194d45;box-shadow:0 0 0 2px #194d451f}.device-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-card h2{word-break:break-word;font-size:18px;line-height:1.2}.device-card p{color:#6b756e;margin-top:5px;font-size:13px}dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}dt{color:#728075;font-size:12px}dd{overflow-wrap:anywhere;align-items:center;gap:4px;margin:4px 0 0;font-weight:800;display:inline-flex}.login-screen{background:linear-gradient(#fffaf0 0%,#e3eadf 100%);grid-template-rows:auto 1fr;align-items:start;min-height:100vh;display:grid}.login-form{background:#fff;border:1px solid #dcd3c4;border-radius:8px;place-self:center;gap:14px;width:min(480px,100vw - 36px);padding:24px;display:grid;box-shadow:0 18px 50px #17201c1a}.login-form>label{gap:7px;font-weight:800;display:grid}.login-form input{width:100%}.agreement-panel{background:#f7faf5;border:1px solid #d8ded7;border-radius:8px;gap:8px;max-height:210px;padding:12px;display:grid;overflow:auto}.agreement-panel h2{font-size:15px;line-height:1.25}.agreement-panel p{color:#59645c;font-size:13px;line-height:1.55}.agreement-check{color:#334039;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:14px;line-height:1.45;display:grid}.agreement-check input{accent-color:#194d45;width:18px;height:18px;margin:1px 0 0}.primary-button{width:100%;margin-top:4px}@media (width<=880px){.workspace{grid-template-columns:1fr;display:block}.map-pane{height:min(58vh,520px);min-height:360px}.side-panel{border-top:1px solid #d7d1c4;border-left:0;overflow:visible}}@media (width<=560px){.control-band,.map-toolbar{flex-direction:column;align-items:stretch}.topbar,.login-head{padding:14px 16px}.brand-lockup{gap:10px}.brand-lockup img{border-radius:10px;width:44px;height:44px}h1{font-size:28px}.topbar p,.login-head p{margin-top:4px;font-size:13px}.top-actions{flex:none}.control-band{padding:10px 16px}.map-pane{height:52vh;min-height:330px}.map-toolbar{padding:10px 16px}.map-toolbar label,.map-toolbar button,.map-toolbar select,.map-provider-name{width:100%}.profile-panel{padding:14px 16px}.device-list{padding:12px}.login-screen{grid-template-rows:auto minmax(0,1fr);min-height:100dvh}.login-form{width:100%;min-height:calc(100dvh - 73px);box-shadow:none;border:0;border-radius:0;align-self:start;padding:18px 16px 24px}.agreement-panel{max-height:28vh}}