.popup-mask.data-v-a5b292f7 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; } .popup-content.data-v-a5b292f7 { width: 600rpx; background: #fff; border-radius: 24rpx; padding: 48rpx 40rpx; } .popup-header.data-v-a5b292f7 { text-align: center; margin-bottom: 48rpx; } .popup-title.data-v-a5b292f7 { font-size: 36rpx; font-weight: bold; color: #333; display: block; margin-bottom: 12rpx; } .popup-subtitle.data-v-a5b292f7 { font-size: 26rpx; color: #999; display: block; } .form-container.data-v-a5b292f7 { margin-bottom: 48rpx; } .form-item.data-v-a5b292f7 { margin-bottom: 40rpx; } .form-label.data-v-a5b292f7 { font-size: 28rpx; color: #333; font-weight: 500; display: block; margin-bottom: 20rpx; } /* 头像选择 */ .avatar-btn.data-v-a5b292f7 { width: 160rpx; height: 160rpx; border-radius: 80rpx; overflow: hidden; position: relative; background: #f5f6fb; border: 2rpx dashed #ddd; padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .avatar-img.data-v-a5b292f7 { width: 100%; height: 100%; } .avatar-tip.data-v-a5b292f7 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 20rpx; text-align: center; padding: 8rpx 0; } /* 昵称输入 */ .nickname-input.data-v-a5b292f7 { width: 100%; height: 88rpx; background: #f5f6fb; border-radius: 12rpx; padding: 0 24rpx; font-size: 28rpx; color: #333; } .input-placeholder.data-v-a5b292f7 { color: #999; } /* 按钮 */ .popup-actions.data-v-a5b292f7 { display: flex; gap: 24rpx; } .action-btn.data-v-a5b292f7 { flex: 1; height: 88rpx; border-radius: 44rpx; font-size: 30rpx; font-weight: 500; border: none; } .cancel-btn.data-v-a5b292f7 { background: #f5f6fb; color: #666; } .confirm-btn.data-v-a5b292f7 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; }