#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}.login-container[data-v-6181aca2]{display:flex;justify-content:center;align-items:center;height:100vh;background:url(../img/back.3daebe23.png) 50%/cover no-repeat;position:relative;overflow:hidden}.login-card[data-v-6181aca2]{display:flex;width:900px;height:500px;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;z-index:1}.login-left[data-v-6181aca2]{flex:1;display:flex;justify-content:center;align-items:center;background-color:#f0f9eb;position:relative}.login-illustration[data-v-6181aca2]{max-width:80%;height:auto;-o-object-fit:contain;object-fit:contain}.login-right[data-v-6181aca2]{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.login-header[data-v-6181aca2]{text-align:center;margin-bottom:40px}.title-wrapper[data-v-6181aca2]{font-size:24px;font-weight:600;color:#333;letter-spacing:1px}.highlight-underline[data-v-6181aca2]{position:relative;display:inline-block}.highlight-underline[data-v-6181aca2]:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:4px;background-color:#42b983;border-radius:2px;z-index:-1}.login-form[data-v-6181aca2]{width:100%;padding:0 20px}.el-form-item[data-v-6181aca2]{margin-bottom:25px}[data-v-6181aca2] .el-input__inner{border-radius:4px;height:45px;line-height:45px;border:1px solid #dcdfe6;padding-left:45px}[data-v-6181aca2] .el-input__inner:focus{border-color:#42b983}.input-icon-wrapper[data-v-6181aca2]{height:100%;display:flex;justify-content:center;align-items:center;width:30px}.input-icon[data-v-6181aca2]{width:20px;height:20px}.login-button[data-v-6181aca2]{width:100%;height:45px;border-radius:4px;font-size:16px;background-color:#38b63c;border-color:#38b63c;letter-spacing:4px}.login-button[data-v-6181aca2]:focus,.login-button[data-v-6181aca2]:hover{background-color:#2ea132;border-color:#2ea132}.layout-container[data-v-5d5f1859]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header[data-v-5d5f1859]{display:flex;justify-content:space-between;align-items:center;height:60px;background-color:#fff;border-bottom:1px solid #e6e6e6;padding:0 20px}.header-left .logo[data-v-5d5f1859]{font-size:20px;font-weight:700;color:#303133}.header-right .user-info[data-v-5d5f1859]{cursor:pointer}.main-container[data-v-5d5f1859]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-5d5f1859]{width:200px;background-color:#fff;overflow-y:auto;border-right:1px solid #e6e6e6}[data-v-5d5f1859] .el-menu-item.is-active{background-color:#28b652!important;color:#fff!important}.menu-icon[data-v-5d5f1859]{width:16px;height:16px;margin-right:8px;vertical-align:middle;-o-object-fit:contain;object-fit:contain}.content[data-v-5d5f1859]{flex:1;background-color:#f5f7fa;overflow-y:auto}.home-container[data-v-6aa6bec2]{padding:10px;background-color:#f4f6f8}.box-card[data-v-6aa6bec2]{margin-bottom:10px;border-radius:8px;border:none}[data-v-6aa6bec2] .el-card__header{border-bottom:none;padding-bottom:0}.clearfix[data-v-6aa6bec2]:after,.clearfix[data-v-6aa6bec2]:before{display:table;content:""}.clearfix[data-v-6aa6bec2]:after{clear:both}.card-header-flex[data-v-6aa6bec2]{display:flex;justify-content:space-between;align-items:center}.el-card__header[data-v-6aa6bec2]{font-weight:600}.card-title[data-v-6aa6bec2]{display:flex;align-items:center;font-weight:700;font-size:15px;color:#333}.card-title[data-v-6aa6bec2]:before{content:"";display:inline-block;width:4px;height:16px;background-color:#28b652;margin-right:10px;border-radius:2px}.real-time-stats-card .update-time[data-v-6aa6bec2]{float:right;font-size:12px;color:#909399;font-weight:400}.stats-grid[data-v-6aa6bec2]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-grid .grid-item[data-v-6aa6bec2]{background:#f8fafa;padding:10px 12px;border-radius:4px}.stat-header[data-v-6aa6bec2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-title[data-v-6aa6bec2]{font-size:13px;color:#606266}.stat-yesterday[data-v-6aa6bec2]{font-size:12px;color:#909399}.stat-value[data-v-6aa6bec2]{font-size:20px;font-weight:700;margin:0 0 4px;color:#303133}.stat-comparison[data-v-6aa6bec2]{font-size:12px;color:#909399;margin:0}.stat-comparison .positive[data-v-6aa6bec2]{color:#67c23a}.stat-comparison .negative[data-v-6aa6bec2]{color:#f56c6c}.trend-icon[data-v-6aa6bec2]{width:12px;height:12px;margin-right:2px;vertical-align:middle}.todo-grid[data-v-6aa6bec2]{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;text-align:center}.todo-item[data-v-6aa6bec2]{display:flex;flex-direction:column;align-items:center;justify-content:center}.todo-value[data-v-6aa6bec2]{font-size:20px;font-weight:700;margin:0 0 8px;color:#303133}.todo-title[data-v-6aa6bec2]{font-size:12px;color:#909399;margin:0}.device-stats-card .el-card__body[data-v-6aa6bec2]{padding:10px 20px}.device-stats-container[data-v-6aa6bec2]{display:flex;justify-content:space-around;text-align:center}.device-stat-value[data-v-6aa6bec2]{font-size:22px;font-weight:700;margin:0}.text-primary[data-v-6aa6bec2]{color:#409eff}.text-success[data-v-6aa6bec2]{color:#67c23a}.text-danger[data-v-6aa6bec2]{color:#f56c6c}.device-stat-title[data-v-6aa6bec2]{font-size:14px;color:#606266;margin:5px 0 0}.functions-grid[data-v-6aa6bec2]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.function-item[data-v-6aa6bec2]{text-align:center;cursor:pointer}.function-item[data-v-6aa6bec2]:hover{opacity:.8}.custom-btn-group[data-v-6aa6bec2]{display:inline-flex}.custom-btn-group .el-button[data-v-6aa6bec2]{border:1px solid transparent;background:#f4f6f8;color:#606266}.custom-btn-group .el-button--success[data-v-6aa6bec2]{background:#fff;border-color:#28b652;color:#28b652;box-shadow:0 2px 4px rgba(40,182,82,.1)}.custom-btn-group .el-button[data-v-6aa6bec2]:hover{color:#28b652}.custom-btn-group .el-button--success[data-v-6aa6bec2]:hover{background:#fff;border-color:#28b652;color:#28b652}.function-item img[data-v-6aa6bec2]{width:28px;height:28px;margin-bottom:8px}.function-item p[data-v-6aa6bec2]{font-size:13px;margin:0;color:#303133}.chart-card[data-v-6aa6bec2]{display:flex;flex-direction:column}.chart-card .el-card__body[data-v-6aa6bec2]{flex-grow:1;padding:10px}.chart[data-v-6aa6bec2]{width:100%;height:260px}.home-container>.el-row[data-v-6aa6bec2]{display:flex;flex-wrap:wrap}.home-container>.el-row>.el-col[data-v-6aa6bec2]{display:flex;flex-direction:column}.home-container .box-card[data-v-6aa6bec2]{display:flex;flex-direction:column;width:100%}.home-container .el-card__body[data-v-6aa6bec2],.home-container>.el-row:last-of-type>.el-col:first-of-type>.common-functions-card[data-v-6aa6bec2]{flex-grow:1}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#303133;background-color:#f5f7fa}#app,body,html{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.p-10{padding:10px}.p-20{padding:20px}