diff --git a/components/i/search/Ask.vue b/components/i/search/Ask.vue
index 24c99eb22ca873e378cea4c5c173ab2d82a81f2d..897d56469e874f32c92b50887edb0e6d4b3e4e3a 100644
--- a/components/i/search/Ask.vue
+++ b/components/i/search/Ask.vue
@@ -1,46 +1,60 @@
 <template>
-    <div class="justify-between flex w-full space-x-2">
-        <UTooltip text="停止生成" v-if="asking">
-            <UButton
+    <div class="flex w-full">
+        <UCard :ui="{ body: { padding: '', base: 'flex items-center pl-4 pr-1 py-1 gap-2' }, base: 'w-full', rounded: 'rounded-full' }">
+            <UInput
+                class="flex-grow"
+                name="queryInput"
+                v-model="continueQuestion"
+                placeholder="提出后续问题"
                 size="xl"
-                square
-                trailing-icon="i-heroicons-stop-20-solid"
-                color="gray"
-                @click="handleStop"
-                :ui="{ rounded: 'rounded-full' }"
+                :padded="false"
+                variant="none"
             />
-        </UTooltip>
-        <UInput
-            name="queryInput"
-            class="w-full"
-            v-model="continueQuestion"
-            placeholder="提出后续问题"
-            size="xl"
-            :disabled="asking"
-        />
-        <UButton
-            size="xl"
-            square
-            @click="handleAsk"
-            :trailing-icon="asking ? '' : 'i-heroicons-chevron-right-20-solid'"
-            :disabled="!continueQuestion"
-            :loading="asking"
-        />
+            <div class="flex">
+                <UButton
+                    v-if="!asking"
+                    :ui="{ rounded: 'rounded-full' }"
+                    :disabled="!continueQuestion"
+                    trailing-icon="i-heroicons-chevron-right-20-solid"
+                    size="xl"
+                    @click="handleAsk"
+                />
+                <UTooltip v-else text="停止生成">
+                    <UButton
+                        :ui="{ rounded: 'rounded-full' }"
+                        color="red"
+                        trailing-icon="i-heroicons-stop-20-solid"
+                        size="xl"
+                        @click="handleStop"
+                    />
+                </UTooltip>
+            </div>
+        </UCard>
     </div>
 </template>
 <script setup>
-defineProps({
+const props = defineProps({
     asking: {
         type: Boolean,
         default: false
     }
 })
+defineShortcuts({
+    meta_enter: {
+        usingInput: 'queryInput',
+        handler: () => {
+            handleAsk()
+        }
+    }
+})
 const emits = defineEmits(['ask', 'stop'])
 const continueQuestion = ref('')
 function handleStop () {
     emits('stop')
 }
 function handleAsk () {
+    if (props.asking) return
     emits('ask', continueQuestion.value)
+    continueQuestion.value = ''
 }
 </script>
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 6f41e7992895669ab970741c58a2a40d4a28c80a..f45a47d05a28a662cef40d972c6495fe90dd0406 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -51,7 +51,7 @@
                 @click="handleContinueAsk"
             />
         </div>
-        <div class="container max-w-screen-lg sticky bottom-2 flex pl-6 pr-6">
+        <div class="container max-w-screen-lg sticky bottom-4 flex pl-6 pr-6">
             <ISearchAsk :asking="asking" @stop="handleStopGenerate" @ask="handleContinueAsk" />
         </div>
     </div>
@@ -142,14 +142,6 @@ const sourceCount = computed(() => {
     }
     return currentData.source.length
 })
-defineShortcuts({
-    meta_enter: {
-        usingInput: 'queryInput',
-        handler: () => {
-            handleContinueAsk(continueQuestion.value)
-        }
-    }
-})
 let asking = ref(false)
 const handleClearInput = () => {
     continueQuestion.value = ''