:root{--bg:#f4f6fb;--panel-bg:#fff;--panel-border:#e2e8f0;--text:#1f2937;--text-muted:#475569;--text-light:#64748b;--accent:#4f46e5;--accent-soft:#eef2ff;--shadow:0 4px 24px #0f172a0f;--radius:16px;--radius-sm:12px;--sidebar-width:220px;--tab-bar-height:56px;--topbar-height:44px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}#app,#app-shell{width:100%;min-height:100dvh}#app-shell{flex-direction:column;max-width:100vw;height:100dvh;display:flex;overflow:hidden}.sidebar{display:none}.nav-item{cursor:pointer}.main-panel{flex-direction:column;flex:1;min-height:0;display:flex}.topbar-detail{z-index:100;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);flex-shrink:0;align-items:center;gap:4px;height:44px;padding:0 0 0 12px;display:flex;position:sticky;top:0}.back-btn{flex-shrink:0;margin-right:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px 0 0 8px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:8px 12px;font-size:15px;font-weight:500;line-height:1;transition:background .15s;display:flex}.back-btn:hover{background:var(--accent-soft)}.content-area{padding:0;padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom));flex:1;overflow:hidden auto}.bottom-tab-bar{z-index:200;height:calc(var(--tab-bar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--panel-bg);border-top:1px solid var(--panel-border);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--text-light);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 0;text-decoration:none;transition:color .2s;display:flex}.tab-item:active{opacity:.7}.tab-active{color:var(--accent)}.tab-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tab-icon svg{width:22px;height:22px}.tab-label{font-size:11px;font-weight:600;line-height:1}.confirm-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.loading-overlay{z-index:1001;background:#0f172a59;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:#fff;margin:0;font-size:15px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.confirm-modal{background:var(--panel-bg);border-radius:var(--radius);flex-direction:column;gap:16px;width:100%;max-width:340px;padding:24px;display:flex;box-shadow:0 8px 32px #0f172a2e}.confirm-modal h3{margin:0;font-size:16px;font-weight:700}.confirm-modal p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-actions .danger{color:#fff;background:#dc2626}.confirm-actions .danger:hover{background:#b91c1c}.mobile-only{display:block}@media (width>=768px){.mobile-only{display:none}}.amap-box{border-radius:var(--radius-sm);border:1px solid var(--panel-border);width:100%;height:380px;margin-top:12px}.amap-scale{border-radius:2px;box-shadow:0 0 3px #00000080;background:#ffffffd9!important;border:1px solid #666!important}.amap-scale-text{color:#000!important;text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff!important}.amap-box .amap-copyright,.amap-box .amap-logo,.amap-box .amap-control,.amap-box .amap-info-content,.amap-box .amap-marker-label{text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff!important}.amap-box .amap-marker{color:#333;text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff!important}.actions-bar{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0;display:grid}.actions-bar button{text-align:center;width:100%;padding:10px 0}.management-panel,.dashboard-console{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-card{border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a14}.metric-accent{flex-shrink:0;width:4px}.metric-body{flex:1;align-items:baseline;gap:6px;padding:14px 16px;display:flex}.metric-label{color:var(--text-muted);font-size:13px;font-weight:600}.metric-value{color:var(--text);letter-spacing:-.02em;margin-left:auto;font-size:24px;font-weight:800;line-height:1}.metric-value.online{color:#16a34a}.metric-value.offline{color:#dc2626}.metric-unit{color:var(--text-light);font-size:12px}.curve-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden}.curve-card-header{color:var(--text);background:var(--accent-soft);border-bottom:1px solid var(--panel-border);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.curve-wrap{width:100%;height:280px}.md-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);margin-top:16px;overflow:hidden}.md-card-header{color:var(--text);background:var(--accent-soft);border-bottom:1px solid var(--panel-border);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.md-card-body{color:var(--text);padding:16px 20px;font-size:14px;line-height:1.7;overflow-x:auto}.md-card-body h1{border-bottom:1px solid var(--panel-border);margin:0 0 16px;padding-bottom:8px;font-size:22px;font-weight:700}.md-card-body h2{margin:20px 0 10px;font-size:18px;font-weight:700}.md-card-body h3{margin:16px 0 8px;font-size:16px;font-weight:600}.md-card-body p{margin:0 0 12px}.md-card-body ul,.md-card-body ol{margin:0 0 12px;padding-left:20px}.md-card-body li{margin-bottom:4px}.md-card-body code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:13px}.md-card-body pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:0 0 12px;padding:14px 16px;font-size:13px;line-height:1.5;overflow-x:auto}.md-card-body pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.md-card-body a{color:var(--accent);text-decoration:none}.md-card-body a:hover{text-decoration:underline}.md-card-body table{border-collapse:collapse;width:100%;margin:0 0 12px;font-size:13px}.md-card-body th,.md-card-body td{border:1px solid var(--panel-border);text-align:left;padding:8px 12px}.md-card-body th{background:#f8fafc;font-weight:600}.md-card-body blockquote{border-left:4px solid var(--accent);background:#f8fafc;border-radius:0 8px 8px 0;margin:0 0 12px;padding:8px 16px}.md-card-body hr{border:none;border-top:1px solid var(--panel-border);margin:16px 0}@media (width>=768px){.md-card-body{padding:20px 24px}}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=768px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.product-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden}.product-card-name{background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--panel-border);padding:10px 12px;font-size:15px;font-weight:700}.product-card-body{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.product-card-info{justify-content:space-between;font-size:13px;display:flex}.product-card-actions{gap:6px;margin-top:4px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.eyebrow{color:var(--text-light);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.table-card th{color:var(--text-light);margin:0;font-size:13px;font-weight:600}.description{color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.summary-panel{grid-template-columns:1fr;gap:12px;display:grid}.summary-item{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#f8fafc;padding:14px}.summary-item h2{margin:0 0 10px;font-size:16px}.summary-item p,.summary-item ul{color:var(--text-muted);margin:0;font-size:13px}.summary-item ul{margin-top:6px;padding-left:16px}.summary-item li{margin-bottom:6px}button.list-header{z-index:10;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;flex:1;padding:14px;font-weight:600}.list-toolbar{flex-shrink:0;gap:8px;margin-top:auto;padding:12px 0;display:flex}.list-toolbar .list-header{flex:1}.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.table-card{border-radius:var(--radius-sm);border:1px solid var(--panel-border);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-card table{table-layout:fixed;border-collapse:collapse;width:100%}.table-card th,.table-card td{text-align:center;border-bottom:1px solid var(--panel-border);white-space:nowrap;text-overflow:ellipsis;padding:12px 8px;line-height:1.4;overflow:hidden}.table-card td:last-child{overflow:visible}.table-card td:last-child .ghost-button{white-space:nowrap;padding:4px 8px}.table-card tbody tr{transition:background .15s}.table-card tbody tr:hover{background:#f8fafc}.table-card th{background:#f8fafc;padding:10px 8px;font-weight:700}.table-card tbody tr:last-child td{border-bottom:none}button{background:var(--accent);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:transform .15s,background .15s;display:inline-flex}button:hover{background:#4338ca}button:active{transform:scale(.97)}.ghost-button{color:var(--text);font-size:inherit;background:#0f172a0f}.ghost-button:hover{background:#0f172a1f}.status-chip{border-radius:999px;align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.login-page{background:linear-gradient(135deg,#4f46e5,#7c3aed);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--panel-bg);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:28px 24px;display:flex}.login-card .brand{border-bottom:1px solid var(--panel-border);justify-content:center;padding-bottom:12px}.login-card .brand-title{text-align:center;margin:0;font-size:18px;font-weight:700}.login-msg{border-radius:10px;margin:0;padding:10px 14px;font-size:13px;font-weight:600}.login-msg.error{color:#991b1b;background:#fee2e2}.login-msg.success{color:#166534;background:#dcfce7}.login-toggle{text-align:center;color:var(--text-muted);margin:0;font-size:13px}.login-toggle a{color:var(--accent);cursor:pointer;font-weight:600}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--panel-border);color:var(--text);background:#f8fafc;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:#fff}.form-group.error input,.form-group.error select,.form-group.error textarea{background:#fef2f2;border-color:#dc2626}.form-group textarea{resize:vertical;min-height:60px}.form-group input.pid-auto{color:var(--text-light);cursor:default;background:#f1f5f9}.pid-hint{color:var(--text-light);font-size:12px}.form-section{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#f8fafc;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.form-section h3{margin:0 0 8px;font-size:16px;font-weight:700}.form-actions{gap:8px;margin-top:12px;display:flex}.form-msg{border-radius:10px;margin:4px 0 0;padding:8px 12px;font-size:13px;font-weight:600}.danger-text{color:#dc2626}.tab-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-bar .tab-btn{border:1px solid var(--panel-border);cursor:pointer;color:var(--text-muted);background:#fff;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.tab-bar .tab-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tab-bar .tab-btn:hover:not(.active){background:#f8fafc}.form-msg.error{color:#991b1b;background:#fee2e2}.form-msg.success{color:#166534;background:#dcfce7}.detail-panel{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#f8fafc;margin-bottom:16px;padding:16px}.detail-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.detail-header h3{margin:0;font-size:16px;font-weight:700}.detail-tabs{border-bottom:1px solid var(--panel-border);align-items:center;gap:4px;margin-bottom:8px;padding-bottom:8px;display:flex}.detail-tabs .tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s}.detail-tabs .tab-btn.active{background:var(--accent-soft);color:var(--accent)}.detail-tabs .tab-btn:hover:not(.active){background:#f1f5f9}.data-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.data-item{background:var(--panel-bg);border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex}.data-key{color:var(--text-light);font-size:11px;font-weight:600}.data-val{color:var(--text);font-size:14px;font-weight:700}.config-section{margin-top:0}.history-filter{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px;display:flex}.history-filter>.form-group{flex:160px;min-width:0}.history-filter>.form-group button{padding-top:10px;padding-bottom:10px;font-size:14px}@media (width<=767px){html{font-size:14px}button,.list-toolbar button{font-size:12px}.history-filter>.form-group label{display:none}}@media (width>=768px){.date-separator{display:none}}.config-section h4{margin:0 0 8px;font-size:14px;font-weight:700}.action-cell{justify-content:center;gap:4px;display:flex}.action-cell button{border-radius:6px;padding:3px 8px;font-size:11px}.danger{color:#dc2626}.danger:hover{background:#fee2e2}.sidebar-footer{border-top:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.user-info{color:var(--text-muted);font-size:13px;font-weight:600}.status-chip.online{color:#166534;background:#dcfce7}.status-chip.offline{color:#991b1b;background:#fee2e2}.status-chip.inactive{color:#b8860b;background:#fff3cd}.status-pill{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.empty-state{text-align:center;color:var(--text-light);padding:24px 0}.alarm-overlay{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.alarm-modal{border-radius:var(--radius);background:#fff;border:2px solid #dc2626;width:100%;max-width:380px;overflow:hidden;box-shadow:0 8px 32px #dc262640}.alarm-header{color:#fff;text-align:center;background:#dc2626;padding:14px 18px;font-size:16px;font-weight:700}.alarm-header-time{opacity:.85;margin-left:8px;font-size:16px;font-weight:400}.alarm-body{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.alarm-item{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.alarm-item:last-child{border-bottom:none}.alarm-key{color:var(--text-light);font-weight:600}.alarm-val{color:#dc2626;font-weight:700}.alarm-close{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;width:calc(100% - 36px);margin:0 18px 14px;padding:10px;font-weight:700;display:block}.alarm-close:hover{background:#b91c1c}@media (width>=768px){#app-shell{flex-direction:row}.sidebar{width:var(--sidebar-width);background:var(--panel-bg);border-right:1px solid var(--panel-border);z-index:50;flex-direction:column;height:100vh;min-height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.brand{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;padding:0 20px 24px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.brand-title{margin:0;font-size:16px;font-weight:700}.brand-subtitle{color:var(--text-light);margin:0;font-size:11px}.nav-list{flex-direction:column;gap:4px;padding:12px 12px 0;display:flex}.nav-item{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover,.active-link{background:var(--accent-soft);color:var(--accent)}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-icon svg{width:20px;height:20px}.main-panel{min-width:0;margin-left:var(--sidebar-width);flex:1}.bottom-tab-bar{display:none}.content-area{padding:20px}.topbar-detail{height:48px;padding:0 12px}.topbar-title{font-size:18px}.back-btn{padding:8px 14px;font-size:16px}.management-panel,.dashboard-console{border-radius:20px;padding:24px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{border-radius:16px}.metric-body{padding:16px 20px}.metric-value{font-size:28px}.curve-wrap{height:320px}.description{font-size:14px;line-height:1.7}.summary-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summary-item{border-radius:16px;padding:20px}.summary-item h2{font-size:18px}.table-card{border-radius:16px}.table-card th,.table-card td{padding:14px 16px;font-size:14px}.table-card th:last-child,.table-card td:last-child{background:inherit;position:sticky;right:0}button{border-radius:10px;padding:10px 18px;font-size:14px}.action-cell button{border-radius:8px;padding:6px 14px;font-size:13px}.status-chip{padding:8px 14px;font-size:13px}.table-card th,.table-card td{padding:10px 6px}.list-toolbar{gap:6px}.list-toolbar button{padding:8px 10px;font-size:13px}}@media (orientation:landscape) and (width<=767px){.sidebar{width:var(--sidebar-width);background:var(--panel-bg);border-right:1px solid var(--panel-border);z-index:50;flex-direction:column;height:100vh;min-height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.main-panel{margin-left:var(--sidebar-width)}.bottom-tab-bar{display:none}.content-area{padding-bottom:12px}.brand{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;padding:0 20px 24px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.brand-title{margin:0;font-size:16px;font-weight:700}.brand-subtitle{color:var(--text-light);margin:0;font-size:11px}.nav-list{flex-direction:column;gap:4px;padding:12px 12px 0;display:flex}.nav-item{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover,.active-link{background:var(--accent-soft);color:var(--accent)}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-icon svg{width:20px;height:20px}}