[data-v-5dc7e145]{margin:0;padding:0;box-sizing:border-box}.top-brand[data-v-5dc7e145]{max-width:1720px;min-width:820px;width:70%;justify-self:center;align-items:center}.top-brand[data-v-5dc7e145] *{letter-spacing:.2cap}.brand-name[data-v-5dc7e145]{font-size:24px;padding-left:20px}.brand-name[data-v-5dc7e145],.system-name[data-v-5dc7e145]{font-weight:400;color:#339;height:50px;line-height:50px;vertical-align:bottom}.system-name[data-v-5dc7e145]{font-size:14px;width:60%}body[data-v-5dc7e145]{margin:0}.login-container[data-v-5dc7e145]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f2f5}.login-card[data-v-5dc7e145]{max-width:1720px;min-width:820px;width:70%;background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);display:grid;grid-template-columns:.7fr 1fr;overflow:hidden}.right-panel[data-v-5dc7e145]{padding:50px 60px 20px 60px;background:#fff}.form-header[data-v-5dc7e145]{font-size:30px;letter-spacing:.02em;margin-bottom:2rem;color:#666}.input-group[data-v-5dc7e145]{margin-bottom:1.75rem}.input-group label[data-v-5dc7e145]{display:block;font-size:.9rem;font-weight:500;color:#2c3e50;margin-bottom:.5rem}.login-button[data-v-5dc7e145]{width:100%;background:#1f2f3e;background:#409eff;height:50px;color:#fff;border:none;border-radius:40px;padding:.9rem;font-size:20px;font-weight:600;letter-spacing:4px}.login-button[data-v-5dc7e145]:hover{background:#1f2f3e}.copyright[data-v-5dc7e145]{font-size:12px;color:#8ba0b2;margin-top:50px;width:100%;text-align:center}.left-panel[data-v-5dc7e145]{padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#339}.main-title[data-v-5dc7e145]{font-size:40px;font-weight:600;color:#fff;margin:1.25rem 0 1rem 0;line-height:1.3;margin-right:10px}.sub-title[data-v-5dc7e145]{padding-left:10px;font-size:20px;font-weight:600;color:#fff;margin:1.25rem 0 1rem 0;line-height:1.3}.description[data-v-5dc7e145]{font-size:12px;line-height:1.5;color:#fff;margin-bottom:2rem}.el-menu-vertical-demo:not(.el-menu--collapse){width:200px;min-height:400px;height:100%}.toggleCollapse{position:absolute;left:5px;bottom:10px}.custom-aside{height:100vh}body{padding:0;margin:0;overflow:auto}.navRight{width:auto;position:absolute;top:0;right:0}.navRight ul{display:flex;list-style:none;padding:0;margin:0 0 0 140px}.navRight ul li{float:left;padding:0 1px;font-size:15px;min-width:60px;text-align:center;cursor:pointer}.navRight ul li:hover{float:left;background-color:#409eff}.contaier{height:100vh;margin:0}.el-container>.el-header{background-color:#339;color:#fff;height:50px}.el-container>.el-header>div{height:50px;line-height:50px;vertical-align:middle}.el-container>.el-aside{height:calc(100vh - 50px);width:auto;overflow:auto}.el-container>.el-main{background-color:#f0f2f5;padding:5px;overflow:auto}.toolbar{display:flex;height:40px;align-items:center;padding:10px 0 10px;margin:0 auto}.query-input{margin-right:10px;width:200px}.query-btn{margin-left:10px}.el-input-width{width:220px}@font-face{font-family:优设标题黑;src:url(/fonts/YouSheBiaoTiHei-2.fc8630f2.ttf) format("truetype")}.green-dot{background-color:#4caf50}.green-dot,.red-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.red-dot{background-color:red}[data-v-2500e52f] .my-label{background:var(--el-color-success-light-9)!important}.page[data-v-16561272]{height:calc(100vh - 70px);padding:10px 2px;display:flex;flex-direction:column}.header[data-v-16561272]{height:40px}.content[data-v-16561272]{flex:1}.foot[data-v-16561272]{height:40px;display:flex;align-items:center;justify-content:space-between}.device-list-container[data-v-16561272]{width:100%;margin:16px 0}.device-list-grid[data-v-16561272]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;width:100%}.device-card{&[data-v-16561272]{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}.device-status-tag[data-v-16561272]{position:absolute;top:18px;right:13px}.device-no[data-v-16561272]{font-size:14px;font-weight:600}.device-meta[data-v-16561272]{font-size:12px}}.inner-div[data-v-16561272]{width:80px;border:1px solid #ccc;height:30px;line-height:30px;text-align:center;vertical-align:middle;font-size:12px;border-radius:5px}.addItem[data-v-16561272]{position:absolute;right:50px;bottom:5vh;cursor:pointer;font-size:80px}.addButtonIcon[data-v-16561272]{font-size:60px;color:#409eff}.addButtonIcon[data-v-16561272]:hover{font-size:65px;color:#409eff}.leftContaier[data-v-16561272]{width:30%;height:calc(100vh - 62px);overflow:auto;float:left;box-shadow:5px 0 20px -5px #ccc}.rightContaier[data-v-16561272]{margin-left:5px;width:60%;height:calc(100vh - 72px);float:left;padding:5px 20px;overflow:auto}.deviceItem[data-v-16561272]{border:2px solid #ccc;border-radius:5px;height:160px;margin:3px 0;padding:1px 2px;cursor:pointer;display:flex;justify-content:flex-end;align-items:center}.active-deviceItem[data-v-16561272]{border-radius:5px;border:2px solid #409eff}[data-v-16561272]::-webkit-scrollbar{width:0}.status-bar[data-v-16561272]{margin-right:20px;flex:0 1 auto;display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:14px}.status-item[data-v-16561272]{display:flex;align-items:center;gap:16px}.not-found-container[data-v-3ebdd74b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background-color:#f8f9fa}.illustration[data-v-3ebdd74b]{max-width:300px;margin-bottom:2rem}.illustration img[data-v-3ebdd74b]{width:100%;height:auto}.content h1[data-v-3ebdd74b]{font-size:5rem;margin:0;color:#dc3545}.content h2[data-v-3ebdd74b]{font-size:2rem;margin:1rem 0;color:#343a40}.content p[data-v-3ebdd74b]{font-size:1.1rem;color:#6c757d;margin-bottom:2rem}.actions[data-v-3ebdd74b]{display:flex;gap:1rem;justify-content:center}@media (max-width:768px){.content h1[data-v-3ebdd74b]{font-size:3rem}.content h2[data-v-3ebdd74b]{font-size:1.5rem}}