Tikz - 带阴影和组突出显示的流程图

Question

我尝试创建一个 tikz 流程图，其中步骤的特定部分被分组并用阴影突出显示。请参阅以下 powerpoint 草图，其中说明了所需的外观。

你们能提供一些指导吗？有什么技巧/提示可以帮助实现“文本 1”和“文本 2”之间的阴影和切割线吗？

提前谢谢了！

Answer 1

好的，作为起点：

编辑： 让我再添加一组节点：

\documentclass[border=3.1241592]{standalone}
\usepackage{tikz}
\usetikzlibrary{arrows.meta,
                backgrounds,
                fit,
                positioning}

\begin{document}
    \begin{tikzpicture}[
node distance = 12mm and 4mm,
   box/.style = {draw, fill=white, font=\sffamily,
                 minimum width=12mm, minimum height=6mm},
   FIT/.style = {draw, fill=gray!30,
                 inner xsep=4mm, inner ysep=3mm,
                 fit=#1},
every edge/.style = {draw,-{Triangle[scale=0.8]}}
                       ]
%% group 3
\node(n31) [box] {3.1};
\node(n30) [box, above=of n31] {4.2};
%
\scoped[on background layer]
    \node (f3)  [FIT=(n30) (n31)] {};
%% group 4
\node(n41) [box, right=12mm of n31] {4.1}; % <---
\node(n42) [box, right=of n41] {4.2};
\node(n43) [box, right=of n42] {4.3};
%
\node(n40) [box, above=of n42] {4.3};
%
\scoped[on background layer]
    \node (f4)  [FIT=(n40) (n41) (n43)] {};
%%%% arrows
\draw   (n30) edge (n40)
% 
        (n41) edge (n42)
        (n42) edge (n43);
% dashed line
\coordinate[ left=of f3] (aux1);
\coordinate[right=of f4] (aux2);
\draw[densely dashed, thick]    (aux1) -- (aux2);
    \end{tikzpicture}
\end{document}