修复命令行动画换行导致布局偏移的问题

- 命令行 flex 容器添加 minHeight: 2.6em，预留两行空间
- 输出块改用 visibility 控制替代条件渲染，并设 minHeight 保持高度稳定

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Spectual

src/components/ProfileSection.tsx

@@ -128,28 +128,28 @@ const AutoTypeCLI = () => {
         borderTop: "1px solid var(--term-border)",
       }}
     >
-      <div style={{ display: "flex", alignItems: "center", gap: "6px", flexWrap: "wrap" }}>
+      <div style={{ display: "flex", alignItems: "flex-start", gap: "6px", flexWrap: "wrap", minHeight: "2.6em" }}>
         <span style={{ color: "var(--term-green)" }}>spectual</span>
         <span style={{ color: "var(--term-dim)" }}>@</span>
         <span style={{ color: "var(--term-blue)" }}>github.io</span>
         <span style={{ color: "var(--term-text)" }}>:~$</span>
         <span style={{ color: "var(--term-text)", marginLeft: "4px" }}>{text}</span>
         {phase !== "output" && <span className="cursor-blink" />}
       </div>
-      {phase === "output" && (
-        <div
-          style={{
-            color: "var(--term-dim)",
-            marginTop: "6px",
-            whiteSpace: "pre-line",
-            borderLeft: "2px solid var(--term-border)",
-            paddingLeft: "8px",
-            fontSize: "11px",
-          }}
-        >
-          {output}
-        </div>
-      )}
+      <div
+        style={{
+          color: "var(--term-dim)",
+          marginTop: "6px",
+          whiteSpace: "pre-line",
+          borderLeft: "2px solid var(--term-border)",
+          paddingLeft: "8px",
+          fontSize: "11px",
+          minHeight: "2.8em",
+          visibility: phase === "output" ? "visible" : "hidden",
+        }}
+      >
+        {output}
+      </div>
     </div>
   );
 };