feat: 完成 R13/R14/R15/R16 小团队管理核心能力

client/src/pages/AnnouncementsPage.tsx

@@ -0,0 +1,24 @@
+import { useQuery } from "@tanstack/react-query";
+import { fetchAnnouncements } from "../api/announcements";
+import { PageHeader } from "../components/common/PageHeader";
+
+export function AnnouncementsPage() {
+  const announcementsQuery = useQuery({ queryKey: ["announcements", "public"], queryFn: () => fetchAnnouncements(false) });
+
+  return (
+    <div className="space-y-6">
+      <PageHeader title="公告" subtitle="全员查看公司通知、制度链接和 FAQ 入口。" />
+      <div className="space-y-4">
+        {(announcementsQuery.data?.items ?? []).map((item) => (
+          <div key={item.id} className="card-std p-6">
+            <div className="text-lg font-semibold text-zinc-900">{item.title}</div>
+            <div className="mt-2 text-sm text-zinc-600">{item.summary}</div>
+            {item.linkUrl ? <a className="mt-3 inline-block text-sm text-primary" href={item.linkUrl} target="_blank" rel="noreferrer">查看链接</a> : null}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export default AnnouncementsPage;