.page-container[data-v-7c141dde]{min-height:100vh;background-color:#262626;position:relative}.nav-header[data-v-7c141dde]{position:fixed;top:0;left:0;width:100%;height:50px;background-color:#262626;display:flex;justify-content:space-between;align-items:center;padding:0 15px;box-sizing:border-box;z-index:100}.back-btn[data-v-7c141dde]{width:40px;height:40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.page-title[data-v-7c141dde]{font-size:18px;font-weight:700;color:#fff}.placeholder[data-v-7c141dde]{width:40px}.container[data-v-7c141dde]{padding:65px 28px 15px;box-sizing:border-box}.user-card[data-v-7c141dde]{background-color:#fff;color:grey;border-radius:16px;overflow:hidden;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.info-item[data-v-7c141dde]{display:flex;justify-content:space-between;align-items:center;padding:18px;position:relative}.avatar-item[data-v-7c141dde]{color:grey;padding:24px 18px 15px}.divider[data-v-7c141dde]{height:1px;background-color:#707070;margin:0 18px}.item-label[data-v-7c141dde]{font-weight:500;font-size:16px;line-height:22px;text-align:left;font-style:normal;text-transform:none}.item-content[data-v-7c141dde]{display:flex;align-items:center;gap:10px}.avatar-wrapper[data-v-7c141dde]{width:60px;height:60px;border-radius:50%;border:none;margin-right:8px;overflow:hidden;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.avatar[data-v-7c141dde]{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-edit-icon[data-v-7c141dde]{position:absolute;bottom:0;left:0;right:0;height:30px;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.info-item[data-v-7c141dde]:after{content:"";position:absolute;right:18px;width:12px;height:12px;background-image:url(https://project-ai-music-1308135009.cos.ap-shanghai.myqcloud.com/xcx/static/images/5_list_icon1.png);background-size:contain;background-repeat:no-repeat;background-position:100%;height:13px}.avatar-item[data-v-7c141dde]:after{display:none}.item-value[data-v-7c141dde]{width:100%;font-family:Source Han Sans CN;background:transparent;border:none;outline:none}.btn-phone[data-v-7c141dde],.item-value[data-v-7c141dde]{margin-right:25px;text-align:right;font-weight:400;font-size:16px;line-height:22px;font-style:normal;text-transform:none}.button-container[data-v-7c141dde]{padding:30px 18px}.logout-button[data-v-7c141dde]{width:100%;height:40px;line-height:40px;background-color:#fa5151;color:#fff;border-radius:16px;text-align:center;border:none;font-weight:700;font-size:16px;margin:5px 0}.logout-confirm-content[data-v-7c141dde]{padding:20px;color:#000;font-size:16px;line-height:1.5;text-align:center}.phone-popup-title[data-v-7c141dde]{color:#262626;text-align:center;font-size:18px;font-weight:700;padding:14px 0;border-bottom:1px solid #c8c9cc}.phone-popup-content[data-v-7c141dde]{padding:20px 32px 30px}.phone-input-group[data-v-7c141dde]{position:relative;margin-bottom:20px}.phone-input[data-v-7c141dde]{width:100%;height:34px;border:1px solid #eee;background-color:#eee;border-radius:16px;padding:0 15px;box-sizing:border-box;font-size:16px;color:#333}.code-input[data-v-7c141dde]::placeholder,.phone-input[data-v-7c141dde]::placeholder{color:#afafaf}.code-input[data-v-7c141dde]{padding-right:120px}.send-code-btn[data-v-7c141dde]{position:absolute;top:0;right:0;height:34px;background-color:#fa5151;color:#fff;border-top-right-radius:22px;border-bottom-right-radius:22px;display:flex;align-items:center;justify-content:center;padding:0 15px;font-size:14px}.send-code-btn.disabled[data-v-7c141dde]{background-color:#ccc}.phone-btn-group[data-v-7c141dde]{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.cancel-btn[data-v-7c141dde],.confirm-btn[data-v-7c141dde]{flex:1;height:34px;border-radius:16px;border:none;font-size:16px;font-weight:700}.cancel-btn[data-v-7c141dde]{background-color:#eee;color:#666}.confirm-btn[data-v-7c141dde]{background-color:#fa5151;color:#fff}@media screen and (min-width:768px){.container[data-v-7c141dde]{padding:80px 60px 30px}.user-card[data-v-7c141dde]{max-width:600px;margin:0 auto}.info-item[data-v-7c141dde]{padding:24px}.avatar-item[data-v-7c141dde]{padding:32px 24px}.divider[data-v-7c141dde]{margin:0 24px}.avatar-wrapper[data-v-7c141dde]{width:90px;height:90px}.btn-phone[data-v-7c141dde],.item-label[data-v-7c141dde],.item-value[data-v-7c141dde]{font-size:18px;line-height:24px}.logout-button[data-v-7c141dde]{height:50px;line-height:50px;font-size:18px}}