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

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

packages/ui-tokens/src/tailwind-theme.css

@@ -0,0 +1,31 @@
+/**
+ * Layer 3: Tailwind Theme Mapping（Tailwind 主题映射）
+ *
+ * 将 Layer 2 Semantic 令牌映射为 Tailwind 类名（bg-* / text-* / font-* 等）。
+ * 维护者：ai13（teacher-portal）
+ * 关联：project_rules §3.10、03-long-term-architecture.md §1.5
+ *
+ * Tailwind 3.4 通过 tailwind.config.js 的 theme.extend 映射；
+ * Tailwind 4 将改用 @theme inline 指令（未来升级时本文件可转为 @theme 块）。
+ *
+ * 使用方式（业务组件）：
+ *   <div className="bg-paper text-ink font-serif">...</div>
+ *   <p className="text-sm text-ink-muted">...</p>
+ *
+ * 对应 tailwind.config.js 中：
+ *   colors: { paper: 'var(--bg-paper)', ink: 'var(--color-ink)', ... }
+ *   fontFamily: { sans: 'var(--font-family-sans)', serif: 'var(--font-family-serif)', ... }
+ */
+
+/* 显式引用语义令牌，确保 CSS 变量在构建产物中可用 */
+@layer base {
+  :root {
+    /* Tailwind 颜色类映射（与 tailwind.config.js theme.extend.colors 对齐） */
+    --tw-color-paper: var(--bg-paper);
+    --tw-color-surface: var(--bg-surface);
+    --tw-color-ink: var(--color-ink);
+    --tw-color-ink-muted: var(--color-ink-muted);
+    --tw-color-accent: var(--color-accent);
+    --tw-color-rule: var(--color-rule);
+  }
+}