feat: navbar修改

src/frontend/src/components/NavBar.vue

@@ -137,10 +137,7 @@ const toggleTheme = () => {
     <!-- 导航岛 -->
     <div id="nav-bar" class="kt-navbar">
       <div id="nav-header" class="kt-navbar__header">
-         <a id="nav-title" class="kt-navbar__title" href="#">
-            <span>MUSE</span>
-            <span>GUARD</span>
-          </a>
+        <a id="nav-title" class="kt-navbar__title" href="#">GUARD</a>
         <label for="nav-toggle"><span id="nav-toggle-burger" class="kt-navbar__burger"></span></label>
         <hr class="kt-navbar__divider">
       </div>
@@ -246,7 +243,7 @@ const toggleTheme = () => {
 }
 
 #nav-title {
-   font-family: var(--kt-font, 'Space Grotesk', sans-serif);
+  font-family: var(--kt-font, 'Space Grotesk', sans-serif);
   font-weight: 700;
   font-size: var(--cq-font-lg, 1.25rem);
   text-transform: uppercase;
@@ -254,10 +251,7 @@ const toggleTheme = () => {
   opacity: v-bind("isExpanded ? 1 : 0");
   transition: opacity 0.15s ease-in-out;
   transition-delay: v-bind("isExpanded ? '0.15s' : '0s'");
-  display: flex;          
-  flex-direction: column; 
-  line-height: 0.85;      
-  
+  white-space: nowrap;
   color: var(--kt-accent, #DFE104);
   overflow: hidden;
   text-decoration: none;
@@ -291,15 +285,6 @@ 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 {