*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#0a0e27;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;height:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0a0e27;border-radius:3px}::-webkit-scrollbar-thumb{background:#1a3a5c;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff}.main-layout{background:#0a0e27;height:100vh;overflow:hidden}.main-layout .ant-layout-sider{border-right:1px solid #00d4ff0f;bottom:0;box-shadow:2px 0 12px #00d4ff0a;height:100vh;left:0;overflow:auto;position:fixed;top:0;z-index:100}.main-layout .ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.logo-container{align-items:center;border-bottom:1px solid #00d4ff14;display:flex;height:80px;transition:all .2s}.logo-container,.logo-container.collapsed{justify-content:center}.logo-title{color:#00d4ff;font-size:24px;font-weight:600;letter-spacing:2px;overflow:hidden;text-shadow:0 0 20px #00d4ff4d;white-space:nowrap}.menu-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto}.main-layout .ant-menu-dark .ant-menu-item,.main-layout .ant-menu-dark .ant-menu-submenu-title{font-size:17px!important;height:52px!important;line-height:52px!important;margin-bottom:0!important;margin-top:0!important}.main-layout .ant-menu-dark.ant-menu-inline .ant-menu-item,.main-layout .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title{border-radius:0!important;margin-bottom:0!important;margin-top:0!important;width:100%!important}.main-layout .ant-menu-dark .ant-menu-submenu-arrow{right:16px}.ant-layout-sider-collapsed .ant-menu-submenu-popup{left:80px!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu-vertical{margin-left:-4px}.site-layout{background:#0a0e27;display:flex;flex-direction:column;height:100vh;transition:margin-left .2s}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0d1b33d9;border-bottom:1px solid #00d4ff0f;box-shadow:0 1px 12px #00d4ff0f;height:48px;justify-content:space-between;line-height:48px;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:99}.header-left,.site-header{align-items:center;display:flex}.header-left{padding-left:16px}.header-collapse-btn{color:#90a4ae;cursor:pointer;font-size:18px;padding:0 12px;transition:color .3s,text-shadow .3s}.header-collapse-btn:hover{color:#00d4ff;text-shadow:0 0 12px #00d4ff66}.header-breadcrumb{margin-left:8px}.header-right{align-items:center;display:flex;gap:16px;padding-right:24px}.header-bigscreen-btns .ant-btn-link{color:#b0bec5;font-size:13px;padding:0 4px}.header-bigscreen-btns .ant-btn-link:hover{color:#00d4ff}.header-user{align-items:center;color:#b0bec5;cursor:pointer;display:flex;gap:8px}.header-user:hover{color:#00d4ff}.site-content{background:#0a0e27;flex:1 1;margin:0;min-height:0;overflow:hidden;padding:8px}.tabs-container{background:#0d1b3399;border-bottom:1px solid #00d4ff0d;padding:0 8px}.tabs-container .ant-tabs-nav{margin-bottom:0}.tabs-container .ant-tabs-tab{border-radius:4px 4px 0 0;font-size:13px;padding:8px 16px}.tabs-container .ant-tabs-tab-active{background:#00d4ff14}.tabs-container .ant-tabs-tab .ant-tabs-tab-btn{color:#78909c}.tabs-container .ant-tabs-tab-active .ant-tabs-tab-btn{color:#00d4ff}.tabs-container .ant-tabs-ink-bar{background:#00d4ff}.tab-close-icon{color:#546e7a;font-size:10px;margin-left:6px;visibility:hidden}.ant-tabs-tab:hover .tab-close-icon{visibility:visible}.tab-close-icon:hover{color:#ff5252}.context-menu{min-width:140px}.context-menu .ant-dropdown-menu-item{font-size:13px;padding:6px 16px}.context-menu .ant-dropdown-menu-item-danger{color:#ff5252}.tab-content{background:#0d1b3366;border:1px solid #00d4ff0d;border-radius:10px;height:100%;margin:0 8px 8px;overflow:auto;padding:16px}.login-layout{align-items:center;background:linear-gradient(135deg,#060b1f,#0a1628 30%,#0d1b33 60%,#0a0e27);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-layout:before{background:radial-gradient(ellipse at 20% 50%,#00d4ff0f 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#00d4ff0a 0,#0000 40%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%2300d4ff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0d1b33e6;border:1px solid #00d4ff1f;border-radius:16px;box-shadow:0 0 40px #00d4ff0f,0 20px 40px #0000004d;min-height:480px;width:860px;z-index:1}.login-card,.login-left{display:flex;overflow:hidden}.login-left{align-items:center;background:linear-gradient(135deg,#00d4ff,#08c);color:#fff;flex:1 1;flex-direction:column;justify-content:center;padding:40px;position:relative}.login-left:before{animation:loginGlow 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes loginGlow{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.login-left-icon{filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:72px;margin-bottom:16px;z-index:1}.login-left-title{font-size:28px;font-weight:700;letter-spacing:4px;margin-bottom:8px;z-index:1}.login-left-desc{font-size:15px;line-height:1.8;opacity:.9;text-align:center;z-index:1}.login-right{align-items:center;background:#0a0e2799;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 50px}.login-right-title{color:#e0e0e0;font-size:22px;font-weight:600;margin-bottom:8px}.login-right-subtitle{color:#78909c;font-size:14px;margin-bottom:32px}.login-form{width:100%}.login-form .ant-btn,.login-form .ant-input-affix-wrapper{border-radius:4px;height:44px}.login-form .ant-btn{font-size:16px}.dashboard-container{padding:0}.stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat-card{background:#0d1b3399;border:1px solid #00d4ff0f;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,#00d4ff,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.stat-card:hover{border-color:#00d4ff26;box-shadow:0 4px 24px #00d4ff1f;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-content{align-items:center;display:flex;padding:20px 24px}.stat-card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:28px;height:56px;justify-content:center;margin-right:16px;position:relative;width:56px}.stat-card-icon:after{border-radius:14px;content:"";inset:-2px;opacity:.3;position:absolute;z-index:-1}.stat-card-icon.blue{background:linear-gradient(135deg,#00d4ff,#08c);box-shadow:0 0 20px #00d4ff4d}.stat-card-icon.green{background:linear-gradient(135deg,#00e676,#00c853);box-shadow:0 0 20px #00e6764d}.stat-card-icon.orange{background:linear-gradient(135deg,#ffab00,#ff6d00);box-shadow:0 0 20px #ffab004d}.stat-card-icon.red{background:linear-gradient(135deg,#ff5252,#d50000);box-shadow:0 0 20px #ff52524d}.stat-card-info h3{color:#e0e0e0;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-card-info p{color:#78909c;font-size:13px;margin:0}.charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.chart-card{background:#0d1b3399;border:1px solid #00d4ff0f;border-radius:12px;padding:16px;transition:border-color .3s}.chart-card:hover{border-color:#00d4ff1f}.chart-card-title{align-items:center;border-bottom:1px solid #00d4ff0f;color:#b0bec5;display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:12px;padding-bottom:8px}.chart-card-title:before{background:#00d4ff;border-radius:2px;box-shadow:0 0 8px #00d4ff66;content:"";display:inline-block;height:14px;width:3px}.notice-card .notice-list{height:280px;overflow-y:auto;padding-right:4px}.notice-card .notice-list::-webkit-scrollbar{width:4px}.notice-card .notice-list::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}.notice-card .notice-list::-webkit-scrollbar-track{background:#0000}.notice-card .ant-empty{margin-top:80px}.notice-card .ant-empty-description{color:#78909c}.notice-item{border-bottom:1px solid #00d4ff0f;cursor:pointer;padding:10px 0;transition:background .2s}.notice-item:last-child{border-bottom:none}.notice-item:hover{background:#00d4ff0a}.notice-item.is-top{background:#00d4ff0d}.notice-item-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.notice-type-tag{font-size:11px;line-height:18px;margin:0;padding:0 6px}.notice-top-badge{border:1px solid #ffab004d;border-radius:2px;color:#ffab00;display:inline-block;font-size:10px;line-height:16px;padding:0 4px}.notice-item-title{color:#b0bec5;font-size:13px;line-height:1.5;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-item-time{color:#546e7a;font-size:11px}.alarm-list-card{background:#0d1b3399;border:1px solid #00d4ff0f;border-radius:12px;padding:16px}.bigscreen-container{background:linear-gradient(180deg,#060b1f,#0a1628 50%,#060b1f);color:#fff;font-family:Microsoft YaHei,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.bigscreen-container:before{background:radial-gradient(ellipse at 30% 20%,#00d4ff0a 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#00d4ff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bigscreen-header{align-items:center;background:linear-gradient(180deg,#00d4ff1f,#0000);border-bottom:1px solid #00d4ff0d;display:flex;height:54px;justify-content:center;position:relative}.bigscreen-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:4px}.bigscreen-time{color:#00d4ff;font-size:16px;letter-spacing:2px;position:absolute;right:32px;top:50%;transform:translateY(-50%)}.bigscreen-map-layer{bottom:0;left:0;position:absolute;right:0;top:54px;z-index:1}.bigscreen-overlay-left{bottom:75px;display:flex;flex-direction:column;gap:10px;left:16px;pointer-events:none;position:absolute;top:64px;width:380px;z-index:10}.bigscreen-overlay-left>*{pointer-events:auto}.bigscreen-overlay-right{bottom:75px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:absolute;right:16px;top:64px;width:380px;z-index:10}.bigscreen-overlay-right>*{pointer-events:auto}.bigscreen-float-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06142d59;border:1px solid #00d4ff1a;border-radius:10px;box-shadow:0 4px 20px #00000040;overflow:hidden;padding:10px 12px;position:relative}.bigscreen-float-card:after{background:linear-gradient(90deg,#0000,#00d4ff1f,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.bigscreen-float-card .card-title{align-items:center;color:#00d4ff;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px}.bigscreen-float-card .card-title:before{background:linear-gradient(180deg,#00d4ff,#00d4ff33);border-radius:1px;box-shadow:0 0 6px #00d4ff80;content:"";display:inline-block;height:12px;width:2px}.bigscreen-param-table{border-collapse:collapse;font-size:11px;width:100%}.bigscreen-param-table th{border-bottom:1px solid #00d4ff26;color:#00d4ff;font-weight:500;padding:4px 6px;text-align:center;white-space:nowrap}.bigscreen-param-table td{border-bottom:1px solid #00d4ff0d;color:#b0bec5;padding:3px 6px;text-align:center;white-space:nowrap}.bigscreen-param-table tr:hover td{background:#00d4ff0a}.bigscreen-param-table .site-col{color:#7ec2ff;font-weight:500;text-align:left}.bigscreen-param-table .warn{color:#ffab00}.bigscreen-param-table .good{color:#00e676}.bigscreen-footer{bottom:0;height:70px;left:0;padding:0 16px 8px;position:absolute;right:0;z-index:20}.bigscreen-footer-inner{background:#060f238c;border:1px solid #00d4ff1a;border-radius:12px;box-shadow:0 0 20px #0006;height:100%;overflow:hidden;padding:8px 16px;position:relative}.bigscreen-footer-inner:after{background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.bigscreen-footer-title{color:#00d4ff;font-size:14px;margin-bottom:6px}.bigscreen-alarm-list{height:24px;overflow:hidden;position:relative}.bigscreen-alarm-scroll{column-gap:24px;display:flex;flex-wrap:wrap;row-gap:0;transition:transform .5s ease}.bigscreen-alarm-item{align-items:center;display:flex;flex-shrink:0;font-size:14px;gap:8px;height:22px;line-height:22px;padding:0 0 2px;white-space:nowrap}.bigscreen-alarm-item:after{border-bottom:1px dashed #00d4ff14;bottom:0;content:"";left:0;position:absolute;right:0}.bigscreen-alarm-dot{animation:blink 1s infinite;background:#ff5252;border-radius:50%;box-shadow:0 0 8px #ff525299;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.site-list-item{align-items:center;background:#00d4ff0a;border:1px solid #00d4ff0d;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px;position:relative;transition:all .3s ease}.site-list-item:before{background:#00d4ff4d;border-radius:1px;bottom:15%;content:"";left:0;opacity:0;position:absolute;top:15%;transition:opacity .3s;width:2px}.site-list-item:hover{background:#00d4ff14;border-color:#00d4ff26;box-shadow:0 0 12px #00d4ff0f}.site-list-item:hover:before{opacity:1}.site-list-item .site-name{color:#b0d4ff;font-size:14px}.site-list-item .site-status{align-items:center;display:flex;font-size:12px;gap:4px}.site-status.online{color:#00e676}.site-status.offline{color:#ff5252}.site-status-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.site-status-dot.online{background:#00e676;box-shadow:0 0 8px #00e67699}.site-status-dot.offline{background:#ff5252;box-shadow:0 0 8px #ff525299}.kpi-item{align-items:center;background:#00d4ff0a;border:1px solid #00d4ff0d;border-radius:8px;display:flex;margin-bottom:6px;padding:10px 12px;position:relative;transition:all .3s ease}.kpi-item:before{background:#00d4ff66;border-radius:1px;bottom:20%;content:"";left:0;opacity:0;position:absolute;top:20%;transition:opacity .3s;width:2px}.kpi-item:hover{background:#00d4ff14;border-color:#00d4ff1f;box-shadow:0 0 14px #00d4ff0d}.kpi-item:hover:before{opacity:1}.kpi-icon{align-items:center;border-radius:8px;display:flex;font-size:20px;height:42px;justify-content:center;margin-right:12px;width:42px}.kpi-icon.water{background:#00d4ff26;color:#00d4ff}.kpi-icon.green-check{background:#00e67626;color:#00e676}.kpi-icon.energy{background:#ffab0026;color:#ffab00}.kpi-info h4{color:#fff;font-size:20px;font-weight:700;line-height:1;margin:0}.kpi-info span{color:#00d4ff;font-size:12px}.profile-container{margin:0 auto;max-width:900px}.profile-header-card{margin-bottom:16px;text-align:center}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;padding:12px}.profile-avatar{margin-bottom:6px}.profile-username{font-size:15px;font-weight:600;margin-bottom:2px}.profile-role{color:#78909c;font-size:12px}.profile-info-card{margin-bottom:16px}.map-placeholder{align-items:center;background:#00d4ff0a;border:1px dashed #00d4ff14;border-radius:8px;color:#00d4ff;display:flex;flex-direction:column;font-size:14px;gap:8px;height:100%;justify-content:center;min-height:300px;width:100%}.map-placeholder-icon{font-size:48px}.bigscreen-body{display:flex;padding:16px}.bigscreen-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06142d59;border:1px solid #00d4ff1a;border-radius:10px;box-shadow:0 4px 20px #00000040;overflow:hidden;padding:12px 16px}.bigscreen-panel-title{align-items:center;border-bottom:1px solid #00d4ff1a;color:#00d4ff;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:10px;padding-bottom:8px}.device-model-fullscreen{bottom:0;left:0;position:absolute;right:0;top:54px;z-index:1}.device-model-fullscreen model-viewer{height:100%;outline:none;width:100%}.device-model-hint{bottom:16px;color:#00d4ff59;font-size:11px;left:50%;letter-spacing:1px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:5}.device-camera-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.device-camera-title-right{color:#7ec2ff;font-size:11px;font-weight:400;letter-spacing:.5px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-camera-viewer{background:#000;border-radius:4px;cursor:pointer;height:calc(100% - 28px);overflow:hidden;position:relative;width:100%}.camera-live-indicator{align-items:center;background:#00000080;border-radius:3px;color:#ff4d4f;display:flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:1px;padding:2px 6px;position:absolute;right:8px;top:6px}.camera-live-dot{animation:camera-live-blink 1.2s infinite;background:#ff4d4f;border-radius:50%;height:6px;width:6px}@keyframes camera-live-blink{0%,to{opacity:1}50%{opacity:.2}}.camera-info-bar{background:linear-gradient(0deg,#0000008c,#0000);bottom:0;font-size:10px;justify-content:space-between;left:0;padding:3px 8px;right:0}.camera-fullscreen-btn,.camera-info-bar{align-items:center;color:#fffc;display:flex;position:absolute}.camera-fullscreen-btn{background:#00000080;border-radius:3px;cursor:pointer;height:24px;justify-content:center;left:8px;top:6px;transition:background .2s;width:24px;z-index:5}.camera-fullscreen-btn:hover{background:#00d4ff4d;color:#00d4ff}@media (max-width:1200px){.charts-row{grid-template-columns:1fr 1fr}.stat-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-row,.stat-cards{grid-template-columns:1fr}.login-card{flex-direction:column;width:90%}.login-left{display:none}}
/*# sourceMappingURL=main.5f465de2.css.map*/