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/layout/components/Main/Task.vue

@@ -144,6 +144,7 @@ onMounted(() => {
           @change="agentsStore.setSearchValue"
           :disabled="!(agentsStore.agents.length > 0)"
           :debounce="0"
+          :clearable="true"
           :trigger-on-focus="triggerOnFocus"
           @focus="handleFocus"
           @blur="handleBlur"
@@ -228,6 +229,7 @@ onMounted(() => {
     transition: height 0s ease-in-out;
     border-top: 1px solid var(--color-border);
     border-radius: 0;
+    box-shadow: none;
 
     li {
       height: 45px;