refactor(shadow): introduce shadow-card utility and extend tailwind-merge

app/(main)/help/page.tsx

@@ -5,7 +5,7 @@ export default function HelpPage() {
   return (
     <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
       <h1 className="text-2xl font-bold tracking-tighter leading-tight">帮助中心</h1>
-      <Card className="hover:shadow-[var(--shadow-card)]">
+      <Card className="hover:shadow-card-hover">
         <CardHeader>
           <CardTitle className="text-base">常见流程</CardTitle>
         </CardHeader>

app/(main)/page.tsx

@@ -37,7 +37,7 @@ export default function HomePage() {
                 type="text"
                 name="q"
                 placeholder="搜索陪玩、店铺、游戏..."
-                className="w-full border-border bg-card shadow-[0_4px_16px_-2px_rgba(0,0,0,0.08),0_8px_24px_-4px_rgba(0,0,0,0.1)] transition-shadow focus:shadow-[0_8px_30px_-4px_rgba(0,0,0,0.12),0_12px_40px_-8px_rgba(0,0,0,0.14)]"
+                className="w-full border-border bg-card shadow-card transition-shadow focus:shadow-card-hover"
               />
             </form>
           </div>

app/(main)/player/[id]/page.tsx

@@ -34,7 +34,7 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
     <div className="container mx-auto py-8 px-4 max-w-5xl">
       <div className="flex flex-col md:flex-row gap-8 mb-8">
         <div className="flex-shrink-0">
-          <Avatar className="w-32 h-32 border-4 border-background shadow-[var(--shadow-card)]">
+          <Avatar className="w-32 h-32 border-4 border-background shadow-card">
             <AvatarImage src={player.user.avatar} alt={player.user.nickname} />
             <AvatarFallback>{player.user.nickname[0]}</AvatarFallback>
           </Avatar>

app/(main)/post/[id]/page.tsx

@@ -30,7 +30,7 @@ export default async function PostDetailPage({ params }: { params: Promise<{ id:
         返回社区
       </Link>
 
-      <Card className="hover:shadow-[var(--shadow-card)]">
+      <Card className="hover:shadow-card-hover">
         <CardHeader className="pb-3">
           <div className="flex items-center gap-3">
             <Avatar className="h-10 w-10">

app/(main)/post/new/page.tsx

@@ -101,7 +101,7 @@ export default function NewPostPage() {
         返回社区
       </Link>
 
-      <Card className="hover:shadow-[var(--shadow-card)]">
+      <Card className="hover:shadow-card-hover">
         <CardHeader>
           <CardTitle className="tracking-tighter leading-tight">发布帖子</CardTitle>
         </CardHeader>

app/(main)/privacy/page.tsx

@@ -4,7 +4,7 @@ export default function PrivacyPage() {
   return (
     <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
       <h1 className="text-2xl font-bold tracking-tighter leading-tight">隐私政策摘要</h1>
-      <Card className="hover:shadow-[var(--shadow-card)]">
+      <Card className="hover:shadow-card-hover">
         <CardHeader>
           <CardTitle className="text-base">数据使用范围</CardTitle>
         </CardHeader>

app/(main)/search/page.tsx

@@ -567,7 +567,7 @@ function SearchPageContent() {
               icon={<Search />}
               type="search"
               placeholder="搜索陪玩、游戏、标签..."
-              className="border-border bg-card shadow-[var(--shadow-card)] transition-shadow focus:shadow-[var(--shadow-card-hover)]"
+              className="border-border bg-card shadow-card transition-shadow focus:shadow-card-hover"
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
             />

app/(main)/terms/page.tsx

@@ -5,7 +5,7 @@ export default function TermsPage() {
   return (
     <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
       <h1 className="text-2xl font-bold tracking-tighter leading-tight">用户协议摘要</h1>
-      <Card className="hover:shadow-[var(--shadow-card)]">
+      <Card className="hover:shadow-card-hover">
         <CardHeader>
           <CardTitle className="text-base">平台规则</CardTitle>
         </CardHeader>

app/(main)/user/[id]/page.tsx

@@ -35,7 +35,7 @@ export default async function UserProfilePage({ params }: { params: Promise<{ id
   return (
     <div className="container mx-auto max-w-4xl px-4 py-8 space-y-6">
       <div className="flex items-center gap-6 mb-8">
-        <Avatar className="w-24 h-24 border-4 border-background shadow-[var(--shadow-card)]">
+        <Avatar className="w-24 h-24 border-4 border-background shadow-card">
           <AvatarImage src={user.avatar} alt={user.nickname} />
           <AvatarFallback>{user.nickname[0]}</AvatarFallback>
         </Avatar>