feat: 实现完整的板块级RBAC内容审核系统

- 新增站长/超级管理员/管理员/板块管理员四级角色体系
- 实现实时权限快照加载与细粒度权限校验
- 新增内容审核队列与前后端页面
- 重构用户权限管理与站点管理逻辑
- 新增评论/帖子审核状态与通知推送
- 优化前端权限控制与角色徽章展示
- 修正数据库迁移与默认值问题

frontend/components/NotificationBell.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useRef } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
-import { Bell, CheckCheck, Heart, MessageCircle } from "lucide-react";
+import { Bell, CheckCheck, Heart, MessageCircle, CheckCircle2, XCircle } from "lucide-react";
 import {
   apiFetchNotifications,
   apiUnreadCount,
@@ -107,9 +107,23 @@ export default function NotificationBell({ initialUnread = 0 }: { initialUnread?
   const actionText = (n: NotificationItem) => {
     if (n.type === "comment") return "评论了你的帖子";
     if (n.type === "reply") return "回复了你的评论";
+    if (n.type === "approved") return "审核通过";
+    if (n.type === "rejected") return "未通过审核";
     return "点赞了你的帖子";
   };
 
+  // 审核结果类通知：无互动对象语义，使用专用图标与语义色
+  const isApproval = (n: NotificationItem) => n.type === "approved" || n.type === "rejected";
+  const iconStyle = (n: NotificationItem): { color: string; bg: string; node: React.ReactNode } => {
+    if (n.type === "approved")
+      return { color: "var(--ok)", bg: "var(--ok-soft)", node: <CheckCircle2 size={15} /> };
+    if (n.type === "rejected")
+      return { color: "var(--danger)", bg: "var(--danger-soft)", node: <XCircle size={15} /> };
+    if (n.type === "like")
+      return { color: "var(--clay)", bg: "var(--clay-soft)", node: <Heart size={15} /> };
+    return { color: "var(--accent)", bg: "var(--accent-soft)", node: <MessageCircle size={15} /> };
+  };
+
   return (
     <div className="relative" ref={dropdownRef}>
       <button
@@ -171,7 +185,10 @@ export default function NotificationBell({ initialUnread = 0 }: { initialUnread?
                 <p className="meta">还没有通知</p>
               </div>
             ) : (
-              notifications.map((n) => (
+              notifications.map((n) => {
+                const ic = iconStyle(n);
+                const approval = isApproval(n);
+                return (
                 <button
                   key={n.id}
                   onClick={() => handleClickNotification(n)}
@@ -184,18 +201,25 @@ export default function NotificationBell({ initialUnread = 0 }: { initialUnread?
                 >
                   <span
                     className="w-9 h-9 shrink-0 rounded-full flex items-center justify-center"
-                    style={{
-                      color: n.type === "like" ? "var(--clay)" : "var(--accent)",
-                      background:
-                        n.type === "like" ? "var(--clay-soft)" : "var(--accent-soft)",
-                    }}
+                    style={{ color: ic.color, background: ic.bg }}
                   >
-                    {n.type === "like" ? <Heart size={15} /> : <MessageCircle size={15} />}
+                    {ic.node}
                   </span>
                   <div className="flex-1 min-w-0">
                     <p className="text-sm leading-snug" style={{ color: "var(--ink)" }}>
-                      <span className="font-medium">{n.actor.nickname}</span>{" "}
-                      <span className="meta">{actionText(n)}</span>
+                      {approval ? (
+                        <span
+                          className="font-bold"
+                          style={{ color: n.type === "approved" ? "var(--ok)" : "var(--danger)" }}
+                        >
+                          {actionText(n)}
+                        </span>
+                      ) : (
+                        <>
+                          <span className="font-medium">{n.actor.nickname}</span>{" "}
+                          <span className="meta">{actionText(n)}</span>
+                        </>
+                      )}
                     </p>
                     <p className="text-xs mt-1 truncate" style={{ color: "var(--ink-2)" }}>
                       《{n.post.title}》
@@ -214,7 +238,8 @@ export default function NotificationBell({ initialUnread = 0 }: { initialUnread?
                     />
                   )}
                 </button>
-              ))
+                );
+              })
             )}
           </div>