*{margin:0;padding:0}#app,.homeBodyBox{height:100vh;width:100vw}.homeBodyBox{background:linear-gradient(135deg,#0e122d,#1a1f3d);padding:10px}.headerBox{height:60px;width:100%;justify-content:center;position:relative;font-size:28px;font-weight:700;text-shadow:0 0 20px rgba(42,142,241,.3);box-shadow:0 4px 15px rgba(42,142,241,.2);border-radius:10px;padding:0 20px;margin-bottom:15px}.headerBox,.logo-container{display:flex;align-items:center}.logo-container{margin-right:15px}.logo-img{height:40px;width:auto;-o-object-fit:contain;object-fit:contain}.titleText{text-align:center;flex:none;background:linear-gradient(180deg,#003cff,#86c4ff);-webkit-background-clip:text}.timeBox,.titleText{-webkit-text-fill-color:transparent}.timeBox{position:absolute;right:150px;font-size:18px;color:#fff;font-weight:700;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;padding:8px 16px;border-radius:20px;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.mainBox{height:calc(100vh - 95px);width:100%;display:flex;justify-content:space-between;gap:15px}.leftBox,.rightBox{width:19%;display:flex;flex-direction:column;gap:12px}.centerBox,.leftBox,.rightBox{height:100%;border:1px solid rgba(42,142,241,.3);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.3);background:rgba(14,18,45,.8);backdrop-filter:blur(10px);overflow:hidden}.centerBox{width:60%}.playback-bar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:8px 20px;background:rgba(14,18,45,.8);backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(42,142,241,.3);box-shadow:0 4px 15px rgba(0,0,0,.3);width:90%;max-width:1000px;justify-content:center;z-index:999}.playback-controls{display:flex;align-items:center;gap:10px}.playback-btn{color:#2a8ef1;font-size:20px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(42,142,241,.5)}.playback-btn:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 20px rgba(42,142,241,.8)}.playback-slider{flex:1;display:flex;align-items:center}.playback-slider .el-slider{width:100%}.playback-slider .el-slider__runway{height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(42,142,241,.3),rgba(42,142,241,.6));border:none}.playback-slider .el-slider__bar{height:4px;border-radius:2px;background:#2a8ef1}.playback-slider .el-slider__button-wrapper{top:-18px}.playback-slider .el-slider__button{width:12px;height:12px;border:none;background:#2a8ef1;box-shadow:0 0 8px rgba(42,142,241,.8);transition:all .3s ease}.playback-slider .el-slider__button:hover{transform:scale(1.2);box-shadow:0 0 16px #2a8ef1}.playback-time{color:#fff;font-size:14px;font-weight:700;min-width:150px;text-align:center;text-shadow:0 0 10px rgba(42,142,241,.5)}.time-selector-box{padding:8px 12px;border:1px solid rgba(42,142,241,.3);border-radius:8px;background:rgba(14,18,45,.8);display:flex;flex-direction:column;align-items:center;gap:6px}.time-selector-box .el-date-editor{width:100%}.time-range-label{font-size:12px;color:hsla(0,0%,100%,.7);text-align:center}.moduleBox{flex:1;border:1px solid rgba(42,142,241,.3);border-radius:8px;background:linear-gradient(135deg,rgba(14,18,45,.9),rgba(26,31,61,.9));display:flex;flex-direction:column;transition:all .3s ease}.moduleBox:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(42,142,241,.3);border-color:#2a8ef1}.moduleHeader{display:flex;align-items:center;padding:12px 15px;background:linear-gradient(90deg,rgba(42,142,241,.1),transparent);border-bottom:1px solid rgba(42,142,241,.2)}.moduleIcon{color:#2a8ef1;font-size:20px;margin-right:10px;text-shadow:0 0 10px rgba(42,142,241,.5)}.moduleTitle{color:#fff;font-weight:700;font-size:15px;letter-spacing:1px}.moduleContent{flex:1;padding:15px;overflow-y:auto;color:#e0e0e0;font-size:14px}.warning-item{display:flex;flex-direction:column;gap:10px}.warning-area,.warning-index,.warning-level,.warning-time{display:flex;align-items:center;gap:8px}.level-text{color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5)}.index-text,.level-text{font-weight:700;font-size:18px}.index-text{color:#2a8ef1;text-shadow:0 0 10px rgba(42,142,241,.5)}.warning-area,.warning-time{color:#b0b0b0}.logout-btn{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#fff!important;font-size:14px!important;font-weight:700!important;padding:8px 16px;border-radius:20px;transition:all .3s ease;background:rgba(42,142,241,.3);z-index:10;cursor:pointer;display:flex;align-items:center;gap:5px;border:1px solid rgba(42,142,241,.5)}.logout-btn:hover{background:rgba(42,142,241,.5);color:#fff!important;transform:translateY(-50%) scale(1.05);box-shadow:0 0 10px rgba(42,142,241,.5)}.logout-btn i{margin-right:5px}.moduleContent::-webkit-scrollbar{width:6px}.moduleContent::-webkit-scrollbar-track{background:rgba(14,18,45,.5);border-radius:3px}.moduleContent::-webkit-scrollbar-thumb{background:#2a8ef1;border-radius:3px}.moduleContent::-webkit-scrollbar-thumb:hover{background:#06c}.el-table{font-size:12px;color:#fff;background-color:transparent}.el-table th{background:linear-gradient(135deg,rgba(42,142,241,.3),rgba(42,142,241,.1));color:#fff;font-weight:700}.el-table th,.el-table th.is-leaf{border-bottom:1px solid rgba(42,142,241,.3)}.el-table td{border-bottom:1px solid rgba(42,142,241,.2);color:#fff}.el-table tr{background-color:transparent}.el-table tr:hover{background-color:rgba(42,142,241,.15)}.el-table .el-table__header-wrapper th{background-color:#162a50!important;color:#fff!important}.el-table .el-table__header-wrapper th .cell{color:#fff!important}.el-table .el-table__body tr,.el-table .el-table__body-wrapper td{background-color:transparent!important}.el-table .el-table__body tr:hover{background-color:rgba(42,142,241,.15)!important}.el-table .el-table__body tr.table-row-even,.el-table .el-table__body tr.table-row-odd{background-color:transparent!important}.el-tag{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:700}.el-tag--success{background-color:rgba(46,204,113,.2);border-color:rgba(46,204,113,.4);color:#2ecc71}.el-tag--danger{background-color:rgba(231,76,60,.2);border-color:rgba(231,76,60,.4);color:#e74c3c}.rightBox .moduleBox{flex:none;height:24%}.rightBox .moduleContent{flex:none;height:75%;padding:8px}#radarChart{width:100%!important;height:120px!important}#barChart{width:100%!important;height:100%!important}.centerBox{position:relative}.centerBox:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(42,142,241,.5),transparent)}.map-container{width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.3)}.map-reset-btn{position:absolute;bottom:60px;right:16px;z-index:1000;width:34px;height:34px;background:rgba(14,18,45,.95);border:1px solid rgba(42,142,241,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.3)}.map-reset-btn:hover{border-color:#2a8ef1;color:#2a8ef1;box-shadow:0 0 10px rgba(42,142,241,.4)}.leaflet-container{width:100%;height:100%;border-radius:8px}.progress-control,.progress-control-custom{float:none!important;margin:0!important}.leaflet-bottom.leaflet-left,.progress-control,.progress-control-custom{position:absolute!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;z-index:1000!important}.progress-container{display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(14,18,45,.9);padding:15px 25px;border-radius:10px;border:1px solid rgba(42,142,241,.3);box-shadow:0 4px 15px rgba(0,0,0,.3)}.progress-bar{width:300px;height:8px;background:rgba(42,142,241,.2);border-radius:4px;overflow:hidden}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#2a8ef1,#06c);border-radius:4px;transition:width .3s ease}.progress-buttons{display:flex;align-items:center;gap:15px}.progress-buttons button{background:rgba(42,142,241,.2);border:1px solid #2a8ef1;color:#2a8ef1;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.progress-buttons button:hover{background:rgba(42,142,241,.4);box-shadow:0 0 10px rgba(42,142,241,.5)}.progress-text{color:#fff;font-size:14px;font-weight:700}.data-selector{position:absolute;top:20px;left:20px;z-index:999;background:rgba(14,18,45,.95);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;border:1px solid rgba(42,142,241,.3);box-shadow:0 4px 15px rgba(0,0,0,.3)}.data-selector .el-radio-button{margin-right:10px}.data-selector .el-radio-button:last-child{margin-right:0}.data-selector .el-radio-button__inner{background:rgba(14,18,45,.9);border-color:rgba(42,142,241,.3);color:#fff;font-size:14px;padding:8px 20px;border-radius:20px;transition:all .3s ease;border-left:none;margin-left:-1px}.data-selector .el-radio-button__inner:first-child{border-left:1px solid rgba(42,142,241,.3);margin-left:0}.data-selector .el-radio-button__inner:hover{border-color:#2a8ef1;color:#2a8ef1;box-shadow:0 0 10px rgba(42,142,241,.3)}.data-selector .el-radio-button__orig-radio:checked+.el-radio-button__inner{background:rgba(42,142,241,.2);border-color:#2a8ef1;color:#2a8ef1;box-shadow:0 0 15px rgba(42,142,241,.5)}.map-controls{position:absolute;top:80px;left:20px;z-index:999;background:rgba(14,18,45,.95);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;border:1px solid rgba(42,142,241,.3);box-shadow:0 4px 15px rgba(0,0,0,.3)}.map-controls .el-radio-group{display:flex;flex-direction:column}.map-controls .el-radio-button{margin-right:0;margin-bottom:8px}.map-controls .el-radio-button:last-child{margin-bottom:0}.map-controls .el-radio-button__inner{background:rgba(14,18,45,.9);border-color:rgba(42,142,241,.3);color:#fff;font-size:14px;padding:8px 20px;border-radius:20px;transition:all .3s ease;width:100%;text-align:center;border-left:1px solid rgba(42,142,241,.3);margin-left:0}.map-controls .el-radio-button__inner:hover{border-color:#2a8ef1;color:#2a8ef1;box-shadow:0 0 10px rgba(42,142,241,.3)}.map-controls .el-radio-button__orig-radio:checked+.el-radio-button__inner{background:rgba(42,142,241,.2);border-color:#2a8ef1;color:#2a8ef1;box-shadow:0 0 15px rgba(42,142,241,.5)}*{box-sizing:border-box}.login-container{height:100vh;width:100vw;background:linear-gradient(135deg,#0e122d,#1a1f3d);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(42,142,241,.1) 0,transparent 60%);animation:rotate 60s linear infinite}.login-container:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(rgba(42,142,241,.05) 1px,transparent 0),linear-gradient(90deg,rgba(42,142,241,.05) 1px,transparent 0);background-size:50px 50px;opacity:.3}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-box{width:420px;padding:40px;background:rgba(14,18,45,.9);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(42,142,241,.3);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(42,142,241,.2);position:relative;z-index:10}.login-header{text-align:center;margin-bottom:40px}.logo-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#2a8ef1,#06c);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 30px rgba(42,142,241,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 30px rgba(42,142,241,.5)}50%{box-shadow:0 0 50px rgba(42,142,241,.8)}}.logo-icon i{color:#fff;font-size:28px}.title{color:#fff;font-size:22px;font-weight:700;margin:0 0 10px;text-shadow:0 0 20px rgba(42,142,241,.3)}.subtitle{color:hsla(0,0%,100%,.7);font-size:14px;margin:0}.login-form{margin-top:20px}.login-form .el-form-item{margin-bottom:25px}.login-form .el-input__inner{background:rgba(14,18,45,.6);border:1px solid rgba(42,142,241,.3);border-radius:10px;color:#fff;padding-left:40px;height:45px;transition:all .3s ease}.login-form .el-input__inner:hover{border-color:#2a8ef1;box-shadow:0 0 15px rgba(42,142,241,.2)}.login-form .el-input__inner:focus{border-color:#2a8ef1;box-shadow:0 0 20px rgba(42,142,241,.4)}.login-form .el-input__prefix{left:12px;display:flex;align-items:center;height:100%}.login-form .el-input__prefix i{color:#2a8ef1;font-size:18px;display:flex;align-items:center}.captcha-img{width:100px;height:45px;background:linear-gradient(135deg,rgba(42,142,241,.2),rgba(0,102,204,.2));border:1px solid rgba(42,142,241,.3);border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0;transition:all .3s ease;overflow:hidden}.captcha-img:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(42,142,241,.3)}.captcha-img span{color:#fff;font-weight:700;font-size:18px;letter-spacing:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-form .el-checkbox{color:#fff;font-size:14px}.login-form .el-checkbox__label{color:#fff}.login-form .el-checkbox__input.is-checked+.el-checkbox__label{color:#2a8ef1}.login-form .el-link{font-size:14px}.login-btn{width:100%;height:45px;background:linear-gradient(135deg,#2a8ef1,#06c);border:none;border-radius:10px;font-size:16px;font-weight:700;box-shadow:0 4px 20px rgba(42,142,241,.4);transition:all .3s ease;margin-top:10px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(42,142,241,.6)}.login-btn:active{transform:translateY(0)}.login-btn .el-icon-loading{margin-right:8px}.login-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid rgba(42,142,241,.2)}.login-footer p{color:hsla(0,0%,100%,.5);font-size:13px;margin:0}.login-footer a{color:#2a8ef1;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#fff;text-shadow:0 0 10px rgba(42,142,241,.5)}.el-form-item__error{color:#e74c3c;font-size:12px}@media (max-width:480px){.login-box{width:90%;padding:30px 20px}.captcha-img{width:80px;height:40px}.title{font-size:18px}}