#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;color:#2c3e50}.main-container,body,html{height:100%;margin:0}body,html{padding:0;overflow-x:hidden}.header[data-v-c82f4fde]{background-color:#80c1fa;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.logo[data-v-c82f4fde]{display:flex;align-items:center;font-size:20px;font-weight:700}.logo-img[data-v-c82f4fde]{height:40px;margin-right:10px}.nav[data-v-c82f4fde]{display:flex;gap:20px;align-items:center}.nav a[data-v-c82f4fde],.nav-link[data-v-c82f4fde]{color:#fff;text-decoration:none;padding:5px 10px;border-radius:4px;transition:background-color .3s;cursor:pointer}.dropdown-link[data-v-c82f4fde]{color:#606266;text-decoration:none;display:block;width:100%;height:100%}.nav a.router-link-active[data-v-c82f4fde],.nav a[data-v-c82f4fde]:hover,.nav-link[data-v-c82f4fde]:hover{background-color:hsla(0,0%,100%,.2)}.system-container[data-v-c82f4fde]{margin-top:2px;color:#fff;text-decoration:none;padding:5px 10px;border-radius:4px;transition:background-color .3s}.avatar-container[data-v-c82f4fde]{margin-right:30px}.avatar-container .avatar-wrapper[data-v-c82f4fde]{margin-top:5px;position:relative}.avatar-container .avatar-wrapper .user-avatar[data-v-c82f4fde]{cursor:pointer;margin:9px;width:25px;height:25px;border-radius:10px}.avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-c82f4fde]{cursor:pointer;position:absolute;right:2px;top:25px;font-size:12px}.example-showcase .el-dropdown-link[data-v-c82f4fde]{height:36px;width:56px;cursor:pointer;color:#fff;display:flex;align-items:center}.layout[data-v-35e56560]{min-height:100vh;background:#f5f5f5}.layout-header[data-v-35e56560]{width:100%;height:60px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:100}.layout-content[data-v-35e56560]{padding:20px;max-width:1200px;margin:0 auto}