style(mini-program): 优化生成剧本按钮样式与原型一致

修改内容:
- ScriptView.vue.generate-btn: 添加渐变背景、文字居中、调整圆角为 32rpx
- App.vue.btn-primary: 添加文字居中样式 (display: flex + align/justify)

样式变更:
- 背景：添加 linear-gradient(135deg, #9333EA 0%, #7C3AED 100%)
- 文字：垂直和水平居中对齐
- 圆角：40rpx → 32rpx（与原型 rounded-2xl 一致）
- 保持：高度 96rpx、阴影效果

解决 issues: 小程序"创造未来"页面生成按钮文字不居中，
            与原型图视觉效果不一致

mini-program/src/pages/main/ScriptView.vue

@@ -635,11 +635,44 @@ onMounted(async () => {
 }
 
 .generate-btn {
+  /* 尺寸 */
   width: 100%;
   height: 96rpx;
-  border-radius: 40rpx;
+
+  /* 背景渐变 - 与原型一致 */
+  background: linear-gradient(135deg, #9333EA 0%, #7C3AED 100%);
+
+  /* 圆角 - 与原型 rounded-2xl 一致 */
+  border-radius: 32rpx;
+
+  /* 阴影 */
   box-shadow: 0 8rpx 32rpx rgba(168, 85, 247, 0.3);
+
+  /* 外边距 */
   margin-top: 24rpx;
+
+  /* 文字居中 - 核心修复 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  /* 文字样式 */
+  color: #ffffff !important;
+  font-size: 28rpx;
+  font-weight: 600;
+
+  /* 过渡动画 */
+  transition: all 0.2s ease;
+}
+
+.generate-btn:active {
+  transform: scale(0.98);
+  opacity: 0.9;
+}
+
+.generate-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
 }
 
 .scripts-list {