后台站点设计UIUX优化

frontend/components/Header.tsx

@@ -29,7 +29,9 @@ import { onDocumentVisible } from "@/lib/visibilityReconcile";
 import NotificationBell from "./NotificationBell";
 import ThemeToggle from "./ThemeToggle";
 import Avatar from "./Avatar";
+import BrandLockup from "./BrandLockup";
 import { useAllowMessages } from "./MessagesPolicyProvider";
+import type { BrandLogoFit, BrandLogoSize, BrandMark } from "@/lib/brand";
 
 export default function Header({
   initialUser,
@@ -37,6 +39,13 @@ export default function Header({
   initialChatUnread = 0,
   initialTheme = "light",
   siteName = "姜十三",
+  wordmark = "",
+  slogan = "",
+  logoLight = "",
+  logoDark = "",
+  brandMark = "image_text",
+  brandLogoSize = "sq",
+  brandLogoFit = "contain",
   allowRegister = true,
 }: {
   initialUser: User | null;
@@ -44,6 +53,13 @@ export default function Header({
   initialChatUnread?: number;
   initialTheme?: "light" | "dark";
   siteName?: string;
+  wordmark?: string;
+  slogan?: string;
+  logoLight?: string;
+  logoDark?: string;
+  brandMark?: BrandMark;
+  brandLogoSize?: BrandLogoSize;
+  brandLogoFit?: BrandLogoFit;
   allowRegister?: boolean;
 }) {
   const router = useRouter();
@@ -205,23 +221,17 @@ export default function Header({
       <div className="max-w-[1440px] mx-auto px-4 sm:px-6 h-[var(--header-bar)] flex items-center gap-4 lg:gap-7">
         {/* 左组：品牌 + 主导航 */}
         <div className="flex items-center gap-3 lg:gap-5 shrink-0">
-          <Link href="/" className="flex items-center gap-2.5 group">
-            <span
-              className="w-9 h-9 rounded-2xl flex items-center justify-center transition-transform duration-300 group-hover:rotate-[-6deg]"
-              style={{ background: "var(--accent)", color: "var(--accent-on)" }}
-            >
-              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
-                <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
-              </svg>
-            </span>
-            <span className="leading-none">
-              <span className="block font-extrabold text-[17px] tracking-tight" style={{ color: "var(--ink)" }}>
-                {siteName}
-              </span>
-              <span className="block text-[10.5px] mt-0.5" style={{ color: "var(--ink-3)" }}>
-                J13 社区
-              </span>
-            </span>
+          <Link href="/" className="flex items-center group min-w-0" aria-label={siteName}>
+            <BrandLockup
+              mode={brandMark}
+              size={brandLogoSize}
+              fit={brandLogoFit}
+              name={siteName}
+              wordmark={wordmark}
+              slogan={slogan}
+              logoLight={logoLight}
+              logoDark={logoDark}
+            />
           </Link>
           <nav className="hidden lg:flex items-center gap-1.5 pl-3" style={{ borderLeft: "1px solid var(--line)" }}>
             <NavPill href="/" active={pathname === "/"} icon={<Home size={15} />}>