feat: 改版阶段 1：统一顶栏和教学侧栏、配色和图标规范、路由角色守卫

- 所有页面共用顶栏（教程 / 挑战 / 自由创作 / 作品展，右边“教学”和用户菜单）；
  没登录时顶栏有“登录”按钮，关掉登录框不再白屏；/submission/:id 全屏页不带顶栏
- 后台改成“教学”侧栏，分出题 / 班级 / 管理三组；“全部提交”留在侧栏里打开；
  admin 也能进作品展管理（后端本来就允许）
- 路由按角色守卫：meta.role 为 staff / super，学生和 admin 进不了无权页面
- 配色只在 theme.ts 定义，同时生成 --wp-* CSS 变量和 Naive UI 主题，暗色值先定好
- 图标改用打包进来的 lucide（断网也能显示），去掉 @iconify/vue 和 PUBLIC_ICONIFY_URL；
  代码字体换成打包的 JetBrains Mono，编辑器默认字号 24 → 16
- 教程面板去掉和顶栏重复的切换和图标按钮，图标按钮都补上文字或提示

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

client/src/components/editor/Editor.vue

@@ -8,20 +8,20 @@ import { computed } from "vue"
 
 const styleTheme = EditorView.baseTheme({
   "& .cm-scroller": {
-    "font-family": "Monaco",
+    "font-family": "var(--wp-font-mono)",
   },
   "&.cm-editor.cm-focused": {
     outline: "none",
   },
   "&.cm-editor .cm-tooltip.cm-tooltip-autocomplete ul": {
-    "font-family": "Monaco",
+    "font-family": "var(--wp-font-mono)",
   },
 })
 
 const bgColors: Record<string, string> = {
-  html: "#fff6f3",
-  css: "#f3f6ff",
-  js: "#fffdf0",
+  html: "var(--wp-html-soft)",
+  css: "var(--wp-css-soft)",
+  js: "var(--wp-js-soft)",
 }
 
 interface Props {
@@ -31,7 +31,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   language: "html",
-  fontSize: 20,
+  fontSize: 16,
 })
 
 const code = defineModel<string>("value")
@@ -43,7 +43,7 @@ const lang = computed(() => {
 })
 
 const bgTheme = computed(() => {
-  const bg = bgColors[props.language] ?? "#ffffff"
+  const bg = bgColors[props.language] ?? "var(--wp-surface)"
   return EditorView.theme({
     "&": { backgroundColor: bg },
     ".cm-gutters": { backgroundColor: bg },