.user-page[data-v-f9828f8c]{background:url(./bg.D7YguAN0.png) top/cover no-repeat;padding-bottom:60px;position:relative;z-index:1}.page[data-v-f9828f8c]{display:flex;min-height:calc(100vh - 60px);padding:20px 0}.page-left[data-v-f9828f8c]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;flex-shrink:0;margin-right:20px;padding:0 20px;width:240px}.page-left-title[data-v-f9828f8c]{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.user-avatar[data-v-f9828f8c]{background:#f3f5f7;border-radius:50%;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.user-name[data-v-f9828f8c]{color:#111;font-size:18px;font-weight:600;height:24px;line-height:24px;margin-top:20px;text-align:center}.page-left-content[data-v-f9828f8c]{padding-top:20px}.page-left-content ul[data-v-f9828f8c]{list-style:none;margin:0;padding:0}.page-left-content li[data-v-f9828f8c]{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:40px;line-height:20px;margin-bottom:15px;text-align:center}.page-left-content li img[data-v-f9828f8c]{height:18px;margin-left:12px;margin-right:8px;width:18px}.page-left-content li.active[data-v-f9828f8c],.page-left-content li[data-v-f9828f8c]:hover{background-color:#ffefe5;color:#f96a02}.page-right[data-v-f9828f8c]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;flex:1;min-width:0;overflow:hidden}@media(max-width:1200px){.page[data-v-f9828f8c]{flex-direction:column}.page-left[data-v-f9828f8c]{margin-bottom:20px;margin-right:0;width:auto}}