.ba-user-layouts[data-v-c2a78cb0]{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#1c1c1eb8;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;width:280px;max-height:calc(100vh - 100px);margin-right:20px;padding:10px;display:flex;position:sticky;top:20px;overflow:hidden;box-shadow:0 20px 50px #00000080}.userinfo[data-v-c2a78cb0]{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;padding:30px 0 20px;display:flex}.username[data-v-c2a78cb0]{text-align:center;color:#f5f5f7;width:100%;padding:15px 0;font-size:18px;font-weight:600;display:block}.user-avatar-box[data-v-c2a78cb0]{cursor:pointer;border:1px solid #2997ff73;border-radius:50%;padding:4px;position:relative}.user-avatar[data-v-c2a78cb0]{border-radius:50%;width:80px;height:80px;display:block}.user-avatar-gender[data-v-c2a78cb0]{background-color:#1c1c1e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:5px;box-shadow:0 2px 4px #0003}.userinfo-button-item[data-v-c2a78cb0]{font-size:var(--el-font-size-small);color:#a1a1a6;background:#ffffff0d;border:1px solid #ffffff1a;height:30px}.userinfo-button-item[data-v-c2a78cb0]:hover{color:#2997ff;background:#2997ff1f;border-color:#2997ff}.user-menus[data-v-c2a78cb0]{color:#a1a1a6;scrollbar-width:thin;flex:1;min-height:0;padding:10px 0 20px;font-size:15px;position:relative;overflow-y:auto}.user-menus[data-v-c2a78cb0]::-webkit-scrollbar{width:6px}.user-menus[data-v-c2a78cb0]::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.user-menu-max-title[data-v-c2a78cb0]{color:#86868b;letter-spacing:.06em;align-items:center;gap:8px;padding:16px 18px 7px;font-size:12px;font-weight:600;display:flex}.user-menu-max-title .grp-dot[data-v-c2a78cb0]{opacity:.85;background:#2997ff;border-radius:50%;flex-shrink:0;width:5px;height:5px}.user-menu-item[data-v-c2a78cb0]{cursor:pointer;border-radius:12px;align-items:center;margin:3px 8px;padding:11px 18px;transition:all .25s;display:flex}.user-menu-item .icon[data-v-c2a78cb0]{justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;display:flex}.user-menu-item[data-v-c2a78cb0]:hover{color:#fff;background:#ffffff0f}.user-menu-item.active[data-v-c2a78cb0]{color:#fff;background:linear-gradient(135deg,#2997ff,#0a84ff);font-weight:600;box-shadow:0 8px 18px #2997ff59}.user-menu-item.active[data-v-c2a78cb0] .icon{color:#fff!important}.user-menu-logout[data-v-c2a78cb0]{cursor:pointer;color:#ffb0b0;background:#ff5f5f14;border:1px solid #ff5f5f33;border-radius:8px;align-items:center;margin:16px 10px 4px;padding:12px 20px;transition:all .3s;display:flex}.user-menu-logout .icon[data-v-c2a78cb0]{justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;display:flex}.user-menu-logout[data-v-c2a78cb0]:hover{color:#ffd2d2;background:#ff5f5f29;border-color:#ff5f5f73}@media screen and (width<=991px){.ba-user-layouts[data-v-c2a78cb0]{background-color:var(--ba-bg-color-overlay);width:100%;box-shadow:none;max-height:none;margin-right:0;position:static;overflow:visible}.user-menus[data-v-c2a78cb0]{overflow-y:visible}}.user-layout-container[data-v-9c895064]{color:#f5f5f7;background:#000;min-height:100vh}.user-layout-container[data-v-9c895064] .el-container.is-vertical{min-height:100vh}.user-layout-container[data-v-9c895064] .main-scrollbar .el-scrollbar__view{min-height:100%}.user-layout-container .user-layout-shell[data-v-9c895064]{box-sizing:border-box;background:radial-gradient(circle at 18% 8%,#2997ff29,#0000 46%),radial-gradient(circle at 82% 0,#645aff24,#0000 42%),linear-gradient(#111113,#000);width:100%;min-height:calc(100vh - 60px);padding:40px 32px 60px}.user-layouts[data-v-9c895064]{align-items:flex-start;gap:20px;width:100%;display:flex}.layout-main[data-v-9c895064]{flex:1;min-width:0;overflow-x:hidden;padding:0!important}@media screen and (width<=991px){.user-layout-container .user-layout-shell[data-v-9c895064]{padding:20px 16px 40px}.user-layouts[data-v-9c895064]{gap:16px}}