html,body,#app{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--color-primary:#409eff;--color-primary-light:#66b1ff;--color-primary-dark:#337ecc;--color-bg-white:#fff;--color-bg-light:#f5f7fa;--color-bg-lighter:#fafafa;--color-text-primary:#303133;--color-text-regular:#606266;--color-text-secondary:#909399;--color-text-placeholder:#c0c4cc;--color-border:#dcdfe6;--color-border-light:#e4e7ed;--color-border-lighter:#ebeef5;--color-success:#67c23a;--color-warning:#e6a23c;--color-danger:#f56c6c;--color-info:#909399;--shadow-base:0 2px 12px 0 #0000001a;--shadow-light:0 2px 8px 0 #0000000f;--border-radius-base:4px;--border-radius-medium:8px;--border-radius-large:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-light);width:100%;height:100%}body{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}.card{background-color:var(--color-bg-white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light);padding:20px}.card-header{border-bottom:1px solid var(--color-border-lighter);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.card-header h3{color:var(--color-text-primary);font-size:16px;font-weight:500}.page-container{background-color:var(--color-bg-light);min-height:calc(100vh - 60px);padding:20px}.page-header{margin-bottom:20px}.page-header h1{color:var(--color-text-primary);font-size:20px;font-weight:500}.page-header .description{color:var(--color-text-secondary);margin-top:8px;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--color-bg-lighter);border-radius:3px}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-placeholder)}.el-button--primary{--el-button-bg-color:var(--color-primary);--el-button-border-color:var(--color-primary);--el-button-hover-bg-color:var(--color-primary-light);--el-button-hover-border-color:var(--color-primary-light)}.el-card{border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light);border:none}.el-form-item__label{color:var(--color-text-primary);font-weight:500}.el-table{--el-table-border-color:var(--color-border-lighter)}.el-table th.el-table__cell{background-color:var(--color-bg-lighter);color:var(--color-text-primary);font-weight:500}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-secondary{color:var(--color-text-secondary)}.bg-white{background-color:var(--color-bg-white)}.bg-light{background-color:var(--color-bg-light)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}