From 77e1208c314505ae0881f4c8621a6ce72a7baf76 Mon Sep 17 00:00:00 2001
From: Zhengen TANG <Zhengen.TANG@halliburton.com>
Date: Fri, 7 Aug 2026 09:37:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9ECookie=E5=90=8C?=
 =?UTF-8?q?=E6=84=8F=E6=9D=A1=E6=8E=A7=E4=BB=B6=EF=BC=8CFooter=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E9=9A=90=E7=A7=81=E6=94=BF=E7=AD=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/layout.tsx                      |  2 +
 components/layout/CookieConsent.tsx | 65 +++++++++++++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 components/layout/CookieConsent.tsx

diff --git a/app/layout.tsx b/app/layout.tsx
index 9d4a192..de21770 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import "./globals.css";
 import Header from "@/components/layout/Header";
 import Footer from "@/components/layout/Footer";
+import CookieConsent from "@/components/layout/CookieConsent";
 import ReactQueryProvider from "@/providers/react-query-provider";
 
 // 面向中国大陆用户，避免依赖 next/font/google（构建期需访问 Google 服务器）。
@@ -23,6 +24,7 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
           <Header />
           <main className="flex-1">{children}</main>
           <Footer />
+          <CookieConsent />
         </ReactQueryProvider>
       </body>
     </html>
diff --git a/components/layout/CookieConsent.tsx b/components/layout/CookieConsent.tsx
new file mode 100644
index 0000000..3eaf1f2
--- /dev/null
+++ b/components/layout/CookieConsent.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+
+const CONSENT_STORAGE_KEY = "cookie-consent";
+
+export default function CookieConsent() {
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    // 仅在浏览器已明确同意/拒绝前展示，避免每次访问重复弹出。
+    const consent = window.localStorage.getItem(CONSENT_STORAGE_KEY);
+    if (!consent) {
+      setVisible(true);
+    }
+  }, []);
+
+  function handleChoice(choice: "accepted" | "rejected") {
+    window.localStorage.setItem(CONSENT_STORAGE_KEY, choice);
+    setVisible(false);
+  }
+
+  if (!visible) {
+    return null;
+  }
+
+  return (
+    <div
+      role="dialog"
+      aria-live="polite"
+      aria-label="Cookie 使用提示"
+      className="fixed inset-x-0 bottom-0 z-[100] border-t border-slate-800 bg-slate-950 px-6 py-4 text-sm text-slate-300"
+    >
+      <div className="mx-auto flex max-w-7xl flex-col items-center justify-between gap-3 sm:flex-row">
+        <p>
+          本网站使用 Cookie 以提升您的浏览体验。继续访问即表示您同意我们按照{" "}
+          <Link
+            href="/privacy-policy"
+            className="underline underline-offset-2 hover:text-white"
+          >
+            隐私政策
+          </Link>{" "}
+          使用 Cookie。您也可以选择拒绝非必要 Cookie。
+        </p>
+        <div className="flex shrink-0 gap-3">
+          <button
+            type="button"
+            onClick={() => handleChoice("rejected")}
+            className="rounded-md border border-slate-600 px-4 py-2 text-slate-300 hover:bg-slate-800"
+          >
+            拒绝
+          </button>
+          <button
+            type="button"
+            onClick={() => handleChoice("accepted")}
+            className="rounded-md bg-primary px-4 py-2 font-medium text-white hover:opacity-90"
+          >
+            接受
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}