diff --git a/src/pages/ProcessDetailPage.tsx b/src/pages/ProcessDetailPage.tsx
index 913364b..242ff62 100644
--- a/src/pages/ProcessDetailPage.tsx
+++ b/src/pages/ProcessDetailPage.tsx
@@ -228,9 +228,12 @@ export function ProcessDetailPage() {
             </button>
           </div>
           <motion.div
-            animate={{ height: visible.inputs ? 'auto' : 48, opacity: 1 }}
+            animate={{
+              maxHeight: visible.inputs ? 2000 : 0,
+              opacity: visible.inputs ? 1 : 0
+            }}
             initial={false}
-            transition={{ duration: 0.25, ease: 'easeInOut' }}
+            transition={{ duration: 0.3, ease: 'easeInOut' }}
             style={{ overflow: 'hidden' }}
           >
             {visible.inputs ? (
@@ -261,9 +264,7 @@ export function ProcessDetailPage() {
                 })}
               </ul>
             ) : (
-              <div className="px-3 py-3 text-center text-xs text-gray-500 dark:text-gray-400">
-                {processDetail.inputs.length} 项已隐藏
-              </div>
+              <div className="h-0" />
             )}
           </motion.div>
         </div>
@@ -287,9 +288,12 @@ export function ProcessDetailPage() {
             </button>
           </div>
           <motion.div
-            animate={{ height: visible.tools ? 'auto' : 48, opacity: 1 }}
+            animate={{
+              maxHeight: visible.tools ? 2000 : 0,
+              opacity: visible.tools ? 1 : 0
+            }}
             initial={false}
-            transition={{ duration: 0.25, ease: 'easeInOut' }}
+            transition={{ duration: 0.3, ease: 'easeInOut' }}
             style={{ overflow: 'hidden' }}
           >
             {visible.tools ? (
@@ -320,9 +324,7 @@ export function ProcessDetailPage() {
                 })}
               </ul>
             ) : (
-              <div className="px-3 py-3 text-center text-xs text-gray-500 dark:text-gray-400">
-                {processDetail.tools.length} 项已隐藏
-              </div>
+              <div className="h-0" />
             )}
           </motion.div>
         </div>
@@ -346,9 +348,12 @@ export function ProcessDetailPage() {
             </button>
           </div>
           <motion.div
-            animate={{ height: visible.outputs ? 'auto' : 48, opacity: 1 }}
+            animate={{
+              maxHeight: visible.outputs ? 2000 : 0,
+              opacity: visible.outputs ? 1 : 0
+            }}
             initial={false}
-            transition={{ duration: 0.25, ease: 'easeInOut' }}
+            transition={{ duration: 0.3, ease: 'easeInOut' }}
             style={{ overflow: 'hidden' }}
           >
             {visible.outputs ? (
@@ -379,9 +384,7 @@ export function ProcessDetailPage() {
                 })}
               </ul>
             ) : (
-              <div className="px-3 py-3 text-center text-xs text-gray-500 dark:text-gray-400">
-                {processDetail.outputs.length} 项已隐藏
-              </div>
+              <div className="h-0" />
             )}
           </motion.div>
         </div>