feat(dev): 添加开发模式专用指令和配置支持

- 在 config.json 中新增 dev 配置项用于区分开发与生产环境
- 实现 v-dev-only 指令，仅在开发模式下渲染元素
- 注册全局自定义指令 dev-only，支持通过 binding.value 控制启用状态
- 在 TaskSyllabus/Bg.vue 中使用 v-dev-only 指令隐藏生产环境下的加号区域
- 移除 card 样式中的固定 margin-bottom，改由容器控制间距
- 统一使用 CSS 变量 --color-border-separate 替代硬编码的分割线颜色
- 为 Task.vue 的搜索框添加 clearable 属性并移除弹出项的阴影效果
- Layout 组件名称规范化为首字母大写
- 在主题样式中定义深色与浅色模式下的 --color-border-separate 颜色值
- 覆盖 Element Plus 的 --el-fill-color-blank 以适配暗黑模式背景透明度需求

frontend/src/styles/theme.scss

@@ -100,6 +100,8 @@
   --color-text-result-detail: rgba(0,0,0,0.6);
   // 结果卡片运行后颜色
   --color-text-result-detail-run: #000;
+  // 分割线
+  --color-border-separate: #D6D6D6;
 }
 
 // 深色模式
@@ -204,4 +206,8 @@ html.dark {
   --color-text-result-detail: #6c6e72;
   // 结果卡片运行后颜色
   --color-text-result-detail-run: #fff;
+  // 分割线
+  --color-border-separate: rgba(255,255,255,0.18);
+
+  --el-fill-color-blank: transparent !important;
 }