diff --git a/apps/web/src/app/main/letter/inbox/page.tsx b/apps/web/src/app/main/letter/inbox/page.tsx
index 78c227e..2376875 100644
--- a/apps/web/src/app/main/letter/inbox/page.tsx
+++ b/apps/web/src/app/main/letter/inbox/page.tsx
@@ -5,7 +5,7 @@ export default function InboxPage() {
 	const { user } = useAuth();
 	return (
 		// 添加 flex flex-col 使其成为弹性布局容器
-		<div className="min-h-screen shadow-elegant border-2 border-white  rounded-xl overflow-hidden bg-gradient-to-b from-slate-100 to-slate-50 flex flex-col">
+		<div className="min-h-screen shadow-elegant border-2 border-white  rounded-xl overflow-hidden  bg-slate-200">
 			<Header />
 			{/* 添加 flex-grow 使内容区域自动填充剩余空间 */}
 
diff --git a/apps/web/src/app/main/letter/outbox/page.tsx b/apps/web/src/app/main/letter/outbox/page.tsx
index c39748a..7e4f539 100644
--- a/apps/web/src/app/main/letter/outbox/page.tsx
+++ b/apps/web/src/app/main/letter/outbox/page.tsx
@@ -5,7 +5,7 @@ export default function OutboxPage() {
 	const { user } = useAuth();
 	return (
 		// 添加 flex flex-col 使其成为弹性布局容器
-		<div className="min-h-screen shadow-elegant border-2 border-white  rounded-xl overflow-hidden bg-gradient-to-b from-slate-100 to-slate-50 flex flex-col">
+		<div className="min-h-screen shadow-elegant border-2 border-white  rounded-xl overflow-hidden  bg-slate-200">
 			<Header />
 			{/* 添加 flex-grow 使内容区域自动填充剩余空间 */}