.page[data-v-3df170d7]{width:100%;height:100vh;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative;overflow:auto}.title[data-v-3df170d7]{position:absolute;top:60px;width:100%;text-align:center;font-family:YouSheBiaoTiHei,sans-serif;font-weight:400;font-size:56px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:10}.project-selector[data-v-3df170d7]{position:absolute;top:30px;left:40px;z-index:30}.project-selector[data-v-3df170d7] .ant-select{background:rgba(0,0,0,.6);border-radius:8px}.project-selector[data-v-3df170d7] .ant-select-selection{background:rgba(0,0,0,.8)!important;border:1px solid rgba(70,252,254,.3)!important;border-radius:8px!important;height:40px!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.project-selector[data-v-3df170d7] .ant-select-selection__rendered{color:#46fcfe!important;font-size:15px;font-weight:600;line-height:40px}.project-selector[data-v-3df170d7] .ant-select-selection__placeholder{color:rgba(70,252,254,.6)!important;font-weight:400}.project-selector[data-v-3df170d7] .ant-select-arrow{color:rgba(70,252,254,.8)!important}.project-selector[data-v-3df170d7] .ant-select-selection:hover{border-color:rgba(70,252,254,.6)!important;box-shadow:0 0 8px rgba(70,252,254,.3)}.project-option[data-v-3df170d7]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:4px 0}.project-name[data-v-3df170d7]{font-weight:500;font-size:14px;color:#fff}.project-status[data-v-3df170d7]{font-size:12px;margin-left:8px}.project-status.online[data-v-3df170d7]{color:#67c23a}.project-status.offline[data-v-3df170d7]{color:#f56c6c}.project-dropdown .ant-select-dropdown-menu-item{background:rgba(0,0,0,.95)!important;border:1px solid rgba(70,252,254,.2)!important;color:#46fcfe!important}.project-dropdown .ant-select-dropdown-menu-item:hover{background:rgba(0,0,0,.8)!important;color:#fff!important}.project-dropdown .ant-select-dropdown-menu-item-selected{background:rgba(70,252,254,.15)!important;color:#46fcfe!important;font-weight:600!important}.panel{position:absolute;width:320px;padding:20px 18px;border-radius:16px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(70,252,254,.2);box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:20}.panel-left-top{left:40px;top:160px}.panel-right-top{right:40px;top:160px}.panel-left-bottom{left:40px;bottom:200px}.panel-right-bottom{right:40px;bottom:200px}.chart-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:900px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:20px;border:1px solid rgba(70,252,254,.2);z-index:15}.chart-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(70,252,254,.3)}.chart-title{font-weight:700;font-size:18px;color:#46fcfe;letter-spacing:1px}.date-selector input{background:rgba(0,0,0,.6);border:1px solid rgba(70,252,254,.3);border-radius:8px;padding:6px 12px;color:#46fcfe;font-size:14px;cursor:pointer}.date-selector input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.chart-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px}.panel-title{font-weight:700;font-size:18px;color:#46fcfe;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(70,252,254,.3);letter-spacing:1px}.panel-content{-ms-flex-direction:column;flex-direction:column;gap:14px}.panel-content,.panel-item{display:-ms-flexbox;display:flex}.panel-item{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;align-items:baseline;padding:6px 0}.panel-label{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.85)}.panel-value{font-weight:700;font-size:24px;color:#46fcfe;font-family:DIN,YouSheBiaoTiHei,monospace;text-shadow:0 0 5px rgba(70,252,254,.3);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot-success{background-color:#67c23a;box-shadow:0 0 6px #67c23a}.dot-warning{background-color:#e6a23c;box-shadow:0 0 6px #e6a23c}.dot-danger{background-color:#f56c6c;box-shadow:0 0 6px #f56c6c}.status-success{color:#67c23a!important}.status-warning{color:#e6a23c!important}.status-danger{color:#f56c6c!important}.menu{position:absolute;bottom:50px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:40px;z-index:20}.menu-item{border-radius:30px;height:110px;width:110px;background-color:hsla(0,0%,100%,.95);text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.menu-item:hover{transform:translateY(-5px);background-color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.3)}.menu-img{margin-top:12px}.menu-img img{width:45px;height:45px}.menu-title{margin-top:6px;font-weight:500;font-size:14px;color:#333}@media (max-height:900px){.panel-left-bottom,.panel-right-bottom{bottom:140px}.panel-left-top,.panel-right-top{top:140px}.chart-container{top:55%;width:750px;padding:15px}}@media (min-height:1000px){.panel-left-top,.panel-right-top{top:200px}.panel-left-bottom,.panel-right-bottom{bottom:250px}.chart-container{top:50%;width:950px}}