feat(parent-portal): 完整实现 P4+P5+P6 家长端微前端

实现内容（仲裁裁决驱动，首次即最终方案）：

P4 核心功能
- 认证：localStorage token 存储（F12）+ REST 登录（ISSUE-004）+ refreshAccessToken 竞态防护
- 子女切换：ChildSwitcher（Tab ≤3 / 下拉 ≥4）+ Zustand store（ISSUE-009 纯前端切换）
- 数据查询：urql GraphQL 消费 parent-bff（F9）+ TanStack Query 缓存
- 通知中心：NotificationFeed + 已读/全部已读 mutations
- 通知偏好：三维矩阵 + ISSUE-033 localStorage 降级
- 5 层状态管理：URL/Server/Client/Global UI/Form
- 跨标签同步：BroadcastChannel + storage 事件

P5 实时推送
- WebSocket 连接 push-gateway + 指数退避重连
- HTTP 轮询降级（60s）+ 实时通知 Hook

P6 硬化
- Web Vitals 上报 + OTel trace
- i18n 5 语言（zh-CN/en-US/zh-TW/ja-JP/ar-SA 含 RTL）
- PWA manifest + Service Worker
- CSP 安全头 + 权限点 F7 命名 + 设计令牌三层

测试与构建
- Vitest 92 测试全通过（utils/auth/child-store/ChildSwitcher/NotificationFeed/login）
- MSW mock 未就绪上游（parent-bff GraphQL + iam REST + iam GetChildrenByParent P0 阻塞用 fixtures）
- Dockerfile 多阶段构建（G1，端口 4002，HEALTHCHECK /api/health）
- typecheck + lint 零错误

经验沉淀
- known-issues.md §2.13 追加 12 条实现期经验（无 AI 身份标注）
- arch.db 已更新（15 TS 模块 / 482 符号 / 138 proto）

依据：02-architecture-design.md（回写总裁裁决）、coord-final-decisions.md、
president-final-rulings.md、parent-portal_workline.md、parent-portal_contract.md

apps/parent-portal/src/components/ChildGradeChart.tsx

@@ -0,0 +1,72 @@
+// ChildGradeChart：子女成绩图表（recharts）
+// 依据：02-architecture-design.md §15.6 成绩图表设计
+// - 柱状图：学生分数 vs 班级平均
+// - 响应式容器
+
+"use client";
+
+import {
+  BarChart,
+  Bar,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  Legend,
+  ResponsiveContainer,
+} from "recharts";
+import type { GradeDataPoint } from "@/types";
+
+interface ChildGradeChartProps {
+  grades: GradeDataPoint[];
+}
+
+export function ChildGradeChart({ grades }: ChildGradeChartProps) {
+  const data = grades.map((g) => ({
+    name: g.subject,
+    学生分数: g.studentScore,
+    班级平均: g.classAverage ?? 0,
+  }));
+
+  return (
+    <div className="rounded border border-rule bg-paper-elevated p-4">
+      <h3 className="font-serif text-base">成绩对比</h3>
+      <div className="mt-4 h-72">
+        <ResponsiveContainer width="100%" height="100%">
+          <BarChart
+            data={data}
+            margin={{ top: 8, right: 8, bottom: 8, left: 0 }}
+          >
+            <CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--rule))" />
+            <XAxis
+              dataKey="name"
+              tick={{ fill: "hsl(var(--ink-muted))", fontSize: 12 }}
+            />
+            <YAxis tick={{ fill: "hsl(var(--ink-muted))", fontSize: 12 }} />
+            <Tooltip
+              contentStyle={{
+                background: "hsl(var(--paper-elevated))",
+                border: "1px solid hsl(var(--rule))",
+                borderRadius: "0.5rem",
+              }}
+              labelStyle={{ color: "hsl(var(--ink))" }}
+            />
+            <Legend wrapperStyle={{ fontSize: 12 }} />
+            <Bar
+              dataKey="学生分数"
+              fill="hsl(var(--accent))"
+              radius={[4, 4, 0, 0]}
+            />
+            <Bar
+              dataKey="班级平均"
+              fill="hsl(var(--ink-subtle))"
+              radius={[4, 4, 0, 0]}
+            />
+          </BarChart>
+        </ResponsiveContainer>
+      </div>
+    </div>
+  );
+}
+
+export default ChildGradeChart;