diff --git a/client/electron/src/components/MailList.tsx b/client/electron/src/components/MailList.tsx
index 1d39aac..d47f668 100644
--- a/client/electron/src/components/MailList.tsx
+++ b/client/electron/src/components/MailList.tsx
@@ -71,7 +71,7 @@ export default function MailList() {
 
   return (
     <div className="w-full lg:w-[320px] shrink-0 lg:shadow-panel bg-white flex flex-col min-w-0">
-      <div className="px-4 py-3.5 border-b border-gray-200 flex items-center gap-1">
+      <div className="glass-card mx-2.5 mt-2.5 px-3.5 py-2.5 flex items-center gap-1">
         <h2 className="text-sm font-semibold text-gray-800">{isSent ? '发件箱' : '收件箱'}</h2>
         <AccountSwitcher />
         {/* 显示「会话数 · 邮件数」而不是只显示邮件数：分组之后前者才是
diff --git a/client/electron/src/components/MailView.tsx b/client/electron/src/components/MailView.tsx
index 50e19bc..cf249cc 100644
--- a/client/electron/src/components/MailView.tsx
+++ b/client/electron/src/components/MailView.tsx
@@ -586,7 +586,7 @@ function CollapsibleHeader({
   useEffect(() => setOpen(!narrow), [narrow]);
 
   return (
-    <div className="shrink-0 px-4 md:px-6 py-2 md:py-3.5 border-b border-gray-200 bg-white">
+    <div className="glass-card shrink-0 mx-2.5 mt-2.5 px-3.5 md:px-4 py-2.5 md:py-3">
       <div className="flex items-center gap-2">
         {lead}
         <button