#app{height:100vh;width:100vw}.layout-container[data-v-881e1d62]{height:100vh;background:#f0f2f5}.sidebar[data-v-881e1d62]{background:#2c3e50;transition:width .3s;overflow:hidden}.logo-container[data-v-881e1d62]{height:60px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:#34495e;border-bottom:1px solid #34495e}.logo[data-v-881e1d62]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.logo-text[data-v-881e1d62]{color:#fff;font-size:18px;font-weight:600;margin-left:12px;white-space:nowrap}.header[data-v-881e1d62]{background:#fff;padding:0 20px;box-shadow:0 1px 4px rgba(0,0,0,.08);justify-content:space-between;height:60px}.header-left[data-v-881e1d62],.header[data-v-881e1d62]{display:flex;align-items:center}.fold-btn[data-v-881e1d62]{font-size:20px;color:#606266;cursor:pointer;margin-right:20px;transition:color .3s}.fold-btn[data-v-881e1d62]:hover{color:#409eff}.header-right[data-v-881e1d62],.user-info[data-v-881e1d62]{display:flex;align-items:center}.user-info[data-v-881e1d62]{cursor:pointer;padding:8px 12px;border-radius:4px;transition:background .3s}.user-info[data-v-881e1d62]:hover{background:#f5f7fa}.avatar[data-v-881e1d62]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px}.username[data-v-881e1d62]{font-size:14px;color:#303133;margin-right:8px}.main-content[data-v-881e1d62]{background:#f0f2f5;padding:0;overflow-y:auto}[data-v-881e1d62] .el-container{height:100vh}[data-v-881e1d62] .el-aside{box-shadow:2px 0 6px rgba(0,0,0,.1);z-index:1001}[data-v-881e1d62] .el-menu{border-right:none}[data-v-881e1d62] .el-menu-item{height:50px;line-height:50px;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-881e1d62] .el-menu-item:hover{background-color:#34495e!important}[data-v-881e1d62] .el-menu-item.is-active{background-color:#409eff!important}[data-v-881e1d62] .el-menu-item i{margin-right:8px;font-size:16px}[data-v-881e1d62] .el-breadcrumb__inner{font-size:16px;font-weight:500;color:#303133}*{box-sizing:border-box}body,html{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2)}body,html,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin:20px}.page-header{padding:20px 0;border-bottom:1px solid #e4e7ed;margin-bottom:20px}.page-title{font-size:24px;font-weight:600;color:#303133;margin:0}.page-description{color:#606266;margin-top:8px;font-size:14px}.table-container{background:#fff;overflow:hidden}.el-table,.table-container{border-radius:8px}.el-table th{background:#f8f9fa;color:#606266;font-weight:600}.form-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-form-item__label{font-weight:600}.btn-container{text-align:right;margin-top:30px;padding-top:20px;border-top:1px solid #e4e7ed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);overflow:hidden;transition:box-shadow .3s}.card:hover{box-shadow:0 4px 20px 0 rgba(0,0,0,.15)}.card-header{padding:20px;border-bottom:1px solid #e4e7ed;background:#f8f9fa}.card-body{padding:20px}.status-tag{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-success{background:#f0f9ff;color:#1890ff;border:1px solid #d4edda}.status-warning{background:#fffbf0;color:#fa8c16;border:1px solid #ffeaa7}.status-danger{background:#fff2f0;color:#f5222d;border:1px solid #ffccc7}@media (max-width:768px){.app-container{margin:10px;padding:15px}.page-title{font-size:20px}.form-container{padding:20px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.full-width{width:100%}.full-height{height:100%}