feat: art-design-pro 脚手架落地与品牌化（八页骨架/代理配置/权限菜单）

- 模板 art-design-pro（MIT）GitHub 直连克隆后裁剪落地 admin/：删除演示页面/示例数据/mock/未用组件，保留构建与依赖清单
- 品牌化：应用名/标题/侧栏与登录页 logo/浏览器 favicon 全部替换为 all-kefu 自有资源（static/kefu-small.png），中文界面
- 八页骨架：login / force-change-password / dashboard / tenants / conversations / config / stats / settings 占位页 + 6 组路由模块
- 权限菜单：meta.roles 前端过滤，super 全量，tenant 隐藏 租户管理/平台设置（角色值与后端一致）
- 开发代理：/api 直转 + /api/public 与 /static 携带租户 Host 改写（VITE_TENANT_PREVIEW_HOST），适配后端 TenantHostMiddleware
- 认证 API 为开发桩（角色调试开关），Task 3 对接真实登录

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

admin/src/hooks/core/useAppMode.ts

@@ -0,0 +1,45 @@
+/**
+ * useAppMode - 应用模式管理
+ *
+ * 提供应用访问模式的判断和管理功能，支持前端和后端两种权限控制模式。
+ * 根据环境变量 VITE_ACCESS_MODE 自动识别当前运行模式。
+ *
+ * ## 主要功能
+ *
+ * 1. 模式识别 - 自动识别前端模式或后端模式
+ * 2. 前端模式 - 权限由前端路由配置控制，适合小型项目或演示环境
+ * 3. 后端模式 - 权限由后端接口返回的菜单数据控制，适合企业级应用
+ * 4. 响应式状态 - 提供响应式的模式判断，方便在组件中使用
+ *
+ * @module useAppMode
+ * @author Art Design Pro Team
+ */
+
+import { computed } from 'vue'
+
+export function useAppMode() {
+  // 获取访问模式配置
+  const accessMode = import.meta.env.VITE_ACCESS_MODE
+
+  /**
+   * 是否为前端控制模式
+   * 前端模式：权限由前端路由配置控制
+   */
+  const isFrontendMode = computed(() => accessMode === 'frontend')
+  /**
+   * 是否为后端控制模式
+   * 后端模式：权限由后端接口返回的菜单数据控制
+   */
+  const isBackendMode = computed(() => accessMode === 'backend')
+
+  /**
+   * 当前应用模式
+   */
+  const currentMode = computed(() => accessMode)
+
+  return {
+    isFrontendMode,
+    isBackendMode,
+    currentMode
+  }
+}