diff --git a/tone-page-web/app/components/Footer.tsx b/tone-page-web/app/components/Footer.tsx
index c34cb01..82803e5 100644
--- a/tone-page-web/app/components/Footer.tsx
+++ b/tone-page-web/app/components/Footer.tsx
@@ -19,8 +19,8 @@ async function handleCopy(text: string) {
 
 export default function Footer() {
     return (
-        <footer className="border-t h-3 relative">
-            <div className="h-20 flex sm:justify-between justify-center items-center px-20 flex-col sm:flex-row">
+        <footer className="border-t border-zinc-300 h-3 relative">
+            <div className="bg-zinc-50 h-20 flex sm:justify-between justify-center items-center px-20 flex-col sm:flex-row">
                 <div className="flex flex-col items-center sm:block">
                     <a href="https://beian.miit.gov.cn/" className="text-sm text-zinc-500 hover:border-zinc-500 border-b border-transparent">备案号：渝ICP备2023009516号-1</a>
                     <div className="text-sm text-zinc-500 cursor-default">© 2025 TONE Page. All rights reserved.</div>