*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;background:#f5f7fa}:root{--primary: #8B0000;--primary-light: #C0392B;--bg: #f5f7fa;--sidebar-bg: #1a1a2e;--sidebar-text: #c0c4cc;--sidebar-active: #8B0000}.page-title{font-size:20px;font-weight:600;color:#303133;margin-bottom:20px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f}@media (max-width: 768px){.layout .sidebar{position:fixed;left:-220px;top:0;height:100vh;z-index:1000;transition:left .3s}.layout .sidebar.mobile-open{left:0}.layout .sidebar.collapsed{left:-64px}.layout .main{width:100vw}.layout .topbar{padding:0 12px;height:52px}.layout .content{padding:12px}.el-table{overflow-x:auto}.search-bar.el-form--inline .el-form-item{margin-right:0;margin-bottom:8px;width:100%}.search-bar.el-form--inline .el-form-item .el-input,.search-bar.el-form--inline .el-form-item .el-select{width:100%!important}.card{padding:12px}.page-title{font-size:16px;margin-bottom:12px}}