fix: 搜索过滤收藏、拼音首字母匹配、清除图片、滑动切换、通知已读

1. 搜索时收藏配方也按关键词过滤，不匹配的隐藏
2. 编辑配方添加精油时支持拼音首字母匹配（如xyc→薰衣草）
3. 品牌设置页清除图片立即保存到后端，不需点保存按钮
4. 左右滑动切换tab，轮播区域内滑动切换图片不触发tab切换
5. 通知列表每条未读通知加"已读"按钮，调用POST /api/notifications/{id}/read

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/views/MyDiary.vue

@@ -574,6 +574,26 @@ async function clearBrandImage(type) {
   }
 }
 
+async function clearBrandImage(type) {
+  const fieldMap = { logo: 'brand_logo', bg: 'brand_bg', qr: 'qr_code' }
+  const field = fieldMap[type]
+  if (!field) return
+  try {
+    const res = await api('/api/brand', {
+      method: 'PUT',
+      body: JSON.stringify({ [field]: '' }),
+    })
+    if (res.ok) {
+      if (type === 'logo') brandLogo.value = ''
+      else if (type === 'bg') brandBg.value = ''
+      else if (type === 'qr') brandQrImage.value = ''
+      ui.showToast('已清除')
+    }
+  } catch {
+    ui.showToast('清除失败')
+  }
+}
+
 // Account
 async function updateDisplayName() {
   try {

frontend/src/views/RecipeSearch.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="recipe-search">
     <!-- Category Carousel (full-width image slides) -->
-    <div class="cat-wrap" v-if="categories.length && !selectedCategory">
+    <div class="cat-wrap" v-if="categories.length && !selectedCategory" data-no-tab-swipe @touchstart="onCarouselTouchStart" @touchend="onCarouselTouchEnd">
       <div class="cat-track" :style="{ transform: `translateX(-${catIdx * 100}%)` }">
         <div
           v-for="cat in categories"
@@ -237,9 +237,17 @@ const myDiaryRecipes = computed(() => {
 
 const favoritesPreview = computed(() => {
   if (!auth.isLoggedIn) return []
-  return recipeStore.recipes
-    .filter(r => recipeStore.isFavorite(r))
-    .slice(0, 6)
+  let list = recipeStore.recipes.filter(r => recipeStore.isFavorite(r))
+  if (searchQuery.value.trim()) {
+    const q = searchQuery.value.trim().toLowerCase()
+    list = list.filter(r => {
+      const nameMatch = r.name.toLowerCase().includes(q)
+      const oilMatch = r.ingredients.some(ing => ing.oil.toLowerCase().includes(q))
+      const tagMatch = r.tags && r.tags.some(t => t.toLowerCase().includes(q))
+      return nameMatch || oilMatch || tagMatch
+    })
+  }
+  return list.slice(0, 6)
 })
 
 function findGlobalIndex(recipe) {
@@ -316,6 +324,18 @@ function clearSearch() {
   searchQuery.value = ''
   selectedCategory.value = null
 }
+
+// Carousel swipe
+const carouselTouchStartX = ref(0)
+function onCarouselTouchStart(e) {
+  carouselTouchStartX.value = e.touches[0].clientX
+}
+function onCarouselTouchEnd(e) {
+  const dx = e.changedTouches[0].clientX - carouselTouchStartX.value
+  if (Math.abs(dx) > 50) {
+    slideCat(dx < 0 ? 1 : -1)
+  }
+}
 </script>
 
 <style scoped>