From 276f9aa188d290273e13d52d613de59ee7706a22 Mon Sep 17 00:00:00 2001
From: alanpaine <alanpaine@163.com>
Date: Thu, 16 Apr 2026 13:15:39 +0800
Subject: [PATCH] =?UTF-8?q?style(layout):=20=E4=BC=98=E5=8C=96=E9=A1=B5?=
 =?UTF-8?q?=E8=84=9A=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A7=BB=E9=99=A4=E5=86=97?=
 =?UTF-8?q?=E4=BD=99=E8=A3=85=E9=A5=B0=E5=85=83=E7=B4=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整页脚内边距，移除背景透明设置，使用卡片背景色并添加顶部边框
- 简化页脚内容容器样式，移除圆角、边框和毛玻璃效果
- 调整文字颜色为次要文本色，减少间距，优化视觉层次
- 更新分隔符颜色以匹配边框颜色变量
---
 frontend/src/layouts/AppLayout.tsx | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/frontend/src/layouts/AppLayout.tsx b/frontend/src/layouts/AppLayout.tsx
index 01b8cf6..9e7e121 100644
--- a/frontend/src/layouts/AppLayout.tsx
+++ b/frontend/src/layouts/AppLayout.tsx
@@ -466,29 +466,24 @@ export default function AppLayout() {
         <Footer
           style={{
             flexShrink: 0,
-            padding: "0 24px 16px",
-            background: "transparent"
+            padding: "16px 24px",
+            background: "var(--app-bg-card)",
+            borderTop: "1px solid var(--app-border-color)"
           }}
         >
           <div
             style={{
-              minHeight: 44,
-              borderRadius: 8,
-              border: "1px solid var(--app-border-color)",
-              background: "var(--app-bg-card)",
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              gap: 16,
-              padding: "10px 16px",
-              color: "var(--app-text-main)",
+              gap: 12,
+              color: "var(--app-text-secondary)",
               fontSize: 13,
-              textAlign: "center",
-              backdropFilter: "blur(10px)"
+              textAlign: "center"
             }}
           >
             {platformConfig?.icpInfo ? <span>{platformConfig.icpInfo}</span> : null}
-            {platformConfig?.icpInfo && platformConfig?.copyrightInfo ? <span aria-hidden="true" style={{ color: "#d0d5dd" }}>|</span> : null}
+            {platformConfig?.icpInfo && platformConfig?.copyrightInfo ? <span aria-hidden="true" style={{ color: "var(--app-border-color)" }}>|</span> : null}
             {platformConfig?.copyrightInfo ? <span>{platformConfig.copyrightInfo}</span> : null}
           </div>
         </Footer>