第二期:企业信任风 UI + 打卡科目分类 + 英语语法学习模块

- 全站按 Corporate Trust 设计规范重做:靛蓝/紫罗兰渐变、Plus Jakarta Sans
  自托管字体、带色阴影、卡片悬浮、氛围光斑
- 打卡任务增加科目分类(语文/数学/英语/运动/其他),孩子端按科目分组
- 英语语法自学模块:线性解锁课程 + 课后/周/月测验引擎,测验达标
  自动联动当日英语打卡;家长概览显示语法进度
- 课程内容:A1→B1 完整大纲,9 周 54 课 + 9 周测 + 2 月测,讲解/例句/
  练习/测验均原创,仅参考两份语法书的主题编排

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/app/parent/overview-tab.tsx

@@ -5,6 +5,8 @@ import { Flame } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
+import { subjectMeta } from "@/lib/subjects";
 import { makeupTask } from "./actions";
 import type { OverviewData } from "./dashboard";
 
@@ -35,6 +37,20 @@ export function OverviewTab({ data }: { data: OverviewData }) {
             <p className="text-sm text-muted-foreground">
               今日完成 {kid.today.done} / {kid.today.total} 项
             </p>
+            <div className="flex items-center gap-2 text-sm text-muted-foreground">
+              <span className="shrink-0">英语语法</span>
+              <div className="h-1.5 flex-1 overflow-hidden rounded-full bg-slate-100">
+                <div
+                  className="h-full rounded-full bg-gradient-to-r from-indigo-500 to-violet-500"
+                  style={{
+                    width: `${kid.grammar.total ? (kid.grammar.done / kid.grammar.total) * 100 : 0}%`,
+                  }}
+                />
+              </div>
+              <span className="shrink-0 font-medium text-indigo-600">
+                {kid.grammar.done}/{kid.grammar.total}
+              </span>
+            </div>
             <div className="space-y-2">
               {kid.week.map((day) => (
                 <div key={day.date} className="rounded-lg border p-2">
@@ -49,6 +65,7 @@ export function OverviewTab({ data }: { data: OverviewData }) {
                       {day.tasks.map((t) => (
                         <span key={t.id} className="inline-flex items-center gap-1">
                           <Badge variant={t.status === "done" ? "default" : "secondary"}>
+                            <span className={cn("size-1.5 rounded-full", subjectMeta(t.subject).dot)} />
                             {t.title}
                             {t.isMakeup && " · 补"}
                           </Badge>