:root{--primary-color:#1890ff;--primary-light:#40a9ff;--primary-dark:#096dd9;--success-color:#52c41a;--warning-color:#faad14;--danger-color:#ff4d4f;--info-color:#1890ff;--bg-color:#f0f5ff;--bg-light:#fff;--bg-dark:#e6f0ff;--text-primary:#1a3a5c;--text-regular:#3d5a80;--text-secondary:#5b7a9e;--text-placeholder:#98b4d0;--border-color:#d4e4f7;--border-light:#e8f1fc;--gradient-primary:linear-gradient(135deg, #1890ff 0%, #40a9ff 100%);--gradient-header:linear-gradient(180deg, #fff 0%, #f0f7ff 100%);--gradient-card:linear-gradient(135deg, #fff 0%, #f5faff 100%);--shadow-sm:0 2px 8px #1890ff14;--shadow-md:0 4px 16px #1890ff1f;--shadow-lg:0 8px 32px #1890ff29;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-primary);background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px}#app{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#1890ff 0%,#40a9ff 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.page-container{background:var(--bg-color);min-height:100%;padding:20px}.card{background:var(--bg-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.card .card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.card .card-header .card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.card .card-header .card-title .el-icon{color:var(--primary-color)}.stat-card{background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:20px}.stat-card .stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);margin-top:8px;font-size:14px}.stat-card .stat-trend{align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.stat-card .stat-trend.up{color:var(--success-color)}.stat-card .stat-trend.down{color:var(--danger-color)}.el-table{--el-table-border-color:var(--border-color);--el-table-header-bg-color:var(--bg-dark);--el-table-header-text-color:var(--text-primary)}.el-table .el-table__header th{font-weight:600;background:var(--bg-dark)!important}.el-table .el-table__body tr:hover>td{background:#1890ff0a!important}.el-pagination{justify-content:flex-end;margin-top:16px}.el-pagination .el-pager li.is-active{background:var(--gradient-primary);color:#fff}.el-button--primary{background:var(--gradient-primary);color:#fff;border:none}.el-button--primary:hover{opacity:.9}.el-button.is-link.el-button--primary{color:var(--primary-color);background:0 0}.el-button.is-link.el-button--primary:hover{color:var(--primary-light);background:#1890ff1a}.el-button.is-link.el-button--danger{color:var(--danger-color)}.el-button.is-link.el-button--danger:hover{color:#ff7875}.el-button.is-link.el-button--warning{color:var(--warning-color)}.el-button.is-link.el-button--warning:hover{color:#ffc53d}.el-button.is-link.el-button--success{color:var(--success-color)}.el-button.is-link.el-button--success:hover{color:#73d13d}.el-table .el-button.is-link,.el-table .el-button.is-text{border-radius:4px;padding:6px 12px;font-weight:500;transition:all .3s}.el-table .el-button.is-link.el-button--primary,.el-table .el-button.is-text.el-button--primary{border:none;color:#fff!important;background:var(--primary-color)!important}.el-table .el-button.is-link.el-button--primary:hover,.el-table .el-button.is-link.el-button--primary:focus,.el-table .el-button.is-text.el-button--primary:hover,.el-table .el-button.is-text.el-button--primary:focus{transform:translateY(-1px);box-shadow:0 2px 8px #1890ff66;background:var(--primary-light)!important;color:#fff!important}.el-table .el-button.is-link.el-button--danger,.el-table .el-button.is-text.el-button--danger{border:none;color:#fff!important;background:var(--danger-color)!important}.el-table .el-button.is-link.el-button--danger:hover,.el-table .el-button.is-link.el-button--danger:focus,.el-table .el-button.is-text.el-button--danger:hover,.el-table .el-button.is-text.el-button--danger:focus{transform:translateY(-1px);box-shadow:0 2px 8px #ff4d4f66;color:#fff!important;background:#ff7875!important}.el-table .el-button.is-link.el-button--warning,.el-table .el-button.is-text.el-button--warning{border:none;color:#fff!important;background:var(--warning-color)!important}.el-table .el-button.is-link.el-button--warning:hover,.el-table .el-button.is-link.el-button--warning:focus,.el-table .el-button.is-text.el-button--warning:hover,.el-table .el-button.is-text.el-button--warning:focus{transform:translateY(-1px);box-shadow:0 2px 8px #faad1466;color:#fff!important;background:#ffc53d!important}.el-table .el-button.is-link.el-button--success,.el-table .el-button.is-text.el-button--success{border:none;color:#fff!important;background:var(--success-color)!important}.el-table .el-button.is-link.el-button--success:hover,.el-table .el-button.is-link.el-button--success:focus,.el-table .el-button.is-text.el-button--success:hover,.el-table .el-button.is-text.el-button--success:focus{transform:translateY(-1px);box-shadow:0 2px 8px #52c41a66;color:#fff!important;background:#73d13d!important}.el-table .el-button.is-link.el-button--info,.el-table .el-button.is-text.el-button--info{border:none;color:#fff!important;background:var(--info-color)!important}.el-table .el-button.is-link.el-button--info:hover,.el-table .el-button.is-link.el-button--info:focus,.el-table .el-button.is-text.el-button--info:hover,.el-table .el-button.is-text.el-button--info:focus{transform:translateY(-1px);box-shadow:0 2px 8px #1890ff66;background:var(--primary-light)!important;color:#fff!important}.el-dialog{animation:.3s dialogFadeIn;overflow:hidden;border-radius:12px!important}.el-dialog .el-dialog__header{background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%);margin:0;padding:16px 20px}.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px;font-weight:600}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:16px;right:16px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#fffc;font-size:18px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:#fff}.el-dialog .el-dialog__body{padding:24px}.el-dialog .el-dialog__body .el-form-item{margin-bottom:20px}.el-dialog .el-dialog__body .el-descriptions .el-descriptions__cell{padding:16px}.el-dialog .el-dialog__body .el-table{margin:16px 0}.el-dialog .el-dialog__body .detail-section,.el-dialog .el-dialog__body .info-section{background:var(--bg-light);border-radius:8px;margin-bottom:24px;padding:20px}.el-dialog .el-dialog__body h4{margin:20px 0 12px;font-size:16px;font-weight:600}.el-dialog .el-dialog__footer{border-top:1px solid var(--border-light);background:var(--bg-color);padding:16px 24px}.el-drawer .el-drawer__header{color:#fff;background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%);margin:0;padding:16px 20px}.el-drawer .el-drawer__header .el-drawer__title{color:#fff;font-size:16px;font-weight:600}.el-drawer .el-drawer__header .el-drawer__close-btn{color:#fffc}.el-drawer .el-drawer__header .el-drawer__close-btn:hover{color:#fff}.el-drawer .el-drawer__body{padding:20px}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.el-tag--danger{color:var(--danger-color);background:#ff4d4f1a;border-color:#ff4d4f33}.el-tag--warning{color:var(--warning-color);background:#faad141a;border-color:#faad1433}.el-tag--success{color:var(--success-color);background:#52c41a1a;border-color:#52c41a33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-slide-in{animation:.3s forwards slideIn}.chart-container{width:100%;height:100%;min-height:300px}.status-indicator{align-items:center;gap:6px;display:inline-flex}.status-indicator:before{content:"";background:var(--success-color);border-radius:50%;width:8px;height:8px}.status-indicator.warning:before{background:var(--warning-color)}.status-indicator.danger:before{background:var(--danger-color);animation:1s ease-in-out infinite pulse}.status-indicator.offline:before{background:var(--text-placeholder)}.tech-line{background:linear-gradient(90deg, transparent 0%, var(--primary-color) 50%, transparent 100%);height:2px}.data-panel{background:var(--bg-light);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.data-panel .panel-header{border-bottom:1px solid var(--border-light);background:linear-gradient(#1890ff14 0%,#0000 100%);padding:16px 20px}.data-panel .panel-header .panel-title{color:var(--text-primary);font-size:16px;font-weight:600}.data-panel .panel-content{padding:20px}