feat: 改版阶段 4：挑战列表页、教程按小节存代码、出题页合并、用户管理、整站暗色

- 挑战列表改成独立页面（ChallengeHome）：每题一行，完成状态、分值、出题人，可按未做 / 已交筛选；
  教程面板只放教程
- 教程每一节的代码各存一份（和挑战同一个按任务的 key），切回来时还在，第一次才放示例代码；
  提交列表“复制到编辑器”对教程也写入该任务的代码
- 教程 / 挑战出题页合并为 TaskEditor：“提交”改为“保存”，保存后停在当前项，删除前说明会连带删除学生提交；
  admin 也能在列表里切换挑战是否公开（保存时本来就能设）
- 用户管理：初始密码默认隐藏，封号前确认，批量新建说明用户名规则
- 整站暗色：顶栏切换跟随系统 / 亮色 / 暗色；Naive 暗色主题、markdown 和代码高亮的暗色覆盖
  （styles/dark-content.css 由 GitHub 暗色样式生成）、CodeMirror One Dark 配色、md-editor 暗色；
  组件里剩下的硬编码颜色全部换成配色变量

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

client/src/components/ai/GuidancePanel.vue

@@ -160,11 +160,11 @@ watch([() => messages.value.length, streamingContent], () => {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 4px;
-  color: #888;
+  color: var(--wp-muted);
 }
 
 .guidance-msg.user .msg-role {
-  color: #2080f0;
+  color: var(--wp-css);
 }
 
 .guidance-msg.assistant .msg-role {
@@ -172,8 +172,8 @@ watch([() => messages.value.length, streamingContent], () => {
 }
 
 .guidance-msg.assistant .msg-content {
-  background: #f0f7ff;
-  border-left: 3px solid #2080f0;
+  background: var(--wp-css-soft);
+  border-left: 3px solid var(--wp-css);
   padding: 8px 12px;
   border-radius: 0 6px 6px 0;
   font-size: 14px;
@@ -183,7 +183,7 @@ watch([() => messages.value.length, streamingContent], () => {
 .guidance-msg.user .msg-content {
   font-size: 14px;
   line-height: 1.6;
-  color: #333;
+  color: var(--wp-ink);
 }
 
 .msg-content :deep(p) {
@@ -198,9 +198,9 @@ watch([() => messages.value.length, streamingContent], () => {
   font-size: 13px;
   font-weight: 500;
   padding: 6px 10px;
-  background: #f0fff4;
+  background: var(--wp-brand-soft);
   border-radius: 6px;
-  border: 1px solid #b8e8cc;
+  border: 1px solid var(--wp-brand-soft);
 }
 
 .typing-indicator {
@@ -213,7 +213,7 @@ watch([() => messages.value.length, streamingContent], () => {
   width: 7px;
   height: 7px;
   border-radius: 50%;
-  background: #2080f0;
+  background: var(--wp-css);
   animation: bounce 1.4s ease-in-out infinite;
 }
 

client/src/components/ai/PromptHistoryPanel.vue

@@ -283,7 +283,7 @@ onMounted(() => {
 .history-toolbar {
   height: 42px;
   padding: 0 12px;
-  border-bottom: 1px solid var(--n-border-color, #efeff5);
+  border-bottom: 1px solid var(--n-border-color, var(--wp-line));
   flex-shrink: 0;
 }
 
@@ -307,12 +307,12 @@ onMounted(() => {
 
 
 .history-card.is-selected {
-  --n-color: #f7fffa;
+  --n-color: var(--wp-brand-soft);
   box-shadow: 0 10px 24px rgba(13, 122, 82, 0.14);
 }
 
 .history-card.is-selected .history-main {
-  background: #eefaf3;
+  background: var(--wp-brand-soft);
 }
 
 .history-main {
@@ -323,7 +323,7 @@ onMounted(() => {
 .prompt-markdown {
   margin: 0;
   padding: 0 12px 12px;
-  color: #333;
+  color: var(--wp-ink);
   font-size: 14px;
   line-height: 1.6;
   word-break: break-word;
@@ -356,8 +356,8 @@ onMounted(() => {
 
 .thumbnail {
   height: 160px;
-  border-top: 1px solid var(--n-border-color, #efeff5);
-  background: #f7f7f9;
+  border-top: 1px solid var(--n-border-color, var(--wp-line));
+  background: var(--wp-paper);
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -365,15 +365,15 @@ onMounted(() => {
 }
 
 .history-card.is-selected .thumbnail {
-  border-top-color: #d8f1e2;
-  background: #f4fbf6;
+  border-top-color: var(--wp-brand-soft);
+  background: var(--wp-brand-soft);
 }
 
 .thumbnail iframe {
   width: 100%;
   height: 100%;
   border: 0;
-  background: #fff;
+  background: var(--wp-surface);
   pointer-events: none;
 }
 </style>

client/src/components/ai/PromptPanel.vue

@@ -274,11 +274,11 @@ watch([() => messages.value.length, streamingContent], () => {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 4px;
-  color: #666;
+  color: var(--wp-muted);
 }
 
 .message.user .message-role {
-  color: #2080f0;
+  color: var(--wp-css);
 }
 
 .message.assistant .message-role {
@@ -321,7 +321,7 @@ watch([() => messages.value.length, streamingContent], () => {
 }
 
 .message-content :deep(pre) {
-  background: #f5f5f5;
+  background: var(--wp-paper);
   padding: 8px 12px;
   border-radius: 4px;
   overflow-x: auto;
@@ -379,7 +379,7 @@ watch([() => messages.value.length, streamingContent], () => {
 
 .streaming-hint {
   font-size: 11px;
-  color: #aaa;
+  color: var(--wp-faint);
   margin-top: 4px;
   animation: pulse 1.5s ease-in-out infinite;
 }
@@ -387,7 +387,7 @@ watch([() => messages.value.length, streamingContent], () => {
 .input-area {
   flex-shrink: 0;
   padding: 12px;
-  border-top: 1px solid #e0e0e0;
+  border-top: 1px solid var(--wp-line);
 }
 
 .message-pair {
@@ -405,11 +405,11 @@ watch([() => messages.value.length, streamingContent], () => {
   top: 0;
   right: 0;
   background: none;
-  border: 1px solid #e0e0e0;
+  border: 1px solid var(--wp-line);
   border-radius: 4px;
   padding: 3px 6px;
   cursor: pointer;
-  color: #bbb;
+  color: var(--wp-faint);
   line-height: 1;
   transition:
     color 0.15s,
@@ -417,8 +417,8 @@ watch([() => messages.value.length, streamingContent], () => {
 }
 
 .pair-delete-btn:hover {
-  color: #e03e3e;
-  border-color: #e03e3e;
+  color: var(--wp-bad);
+  border-color: var(--wp-bad);
 }
 
 .message-pair.has-delete:hover .pair-delete-btn {