v0.13.0: 前台导航修复（loader 服务函数化防客户端退化）、全站图片占位图+懒加载、favicon、分页圆点、导航 1400px 居中、缺失图片补齐脚本

src/routes/contact-us.tsx

@@ -3,6 +3,7 @@
  * 有 Elementor 内容则渲染；否则标准布局：联系方式卡片 + 询盘表单。
  */
 import { createFileRoute } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
 import { getLayoutData, Layout } from "~/components/website/Layout";
 import { ElementorRenderer, extractElementor } from "~/components/elementor/Renderer";
 import { InquiryForm } from "~/components/website/InquiryForm";
@@ -10,14 +11,8 @@ import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbP
 import { getPublishedContent } from "~/server/data";
 
 export const Route = createFileRoute("/contact-us")({
-  loader: async () => {
-    const [layout, page] = await Promise.all([
-      getLayoutData(),
-      getPublishedContent("contact-us", "page").catch(() => null),
-    ]);
-    const meta = (page?.meta ?? null) as Record<string, unknown> | null;
-    return { layout, page, meta };
-  },
+  // loader 本体抽为 Server Function（客户端导航在浏览器重跑 loader，db 依赖必须在服务端执行）
+  loader: () => loadContactData(),
   head: ({ loaderData }) => ({
     meta: [
       { title: loaderData?.page?.seoTitle || "Contact Us | Dusun IoT" },
@@ -27,6 +22,16 @@ export const Route = createFileRoute("/contact-us")({
   component: ContactPage,
 });
 
+/** # 函数 联系页数据加载（Server Function：客户端导航时由服务端执行） */
+const loadContactData = createServerFn({ method: "GET" }).handler(async (): Promise<any> => {
+  const [layout, page] = await Promise.all([
+    getLayoutData(),
+    getPublishedContent("contact-us", "page").catch(() => null),
+  ]);
+  const meta = (page?.meta ?? null) as Record<string, unknown> | null;
+  return { layout, page, meta };
+});
+
 /** # 组件 联系页（原站为 full-canvas Elementor 模板：hero 通栏 + 表单卡叠压，不加 site-container） */
 function ContactPage() {
   const data = Route.useLoaderData();