diff --git a/Yi.Ai.Vue3/src/assets/images/api_usage_instructions.png b/Yi.Ai.Vue3/src/assets/images/api_usage_instructions.png
new file mode 100644
index 00000000..70a9587e
Binary files /dev/null and b/Yi.Ai.Vue3/src/assets/images/api_usage_instructions.png differ
diff --git a/Yi.Ai.Vue3/src/components/SupportModelProducts/indexl.vue b/Yi.Ai.Vue3/src/components/SupportModelProducts/indexl.vue
index 85e346c1..fd5a7c6b 100644
--- a/Yi.Ai.Vue3/src/components/SupportModelProducts/indexl.vue
+++ b/Yi.Ai.Vue3/src/components/SupportModelProducts/indexl.vue
@@ -1,24 +1,29 @@
 <script setup lang="ts">
 const models = [
-  { name: 'o3', price: '40', desc: 'OpenAI 新一代模型，功能强大，适合多场景应用' },
-  { name: 'o4-mini', price: '4.4', desc: '轻量级 GPT-4 体验，兼顾性能与成本' },
-  { name: 'GPT-4.1', price: '8', desc: 'OpenAI 最新标准版模型，推理能力强' },
-  { name: 'GPT-4.1-mini', price: '1.6', desc: '适合日常使用的 GPT-4.1 精简版' },
-  { name: 'GPT-4.1-nano', price: '0.4', desc: '极致性价比，快速响应，适合轻量任务' },
-  { name: 'GPT-4.5', price: '150', desc: 'OpenAI 高级旗舰模型，性能顶级' },
-  { name: 'o3-mini', price: '4.4', desc: 'o3 系列的小型版本，轻便且高效' },
-  { name: 'GPT-4o', price: '10', desc: '多模态旗舰模型，支持语音、图像、文本交互' },
-  { name: 'GPT-4o-mini', price: '5', desc: 'GPT-4o 的轻量版本，功能丰富性价比高' },
-  { name: 'grok-3', price: '15', desc: '由xAI推出，强调实时性和长上下文处理能力' },
-  { name: 'grok-3-mini', price: '0.5', desc: 'grok-3 的轻量版，适用于基础任务' },
-  { name: 'DeepSeek-chat', price: '1', desc: '国产大模型代表，主打中文语义理解' },
-  { name: 'DeepSeek-R1', price: '2', desc: 'DeepSeek 系列中的推理加强模型' },
-  { name: 'Phi-4', price: '0.5', desc: '微软推出的小而强大模型，适合部署边缘任务' },
-  { name: 'Phi-4-reasoning', price: '0.3', desc: 'Phi-4 的逻辑推理优化版本' },
-  { name: 'Phi-4-mini-instruct', price: '0.3', desc: '专为指令执行设计的微型模型' },
-  { name: 'GPT-4-8K', price: '60', desc: 'GPT-4 模型支持 8K 上下文，适合大段输入任务' },
-  { name: 'GPT-4-32K', price: '120', desc: 'GPT-4 支持最大 32K 上下文，适合复杂应用' },
-  { name: '更多模型请订阅查看....', price: '....', desc: '.....' },
+  { name: 'DeepSeek-R1', price: '2', desc: '国产开源，深度思索模式，不过幻读问题比较大，同时具备思考响应链，在开源模型中永远的神!' },
+  { name: 'DeepSeek-chat', price: '1', desc: '国产开源，简单聊天模式，对于中文文章语义体验较好，但响应速度一般' },
+
+  { name: 'GPT-4o-mini', price: '5', desc: 'OpenAI GPT-4o 深度思考的轻量版本，功能丰富性价比高' },
+  { name: 'GPT-4.1-mini', price: '1.6', desc: 'OpenAI 适合日常使用的 GPT-4.1 精简版' },
+  { name: 'GPT-4.1-nano', price: '0.4', desc: 'OpenAI 极致性价比，极快的快速响应，适合轻量任务' },
+  { name: 'GPT-4.1-turbo', price: '0.4', desc: 'OpenAI 极致性价比，更极快的快速响应，适合轻量任务' },
+
+  { name: 'GPT-4o', price: '10', desc: 'OpenAI 多模态旗舰模型，支持语音、图像、文本交互，具备深度思考，需要一定的响应时间' },
+
+  { name: 'o4-mini', price: '4.4', desc: 'OpenAI o4 系列的推理模型，轻便且高效，比o3 更深度，但速度更慢' },
+  { name: 'GPT-4.1', price: '8', desc: 'OpenAI 最新标准版模型，万金油模型，各个领域都十分强悍' },
+  { name: 'o3-mini', price: '4.4', desc: 'OpenAI o3 系列的推理模型，轻便且高效' },
+
+  { name: 'grok-3', price: '15', desc: '由马克斯xAI推出，理论上的能力非常强，用重金超高成本砸出的超强推理模型' },
+  { name: 'grok-3-mini', price: '0.5', desc: '由马克斯xAI推出，理论上的能力非常强，更快更小的模型' },
+
+  { name: 'Phi-4', price: '0.5', desc: '微软推出的强大模型，适合部署简单任务' },
+  { name: 'Phi-4-mini-instruct', price: '0.3', desc: '微软推出的小而强大模型，专为指令执行设计的微型模型' },
+  { name: 'Phi-4-reasoning', price: '0.3', desc: '微软推出的小而强大模型，Phi-4 的逻辑推理优化版本' },
+
+  { name: 'claude-3-7-sonnet', price: '108', desc: 'Anthropic 公司下开创的划时代AI纪元，所有AI逻辑性几乎地表最强！但价格十分昂贵' },
+
+  { name: '更多模型请订阅查看....', price: '....', desc: '带深度思考的模型，响应速度可能会降低，请根据使用场景进行选择' },
 ];
 </script>
 
