diff --git a/.vite/deps/_metadata.json b/.vite/deps/_metadata.json
new file mode 100644
index 0000000..bcf60f1
--- /dev/null
+++ b/.vite/deps/_metadata.json
@@ -0,0 +1,8 @@
+{
+  "hash": "35276b75",
+  "configHash": "1834f32e",
+  "lockfileHash": "e3b0c442",
+  "browserHash": "09e8beb6",
+  "optimized": {},
+  "chunks": {}
+}
\ No newline at end of file
diff --git a/.vite/deps/package.json b/.vite/deps/package.json
new file mode 100644
index 0000000..3dbc1ca
--- /dev/null
+++ b/.vite/deps/package.json
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
diff --git a/data/oil_calculator.db b/data/oil_calculator.db
new file mode 100644
index 0000000..0296c1b
Binary files /dev/null and b/data/oil_calculator.db differ
diff --git a/frontend/src/components/LoginModal.vue b/frontend/src/components/LoginModal.vue
index 17e6878..a40c5bb 100644
--- a/frontend/src/components/LoginModal.vue
+++ b/frontend/src/components/LoginModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="login-overlay" @click.self="$emit('close')">
+  <div class="login-overlay" @mousedown.self="$emit('close')">
     <div class="login-card">
       <div class="login-header">
         <span
diff --git a/frontend/src/components/RecipeDetailOverlay.vue b/frontend/src/components/RecipeDetailOverlay.vue
index e3e3caa..f74bd05 100644
--- a/frontend/src/components/RecipeDetailOverlay.vue
+++ b/frontend/src/components/RecipeDetailOverlay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="detail-overlay" @click.self="$emit('close')">
+  <div class="detail-overlay" @mousedown.self="$emit('close')">
     <div class="detail-panel">
       <!-- ==================== CARD VIEW ==================== -->
       <div v-if="viewMode === 'card'" class="detail-card-view">
diff --git a/frontend/src/components/TagPicker.vue b/frontend/src/components/TagPicker.vue
index f1195fe..d936f07 100644
--- a/frontend/src/components/TagPicker.vue
+++ b/frontend/src/components/TagPicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tagpicker-overlay" @click.self="$emit('close')">
+  <div class="tagpicker-overlay" @mousedown.self="$emit('close')">
     <div class="tagpicker-card">
       <div class="tagpicker-title">为「{{ name }}」选择标签</div>
 
diff --git a/frontend/src/components/UserMenu.vue b/frontend/src/components/UserMenu.vue
index 870c5b7..fa74e53 100644
--- a/frontend/src/components/UserMenu.vue
+++ b/frontend/src/components/UserMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="usermenu-overlay" @click.self="$emit('close')">
+  <div class="usermenu-overlay" @mousedown.self="$emit('close')">
     <div class="usermenu-card">
       <div class="usermenu-name">{{ auth.user.display_name || auth.user.username }}</div>
 
diff --git a/frontend/src/views/BugTracker.vue b/frontend/src/views/BugTracker.vue
index 464f20e..7c2623d 100644
--- a/frontend/src/views/BugTracker.vue
+++ b/frontend/src/views/BugTracker.vue
@@ -85,7 +85,7 @@
     </div>
 
     <!-- Add Bug Modal -->
-    <div v-if="showAddBug" class="overlay" @click.self="showAddBug = false">
+    <div v-if="showAddBug" class="overlay" @mousedown.self="showAddBug = false">
       <div class="overlay-panel">
         <div class="overlay-header">
           <h3>新增Bug</h3>
diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index db84abb..f221778 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -19,7 +19,7 @@
     </div>
 
     <!-- Dilution Ratio Modal -->
-    <div v-if="showDilution" class="modal-overlay" @click.self="showDilution = false">
+    <div v-if="showDilution" class="modal-overlay" @mousedown.self="showDilution = false">
       <div ref="dilutionCardRef" style="position:relative;z-index:1;background:white;border-radius:20px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 16px 56px rgba(0,0,0,0.25)" @click.stop>
         <div style="background:linear-gradient(135deg,#2e7d32,#66bb6a);border-radius:20px 20px 0 0;padding:28px 24px;color:white;text-align:center;position:relative">
           <button @click="showDilution = false" style="position:absolute;top:12px;right:16px;background:rgba(255,255,255,0.2);border:none;color:white;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px">×</button>
@@ -48,7 +48,7 @@
     </div>
 
     <!-- Safety Cautions Modal -->
-    <div v-if="showContra" class="modal-overlay" @click.self="showContra = false">
+    <div v-if="showContra" class="modal-overlay" @mousedown.self="showContra = false">
       <div ref="contraCardRef" style="position:relative;z-index:1;background:white;border-radius:20px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 16px 56px rgba(0,0,0,0.25)" @click.stop>
         <div style="background:linear-gradient(135deg,#e65100,#ff9800);border-radius:20px 20px 0 0;padding:28px 24px;color:white;text-align:center;position:relative">
           <button @click="showContra = false" style="position:absolute;top:12px;right:16px;background:rgba(255,255,255,0.2);border:none;color:white;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px">×</button>
@@ -161,7 +161,7 @@
     </div>
 
     <!-- Oil Knowledge Card Modal -->
-    <div v-if="activeCard && activeCardName" class="modal-overlay" @click.self="closeOilModal">
+    <div v-if="activeCard && activeCardName" class="modal-overlay" @mousedown.self="closeOilModal">
       <div class="oil-card-modal">
         <div class="oil-card-header">
           <div class="oil-card-header-content">
diff --git a/frontend/src/views/Projects.vue b/frontend/src/views/Projects.vue
index 9d9d720..fbef44e 100644
--- a/frontend/src/views/Projects.vue
+++ b/frontend/src/views/Projects.vue
@@ -207,7 +207,7 @@
     </div>
 
     <!-- Import From Recipe Modal -->
-    <div v-if="showImportModal" class="overlay" @click.self="showImportModal = false">
+    <div v-if="showImportModal" class="overlay" @mousedown.self="showImportModal = false">
       <div class="overlay-panel">
         <div class="overlay-header">
           <h3>从配方导入</h3>
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 0000000..5fca3f8
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,4 @@
+{
+  "status": "failed",
+  "failedTests": []
+}
\ No newline at end of file