.page-container[data-v-9148fc12]{background:linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),linear-gradient(117.26deg,#58e1ff -12.31%,#0047ff);min-height:100vh;box-sizing:border-box;font-family:Source Sans Pro,PingFang SC}.user-center-container[data-v-9148fc12]{position:absolute;top:5vh;left:5vw;width:90vw;height:90vh;background:hsla(0,0%,100%,.5);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);backdrop-filter:blur(20px);border-radius:10px;display:flex;flex-direction:column}.el-row[data-v-9148fc12]{padding:20px;flex:1;display:flex;flex-direction:row}.hidden[data-v-9148fc12]{visibility:hidden}.wrapper[data-v-9148fc12]{border-radius:5px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);width:100%;flex-direction:column;justify-content:space-between;height:100%}.wrapper .title-wrapper[data-v-9148fc12]{display:flex;height:40px;justify-content:space-between;padding-top:15px;padding-left:15px;padding-right:15px}.wrapper .title[data-v-9148fc12]{text-align:left;font-size:24px;line-height:40px;font-weight:700}.wrapper .container-right[data-v-9148fc12]{margin-left:15px;width:calc(100% - 30px)}.wrapper .container-right .row[data-v-9148fc12]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc}.wrapper .container-right .key[data-v-9148fc12]{font-weight:700;text-align:left;width:100px}.wrapper .container-right .edit-btn[data-v-9148fc12]{padding:5px 10px;background-color:#409eff;color:#fff;border:none;border-radius:5px;width:80px;cursor:pointer}.wrapper .container-right .edit-btn[data-v-9148fc12]:hover{opacity:.7}.wrapper .container-left[data-v-9148fc12]{padding-top:20px;font-size:16px;text-align:center}.wrapper .container-left .user-name[data-v-9148fc12]{line-height:24px;margin-top:8px;font-weight:500}.wrapper .container-left .user-class[data-v-9148fc12]{line-height:24px;margin-top:8px;color:#aaa;margin-bottom:8px}.wrapper .container-left .upgrade-btn[data-v-9148fc12]{margin-top:8px;margin-bottom:8px}hr.horizontal-rule[data-v-9148fc12]{margin:15px 0 8px;border:0;height:1px;background:#222;background-image:linear-gradient(90deg,#ccc,#333,#ccc)}@media (max-width:768px){.el-row[data-v-9148fc12]{flex-direction:column}.el-col[data-v-9148fc12]{margin-bottom:20px}.wrapper[data-v-9148fc12]{height:100%}}