html[dir=rtl] .nav-bar ul span[data-v-0cbd9b33]{margin-left:var(--spacing-xs);margin-right:0}.nav-bar[data-v-0cbd9b33]{width:280px;min-width:280px;flex-shrink:0;color:var(--color-title);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.nav-bar .person[data-v-0cbd9b33]{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--color-main),var(--color-submain));position:relative;overflow:hidden}.nav-bar .person[data-v-0cbd9b33]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:wave-0cbd9b33 8s ease-in-out infinite}@keyframes wave-0cbd9b33{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.nav-bar[data-v-0cbd9b33] .el-dialog__title{text-align:left;padding-left:var(--spacing-md);font-size:var(--font-md);font-weight:var(--font-bold)}.nav-bar .avater[data-v-0cbd9b33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,64px));gap:var(--spacing-lg);padding:var(--spacing-lg);justify-content:center}.nav-bar .avater .avatar-item[data-v-0cbd9b33]{width:64px;height:64px;position:relative;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.nav-bar .avater .avatar-item[data-v-0cbd9b33]:hover{transform:scale(1.1);border-color:var(--color-main);box-shadow:var(--shadow-md)}.nav-bar .avater .avatar-item .img-avatar[data-v-0cbd9b33]{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.nav-bar .avater .avatar-item .icon-avatar[data-v-0cbd9b33]{width:24px;height:24px;position:absolute;bottom:-2px;right:-2px;background:var(--color-white);border-radius:50%;padding:2px}.nav-bar[data-v-0cbd9b33] .el-dialog__footer{border:none}.nav-bar .dialog-afooter[data-v-0cbd9b33]{width:100%;display:flex;justify-content:center;padding-bottom:var(--spacing-lg)}.nav-bar .dialog-afooter[data-v-0cbd9b33] .el-button{min-width:200px;height:44px;border-radius:var(--radius-md);font-weight:var(--font-semibold)}.nav-bar .user-avatar[data-v-0cbd9b33]{width:88px;height:88px;position:relative;z-index:1}.nav-bar .user-avatar:hover .cover-up[data-v-0cbd9b33]{opacity:1;visibility:visible}.nav-bar .user-avatar img[data-v-0cbd9b33]{width:88px;height:88px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid hsla(0,0%,100%,.9);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.nav-bar .user-avatar:hover img[data-v-0cbd9b33]{transform:scale(1.05)}.nav-bar .user-avatar .cover-up[data-v-0cbd9b33]{width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.75);position:absolute;color:var(--color-white);text-align:center;line-height:88px;top:0;left:0;opacity:0;visibility:hidden;transition:all var(--transition-base);font-size:var(--font-xs);font-weight:var(--font-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-bar .name[data-v-0cbd9b33]{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-white);margin:var(--spacing-md) 0 var(--spacing-xs);width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.2);z-index:1}.nav-bar .person-id[data-v-0cbd9b33]{font-size:var(--font-xs);font-weight:var(--font-medium);color:hsla(0,0%,100%,.9);margin:0;display:flex;align-items:center;gap:var(--spacing-xs);z-index:1}.nav-bar .person-id i[data-v-0cbd9b33]{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-xs);transition:all var(--transition-fast)}.nav-bar .person-id i[data-v-0cbd9b33]:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.nav-bar .el-divider[data-v-0cbd9b33]{background:var(--color-border-light);margin:0}.nav-bar ul[data-v-0cbd9b33]{padding:var(--spacing-md) 0;list-style:none;margin:0}.nav-bar ul span[data-v-0cbd9b33]{font-size:20px;margin-right:var(--spacing-xs);font-weight:var(--font-normal);display:inline-flex;align-items:center;justify-content:center;width:24px;transition:all var(--transition-fast)}.nav-bar ul li[data-v-0cbd9b33]{height:auto;display:flex;margin-bottom:var(--spacing-xs)}.nav-bar ul li a[data-v-0cbd9b33]{text-decoration:none;color:var(--color-text);width:100%;display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-base);font-weight:var(--font-medium);border-radius:var(--radius-sm);margin:0 var(--spacing-sm);transition:all var(--transition-fast);position:relative}.nav-bar ul li a[data-v-0cbd9b33]:hover{background:rgba(var(--color-main-rgb),.05);color:var(--color-main);transform:translateX(4px)}.nav-bar ul li a:hover span[data-v-0cbd9b33]{transform:scale(1.1)}.nav-bar ul li a.router-link-active[data-v-0cbd9b33]{background:rgba(var(--color-main-rgb),.1);color:var(--color-main);font-weight:var(--font-semibold);border-left:3px solid var(--color-main)}.nav-bar ul li a.router-link-active span.act[data-v-0cbd9b33]{color:var(--color-main)}.nav-bar ul li a[data-v-0cbd9b33] .el-badge{position:absolute;top:8px;right:16px}@media(max-width:992px){.nav-bar[data-v-0cbd9b33]{width:100%}.nav-bar .person[data-v-0cbd9b33]{padding:var(--spacing-lg)}.nav-bar .user-avatar[data-v-0cbd9b33],.nav-bar .user-avatar img[data-v-0cbd9b33]{width:72px;height:72px}.nav-bar .user-avatar .cover-up[data-v-0cbd9b33]{line-height:72px}.nav-bar .name[data-v-0cbd9b33]{font-size:var(--font-md)}.nav-bar ul[data-v-0cbd9b33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-xs);padding:var(--spacing-md)}.nav-bar ul li a[data-v-0cbd9b33]{padding:var(--spacing-sm);margin:0;justify-content:center;text-align:center;flex-direction:column;gap:var(--spacing-xs)}.nav-bar ul li a span[data-v-0cbd9b33]{margin:0;font-size:24px}}@media(max-width:768px){.nav-bar .user-avatar[data-v-0cbd9b33],.nav-bar .user-avatar img[data-v-0cbd9b33]{width:64px;height:64px}.nav-bar .user-avatar .cover-up[data-v-0cbd9b33]{line-height:64px}.nav-bar .name[data-v-0cbd9b33]{font-size:var(--font-base)}.nav-bar ul[data-v-0cbd9b33]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.nav-bar ul li a[data-v-0cbd9b33]{font-size:var(--font-sm)}.nav-bar ul li a span[data-v-0cbd9b33]{font-size:20px}}html[dir=rtl][data-v-4ff514c6] .info_page_container{margin-left:0;margin-right:var(--spacing-xl)}.user-info[data-v-4ff514c6]{background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;padding-bottom:var(--spacing-xxl)}.header[data-v-4ff514c6]{margin-bottom:0}.app-container[data-v-4ff514c6]{margin-bottom:var(--spacing-xxl);display:flex;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;gap:var(--spacing-lg);flex:1;padding:var(--spacing-lg) var(--spacing-md)}.app-container .set-container[data-v-4ff514c6]{flex:1;min-width:0;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);animation:fadeIn .6s ease}[data-v-4ff514c6] .info_page_container{margin-top:0;margin-left:0}[data-v-4ff514c6] .page-title{font-weight:var(--font-bold);font-size:28px;color:var(--color-title);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border-light)}@media(max-width:992px){.app-container[data-v-4ff514c6]{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md)}.app-container .set-container[data-v-4ff514c6]{padding:var(--spacing-lg)}[data-v-4ff514c6] .page-title{font-size:24px}}@media(max-width:768px){.app-container[data-v-4ff514c6]{padding:var(--spacing-sm)}.app-container .set-container[data-v-4ff514c6]{padding:var(--spacing-md)}[data-v-4ff514c6] .page-title{font-size:20px;margin-bottom:var(--spacing-md)}}