diff --git a/src/data/processes.json b/src/data/processes.json
index 0a80ee5..c755cd1 100644
--- a/src/data/processes.json
+++ b/src/data/processes.json
@@ -50,7 +50,16 @@
         },
         "TT032"
       ],
-      "outputs": ["A008"],
+      "outputs": [
+        {
+          "id": "A008",
+          "detail": [
+            { "label": "子管理计划" },
+            { "label": "基准" },
+            { "label": "其他组件" }
+          ]
+        }
+      ],
       "w5h1": {
         "who": "项目经理主导，团队参与",
         "what": "定义、准备、协调所有子计划并整合为综合项目管理计划",
diff --git a/src/pages/ProcessDetailPage.tsx b/src/pages/ProcessDetailPage.tsx
index a72000d..4292352 100644
--- a/src/pages/ProcessDetailPage.tsx
+++ b/src/pages/ProcessDetailPage.tsx
@@ -244,15 +244,14 @@ export function ProcessDetailPage() {
                       <div className="font-medium text-gray-900 dark:text-white text-sm">{inputDetail.name || inputDetail.id}</div>
                       {inputDetail.nameEn && <div className="text-xs text-gray-500 dark:text-gray-400">{inputDetail.nameEn}</div>}
                       {hasDetail && (
-                        <div className="mt-2 pl-3 border-l-2 border-blue-200 dark:border-blue-700">
-                          <ul className="space-y-1">
-                            {inputDetail.detail.map((item: any, idx: number) => (
-                              <li key={item.id || idx} className="text-xs text-gray-600 dark:text-gray-400 flex items-start gap-1.5">
-                                <span className="text-blue-500 dark:text-blue-400 mt-0.5">•</span>
-                                <span>{item.label}</span>
-                              </li>
-                            ))}
-                          </ul>
+                        <div className="mt-1.5 text-xs text-gray-600 dark:text-gray-400">
+                          <span className="text-blue-600 dark:text-blue-400">包含：</span>
+                          {inputDetail.detail.map((item: any, idx: number) => (
+                            <span key={item.id || idx}>
+                              {item.label}
+                              {idx < inputDetail.detail.length - 1 && '、'}
+                            </span>
+                          ))}
                         </div>
                       )}
                       {inputDetail.note && (
@@ -314,15 +313,14 @@ export function ProcessDetailPage() {
                       <div className="font-medium text-gray-900 dark:text-white text-sm">{toolDetail.name || toolDetail.id}</div>
                       {toolDetail.nameEn && <div className="text-xs text-gray-500 dark:text-gray-400">{toolDetail.nameEn}</div>}
                       {hasDetail && (
-                        <div className="mt-2 pl-3 border-l-2 border-amber-200 dark:border-amber-700">
-                          <ul className="space-y-1">
-                            {toolDetail.detail.map((item: any, idx: number) => (
-                              <li key={item.id || idx} className="text-xs text-gray-600 dark:text-gray-400 flex items-start gap-1.5">
-                                <span className="text-amber-500 dark:text-amber-400 mt-0.5">•</span>
-                                <span>{item.label}</span>
-                              </li>
-                            ))}
-                          </ul>
+                        <div className="mt-1.5 text-xs text-gray-600 dark:text-gray-400">
+                          <span className="text-amber-600 dark:text-amber-400">包含：</span>
+                          {toolDetail.detail.map((item: any, idx: number) => (
+                            <span key={item.id || idx}>
+                              {item.label}
+                              {idx < toolDetail.detail.length - 1 && '、'}
+                            </span>
+                          ))}
                         </div>
                       )}
                       {toolDetail.note && (
@@ -384,15 +382,14 @@ export function ProcessDetailPage() {
                       <div className="font-medium text-gray-900 dark:text-white text-sm">{outputDetail.name || outputDetail.id}</div>
                       {outputDetail.nameEn && <div className="text-xs text-gray-500 dark:text-gray-400">{outputDetail.nameEn}</div>}
                       {hasDetail && (
-                        <div className="mt-2 pl-3 border-l-2 border-emerald-200 dark:border-emerald-700">
-                          <ul className="space-y-1">
-                            {outputDetail.detail.map((item: any, idx: number) => (
-                              <li key={item.id || idx} className="text-xs text-gray-600 dark:text-gray-400 flex items-start gap-1.5">
-                                <span className="text-emerald-500 dark:text-emerald-400 mt-0.5">•</span>
-                                <span>{item.label}</span>
-                              </li>
-                            ))}
-                          </ul>
+                        <div className="mt-1.5 text-xs text-gray-600 dark:text-gray-400">
+                          <span className="text-emerald-600 dark:text-emerald-400">包含：</span>
+                          {outputDetail.detail.map((item: any, idx: number) => (
+                            <span key={item.id || idx}>
+                              {item.label}
+                              {idx < outputDetail.detail.length - 1 && '、'}
+                            </span>
+                          ))}
                         </div>
                       )}
                       {outputDetail.note && (