feat: 添加三层级模型配置管理系统原型

新增三个层级的模型配置管理功能：
- 平台级模型配置（管理台）：配置列表、新增/编辑、删除（默认模型不允许删除）、设为默认（仅页面状态）
- 项目级模型配置（工作台）：配置列表、新增/编辑、删除（允许删除默认）、设为默认（仅页面状态）
- 个人模型配置（工作台）：配置列表、新增/编辑、删除（允许删除默认）、设为默认（仅页面状态）
- 融合式模型选择器：在聊天输入框顶部集成，按层级分组展示模型列表（平台/项目/个人）

技术实现：
- 新增项目级和个人级配置数据文件
- 扩展 api.js 数据访问层，添加 consoleModels.project 和 consoleModels.user 对象
- 新增 4 个页面组件（ProjectModelConfigsPage、AddProjectModelConfigPage、UserModelConfigsPage、AddUserModelConfigPage）
- 修改 2 个现有页面（ModelConfigsPage、ChatPage、ConsoleLayout）
- 修改 Modal 组件支持 cancelText 为空时隐藏取消按钮
- 在 App.jsx 中添加 6 条新路由
- 新增模型选择器样式文件（融合式设计、分组展示、响应式）
- 更新 README.md 项目结构

样式特点：
- 融合式模型选择器与输入框风格一致
- 下拉列表按层级分组（平台/项目/个人）
- 默认标记使用渐变背景色
- 选中状态高亮（浅蓝色背景 + 左侧边框 + 右侧勾选）
- 响应式设计（移动端适配）

数据示例：
- 项目级：3 个示例配置（不同类型和状态）
- 个人级：2 个示例配置（不同类型和状态）

src/styles/global.scss

@@ -9,3 +9,4 @@
 @use 'pages/admin' as *;
 @use 'pages/developer' as *;
 @use 'pages/home' as *;
+@use 'pages/model-selector' as *;

src/styles/pages/_index.scss

@@ -4,3 +4,4 @@
 @forward 'admin';
 @forward 'developer';
 @forward 'home';
+@forward 'model-selector';

src/styles/pages/model-selector/_index.scss

@@ -0,0 +1,219 @@
+@use '../../tokens' as *;
+
+.model-selector {
+    position: relative;
+    z-index: 100;
+}
+
+.model-selector--open {
+    .model-selector__arrow--open {
+        transform: rotate(180deg);
+        color: var(--color-primary);
+    }
+
+    .model-selector__trigger {
+        background: var(--color-bg-3);
+    }
+}
+
+.model-selector__trigger {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: $spacing-2;
+    padding: 6px $spacing-3;
+    background: var(--color-bg-2);
+    border: none;
+    border-bottom: 1px solid var(--color-border-2);
+    cursor: pointer;
+    transition: background var(--transition);
+    user-select: none;
+
+    &:hover {
+        background: var(--color-bg-3);
+    }
+}
+
+.model-selector__content {
+    display: flex;
+    align-items: center;
+    gap: $spacing-2;
+    flex: 1;
+    min-width: 0;
+}
+
+.model-selector__icon {
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, var(--color-primary) 0%, #8B5CF6 100%);
+    border-radius: $radius-sm;
+    color: #FFFFFF;
+    flex-shrink: 0;
+}
+
+.model-selector__name {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--color-text-1);
+    @include text-truncate;
+}
+
+.model-selector__tag {
+    display: inline-flex;
+    align-items: center;
+    padding: 1px 6px;
+    background: linear-gradient(135deg, var(--color-primary) 0%, #60A5FA 100%);
+    color: #FFFFFF;
+    font-size: 10px;
+    font-weight: 600;
+    border-radius: 999px;
+    flex-shrink: 0;
+}
+
+.model-selector__arrow {
+    color: var(--color-text-3);
+    transition: transform var(--transition);
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+}
+
+.model-selector__dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: var(--color-bg-1);
+    border: 1px solid var(--color-primary);
+    border-top: none;
+    border-radius: 0 0 $radius-lg $radius-lg;
+    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);
+    overflow: hidden;
+    animation: dropdownExpand 0.2s ease-out;
+    max-height: 350px;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+        width: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: var(--color-border-3);
+        border-radius: 3px;
+
+        &:hover {
+            background: var(--color-text-4);
+        }
+    }
+}
+
+@keyframes dropdownExpand {
+    from {
+        opacity: 0;
+        transform: translateY(-4px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.model-selector__group {
+    &:not(:last-child) {
+        border-bottom: 1px solid var(--color-border-2);
+    }
+}
+
+.model-selector__group-title {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px $spacing-3;
+    font-size: 11px;
+    font-weight: 600;
+    color: var(--color-text-3);
+    background: var(--color-bg-2);
+    border-bottom: 1px solid var(--color-border-2);
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+}
+
+.model-selector__item {
+    display: flex;
+    align-items: center;
+    gap: $spacing-2;
+    padding: 8px $spacing-3;
+    padding-right: 32px;
+    cursor: pointer;
+    transition: background var(--transition-fast);
+    position: relative;
+
+    &:hover {
+        background: var(--color-primary-light);
+    }
+
+    &--selected {
+        background: var(--color-primary-light);
+
+        &::after {
+            content: '✓';
+            position: absolute;
+            right: $spacing-3;
+            top: 50%;
+            transform: translateY(-50%);
+            color: var(--color-primary);
+            font-weight: 700;
+            font-size: 12px;
+        }
+    }
+}
+
+.model-selector__item-text {
+    font-size: 13px;
+    color: var(--color-text-1);
+    flex: 1;
+    min-width: 0;
+    @include text-truncate;
+}
+
+.model-selector__item-tag {
+    display: inline-flex;
+    align-items: center;
+    padding: 1px 5px;
+    background: linear-gradient(135deg, var(--color-primary) 0%, #60A5FA 100%);
+    color: #FFFFFF;
+    font-size: 9px;
+    font-weight: 600;
+    border-radius: 999px;
+    flex-shrink: 0;
+}
+
+@include mobile {
+    .model-selector__trigger {
+        padding: 4px $spacing-2;
+    }
+
+    .model-selector__name {
+        font-size: 12px;
+    }
+
+    .model-selector__dropdown {
+        max-height: 280px;
+    }
+
+    .model-selector__item {
+        padding: 6px $spacing-2;
+        padding-right: 28px;
+    }
+
+    .model-selector__item-text {
+        font-size: 12px;
+    }
+}