.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size:40px;--el-avatar-size-small:24px;box-sizing:border-box;text-align:center;color:var(--el-avatar-text-color);background:var(--el-avatar-bg-color);width:var(--el-avatar-size);height:var(--el-avatar-size);font-size:var(--el-avatar-text-size);outline:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.el-avatar>img{width:100%;height:100%;display:block}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.user-center-page{min-height:760px;padding:30px 0 46px;background:radial-gradient(circle at 50% 0,var(--user-center-page-glow),transparent 380px),var(--color-page-soft)}.user-center-login-callout,.user-center-profile,.user-center-workspace{width:1200px;margin-right:auto;margin-left:auto}.user-center-login-callout,.user-center-profile{position:relative;display:flex;min-height:156px;overflow:hidden;align-items:center;justify-content:space-between;gap:28px;padding:28px 36px;color:var(--color-bg);background:radial-gradient(circle at 88% 0,var(--user-center-profile-glow),transparent 32%),linear-gradient(122deg,var(--user-center-profile-start) 0,var(--user-center-profile-mid) 68%,var(--user-center-profile-end) 100%);border-radius:16px;box-shadow:0 18px 42px var(--user-center-profile-shadow)}.user-center-login-callout:after,.user-center-profile:after{position:absolute;right:90px;bottom:-120px;width:260px;height:260px;background:var(--user-center-accent-orbit);border-radius:50%;content:""}.user-center-profile-main{position:relative;z-index:1;display:flex;min-width:0;align-items:center;gap:20px}.user-center-profile-avatar{flex:0 0 auto;color:var(--color-bg);background:linear-gradient(135deg,var(--user-center-avatar-start),var(--user-center-avatar-end));border:4px solid var(--color-pc-white-soft);box-shadow:0 8px 26px var(--user-center-avatar-shadow);font-size:24px;font-weight:700}.user-center-name-line{display:flex;align-items:center;gap:11px}.user-center-name-line h1{margin:0;color:var(--color-bg);font-size:25px;line-height:34px}.user-center-name-line span{padding:4px 9px;color:var(--user-center-id-text);background:var(--user-center-id-bg);border:1px solid var(--user-center-id-border);border-radius:999px;font-size:11px}.user-center-profile-main p{margin-top:7px;color:var(--user-center-white-muted);font-size:13px}.user-center-profile-actions{position:relative;z-index:1;display:flex;gap:11px}.user-center-profile-actions a{display:inline-flex;min-width:108px;height:42px;align-items:center;justify-content:center;gap:13px;padding:0 18px;color:var(--color-bg);background:var(--user-center-action-bg);border:1px solid var(--user-center-action-border);border-radius:9px;font-weight:700;transition:background .2s ease,transform .2s ease}.user-center-profile-actions a:first-child{background:var(--user-center-action-primary);border-color:var(--user-center-action-primary);box-shadow:0 8px 20px var(--user-center-action-shadow)}.user-center-profile-actions a:hover{background:var(--user-center-action-hover);transform:translateY(-2px)}.user-center-profile-actions a:first-child:hover{background:var(--user-center-action-primary-hover)}.user-center-login-callout .el-button,.user-center-login-callout>div{position:relative;z-index:1}.user-center-login-callout span{color:var(--user-center-callout-label);font-size:12px;font-weight:800}.user-center-login-callout h1{margin:4px 0;color:var(--color-bg);font-size:25px}.user-center-login-callout p{color:var(--user-center-white-muted);font-size:13px}.user-center-workspace{display:grid;align-items:start;grid-template-columns:216px minmax(0,1fr);gap:20px;margin-top:20px}.user-center-sidebar{display:grid;gap:12px}.user-center-sidebar nav{overflow:hidden;padding:8px;background:var(--color-bg);border:1px solid var(--user-center-sidebar-border);border-radius:14px;box-shadow:0 10px 28px var(--user-center-sidebar-shadow)}.user-center-nav-link{position:relative;display:grid;height:50px;align-items:center;grid-template-columns:30px minmax(0,1fr) 14px;gap:10px;padding:0 10px;color:var(--user-center-nav-text);border-radius:9px;transition:color .2s ease,background .2s ease}.user-center-nav-link+.user-center-nav-link{margin-top:2px}.user-center-nav-link:before{position:absolute;top:11px;bottom:11px;left:-8px;width:3px;background:var(--user-center-nav-accent);border-radius:0 3px 3px 0;content:"";opacity:0}.user-center-nav-link:hover{color:var(--user-center-nav-active);background:var(--color-brand-soft)}.user-center-nav-link.active{color:var(--user-center-nav-active);background:linear-gradient(90deg,var(--user-center-nav-active-start),var(--user-center-nav-active-end))}.user-center-nav-link.active:before{opacity:1}.user-center-nav-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;color:var(--user-center-nav-accent);background:var(--user-center-nav-icon-bg);border-radius:8px;font-size:11px;font-weight:700}.user-center-nav-link strong{font-size:14px;font-weight:600}.user-center-nav-link>span:last-child{color:var(--user-center-nav-arrow);font-size:19px}.user-center-content{min-width:0}.user-center-route-hero{width:100%;min-height:74px;padding:0 4px}.user-center-route-hero h1{margin-top:5px;font-size:24px;line-height:31px}.user-center-content .news-content-grid,.user-center-content .subpage-panel,.user-center-content>.subpage-panel,.user-center-route-hero+.subpage-panel{width:100%}.user-center-content .subpage-panel{margin-right:0;margin-left:0}@media(max-width:767px){.user-center-page{min-height:0;padding:0 0 88px;background:var(--user-center-mobile-bg)}.user-center-login-callout,.user-center-profile,.user-center-sidebar{display:none}.user-center-workspace{display:block;width:100%;margin:0}.user-center-content{overflow-x:clip;padding-bottom:8px}.user-center-route-hero{width:auto;min-height:88px;margin:0 14px;padding:20px 2px 12px}.user-center-route-hero h1{margin-top:3px;font-size:22px;line-height:30px}.user-center-content .subpage-panel{width:auto;margin-right:12px;margin-left:12px;border-radius:12px}.user-center-content:has(.h5-personal-center)>.user-guest-panel,.user-center-content:has(.h5-personal-center)>.user-my-courses,.user-center-content:has(.h5-personal-center)>.user-settings-page{display:none}}