.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,rgba(255,117,31,.055),transparent 380px),#f5f6f8}.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:#fff;background:radial-gradient(circle at 88% 0,rgba(255,176,113,.18),transparent 32%),linear-gradient(122deg,#1d2638,#29364c 68%,#354056);border-radius:16px;box-shadow:0 18px 42px #1b253626}.user-center-login-callout:after,.user-center-profile:after{position:absolute;right:90px;bottom:-120px;width:260px;height:260px;background:#ff660017;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:#fff;background:linear-gradient(135deg,#ff8a3d,#ff5f00);border:4px solid hsla(0,0%,100%,.92);box-shadow:0 8px 26px #0003;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:#fff;font-size:25px;line-height:34px}.user-center-name-line span{padding:4px 9px;color:#ffd8bf;background:#ff751f26;border:1px solid rgba(255,154,91,.28);border-radius:999px;font-size:11px}.user-center-profile-main p{margin-top:7px;color:#ffffff9e;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:#fff;background:#ffffff14;border:1px solid hsla(0,0%,100%,.2);border-radius:9px;font-weight:700;transition:background .2s ease,transform .2s ease}.user-center-profile-actions a:first-child{background:#ff6507;border-color:#ff6507;box-shadow:0 8px 20px #ff650740}.user-center-profile-actions a:hover{background:#ffffff24;transform:translateY(-2px)}.user-center-profile-actions a:first-child:hover{background:#f55f00}.user-center-login-callout .el-button,.user-center-login-callout>div{position:relative;z-index:1}.user-center-login-callout span{color:#ffb27e;font-size:12px;font-weight:800}.user-center-login-callout h1{margin:4px 0;color:#fff;font-size:25px}.user-center-login-callout p{color:#ffffff9e;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:#fff;border:1px solid #e9edf3;border-radius:14px;box-shadow:0 10px 28px #1720330b}.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:#566071;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:#f06410;border-radius:0 3px 3px 0;content:"";opacity:0}.user-center-nav-link:hover{color:#ed600c;background:#fff7f1}.user-center-nav-link.active{color:#ed600c;background:linear-gradient(90deg,#fff2e8,#fff8f3)}.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:#f06410;background:#fff1e6;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:#bec4ce;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>.subpage-panel,.user-center-route-hero+.subpage-panel{width:100%}.user-center-content .subpage-panel{width:100%;margin-right:0;margin-left:0}.user-center-content .news-content-grid{width:100%}@media(max-width:767px){.user-center-page{min-height:0;padding:0 0 88px;background:#f7f8fa}.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}}