*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.app-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.main-layout{min-height:100vh;background:#f5f5f5}.page-container{padding:20px;background:#fff;margin:20px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.page-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e4e7ed}.page-title{font-size:20px;font-weight:600;color:#303133;margin:0}.page-description{color:#606266;margin-top:8px;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-menu{border-right:none!important}.el-card{border-radius:8px;box-shadow:0 2px 12px #0000001a}.el-button,.el-input__wrapper{border-radius:6px}.el-table{border-radius:8px;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(-20px);opacity:0}.slide-leave-to{transform:translate(20px);opacity:0}