fix: 调整搜索界面样式

- 调整相关组件大小
- 调整文字显示逻辑

app/pages/search.vue

@@ -10,15 +10,18 @@
           :prefix-icon="Search"
           clearable
           @keyup.enter="navigateToQuery(keyword)"
-          @input="handleInput(keyword)"
           @clear="handleClear"
         />
-        <el-button type="primary" @click="navigateToQuery(keyword)">
+        <el-button
+          type="primary"
+          class="search-button"
+          @click="navigateToQuery(keyword)"
+        >
           {{ $t('search.search-button') }}
         </el-button>
       </div>
-      <p v-if="keyword && hasResults" class="search-meta">
-        {{ $t('search.results-for', { query: keyword }) }}
+      <p v-if="hasResults" class="search-meta">
+        {{ $t('search.results-for', { query: route.query?.query }) }}
       </p>
     </div>
 
@@ -63,8 +66,8 @@
     <div v-else class="search-state">
       <el-empty
         :description="
-          keyword
-            ? $t('search.no-results', { query: keyword })
+          route.query.query
+            ? $t('search.no-results', { query: route.query?.query })
             : $t('search.no-query')
         "
       />
@@ -231,9 +234,9 @@
     };
   }
 
-  const handleInput = debounce((value: string) => {
-    performSearch(value);
-  }, 300);
+  // const handleInput = debounce((value: string) => {
+  //   performSearch(value);
+  // }, 300);
 
   const handleClear = () => {
     keyword.value = '';
@@ -241,6 +244,18 @@
     router.replace(localePath({ path: '/search' }));
   };
 
+  watch(
+    () => route.query.query,
+    (newQuery) => {
+      if (typeof newQuery === 'string' && newQuery.trim()) {
+        keyword.value = newQuery;
+        performSearch(newQuery);
+      } else {
+        loading.value = false;
+      }
+    }
+  );
+
   onMounted(() => {
     if (typeof route.query.query === 'string' && route.query.query.trim()) {
       keyword.value = route.query.query;
@@ -280,10 +295,18 @@
     display: flex;
     gap: 1rem;
     align-items: center;
+    font-size: 16px;
   }
 
   .search-input {
     flex: 1;
+    height: 50px;
+  }
+
+  .search-button {
+    height: 50px;
+    width: 100px;
+    font-size: 16px;
   }
 
   .search-meta {