fix: dynamic site name

src/components/MobileHeader.tsx

@@ -2,12 +2,13 @@
 
 import Link from 'next/link';
 
+import { useSiteName } from './SiteNameContext';
 import { ThemeToggle } from './ThemeToggle';
 
 export const dynamic = 'force-dynamic';
 
 const MobileHeader = () => {
-  const siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'MoonTV';
+  const siteName = useSiteName();
   return (
     <header className='md:hidden relative w-full bg-white/70 backdrop-blur-xl border-b border-gray-200/50 shadow-sm dark:bg-gray-900/70 dark:border-gray-700/50'>
       <div className='h-12 flex items-center justify-center'>

src/components/Sidebar.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Clover,
   Film,
@@ -22,6 +24,8 @@ import {
   useState,
 } from 'react';
 
+import { useSiteName } from './SiteNameContext';
+
 interface SidebarContextType {
   isCollapsed: boolean;
 }
@@ -164,7 +168,7 @@ const Sidebar = ({ onToggle, activePath = '/' }: SidebarProps) => {
     { icon: VenetianMask, label: '日漫', href: '/douban?type=tv&tag=日本动画' },
   ];
 
-  const siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'MoonTV';
+  const siteName = useSiteName();
 
   return (
     <SidebarContext.Provider value={contextValue}>

src/components/SiteNameContext.tsx

@@ -0,0 +1,22 @@
+import React, { createContext, useContext } from 'react';
+
+/**
+ * 站点名称上下文，默认值为 "MoonTV"。
+ * 不包含 "use client"，以便既能被 Server Component 引用，也能被 Client Component 引用。
+ */
+export const SiteNameContext = createContext<string>('MoonTV');
+
+interface ProviderProps {
+  value: string;
+  children: React.ReactNode;
+}
+
+export function SiteNameProvider({ value, children }: ProviderProps) {
+  return (
+    <SiteNameContext.Provider value={value}>
+      {children}
+    </SiteNameContext.Provider>
+  );
+}
+
+export const useSiteName = () => useContext(SiteNameContext);