后台站点设计UIUX优化

frontend/components/Footer.tsx

@@ -1,4 +1,5 @@
 import pkg from "../package.json";
+import type { FooterLink } from "@/lib/brand";
 import FooterTiming from "./FooterTiming";
 
 // 官方镜像构建会写入 NEXT_PUBLIC_APP_VERSION（可与脚手架 0.1.0 相同）。
@@ -9,8 +10,14 @@ function realVersion(pkgVersion: string): string {
   return !pkgVersion || pkgVersion === "0.0.0" || pkgVersion === "0.1.0" ? "" : pkgVersion;
 }
 
-// 极简页脚：版权 + 实时性能指标（版本 / 页面加载 / 模板生成）
-export default function Footer({ siteName = "姜十三社区" }: { siteName?: string }) {
+// 极简页脚：版权 + 合规链接 + 实时性能指标
+export default function Footer({
+  siteName = "姜十三社区",
+  links = [],
+}: {
+  siteName?: string;
+  links?: FooterLink[];
+}) {
   const year = new Date().getFullYear();
   const brand = siteName.trim() || "姜十三社区";
 
@@ -21,8 +28,22 @@ export default function Footer({ siteName = "姜十三社区" }: { siteName?: st
         background: "var(--panel)",
       }}
     >
-      <div className="max-w-[1440px] mx-auto px-4 sm:px-6 py-4 flex items-center justify-between gap-4">
+      <div className="max-w-[1440px] mx-auto px-4 sm:px-6 py-4 flex items-center justify-between gap-x-4 gap-y-2 flex-wrap">
         <span className="meta text-[12px] whitespace-nowrap">© {year} {brand}</span>
+        {links.length > 0 ? (
+          <nav aria-label="页脚链接" className="flex flex-wrap items-center gap-x-3 gap-y-1 min-w-0">
+            {links.map((item) => (
+              <a
+                key={`${item.label}-${item.url}`}
+                href={item.url}
+                className="meta text-[12px] hover:underline"
+                {...(item.new_tab ? { target: "_blank", rel: "noopener noreferrer" } : {})}
+              >
+                {item.label}
+              </a>
+            ))}
+          </nav>
+        ) : null}
         <FooterTiming version={realVersion(pkg.version)} />
       </div>
     </footer>