重构：将WorkflowDemo组件模块化，拆分样式和功能代码

Author: CC11001100

office-website/src/components/WorkflowDemo.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { 
+  CustomNodeWrapper, 
+  NodeLabel, 
+  NodeDescription 
+} from '../../styles/components/WorkflowDemo.styles';
+
+export interface CustomNodeData {
+  label: string;
+  description: string;
+}
+
+const CustomNode: React.FC<{ data: CustomNodeData }> = ({ data }) => {
+  return (
+    <CustomNodeWrapper>
+      <NodeLabel>{data.label}</NodeLabel>
+      <NodeDescription>{data.description}</NodeDescription>
+    </CustomNodeWrapper>
+  );
+};
+
+export default CustomNode;