From 650b2379843e9a3f43f3bbbc3366a76335f8e58a Mon Sep 17 00:00:00 2001
From: chenhang <averych@126.com>
Date: Fri, 17 Jul 2026 18:33:14 +0800
Subject: [PATCH] fix(chat): align header with offer banner

---
 .../chat/components/__tests__/tailwind-components.test.tsx    | 3 +++
 src/app/chat/components/chat-header.tsx                       | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/chat/components/__tests__/tailwind-components.test.tsx b/src/app/chat/components/__tests__/tailwind-components.test.tsx
index 2854b8d1..695fc9c7 100644
--- a/src/app/chat/components/__tests__/tailwind-components.test.tsx
+++ b/src/app/chat/components/__tests__/tailwind-components.test.tsx
@@ -187,6 +187,7 @@ describe("chat Tailwind components", () => {
     expect(guestHtml).toContain('href="/characters/elio/splash"');
     expect(guestHtml).toContain('aria-label="Back to home"');
     expect(guestHtml).toContain('data-analytics-key="chat.back_to_home"');
+    expect(guestHtml).toContain("px-(--chat-inline-padding,16px)");
     expect(guestHtml).not.toContain('aria-label="Menu"');
     expect(memberHtml).toContain("Offer");
     expect(memberHtml).toContain('href="/characters/elio/splash"');
@@ -194,6 +195,8 @@ describe("chat Tailwind components", () => {
     expect(memberHtml).toContain('aria-label="Menu"');
     expect(memberHtml).toContain('data-analytics-key="chat.open_menu"');
     expect(memberHtml).toContain('data-analytics-key="chat.back_to_home"');
+    expect(memberHtml).toContain("px-(--chat-inline-padding,16px)");
+    expect(memberHtml).not.toContain("px-(--spacing-md,12px)");
     expect(memberHtml).toContain("bg-[rgba(13,11,20,0.7)]");
     expect(memberHtml).toContain("size-(--responsive-icon-button-size,42px)");
     expect(memberWithHintHtml).toContain(
diff --git a/src/app/chat/components/chat-header.tsx b/src/app/chat/components/chat-header.tsx
index f156d968..7663cae6 100644
--- a/src/app/chat/components/chat-header.tsx
+++ b/src/app/chat/components/chat-header.tsx
@@ -53,8 +53,8 @@ export function ChatHeader({
       <div
         className={
           isGuest
-            ? "flex items-center px-(--spacing-md,12px) py-(--spacing-sm,8px)"
-            : "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-(--spacing-sm,8px) px-(--spacing-md,12px) py-(--spacing-sm,8px)"
+            ? "flex items-center px-(--chat-inline-padding,16px) py-(--spacing-sm,8px)"
+            : "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-(--spacing-sm,8px) px-(--chat-inline-padding,16px) py-(--spacing-sm,8px)"
         }
       >
         <BackButton