优化生成按钮 UI

web/src/views/MarkMap.vue

@@ -43,17 +43,14 @@
                 >
               </div>
 
-              <div class="submit-btn flex-center">
-                <el-button
-                  style="width: 200px"
-                  type="primary"
-                  :dark="false"
-                  round
+              <div class="p-4">
+                <button
+                  class="w-full py-3 bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-xl disabled:from-gray-400 disabled:to-gray-400 disabled:cursor-not-allowed hover:from-blue-600 hover:to-purple-700 transition-all duration-200 flex items-center justify-center space-x-2 text-base"
                   @click="generateAI"
                   :loading="loading"
                 >
                   生成思维导图
-                </el-button>
+                </button>
               </div>
 
               <div class="param-line">使用已有内容生成？</div>
@@ -66,15 +63,13 @@
                 />
               </div>
 
-              <div class="param-line flex-center">
-                <el-button
-                  color="rgb(78, 51, 254)"
-                  style="width: 200px"
-                  :dark="false"
-                  round
+              <div class="param-line">
+                <button
+                  class="w-full py-3 bg-gradient-to-r from-green-400 to-blue-500 text-white rounded-xl disabled:from-gray-400 disabled:to-gray-400 disabled:cursor-not-allowed hover:from-green-500 hover:to-blue-600 transition-all duration-200 flex items-center justify-center space-x-2 text-base"
                   @click="generate"
-                  >直接生成（免费）</el-button
                 >
+                  直接生成（免费）
+                </button>
               </div>
             </el-form>
           </div>