fix(ui): enhance header and post styles with new animations and layout adjustments

src/styles/header.scss

@@ -158,7 +158,7 @@
 
       &.open {
         display: block;
-        animation: terminal-frame 0.2s ease-out;
+        animation: terminal-frame-reveal 0.3s ease-out forwards;
 
         // 逐行渲染效果 - 为每个子项添加延迟动画
         li {
@@ -182,17 +182,14 @@
     padding: 0;
   }
 
-  // 菜单框架渲染动画 - 模拟终端窗口从上到下打开
-  @keyframes terminal-frame {
+  // 菜单框架渲染动画 - 从上到下逐层渲染边框和内容
+  @keyframes terminal-frame-reveal {
     0% {
-      max-height: 0;
-      opacity: 0;
-    }
-    50% {
+      clip-path: inset(-10px -10px calc(100% + 10px) -10px);
       opacity: 1;
     }
     100% {
-      max-height: 800px;
+      clip-path: inset(-10px -10px -10px -10px);
       opacity: 1;
     }
   }
@@ -201,7 +198,7 @@
   @keyframes terminal-line {
     0% {
       opacity: 0;
-      transform: translateX(-10px);
+      transform: translateX(-2px);
     }
     50% {
       opacity: 0.5;