.sidebar[data-v-47c269fc]{width:230px;background:#fff;border-right:1px solid #eee;padding-top:30px;text-align:center;box-shadow:2px 0 12px rgba(0,0,0,.05);transition:all .3s ease;min-height:100vh;box-sizing:border-box}.user-panel[data-v-47c269fc]{margin-bottom:30px;padding:0 20px}.avatar[data-v-47c269fc]{width:90px;height:90px;margin:0 auto 15px;border:2px solid #f0f2f5;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease}.avatar[data-v-47c269fc]:hover{transform:scale(1.05)}.avatar img[data-v-47c269fc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s}.user-name[data-v-47c269fc]{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.nav-menu ul[data-v-47c269fc]{list-style:none;padding:0;margin:0}.nav-menu li[data-v-47c269fc]{position:relative;padding:16px 0;color:#666;cursor:pointer;transition:all .3s;font-family:PingFangSC-Regular,PingFang SC,sans-serif;font-size:16px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.nav-menu li .icon[data-v-47c269fc]{margin-right:10px;font-size:18px;width:20px;text-align:center}.nav-menu li.active[data-v-47c269fc],.nav-menu li[data-v-47c269fc]:hover,.nav-menu li[data-v-47c269fc]:hover:not(.divider):not(.logout){left:50px;width:80%;background-color:#4a82f3;color:#fff;border-radius:20px 0 0 20px}.nav-menu .divider[data-v-47c269fc]{padding:10px 0;pointer-events:none}.nav-menu .divider hr[data-v-47c269fc]{width:60%;height:1px;background-color:#f0f2f5;border:none;margin:0 auto}.nav-menu .logout[data-v-47c269fc]{color:#666;margin-top:20px;cursor:pointer;font-size:16px;transition:all .3s}.nav-menu .logout.hover[data-v-47c269fc],.nav-menu .logout[data-v-47c269fc]:hover{left:50px;width:80%;background-color:#f56c6c;color:#fff;border-radius:20px 0 0 20px}.nav-menu li[data-v-47c269fc]:before{content:"";position:absolute;left:0;top:0;height:100%;//width:4px;//background-color:#2d5aff;opacity:0;transition:opacity .3s}.nav-menu li.active[data-v-47c269fc]:before{opacity:1}@keyframes spin-47c269fc{to{transform:rotate(1turn)}}.layout[data-v-6381d03f]{display:flex;min-height:calc(100vh - 45px)}.main[data-v-6381d03f]{flex:1;padding:30px 60px 40px 30px;background:#fff;min-height:100vh;box-sizing:border-box}@keyframes fadeIn-6381d03f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-loading[data-v-6381d03f]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.loading-spinner[data-v-6381d03f]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-6381d03f 1s linear infinite}.loading-text[data-v-6381d03f]{margin-top:15px;color:#666;font-size:14px}.header[data-v-6381d03f]{margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.header h2[data-v-6381d03f]{font-size:24px;margin:0 0 8px;color:#333}.breadcrumbs[data-v-6381d03f]{font-size:13px;color:#999;display:flex;align-items:center;gap:8px}.crumb-link[data-v-6381d03f]{color:#000;text-decoration:none}.crumb-link[data-v-6381d03f]:hover{color:#1890ff}.crumb-item.last[data-v-6381d03f],.separator[data-v-6381d03f]{color:#999}.profile-container[data-v-6381d03f]{display:flex;gap:50px;padding:30px;border:1px solid #f0f0f0;border-radius:4px;flex-wrap:wrap;animation:fadeIn-6381d03f .8s ease forwards;opacity:0}.avatar-area[data-v-6381d03f]{display:flex;flex-direction:column;align-items:center;width:150px;flex-shrink:0}.avatar[data-v-6381d03f]{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #eee;background-color:#f5f5f5}.avatar-tip[data-v-6381d03f]{margin-top:15px;color:#999;font-size:12px;text-align:center}.form-area[data-v-6381d03f]{flex:1;min-width:300px}.form-item[data-v-6381d03f]{margin-bottom:30px;position:relative}.form-label[data-v-6381d03f]{display:block;font-size:14px;color:#666;margin-bottom:8px}.required[data-v-6381d03f]{color:#f56c6c;margin-left:3px}.info-input[data-v-6381d03f]{width:100%;height:40px;padding:0 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;outline:none;box-sizing:border-box}.info-input[data-v-6381d03f]:focus{border-color:#1890ff}.disabled-input[data-v-6381d03f]{background-color:#f5f5f5;color:#999;cursor:not-allowed}.error-tip[data-v-6381d03f]{position:absolute;top:100%;left:0;margin-top:4px;font-size:12px;color:#f56c6c;margin:0;line-height:1.4}.submit-btn-wrapper[data-v-6381d03f]{margin-top:20px;text-align:right}.submit-btn[data-v-6381d03f]{background:#1890ff;color:#fff;border:none;padding:10px 30px;border-radius:4px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.submit-btn[data-v-6381d03f]:hover{background:#096dd9}.submit-btn[data-v-6381d03f]:disabled{background:#8cc5ff;cursor:not-allowed}@media (max-width:768px){.main[data-v-6381d03f]{padding:20px 15px 0}.profile-container[data-v-6381d03f]{padding:20px;gap:30px}.form-area[data-v-6381d03f]{width:100%}.header h2[data-v-6381d03f]{font-size:20px}.submit-btn-wrapper[data-v-6381d03f]{text-align:center;margin-top:30px}}@keyframes spin-6381d03f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}