feat(teacher-portal): 完整实现 teacher-portal 微前端

包含 settings/students/api、graphql、mocks、ui-tokens 设计令牌等

apps/teacher-portal/src/app/globals.css

@@ -1,43 +1,58 @@
+/**
+ * teacher-portal 全局样式
+ *
+ * 引入 @edu/ui-tokens 三层设计令牌（primitive → semantic → tailwind-theme）
+ * 维护者：ai13（teacher-portal）
+ * 关联：project_rules §3.10、02-architecture-design.md §9
+ *
+ * 禁止规则（ESLint + project_rules §3.10）：
+ * - 禁止 #hex 字面量（用 hsl(var(--*)) 或 Tailwind bg-* 类）
+ * - 禁止 'Inter'/'Fraunces'/'JetBrains Mono' 字面量（用 var(--font-family-*))
+ * - 禁止 font-size: Npx（用 var(--font-size-*) 或 Tailwind text-* 类）
+ * - 禁止 Tailwind 任意值 w-[Npx]（用 --space-* 或默认阶梯）
+ */
+
+@import "@edu/ui-tokens/all.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --bg-paper: hsl(40, 20%, 98%);
-  --color-ink: hsl(25, 3%, 15%);
-  --color-ink-muted: hsl(30, 5%, 45%);
-  --color-accent: hsl(220, 60%, 35%);
-  --color-rule: hsl(30, 10%, 90%);
-  --font-serif: 'Fraunces', Georgia, serif;
-  --font-sans: 'Inter', system-ui, sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
+@layer base {
+  html,
+  body {
+    background: var(--bg-paper);
+    color: var(--color-ink);
+    font-family: var(--font-family-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--font-family-serif);
+    font-weight: var(--font-weight-semibold);
+    letter-spacing: var(--letter-spacing-tight);
+  }
 }
 
-html, body {
-  background: var(--bg-paper);
-  color: var(--color-ink);
-  font-family: var(--font-sans);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+@layer components {
+  /* 纸感分隔线 */
+  .rule {
+    border-top: 1px solid var(--color-rule);
+  }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: var(--font-serif);
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
+  .rule-thin {
+    border-top: 2px solid var(--color-rule);
+  }
 
-/* 纸感分隔线 */
-.rule {
-  border-top: 1px solid var(--color-rule);
-}
-
-.rule-thin {
-  border-top: 2px solid var(--color-rule);
-}
-
-/* 左侧竖线标记（节点展开样式）*/
-.mark-left {
-  border-left: 2px solid var(--color-rule);
-  padding-left: 12px;
+  /* 左侧竖线标记（节点展开样式） */
+  .mark-left {
+    border-left: 2px solid var(--color-rule);
+    padding-left: var(--space-md);
+  }
 }