*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.layout-container[data-v-5f8a5a29]{width:100%;height:100%}.layout-aside[data-v-5f8a5a29]{background-color:#001529;transition:width .3s}.layout-aside .logo[data-v-5f8a5a29]{height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.layout-aside .layout-menu[data-v-5f8a5a29]{border-right:none;background-color:#001529}.layout-aside .layout-menu[data-v-5f8a5a29] .el-menu-item{color:#ffffffa6}.layout-aside .layout-menu[data-v-5f8a5a29] .el-menu-item:hover{color:#fff;background-color:#ffffff1a}.layout-aside .layout-menu[data-v-5f8a5a29] .el-menu-item.is-active{color:#fff;background-color:#1890ff}.layout-header[data-v-5f8a5a29]{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #f0f0f0;padding:0 20px}.layout-header .header-left[data-v-5f8a5a29]{display:flex;align-items:center;gap:20px}.layout-header .header-left .collapse-icon[data-v-5f8a5a29]{font-size:20px;cursor:pointer;transition:color .3s}.layout-header .header-left .collapse-icon[data-v-5f8a5a29]:hover{color:#1890ff}.layout-header .header-right[data-v-5f8a5a29]{display:flex;align-items:center;gap:10px}.layout-main[data-v-5f8a5a29]{background-color:#f0f2f5;padding:20px;overflow-y:auto}.fade-enter-active[data-v-5f8a5a29],.fade-leave-active[data-v-5f8a5a29]{transition:opacity .3s}.fade-enter-from[data-v-5f8a5a29],.fade-leave-to[data-v-5f8a5a29]{opacity:0}.stat-card{display:flex;align-items:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #00000026}.stat-card .stat-icon{font-size:40px;margin-right:20px}.stat-card .stat-content{flex:1}.stat-card .stat-content .stat-title{font-size:14px;color:#909399;margin-bottom:8px}.stat-card .stat-content .stat-value{font-size:24px;font-weight:700;color:#303133;margin-bottom:4px}.stat-card .stat-content .stat-percent{font-size:12px;color:#909399}.stat-card.stat-card-1{border-left:4px solid #409eff}.stat-card.stat-card-2{border-left:4px solid #67c23a}.stat-card.stat-card-3{border-left:4px solid #e6a23c}.stat-card.stat-card-4{border-left:4px solid #f56c6c}.stat-card.stat-pending{border-left:4px solid #909399}.stat-card.stat-running{border-left:4px solid #409eff}.stat-card.stat-success{border-left:4px solid #67c23a}.stat-card.stat-failed{border-left:4px solid #f56c6c}.stat-card.stat-timeout{border-left:4px solid #e6a23c}.filter-form{margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500}.card-header>div{display:flex;gap:10px}.chart-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a}.chart-card h3{margin:0 0 20px;font-size:16px;font-weight:500}.chart-card .chart{width:100%;height:300px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.page-card{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.stat-card{background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card .stat-title{font-size:14px;color:#666;margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#333}.stat-card .stat-icon{font-size:40px;opacity:.3}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.table-container{background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 4px #0000001a}.chart-container{background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 4px #0000001a;height:400px}.status-tag{display:inline-flex;align-items:center;gap:5px}.status-tag .status-dot{width:8px;height:8px;border-radius:50%}.status-tag .status-dot.online{background-color:#52c41a}.status-tag .status-dot.offline{background-color:#ff4d4f}@media (max-width: 768px){.layout-aside{width:64px!important}.stat-card{margin-bottom:15px}}