From 5a59fcd96be4a29cbe9dc720cb27cdbefd19b070 Mon Sep 17 00:00:00 2001
From: Codex <codex@local.dev>
Date: Mon, 1 Jun 2026 16:25:27 +0800
Subject: [PATCH] Improve cookie consent readability

---
 src/app/globals.css                    | 4 ++++
 src/components/site/cookie-consent.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 80f346c..bedef70 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -153,7 +153,11 @@ body.site-product-menu-open footer {
 }
 
 .cookie-consent-panel {
+  background: #fff;
   border-radius: 8px;
+  box-shadow:
+    0 18px 64px rgba(15, 18, 20, 0.22),
+    0 2px 14px rgba(15, 18, 20, 0.1) !important;
 }
 
 .about-html {
diff --git a/src/components/site/cookie-consent.tsx b/src/components/site/cookie-consent.tsx
index 4b35ee0..62eadc2 100644
--- a/src/components/site/cookie-consent.tsx
+++ b/src/components/site/cookie-consent.tsx
@@ -33,7 +33,7 @@ export function CookieConsent({ locale }: { locale: Locale }) {
 
   return (
     <div className="fixed inset-x-0 bottom-0 z-[70] px-4 pb-4 md:px-6 md:pb-6">
-      <div className="cookie-consent-panel mx-auto flex max-w-page flex-col gap-4 border border-black/15 bg-[#fffaf2]/98 px-5 py-4 shadow-[0_22px_70px_rgba(23,23,23,0.16)] ring-1 ring-[#d7b98b]/45 backdrop-blur md:flex-row md:items-end md:justify-between md:px-6">
+      <div className="cookie-consent-panel mx-auto flex max-w-page flex-col gap-4 border border-black/15 bg-white px-5 py-4 shadow-[0_22px_70px_rgba(23,23,23,0.22)] ring-1 ring-black/10 md:flex-row md:items-end md:justify-between md:px-6">
         <div className="max-w-[880px]">
           <div className="inline-flex items-center gap-2 text-sm font-medium text-text-primary">
             <span className="h-2 w-2 rounded-full bg-[#b37a2a]" />