feat: 导航栏显示问题解决

src/frontend/src/components/NavBar.vue

@@ -285,6 +285,15 @@ label[for="nav-toggle"] {
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  /*添加宽度过渡动画，使移动更平滑 */
+  transition: width 0.3s ease-in-out; 
+  z-index: 10; /* 确保层级高于文字 */
+}
+
+/* 当导航栏展开时，缩小 Label 容器宽度
+   原理：容器 right:0 固定，宽度缩小 -> 居中的图标视觉上向右移动 */
+#nav-toggle:checked ~ #nav-bar label[for="nav-toggle"] {
+  width: 4rem; 
 }
 
 #nav-toggle-burger {