@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:PingFang SC;font-size:14px;color:#303133;background-color:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#409eff;text-decoration:none}a:hover{color:#66b1ff}ul,ol{list-style:none}img{max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#9093994d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#90939980}.clearfix:after{content:"";display:block;clear:both}.ellipsis,.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}#app{width:100%;height:100%}.app-wrapper{display:flex;width:100%;height:100%;overflow:hidden}.app-wrapper.aside-collapsed .sidebar-container{width:64px}.app-wrapper.aside-collapsed .main-container{margin-left:64px}.sidebar-container{position:fixed;top:0;left:0;bottom:0;z-index:1001;width:220px;height:100%;overflow-y:auto;background-color:#304156;transition:width .3s ease;transform:translate(0)}.sidebar-container .sidebar-logo{display:flex;align-items:center;justify-content:center;height:56px;padding:0 16px;text-align:center}.sidebar-container .sidebar-logo .logo-title{font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073}.main-container{flex:1;display:flex;flex-direction:column;margin-left:220px;height:100%;transition:margin-left .3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background-color:#fff;box-shadow:0 1px 4px #00000014;flex-shrink:0}.header-container .header-left{display:flex;align-items:center;gap:8px}.header-container .header-left .collapse-btn{font-size:20px;cursor:pointer;color:#606266;transition:all .3s ease}.header-container .header-left .collapse-btn:hover{color:#409eff}.header-container .header-left .hamburger-btn{display:none;font-size:20px;cursor:pointer;color:#606266;transition:all .3s ease}.header-container .header-left .hamburger-btn:hover{color:#409eff}.header-container .header-right{display:flex;align-items:center;gap:16px}.header-container .header-right .user-avatar{width:32px;height:32px;border-radius:50%;cursor:pointer;object-fit:cover}.content-container{flex:1;padding:16px;overflow-y:auto;background-color:#f5f7fa}.content-container .content-card{background:#fff;border-radius:8px;padding:16px;min-height:100%}@media (max-width: 1024px){.sidebar-container{transform:translate(-100%);box-shadow:none}.app-wrapper .main-container,.app-wrapper.aside-collapsed .main-container{margin-left:0}.app-wrapper.mobile-open .sidebar-container{transform:translate(0);box-shadow:2px 0 12px #00000026}.app-wrapper.mobile-open .sidebar-overlay{display:block}.header-container .header-left .collapse-btn{display:none}.header-container .header-left .hamburger-btn{display:inline-flex;align-items:center}}@media (max-width: 768px){.header-container{height:48px;padding:0 12px}.content-container{padding:8px}.content-container .content-card{border-radius:6px;padding:12px}.sidebar-container .sidebar-logo{height:48px}}@media (max-width: 480px){.content-container{padding:4px}.content-container .content-card{border-radius:4px;padding:8px}}@media (max-width: 768px){.el-dialog{width:92%!important;margin:0 auto!important;max-height:85vh;display:flex;flex-direction:column}.el-dialog .el-dialog__body{flex:1;padding:16px 12px}.el-dialog .el-dialog__header{padding:12px 16px 0}.el-dialog .el-dialog__footer{padding:0 16px 16px;flex-shrink:0}.el-message-box{width:90%!important;max-width:360px}.el-table{font-size:13px}.el-table .el-table__header-wrapper th{padding:8px 0}.el-table .el-table__body-wrapper td{padding:6px 0}}@media (max-width: 480px){.el-dialog{width:100%!important;min-height:100vh;border-radius:0!important;overflow-y:scroll}.el-dialog .el-dialog__header{padding:10px 12px 0}.el-dialog .el-dialog__body{padding:12px 10px}.el-dialog .el-dialog__footer{padding:0 12px 12px}.el-message-box{width:95%!important;max-width:none}}