*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:PingFang SC,Microsoft YaHei,sans-serif}body{color:#303133;background:#f5f7fa;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f5f7fa}::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#909399}.page-container{padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{color:#303133;font-size:20px;font-weight:600}.card-container{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 12px #0000000a}.search-form{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.table-container{background:#fff;border-radius:12px;padding:20px}.chart-container{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.el-button--primary{background:linear-gradient(135deg,#409eff 0%,#67c23a 100%);border:none}.el-button--primary:hover{opacity:.9}.el-tag--success{color:#67c23a;background:#67c23a1a;border-color:#67c23a33}.el-tag--warning{color:#e6a23c;background:#e6a23c1a;border-color:#e6a23c33}.el-tag--danger{color:#f56c6c;background:#f56c6c1a;border-color:#f56c6c33}