:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.5;font-weight:400;color:#111827;background:radial-gradient(circle at top,rgba(62,95,81,.16),transparent 36%),linear-gradient(180deg,#f8faf9,#eef2f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;-webkit-user-select:none;user-select:none}button,input{font:inherit}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button{cursor:pointer}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.mobile-login-page{min-height:100vh;padding:max(18px,env(safe-area-inset-top,0px) + 12px) 16px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.brand-panel,.login-card{width:100%;max-width:420px;margin:0 auto;border-radius:22px}.brand-panel{padding:2px 2px 6px}.brand-kicker,.card-tag,.mobile-page-kicker{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#11182714;color:#51606f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brand-panel h1,.card-head strong,.mobile-page-header h1{margin:8px 0 6px;color:#0f172a}.brand-panel h1{font-size:30px;line-height:1.1}.brand-panel p,.card-head p,.mobile-page-header p{margin:0;color:#5f6b78}.login-card,.feedback-card,.device-card,.empty-state-card,.profile-card,.info-tile,.detail-tile,.detail-note-card,.mobile-map-panel,.detail-info-card{background:#ffffffeb;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 36px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card{padding:18px 16px 16px}.card-head strong{display:block;font-size:22px}.login-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:14px;color:#475467}.field input{width:100%;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid #d0d7de;background:#fff;color:#0f172a;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field input:focus{border-color:#2d6a4f;box-shadow:0 0 0 4px #2d6a4f1f}.submit-btn,.ghost-btn,.danger-btn,.back-btn,.toggle-chip{min-height:40px;border:none;border-radius:14px;padding:0 14px}.submit-btn{margin-top:8px;background:linear-gradient(135deg,#1f5c43,#2d7b58);color:#fff;font-weight:600}.submit-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:default}.form-error{margin:0;color:#b42318;font-size:13px}.mobile-shell{min-height:100vh;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.shell-main{min-height:100vh}.mobile-page{padding:max(14px,env(safe-area-inset-top,0px) + 10px) 14px calc(82px + env(safe-area-inset-bottom,0px))}.detail-page{padding-top:max(8px,env(safe-area-inset-top,0px) + 6px);padding-bottom:12px}.mobile-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.compact-page-header{align-items:center;margin-bottom:10px}.mobile-page-header h1{font-size:24px;line-height:1.1}.mobile-detail-topbar{display:grid;grid-template-columns:62px 1fr 62px;align-items:center;gap:8px;margin-bottom:6px}.mobile-detail-topbar h1{margin:0;text-align:center;font-size:17px;line-height:1.2;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-btn{min-height:34px;padding:0 10px;border-radius:12px;font-size:12px}.ghost-btn,.back-btn{background:#ffffffb8;border:1px solid rgba(15,23,42,.08);color:#0f172a}.danger-btn{width:100%;margin-top:14px;background:linear-gradient(135deg,#b42318,#d92d20);color:#fff;font-weight:600}.feedback-card,.empty-state-card,.profile-card,.detail-section-card,.mobile-map-panel,.detail-info-card{border-radius:20px;padding:12px}.compact-feedback{margin-bottom:8px;padding:10px 12px}.feedback-card.error{color:#b42318}.device-card-list,.info-stack,.detail-grid,.detail-list,.detail-info-grid{display:grid;gap:8px}.device-card{width:100%;text-align:left;border-radius:20px;padding:14px}.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-card strong{font-size:16px}.device-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.device-status.online{background:#12b76a24;color:#067647}.device-status.offline{background:#f044381f;color:#b42318}.device-card-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.device-meta-group{min-width:0}.device-meta-group span{display:block;margin-bottom:2px;font-size:11px;color:#94a3b8}.device-meta-group.align-right{text-align:right}.device-meta,.device-model{color:#667085}.profile-card{display:flex;align-items:center;gap:14px;padding:14px}.profile-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1f5c43,#2d7b58);color:#fff;font-size:22px;font-weight:700}.profile-main{display:flex;flex-direction:column}.profile-main strong{font-size:18px}.profile-main span,.info-tile span,.detail-tile span,.detail-note-card p{color:#667085}.info-tile,.detail-tile{border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:6px}.compact-info-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-chip{min-width:88px;background:#0f172a14;color:#475467}.toggle-chip.small{min-width:60px;min-height:32px;padding:0 12px;border-radius:12px;font-size:12px}.toggle-chip.micro{min-width:44px;min-height:28px;padding:0 10px;border-radius:10px;font-size:11px}.toggle-chip.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff}.detail-map-panel{padding:8px}.map-stage-mobile{position:relative;min-height:70svh;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#edf4f0,#dfe9e3)}.map-canvas-mobile{width:100%;min-height:70svh}.detail-map-stage,.detail-map-canvas{min-height:70svh}.map-floating-bar{position:absolute;left:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:14px;background:#ffffffe6;box-shadow:0 10px 24px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-floating-bar-top{top:10px}.map-floating-bar-bottom{bottom:10px}.map-chip-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.map-action-group{display:flex;align-items:center;gap:6px}.map-nav-btn{min-width:56px;min-height:32px;padding:0 12px;border:none;border-radius:12px;background:linear-gradient(135deg,#1f9d55,#15803d);color:#fff;font-size:12px;font-weight:600}.map-nav-btn:disabled{opacity:.55;cursor:default}.map-overlay-note{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;text-align:center;padding:20px;background:#f8faf9c2;color:#475467}.map-custom-panel{position:absolute;left:10px;right:10px;bottom:96px;z-index:3;display:grid;grid-template-columns:1fr;gap:6px;padding:8px;border-radius:14px;background:#ffffffeb;box-shadow:0 10px 24px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-custom-field{display:flex;flex-direction:column;gap:4px;min-width:0}.map-custom-field span{font-size:10px;color:#667085}.map-custom-field input{min-width:0;min-height:34px;padding:0 8px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;color:#0f172a}.map-custom-panel .ghost-btn{width:100%}.detail-info-grid{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.detail-info-card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0}.detail-info-card-wide{grid-column:span 2}.detail-info-card span{font-size:10px;color:#667085}.detail-info-card strong{font-size:12px;line-height:1.2;color:#0f172a;word-break:break-word}.detail-info-card small{font-size:10px;line-height:1.15;color:#475467;word-break:break-word}.mobile-tabbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border-radius:20px;background:#0f172aeb;box-shadow:0 18px 42px #0f172a38}.tab-item{min-height:46px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffffffb8;text-decoration:none;font-size:11px}.tab-item.active{background:#ffffff1f;color:#fff}.tab-icon{font-size:13px;font-weight:700}.empty-state-card{padding:18px 14px;text-align:center}.empty-state-card strong{display:block;margin-bottom:6px}.empty-state-card p{margin:0}@media (min-width: 768px){.mobile-shell{max-width:540px;margin:0 auto}.mobile-page{padding-left:20px;padding-right:20px}}