diff --git a/frontend/src/components/RecipeDetailOverlay.vue b/frontend/src/components/RecipeDetailOverlay.vue
index d2a6027..512b2b7 100644
--- a/frontend/src/components/RecipeDetailOverlay.vue
+++ b/frontend/src/components/RecipeDetailOverlay.vue
@@ -350,6 +350,7 @@ import { useUiStore } from '../stores/ui'
 import { useDiaryStore } from '../stores/diary'
 import { api } from '../composables/useApi'
 import { oilEn, recipeNameEn } from '../composables/useOilTranslation'
+import { showPrompt } from '../composables/useDialog'
 // TagPicker replaced with inline tag editing
 
 const props = defineProps({
@@ -576,7 +577,7 @@ async function saveToDiary() {
     ui.openLogin()
     return
   }
-  const name = prompt('保存为我的配方，名称：', recipe.value.name)
+  const name = await showPrompt('保存为我的配方，名称：', recipe.value.name)
   if (!name) return
   try {
     await api.post('/api/diary', {