@@ -45,7 +50,7 @@ const models = [
               市价（ 美元/M token）
             </th>
             <th class="px-4 py-2 text-left text-sm font-semibold text-gray-700">
-              简介
+              如何选择
             </th>
           </tr>
         </thead>
diff --git a/Yi.Ai.Vue3/src/pages/products/index.vue b/Yi.Ai.Vue3/src/pages/products/index.vue
index f9f0a6bf..d6d896d0 100644
--- a/Yi.Ai.Vue3/src/pages/products/index.vue
+++ b/Yi.Ai.Vue3/src/pages/products/index.vue
@@ -7,7 +7,7 @@ const wxSrc = computed(
   () => `${import.meta.env.VITE_WEB_BASE_API}/wwwroot/aihub/wx.png`,
 );
 // 微信群二维码
-const wxGroupQD = 'https://ai.ccnetcore.com/prod-api/wwwroot/aihub/jlq.png';
+const wxGroupQD = `${import.meta.env.VITE_WEB_BASE_API}/wwwroot/aihub/jlq.png`;
 const srcList = [
   wxGroupQD,
 ];
@@ -27,21 +27,21 @@ const pricing = [
       '专属Api服务',
     ],
   },
-  {
-    name: 'VIP + 邀请1人',
-    price: 49.9,
-    newPrice: 29.9,
-    period: '每人每月',
-    isPopular: true,
-    features: [
-      '需两人同时购买',
-      '基础+高级模型访问',
-      'AI超级加速',
-      '无限制使用',
-      '售后微信群支持',
-      '专属Api服务',
-    ],
-  },
+  // {
+  //   name: 'VIP + 邀请1人',
+  //   price: 49.9,
+  //   newPrice: 29.9,
+  //   period: '每人每月',
+  //   isPopular: true,
+  //   features: [
+  //     '需两人同时购买',
+  //     '基础+高级模型访问',
+  //     'AI超级加速',
+  //     '无限制使用',
+  //     '售后微信群支持',
+  //     '专属Api服务',
+  //   ],
+  // },
   {
     name: 'VIP + 支持站长',
     price: 69.9,
@@ -192,8 +192,9 @@ function openContact() {
       市面罕见直连站点 · 不限速 · 无套路
     </p>
 
-    <div class="grid md:grid-cols-3 gap-6">
+    <div class="grid md:grid-cols-3 gap-6 flex justify-center">
       <el-card
+        style="width: 400px;"
         v-for="(plan, index) in pricing"
         :key="index"
         class="rounded-2xl shadow hover:shadow-lg transition-all" :class="[plan.isPopular ? 'border-2 border-blue-500' : '']"
@@ -219,7 +220,7 @@ function openContact() {
             class="mt-6 w-full"
             type="primary"
             size="large"
-            style="background: #D7BD8D;color: #191919;border: #191919"
+            style="background: #D7BD8D;color: white;border: #191919"
             @click="openContact"
           >
             立即订阅
@@ -269,10 +270,10 @@ function openContact() {
     <el-divider class="my-16">
       加入群聊
     </el-divider>
-    <el-collapse class="max-w-3xl mx-auto" accordion>
+    <el-collapse class="max-w-3xl mx-auto flex justify-center" accordion >
       <el-image
-        style="width: 500px; height: auto"
-        :src="url"
+        style="width: 500px; height: auto;"
+        :src="wxGroupQD"
         :zoom-rate="1.2"
         :max-scale="7"
         :min-scale="0.2"
diff --git a/Yi.Ai.Vue3/src/styles/yixin-markdown.scss b/Yi.Ai.Vue3/src/styles/yixin-markdown.scss
index b0316ede..80165318 100644
--- a/Yi.Ai.Vue3/src/styles/yixin-markdown.scss
+++ b/Yi.Ai.Vue3/src/styles/yixin-markdown.scss
@@ -18,3 +18,6 @@
 .el-bubble-content-wrapper {
   --bubble-content-max-width: 800px;
 }
+.markdown-language-header-div{
+ z-index: 0 !important;
+}