.logo-title[data-v-8b706fde]{display:flex;align-items:center}.logo-title .logo[data-v-8b706fde]{width:90px;height:40px;margin-right:8px}.logo-title .title[data-v-8b706fde]{font-size:18px;font-weight:600;letter-spacing:1px;color:#fff}.title[data-v-5b8a3001]{font-size:16px;margin-bottom:12px;text-align:center}.user-info[data-v-5b8a3001]{display:flex;align-items:center;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .3s}.user-info[data-v-5b8a3001]:hover{background:rgba(9,195,227,.463)}.user-info span[data-v-5b8a3001]{margin:0 8px}.user-info .username[data-v-5b8a3001]{color:#409eff}.user-detail .row[data-v-5b8a3001]{margin-bottom:8px;font-size:14px}.user-detail .row .label[data-v-5b8a3001]{color:#666}.user-detail .row .value[data-v-5b8a3001]{color:#333;margin-left:4px}.user-detail .logout-btn[data-v-5b8a3001]{width:100%;margin-top:12px;color:#f56c6c}.navbar[data-v-7956e38c]{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:linear-gradient(90deg,#122643,#004d80);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.sidebar-box[data-v-7a9008a0]{display:flex;flex-direction:column;position:relative}.el-menu-item.is-active[data-v-7a9008a0]{background:#ecf5ff!important}.side-menu[data-v-7a9008a0]{flex:1;border:none;width:180px;will-change:width}.side-menu.el-menu--collapse[data-v-7a9008a0]{width:50px}.sidebar-footer[data-v-7a9008a0]{position:sticky;bottom:0;left:0;right:0;background:#122643;display:flex;flex-direction:column;gap:8px;z-index:10;width:180px;transition:width .5s ease}.collapsed .sidebar-footer[data-v-7a9008a0]{width:50px}.footer-btn[data-v-7a9008a0]{width:100%;justify-content:flex-start;color:#fff;border:none;background:transparent}.footer-btn[data-v-7a9008a0]:hover{background:hsla(0,0%,100%,.1)}.footer-btn span[data-v-7a9008a0]{display:inline-block;transition:width .5s ease;overflow:hidden;white-space:nowrap}.collapsed .footer-btn span[data-v-7a9008a0]{width:0}.app-layout[data-v-1ffc47be]{display:flex;flex-direction:column;overflow:hidden}.main-container[data-v-1ffc47be]{display:flex;height:calc(100vh - 75px);transition:width .5s ease}.sidebar[data-v-1ffc47be]{width:200px;flex-shrink:0;transition:width .5s ease}.sidebar.collapsed[data-v-1ffc47be]{width:50px}.content[data-v-1ffc47be]{flex:1;padding:20px;overflow:auto;transition:width .5s ease}.detail[data-v-71ca7416]{padding:0 16px}[data-v-71ca7416] .el-drawer__header{font-weight:700}span{cursor:pointer}.center{text-align:center}.label{display:inline-block;width:80px;text-align:right;margin-right:8px}.data{margin-right:80px;font-size:16px;font-weight:700}.good{color:#67c23a}.warn{color:#e6a23c}.bad{color:#f56c6c}.quality{font-size:16px;font-weight:700}.page-tools{margin:10px 0}.page-tools .before{line-height:34px;display:inline-block;padding:0 10px;border-radius:3px;border:1px solid #91d5ff;background:#e6f7ff}.page-tools .before i{margin-right:5px;color:#409eff}.page-tools[data-v-64eeb52e]{display:flex;flex-direction:column;gap:12px;background:#fafafa;border-radius:4px}.before[data-v-64eeb52e]{line-height:34px;padding:0 10px;border-radius:3px;border:1px solid #91d5ff;background:#e6f7ff}.before i[data-v-64eeb52e]{margin-right:5px;color:#409eff}.center[data-v-64eeb52e]{flex:1;justify-content:flex-start;flex-wrap:wrap}.after[data-v-64eeb52e],.center[data-v-64eeb52e]{display:flex;align-items:center;margin-top:10px;gap:8px}.after[data-v-64eeb52e]{justify-content:flex-end}.loading-placeholder[data-v-c0f7fe48]{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fafafa;color:#909399;font-size:14px;border-radius:4px;gap:8px}.loading-placeholder i[data-v-c0f7fe48]{font-size:24px}