#app{height:100vh;font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Arial,sans-serif}.sidebar[data-v-355dfea8]{width:220px;height:100vh;background:#304156;display:flex;flex-direction:column;flex-shrink:0}.logo[data-v-355dfea8]{height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;background:#2b3a4d;border-bottom:1px solid #1f2d3d}.sidebar-menu[data-v-355dfea8]{flex:1;border-right:none;overflow-y:auto}.sidebar-menu[data-v-355dfea8]:not(.el-menu--collapse){width:220px}.topbar[data-v-7220867a]{height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);justify-content:space-between;padding:0 20px;flex-shrink:0}.left[data-v-7220867a],.right[data-v-7220867a],.topbar[data-v-7220867a],.user-info[data-v-7220867a]{display:flex;align-items:center}.user-info[data-v-7220867a]{cursor:pointer;padding:4px 12px;border-radius:4px;transition:background .3s}.user-info[data-v-7220867a]:hover{background:#f0f2f5}.username[data-v-7220867a]{margin:0 8px;font-size:14px;color:#333}.layout-container[data-v-53af1959]{display:flex;height:100vh;overflow:hidden}.main-content[data-v-53af1959]{flex:1;display:flex;flex-direction:column;background:#f0f2f5}.page-content[data-v-53af1959]{flex:1;padding:20px;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-track{background:#f0f0f0}