.user-profile-component[data-v-a77f2cda]{width:100%;height:100%;display:flex;flex-direction:column}.profile-container[data-v-a77f2cda]{position:relative;padding:20px;background-color:#f8f9fa;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);overflow:hidden}.profile-header-decoration[data-v-a77f2cda]{position:absolute;top:0;left:0;width:100%;height:100px;display:flex;justify-content:space-around;align-items:center;z-index:1}.decoration-circle[data-v-a77f2cda]{width:40px;height:40px;border-radius:50%;background-color:#409eff;opacity:.2;position:relative}.circle-1[data-v-a77f2cda]{top:-10px;left:10%}.circle-2[data-v-a77f2cda]{top:20%;left:40%}.circle-3[data-v-a77f2cda]{top:60%;left:70%}.profile-main-card[data-v-a77f2cda]{position:relative;z-index:2;background-color:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center}.avatar-section[data-v-a77f2cda]{position:relative;margin-bottom:30px;text-align:center}.avatar-wrapper[data-v-a77f2cda]{position:relative;width:140px;height:140px;margin:0 auto 20px}.avatar-ring[data-v-a77f2cda]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid #409eff;border-radius:50%;opacity:.3;z-index:1}.avatar-status-indicator[data-v-a77f2cda]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:10px;height:10px;background-color:#67c23a;border-radius:50%;border:2px solid #fff;z-index:2}.profile-avatar[data-v-a77f2cda]{cursor:pointer;transition:transform .3s ease;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:3}.profile-avatar[data-v-a77f2cda]:hover{transform:scale(1.05)}.user-basic-info[data-v-a77f2cda]{text-align:center;margin-bottom:20px}.user-name[data-v-a77f2cda]{font-size:24px;font-weight:700;color:#303133;margin-bottom:5px}.user-role[data-v-a77f2cda]{font-size:16px;color:#606266;display:flex;align-items:center;justify-content:center}.user-role i[data-v-a77f2cda]{margin-right:8px;color:#409eff}.avatar-actions[data-v-a77f2cda]{display:flex;gap:15px;margin-top:20px}.action-btn[data-v-a77f2cda]{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:8px;font-size:14px;font-weight:600;transition:background-color .3s ease,transform .2s ease}.action-btn[data-v-a77f2cda]:hover{transform:translateY(-2px)}.upload-btn[data-v-a77f2cda]{background-color:#409eff;color:#fff;border:none}.upload-btn[data-v-a77f2cda]:hover{background-color:#66b1ff}.refresh-btn[data-v-a77f2cda]{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.refresh-btn[data-v-a77f2cda]:hover{background-color:#bae7ff}.edit-section[data-v-a77f2cda]{margin-bottom:30px}.edit-profile-btn[data-v-a77f2cda]{background-color:#fff;color:#409eff;border:1px solid #d9d9d9;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.edit-profile-btn[data-v-a77f2cda]:hover{background-color:#f0f9eb;border-color:#67c23a;color:#67c23a}.info-grid[data-v-a77f2cda]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%}.info-card[data-v-a77f2cda]{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e4e7ed;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.info-card[data-v-a77f2cda]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#409eff,#67c23a);opacity:.8;transition:all .3s ease}.info-card[data-v-a77f2cda]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(64,158,255,.15);border-color:#409eff}.info-card[data-v-a77f2cda]:hover:before{opacity:1;width:6px}.info-icon[data-v-a77f2cda]{font-size:28px;flex-shrink:0;transition:transform .3s ease}.info-icon[data-v-a77f2cda]:hover{transform:scale(1.1)}.info-content[data-v-a77f2cda]{flex:1}.info-label[data-v-a77f2cda]{font-size:14px;color:#909399;margin-bottom:5px}.info-value[data-v-a77f2cda]{font-size:16px;font-weight:600;color:#303133}.info-value .el-tag[data-v-a77f2cda]{margin-right:8px}.dialog-footer[data-v-a77f2cda]{text-align:right}.cancel-btn[data-v-a77f2cda]{background-color:#f5f7fa;color:#606266;border:1px solid #dcdfe6;padding:8px 15px;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s ease}.cancel-btn[data-v-a77f2cda]:hover{background-color:#ebeef5;color:#409eff;border-color:#c6e2ff}.save-btn[data-v-a77f2cda]{background-color:#67c23a;color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:14px;font-weight:600;transition:background-color .3s ease}.save-btn[data-v-a77f2cda]:hover{background-color:#85ce61}.edit-form .el-form-item[data-v-a77f2cda]{margin-bottom:20px}.edit-form .el-form-item__label[data-v-a77f2cda]{font-weight:600;color:#606266}.edit-form .el-form-item__content[data-v-a77f2cda]{color:#303133}.edit-form .el-input__inner[data-v-a77f2cda]{border-radius:8px;border:1px solid #dcdfe6;padding:10px 15px;font-size:15px}.edit-form .el-input__inner[data-v-a77f2cda]:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.edit-form .el-select .el-input__inner[data-v-a77f2cda]{border-radius:8px;border:1px solid #dcdfe6;padding:10px 15px;font-size:15px}.edit-form .el-select .el-input__inner[data-v-a77f2cda]:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.edit-form .el-tag[data-v-a77f2cda]{border-radius:6px;padding:4px 10px;font-size:13px}.avatar-preview-dialog .el-dialog__header[data-v-a77f2cda]{background-color:#f8f9fa;border-bottom:1px solid #ebeef5;padding:15px 20px}.avatar-preview-dialog .el-dialog__title[data-v-a77f2cda]{font-size:18px;font-weight:600;color:#303133}.avatar-preview-dialog .el-dialog__body[data-v-a77f2cda]{padding:20px;text-align:center}.avatar-preview-dialog .el-dialog__footer[data-v-a77f2cda]{background-color:#f8f9fa;border-top:1px solid #ebeef5;padding:15px 20px}.avatar-upload-dialog .el-dialog__header[data-v-a77f2cda]{background-color:#f8f9fa;border-bottom:1px solid #ebeef5;padding:15px 20px}.avatar-upload-dialog .el-dialog__title[data-v-a77f2cda]{font-size:18px;font-weight:600;color:#303133}.avatar-upload-dialog .el-dialog__body[data-v-a77f2cda]{padding:20px;text-align:center}.avatar-upload-dialog .el-dialog__footer[data-v-a77f2cda]{background-color:#f8f9fa;border-top:1px solid #ebeef5;padding:15px 20px}.avatar-uploader[data-v-a77f2cda]{text-align:center}.upload-area[data-v-a77f2cda]{border:2px dashed #d9d9d9;border-radius:8px;padding:40px 20px;cursor:pointer;transition:border-color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-area[data-v-a77f2cda]:hover{border-color:#409eff}.upload-icon-wrapper[data-v-a77f2cda]{margin-bottom:10px}.avatar-uploader-icon[data-v-a77f2cda]{font-size:28px;color:#8c939d;width:60px;height:60px;line-height:60px;text-align:center}.upload-text[data-v-a77f2cda]{font-size:16px;color:#606266;margin-bottom:8px}.upload-hint[data-v-a77f2cda]{font-size:12px;color:#909399}.user-center[data-v-cc082f60]{display:flex;height:100vh;background:#f5f7fa}.main-content[data-v-cc082f60]{flex:1;padding:0 24px 24px 0;margin-left:0;width:calc(100% - 280px);height:100vh;transition:all .3s ease}.tab-content-wrapper[data-v-cc082f60]{padding:0;margin:0;height:calc(100vh - 40px);overflow-y:auto}.tab-content[data-v-cc082f60]{height:100%;padding:0;display:flex;flex-direction:column}.content-placeholder[data-v-cc082f60]{background:#fff;border-radius:12px;padding:40px 40px 40px 0;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08)}.content-placeholder h2[data-v-cc082f60]{color:#303133;margin-bottom:16px}.content-placeholder p[data-v-cc082f60]{color:#606266;font-size:16px}@media (max-width:768px){.main-content[data-v-cc082f60]{margin-left:0;width:100%;height:100vh;padding:0 16px 16px 0}.tab-content-wrapper[data-v-cc082f60]{height:calc(100vh - 40px)}}.user-center.sidebar-collapsed .main-content[data-v-cc082f60]{margin-left:0;width:calc(100% - 80px);transition:all .3s ease}.user-center.sidebar-collapsed .top-bar[data-v-cc082f60]{margin-left:0;width:calc(100% - 20px)}