: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}html,body,#app{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.mobile-login-page{min-height:100vh;padding:28px 18px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px}.brand-panel,.login-card{width:100%;max-width:460px;margin:0 auto;border-radius:24px}.brand-panel{padding:8px 6px}.brand-kicker,.card-tag,.mobile-page-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#11182714;color:#51606f;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.brand-panel h1,.card-head strong,.mobile-page-header h1{margin:10px 0 8px;color:#0f172a}.brand-panel h1{font-size:34px;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{background:#ffffffeb;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 42px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card{padding:22px 18px 20px}.card-head strong{display:block;font-size:24px}.login-form{margin-top:20px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:14px;color:#475467}.field input{width:100%;min-height:48px;padding:0 14px;border-radius:16px;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:44px;border:none;border-radius:16px;padding:0 16px}.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:82px}.shell-main{min-height:100vh}.mobile-page{padding:20px 16px 100px}.detail-page{padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:14px}.mobile-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.mobile-page-header.compact{align-items:center}.mobile-page-header h1{font-size:28px;line-height:1.1}.mobile-detail-topbar{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:8px;margin-bottom:8px}.mobile-detail-topbar h1{margin:0;text-align:center;font-size:18px;line-height:1.2;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost-btn,.back-btn{background:#ffffffb8;border:1px solid rgba(15,23,42,.08);color:#0f172a}.danger-btn{width:100%;margin-top:18px;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:22px;padding:12px}.feedback-card.error{color:#b42318}.device-card-list,.info-stack,.detail-grid,.detail-list,.detail-info-grid{display:grid;gap:6px}.device-card{width:100%;text-align:left;border-radius:22px;padding:18px}.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-card strong{font-size:18px}.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-meta,.device-model{margin-top:10px;color:#667085}.profile-card{display:flex;align-items:center;gap:14px}.profile-avatar{width:56px;height:56px;border-radius:18px;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:20px}.profile-main span,.info-tile span,.detail-tile span,.detail-note-card p{color:#667085}.info-tile,.detail-tile{border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px}.toggle-chip{min-width:88px;background:#0f172a14;color:#475467}.toggle-chip.small{min-width:64px;min-height:34px;padding:0 12px;border-radius:12px;font-size:12px}.toggle-chip.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff}.map-stage-mobile{position:relative;min-height:70vh;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#edf4f0,#dfe9e3)}.map-canvas-mobile{width:100%;min-height:70vh}.map-floating-bar{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;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 span{font-size:11px;color:#475467}.map-action-group{display:flex;align-items:center;gap:6px}.map-nav-btn{min-width:56px;min-height:34px;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}.detail-info-grid{margin-top:6px;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 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:14px;right:14px;bottom:14px;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;border-radius:24px;background:#0f172aeb;box-shadow:0 18px 42px #0f172a38}.tab-item{min-height:54px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#ffffffb8;text-decoration:none;font-size:12px}.tab-item.active{background:#ffffff1f;color:#fff}.tab-icon{font-size:16px}@media (min-width: 768px){.mobile-shell{max-width:540px;margin:0 auto}.mobile-page{padding-left:20px;padding-right:20px}}