*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.ant-layout-header{background:#001529!important;padding:0 24px!important;display:flex;align-items:center;justify-content:space-between}.ant-layout-sider{background:#001529!important}.alarm-panel-drawer .ant-drawer-header{padding:18px 20px 14px!important;border-bottom:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#f8fbff)}.alarm-panel-drawer .ant-drawer-body{padding:16px 18px 18px!important;background:#f5f7fb}.alarm-panel-title{display:flex;align-items:center;gap:12px;width:100%}.alarm-panel-title-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff1f0,#fff7e6);color:#fa8c16;font-size:18px;box-shadow:inset 0 0 0 1px #fa8c161f}.alarm-panel-title-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.alarm-panel-title-text{font-size:17px;line-height:1.2}.alarm-panel-title-subtext{font-size:12px;line-height:1.2}.alarm-panel-title-badge .ant-badge-count{min-width:24px;height:24px;line-height:24px;border-radius:999px;box-shadow:none}.alarm-panel-toolbar{margin-bottom:16px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #e7edf5;box-shadow:0 10px 24px #0f172a0d}.alarm-panel-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.alarm-panel-summary-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:500;background:#fff;border:1px solid transparent}.alarm-panel-summary-chip strong{font-size:14px}.alarm-panel-summary-chip.danger{color:#cf1322;background:#fff1f0;border-color:#ffccc7}.alarm-panel-summary-chip.warning{color:#d46b08;background:#fff7e6;border-color:#ffd591}.alarm-panel-actions{display:flex}.alarm-panel-actions .ant-btn{height:34px;padding-inline:14px;border-radius:10px;font-weight:500}.alarm-panel-actions .ant-btn-primary{box-shadow:0 8px 18px #1677ff33}.alarm-panel-list .ant-list-items{display:flex;flex-direction:column;gap:12px}.alarm-panel-list .ant-list-item{margin:0;padding:14px 16px;align-items:flex-start;border:1px solid #e9eef5;border-radius:16px;background:#fff;box-shadow:0 10px 24px #0f172a0d}.alarm-panel-list-item-danger{border-left:4px solid #ff4d4f!important}.alarm-panel-list-item-warning{border-left:4px solid #faad14!important}.alarm-panel-list .ant-list-item-meta{align-items:flex-start}.alarm-panel-list .ant-list-item-meta-avatar{margin-top:2px}.alarm-panel-list .ant-list-item-meta-title{margin-bottom:8px}.alarm-panel-item-description{display:flex;flex-direction:column;gap:8px}.alarm-panel-item-message{line-height:1.55;color:#262626}.alarm-panel-item-time{font-size:12px}.alarm-panel-handle-btn{border:1px solid #d9e4f2;border-radius:10px;color:#1677ff;background:#f7fbff}.alarm-panel-handle-btn:hover{color:#4096ff!important;border-color:#91caff!important;background:#edf6ff!important}.map-container{width:100%;height:100%;position:relative}.video-container{width:100%;height:100%;background:#000;position:relative}.control-panel{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online{background:#52c41a;box-shadow:0 0 8px #52c41a}.status-indicator.offline{background:#ff4d4f}.status-indicator.warning{background:#faad14}.sensor-vis{color:#52c41a}.sensor-ir{color:#ff4d4f}.sensor-snd{color:#faad14}.sensor-rad{color:#1890ff}.ptz-controller{width:200px;height:200px;position:relative;background:radial-gradient(circle,#f0f2f5,#d9d9d9);border-radius:50%;box-shadow:0 4px 12px #00000026;-webkit-user-select:none;user-select:none}.ptz-button{position:absolute;width:50px;height:50px;background:#1890ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.ptz-button:hover{background:#40a9ff;transform:scale(1.1)}.ptz-button:active{background:#096dd9;transform:scale(.95)}.device-status-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;margin-bottom:8px}.device-status-panel>div:nth-child(5){grid-column:1 / 2}.device-status-panel>div:nth-child(6){grid-column:2 / 3}.device-status-panel>div:nth-child(7){grid-column:3 / 4}.status-card{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e8e8e8;border-radius:4px;padding:6px 4px;text-align:center;transition:all .2s;position:relative;overflow:hidden;min-height:42px;display:flex;align-items:center;justify-content:center}.status-card:hover{border-color:#1890ff;box-shadow:0 1px 3px #1890ff1a;transform:translateY(-.5px)}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,#52c41a,#52c41a);opacity:0;transition:opacity .2s}.status-card:hover:before{opacity:1}.status-card.error{border-color:#ffccc7;background:linear-gradient(135deg,#fff2f0,#ffebe8)}.status-card.error:before{background:linear-gradient(90deg,#ff4d4f,#ff4d4f);opacity:1}.param-card{background:linear-gradient(135deg,#f0f5ff,#e6f4ff);border:1px solid #d6e4ff;border-radius:4px;padding:6px 8px;text-align:center;transition:all .2s;position:relative;overflow:hidden;min-height:36px;display:flex;flex-direction:column;justify-content:center}.param-card:hover{border-color:#91caff;box-shadow:0 1px 4px #1890ff1f;transform:translateY(-.5px)}.param-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,#1890ff,#40a9ff)}.param-label{display:block;font-size:10px;color:#8c8c8c;margin-bottom:2px;line-height:1.2;font-weight:400}.param-value{display:block;font-size:12px;color:#262626;font-weight:600;line-height:1.3}.detect-stat-card{background:linear-gradient(135deg,#f6ffed,#f0f9ff);border:1px solid #d9f7be;border-radius:4px;padding:6px 8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default}.detect-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:currentColor;opacity:.6}.detect-stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.detect-stat-card.sensor-vis{border-color:#52c41a4d;background:linear-gradient(135deg,#f6ffed,#e6ffe6)}.detect-stat-card.sensor-vis:before{background:#52c41a}.detect-stat-card.sensor-ir{border-color:#ff4d4f4d;background:linear-gradient(135deg,#fff2f0,#ffe6e6)}.detect-stat-card.sensor-ir:before{background:#ff4d4f}.detect-stat-card.sensor-snd{border-color:#faad144d;background:linear-gradient(135deg,#fffbe6,#fff7e6)}.detect-stat-card.sensor-snd:before{background:#faad14}.detect-stat-card.sensor-rad{border-color:#1890ff4d;background:linear-gradient(135deg,#f0f5ff,#e6f0ff)}.detect-stat-card.sensor-rad:before{background:#1890ff}.detect-stat-label{font-size:10px;color:#8c8c8c;margin-bottom:1px;font-weight:500}.detect-stat-value{font-size:16px;font-weight:700;color:inherit;line-height:1.2}.data-panel{font-family:Consolas,Monaco,monospace;font-size:12px;background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:4px;overflow:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.amap-logo{display:none!important;opacity:0!important}.amap-copyright{opacity:0!important}