style: 完美还原开发模式下的搜索占位符视觉 UI

DEV_LOG.md

@@ -45,6 +45,8 @@
 
 - **Task 27**: 彻底重构搜索框 UI，移除默认硬编码样式，引入半透明磨砂玻璃效果，优化图标与聚焦交互，全面适配 2026 审美标准。
 
+- **Task 28**: 重构开发模式下的搜索占位符 UI，采用精致圆角、居中对齐与柔和暗黑边框，完美还原视觉设计。
+
 ---
 **🔄 当前状态**: 系统架构稳定，UI 交互流畅。所有功能模块已固化至 Git 版本控制。
 **📝 下一步计划**: 等待分配新需求（如：SEO 优化等）。

src/components/Search.astro

@@ -32,7 +32,12 @@
         };
         document.head.appendChild(script);
       } else {
-        searchDiv.innerHTML = '<div class="text-xs text-gray-500 bg-gray-100 dark:bg-gray-800/50 p-2 text-center rounded-lg border border-gray-200 dark:border-gray-700">🔍 搜索功能将在 Build 后激活</div>';
+        searchDiv.innerHTML = `
+             <div class="flex items-center justify-center gap-2.5 px-4 py-3 rounded-xl border border-gray-200 dark:border-gray-700/60 bg-gray-50/50 dark:bg-gray-800/40 shadow-sm transition-all">
+               <span class="text-base drop-shadow-sm">🔍</span>
+               <span class="text-sm font-medium tracking-wide text-gray-500 dark:text-gray-400">搜索功能将在 Build 后激活</span>
+             </div>
+           `;
       }
     } catch (e) {
       console.warn('Pagefind 尚未初始化');