diff --git a/src/main/java/xuan/controller/MeiHuaController.java b/src/main/java/xuan/controller/MeiHuaController.java
new file mode 100644
index 0000000..df6d1cb
--- /dev/null
+++ b/src/main/java/xuan/controller/MeiHuaController.java
@@ -0,0 +1,237 @@
+package xuan.controller;
+
+import org.springframework.web.bind.annotation.*;
+import xuan.core.meihua.MeiHua;
+import xuan.core.meihua.settings.MeiHuaJiChuSetting;
+
+import java.util.HashMap;
+import java.util.Map;
+
+@RestController
+@RequestMapping("/api/meihua")
+public class MeiHuaController {
+
+    @PostMapping("/paipan")
+    public Map<String, Object> paiPan(@RequestBody MeiHuaRequest request) {
+        Map<String, Object> result = new HashMap<>();
+        try {
+            MeiHuaJiChuSetting setting = new MeiHuaJiChuSetting();
+            setting.setName(request.getName() != null ? request.getName() : "某人");
+            setting.setOccupy(request.getOccupy() != null ? request.getOccupy() : "某事");
+            setting.setSex(request.getSex() != null ? request.getSex() : 1);
+            setting.setDate(request.getDate() != null ? request.getDate() : "2024-01-01 00:00:00");
+            setting.setDateType(request.getDateType() != null ? request.getDateType() : 0);
+            setting.setLeapMonthType(request.getLeapMonthType() != null ? request.getLeapMonthType() : 0);
+            setting.setXuShiSuiType(request.getXuShiSuiType() != null ? request.getXuShiSuiType() : 0);
+            setting.setJieQiType(request.getJieQiType() != null ? request.getJieQiType() : 1);
+            setting.setYearGanZhiType(request.getYearGanZhiType() != null ? request.getYearGanZhiType() : 2);
+            setting.setMonthGanZhiType(request.getMonthGanZhiType() != null ? request.getMonthGanZhiType() : 1);
+            setting.setDayGanZhiType(request.getDayGanZhiType() != null ? request.getDayGanZhiType() : 0);
+            setting.setPaiPanType(request.getPaiPanType() != null ? request.getPaiPanType() : 0);
+            setting.setShu(request.getShu() != null ? request.getShu() : 111);
+            setting.setDanShu(request.getDanShu() != null ? request.getDanShu() : 111);
+            setting.setShuangShuOne(request.getShuangShuOne() != null ? request.getShuangShuOne() : 111);
+            setting.setShuangShuTwo(request.getShuangShuTwo() != null ? request.getShuangShuTwo() : 111);
+            setting.setShangXiaGuaType(request.getShangXiaGuaType() != null ? request.getShangXiaGuaType() : 1);
+            setting.setDongYaoType(request.getDongYaoType() != null ? request.getDongYaoType() : 0);
+
+            MeiHua meiHua = new MeiHua(setting);
+
+            result.put("success", true);
+            result.put("data", buildMeiHuaData(meiHua));
+        } catch (Exception e) {
+            result.put("success", false);
+            result.put("error", e.getMessage());
+        }
+        return result;
+    }
+
+    private Map<String, Object> buildMeiHuaData(MeiHua meiHua) {
+        Map<String, Object> data = new HashMap<>();
+        
+        data.put("name", meiHua.getName());
+        data.put("sex", meiHua.getSex());
+        data.put("age", meiHua.getAge());
+        data.put("solar", meiHua.getSolarStr2());
+        data.put("lunar", meiHua.getLunarStr2());
+        data.put("xingQi", meiHua.getXingQi());
+        data.put("jiJie", meiHua.getJiJie());
+        data.put("shengXiao", meiHua.getShengXiao());
+        data.put("xingZuo", meiHua.getXingZuo());
+        data.put("yueXiang", meiHua.getYueXiang());
+        data.put("yueJiang", meiHua.getYueJiang());
+        data.put("yueJiangShen", meiHua.getYueJiangShen());
+        data.put("wuBuYuShi", meiHua.getWuBuYuShi());
+        
+        data.put("yearGanZhi", meiHua.getYearGanZhi());
+        data.put("monthGanZhi", meiHua.getMonthGanZhi());
+        data.put("dayGanZhi", meiHua.getDayGanZhi());
+        data.put("hourGanZhi", meiHua.getHourGanZhi());
+        
+        data.put("yearGanZhiWuXing", meiHua.getYearGanZhiWuXing());
+        data.put("monthGanZhiWuXing", meiHua.getMonthGanZhiWuXing());
+        data.put("dayGanZhiWuXing", meiHua.getDayGanZhiWuXing());
+        data.put("hourGanZhiWuXing", meiHua.getHourGanZhiWuXing());
+        
+        data.put("yearGanZhiNaYin", meiHua.getYearGanZhiNaYin());
+        data.put("monthGanZhiNaYin", meiHua.getMonthGanZhiNaYin());
+        data.put("dayGanZhiNaYin", meiHua.getDayGanZhiNaYin());
+        data.put("hourGanZhiNaYin", meiHua.getHourGanZhiNaYin());
+        
+        data.put("yearGanZhiKongWang", meiHua.getYearGanZhiKongWang());
+        data.put("monthGanZhiKongWang", meiHua.getMonthGanZhiKongWang());
+        data.put("dayGanZhiKongWang", meiHua.getDayGanZhiKongWang());
+        data.put("hourGanZhiKongWang", meiHua.getHourGanZhiKongWang());
+        
+        data.put("prevJie", meiHua.getPrevJie());
+        data.put("prevJieDateStr", meiHua.getPrevJieDateStr());
+        data.put("prevJieDay", meiHua.getPrevJieDay());
+        data.put("nextJie", meiHua.getNextJie());
+        data.put("nextJieDateStr", meiHua.getNextJieDateStr());
+        data.put("nextJieDay", meiHua.getNextJieDay());
+        data.put("chuShengJie", meiHua.getChuShengJie());
+        
+        data.put("prevQi", meiHua.getPrevQi());
+        data.put("prevQiDateStr", meiHua.getPrevQiDateStr());
+        data.put("prevQiDay", meiHua.getPrevQiDay());
+        data.put("nextQi", meiHua.getNextQi());
+        data.put("nextQiDateStr", meiHua.getNextQiDateStr());
+        data.put("nextQiDay", meiHua.getNextQiDay());
+        data.put("chuShengQi", meiHua.getChuShengQi());
+        
+        data.put("shangGuaName", meiHua.getShangGuaName());
+        data.put("xiaGuaName", meiHua.getXiaGuaName());
+        data.put("benGuaName", meiHua.getBenGuaName());
+        data.put("bianGuaName", meiHua.getBianGuaName());
+        data.put("huGuaName", meiHua.getHuGuaName());
+        data.put("cuoGuaName", meiHua.getCuoGuaName());
+        data.put("zongGuaName", meiHua.getZongGuaName());
+        
+        data.put("shangGuaAs", meiHua.getShangGuaAs());
+        data.put("xiaGuaAs", meiHua.getXiaGuaAs());
+        data.put("benGuaAs", meiHua.getBenGuaAs());
+        data.put("bianGuaAs", meiHua.getBianGuaAs());
+        data.put("huGuaAs", meiHua.getHuGuaAs());
+        data.put("cuoGuaAs", meiHua.getCuoGuaAs());
+        data.put("zongGuaAs", meiHua.getZongGuaAs());
+        
+        data.put("benGuaGuaCi", meiHua.getBenGuaGuaCi());
+        data.put("bianGuaGuaCi", meiHua.getBianGuaGuaCi());
+        data.put("huGuaGuaCi", meiHua.getHuGuaGuaCi());
+        data.put("cuoGuaGuaCi", meiHua.getCuoGuaGuaCi());
+        data.put("zongGuaGuaCi", meiHua.getZongGuaGuaCi());
+        
+        data.put("benGuaShangGuaName", meiHua.getBenGuaShangGuaName());
+        data.put("bianGuaShangGuaName", meiHua.getBianGuaShangGuaName());
+        data.put("huGuaShangGuaName", meiHua.getHuGuaShangGuaName());
+        data.put("cuoGuaShangGuaName", meiHua.getCuoGuaShangGuaName());
+        data.put("zongGuaShangGuaName", meiHua.getZongGuaShangGuaName());
+        
+        data.put("benGuaXiaGuaName", meiHua.getBenGuaXiaGuaName());
+        data.put("bianGuaXiaGuaName", meiHua.getBianGuaXiaGuaName());
+        data.put("huGuaXiaGuaName", meiHua.getHuGuaXiaGuaName());
+        data.put("cuoGuaXiaGuaName", meiHua.getCuoGuaXiaGuaName());
+        data.put("zongGuaXiaGuaName", meiHua.getZongGuaXiaGuaName());
+        
+        data.put("benGuaShangGuaAs", meiHua.getBenGuaShangGuaAs());
+        data.put("bianGuaShangGuaAs", meiHua.getBianGuaShangGuaAs());
+        data.put("huGuaShangGuaAs", meiHua.getHuGuaShangGuaAs());
+        data.put("cuoGuaShangGuaAs", meiHua.getCuoGuaShangGuaAs());
+        data.put("zongGuaShangGuaAs", meiHua.getZongGuaShangGuaAs());
+        
+        data.put("benGuaXiaGuaAs", meiHua.getBenGuaXiaGuaAs());
+        data.put("bianGuaXiaGuaAs", meiHua.getBianGuaXiaGuaAs());
+        data.put("huGuaXiaGuaAs", meiHua.getHuGuaXiaGuaAs());
+        data.put("cuoGuaXiaGuaAs", meiHua.getCuoGuaXiaGuaAs());
+        data.put("zongGuaXiaGuaAs", meiHua.getZongGuaXiaGuaAs());
+        
+        data.put("benGuaLiuYaoName", meiHua.getBenGuaLiuYaoName());
+        data.put("bianGuaLiuYaoName", meiHua.getBianGuaLiuYaoName());
+        data.put("huGuaLiuYaoName", meiHua.getHuGuaLiuYaoName());
+        data.put("cuoGuaLiuYaoName", meiHua.getCuoGuaLiuYaoName());
+        data.put("zongGuaLiuYaoName", meiHua.getZongGuaLiuYaoName());
+        
+        data.put("benGuaLiuYaoAs", meiHua.getBenGuaLiuYaoAs());
+        data.put("bianGuaLiuYaoAs", meiHua.getBianGuaLiuYaoAs());
+        data.put("huGuaLiuYaoAs", meiHua.getHuGuaLiuYaoAs());
+        data.put("cuoGuaLiuYaoAs", meiHua.getCuoGuaLiuYaoAs());
+        data.put("zongGuaLiuYaoAs", meiHua.getZongGuaLiuYaoAs());
+        
+        data.put("benGuaLiuYaoYaoCi", meiHua.getBenGuaLiuYaoYaoCi());
+        data.put("bianGuaLiuYaoYaoCi", meiHua.getBianGuaLiuYaoYaoCi());
+        data.put("huGuaLiuYaoYaoCi", meiHua.getHuGuaLiuYaoYaoCi());
+        data.put("cuoGuaLiuYaoYaoCi", meiHua.getCuoGuaLiuYaoYaoCi());
+        data.put("zongGuaLiuYaoYaoCi", meiHua.getZongGuaLiuYaoYaoCi());
+        
+        data.put("benGuaLink", meiHua.getBenGuaLink());
+        data.put("bianGuaLink", meiHua.getBianGuaLink());
+        data.put("huGuaLink", meiHua.getHuGuaLink());
+        data.put("cuoGuaLink", meiHua.getCuoGuaLink());
+        data.put("zongGuaLink", meiHua.getZongGuaLink());
+        
+        data.put("dongYao", meiHua.getDongYao());
+        data.put("dongYaoStr", meiHua.getDongYaoStr());
+        data.put("guaMa", meiHua.getGuaMa());
+        
+        return data;
+    }
+
+    public static class MeiHuaRequest {
+        private String name;
+        private String occupy;
+        private Integer sex;
+        private String date;
+        private Integer dateType;
+        private Integer leapMonthType;
+        private Integer xuShiSuiType;
+        private Integer jieQiType;
+        private Integer yearGanZhiType;
+        private Integer monthGanZhiType;
+        private Integer dayGanZhiType;
+        private Integer paiPanType;
+        private Integer shu;
+        private Integer danShu;
+        private Integer shuangShuOne;
+        private Integer shuangShuTwo;
+        private Integer shangXiaGuaType;
+        private Integer dongYaoType;
+
+        public String getName() { return name; }
+        public void setName(String name) { this.name = name; }
+        public String getOccupy() { return occupy; }
+        public void setOccupy(String occupy) { this.occupy = occupy; }
+        public Integer getSex() { return sex; }
+        public void setSex(Integer sex) { this.sex = sex; }
+        public String getDate() { return date; }
+        public void setDate(String date) { this.date = date; }
+        public Integer getDateType() { return dateType; }
+        public void setDateType(Integer dateType) { this.dateType = dateType; }
+        public Integer getLeapMonthType() { return leapMonthType; }
+        public void setLeapMonthType(Integer leapMonthType) { this.leapMonthType = leapMonthType; }
+        public Integer getXuShiSuiType() { return xuShiSuiType; }
+        public void setXuShiSuiType(Integer xuShiSuiType) { this.xuShiSuiType = xuShiSuiType; }
+        public Integer getJieQiType() { return jieQiType; }
+        public void setJieQiType(Integer jieQiType) { this.jieQiType = jieQiType; }
+        public Integer getYearGanZhiType() { return yearGanZhiType; }
+        public void setYearGanZhiType(Integer yearGanZhiType) { this.yearGanZhiType = yearGanZhiType; }
+        public Integer getMonthGanZhiType() { return monthGanZhiType; }
+        public void setMonthGanZhiType(Integer monthGanZhiType) { this.monthGanZhiType = monthGanZhiType; }
+        public Integer getDayGanZhiType() { return dayGanZhiType; }
+        public void setDayGanZhiType(Integer dayGanZhiType) { this.dayGanZhiType = dayGanZhiType; }
+        public Integer getPaiPanType() { return paiPanType; }
+        public void setPaiPanType(Integer paiPanType) { this.paiPanType = paiPanType; }
+        public Integer getShu() { return shu; }
+        public void setShu(Integer shu) { this.shu = shu; }
+        public Integer getDanShu() { return danShu; }
+        public void setDanShu(Integer danShu) { this.danShu = danShu; }
+        public Integer getShuangShuOne() { return shuangShuOne; }
+        public void setShuangShuOne(Integer shuangShuOne) { this.shuangShuOne = shuangShuOne; }
+        public Integer getShuangShuTwo() { return shuangShuTwo; }
+        public void setShuangShuTwo(Integer shuangShuTwo) { this.shuangShuTwo = shuangShuTwo; }
+        public Integer getShangXiaGuaType() { return shangXiaGuaType; }
+        public void setShangXiaGuaType(Integer shangXiaGuaType) { this.shangXiaGuaType = shangXiaGuaType; }
+        public Integer getDongYaoType() { return dongYaoType; }
+        public void setDongYaoType(Integer dongYaoType) { this.dongYaoType = dongYaoType; }
+    }
+
+}
diff --git a/xuan-deduct-uniapp/src/pages/meihua/meihua.vue b/xuan-deduct-uniapp/src/pages/meihua/meihua.vue
index 19473e0..3be1e3e 100644
--- a/xuan-deduct-uniapp/src/pages/meihua/meihua.vue
+++ b/xuan-deduct-uniapp/src/pages/meihua/meihua.vue
@@ -1,17 +1,200 @@
 <template>
   <view class="container">
-    <view class="developing">
-      <text class="developing-icon">🌸</text>
-      <text class="developing-title">梅花易数排盘</text>
-      <text class="developing-desc">功能开发中，敬请期待...</text>
+    <view class="header-card">
+      <view class="header-icon">
+        <text class="icon-text">梅</text>
+      </view>
+      <text class="header-title">梅花易数排盘</text>
+      <text class="header-subtitle">象数易占 · 预测吉凶</text>
+    </view>
+    
+    <view class="form-card">
+      <view class="form-section">
+        <view class="section-header">
+          <view class="section-dot"></view>
+          <text class="section-title">起卦信息</text>
+        </view>
+        
+        <view class="form-item">
+          <view class="form-label-wrapper">
+            <text class="form-label">姓名</text>
+          </view>
+          <input class="form-input" v-model="name" placeholder="请输入姓名" />
+        </view>
+        
+        <view class="form-item">
+          <view class="form-label-wrapper">
+            <text class="form-label">占事</text>
+          </view>
+          <input class="form-input" v-model="occupy" placeholder="请输入占问事项" />
+        </view>
+        
+        <view class="form-item">
+          <view class="form-label-wrapper">
+            <text class="form-label">起卦日期</text>
+          </view>
+          <picker mode="date" :value="solarDate" @change="onDateChange" class="form-picker">
+            <view class="picker-content">
+              <text class="picker-value">{{ solarDate }}</text>
+              <text class="picker-arrow">›</text>
+            </view>
+          </picker>
+        </view>
+        
+        <view class="form-item">
+          <view class="form-label-wrapper">
+            <text class="form-label">起卦时间</text>
+          </view>
+          <picker mode="time" :value="birthTime" @change="onTimeChange" class="form-picker">
+            <view class="picker-content">
+              <text class="picker-value">{{ birthTime }}</text>
+              <text class="picker-arrow">›</text>
+            </view>
+          </picker>
+        </view>
+        
+        <view class="form-item">
+          <view class="form-label-wrapper">
+            <text class="form-label">性别</text>
+          </view>
+          <view class="gender-group">
+            <view class="gender-item" :class="{ active: gender === '男' }" @click="gender = '男'">
+              <text class="gender-text">男</text>
+            </view>
+            <view class="gender-item" :class="{ active: gender === '女' }" @click="gender = '女'">
+              <text class="gender-text">女</text>
+            </view>
+          </view>
+        </view>
+      </view>
+      
+      <view class="form-section" style="margin-top: 30rpx;">
+        <view class="section-header">
+          <view class="section-dot"></view>
+          <text class="section-title">起卦方式</text>
+        </view>
+        
+        <view class="form-item">
+          <view class="form-label-wrapper">
+            <text class="form-label">起卦方法</text>
+          </view>
+          <view class="method-group">
+            <view class="method-item" :class="{ active: paiPanType === 0 }" @click="paiPanType = 0">
+              <text class="method-text">时间起卦</text>
+            </view>
+            <view class="method-item" :class="{ active: paiPanType === 1 }" @click="paiPanType = 1">
+              <text class="method-text">自动起卦</text>
+            </view>
+            <view class="method-item" :class="{ active: paiPanType === 2 }" @click="paiPanType = 2">
+              <text class="method-text">数字起卦</text>
+            </view>
+          </view>
+        </view>
+        
+        <view v-if="paiPanType === 2" class="number-input-section">
+          <text class="number-input-title">请输入三位数字（100-999）</text>
+          <input class="number-input" v-model.number="shu" type="number" placeholder="例如：123" />
+        </view>
+        
+        <view v-if="paiPanType === 3" class="number-input-section">
+          <text class="number-input-title">请输入单数</text>
+          <input class="number-input" v-model.number="danShu" type="number" placeholder="任意数字" />
+        </view>
+        
+        <view v-if="paiPanType === 4" class="number-input-section">
+          <text class="number-input-title">请输入两个数字</text>
+          <view class="double-number-input">
+            <input class="number-input half" v-model.number="shuangShuOne" type="number" placeholder="第一个数" />
+            <input class="number-input half" v-model.number="shuangShuTwo" type="number" placeholder="第二个数" />
+          </view>
+        </view>
+      </view>
+    </view>
+    
+    <view class="tips-card">
+      <text class="tips-title">梅花易数说明</text>
+      <text class="tips-content">梅花易数是北宋易学家邵雍所创,通过时间、数字等信息起卦,推算本卦、变卦、互卦、错卦、综卦等,预测事物发展趋势。时间起卦法最为常用,准确率较高。</text>
+    </view>
+    
+    <view class="btn-wrapper">
+      <button class="submit-btn" @click="calculate" :disabled="loading">
+        <text class="btn-text">{{ loading ? '排盘中...' : '开始排盘' }}</text>
+      </button>
     </view>
   </view>
 </template>
 
 <script>
+import api from '@/utils/api.js'
+
 export default {
   data() {
-    return {}
+    return {
+      name: '',
+      occupy: '',
+      solarDate: '2000-01-01',
+      birthTime: '12:00',
+      gender: '男',
+      paiPanType: 0,
+      shu: 111,
+      danShu: 111,
+      shuangShuOne: 111,
+      shuangShuTwo: 111,
+      loading: false
+    }
+  },
+  methods: {
+    onDateChange(e) {
+      this.solarDate = e.detail.value
+    },
+    onTimeChange(e) {
+      this.birthTime = e.detail.value
+    },
+    async calculate() {
+      if (this.loading) return
+      
+      this.loading = true
+      
+      uni.showLoading({
+        title: '排盘中...',
+        mask: true
+      })
+      
+      try {
+        const dateStr = this.solarDate + ' ' + this.birthTime + ':00'
+        
+        const result = await api.meihuaApi.paiPan({
+          name: this.name || '某人',
+          occupy: this.occupy || '某事',
+          sex: this.gender === '男' ? 1 : 0,
+          date: dateStr,
+          dateType: 0,
+          paiPanType: this.paiPanType,
+          shu: this.shu,
+          danShu: this.danShu,
+          shuangShuOne: this.shuangShuOne,
+          shuangShuTwo: this.shuangShuTwo
+        })
+        
+        getApp().globalData.meihuaResult = result
+        
+        uni.hideLoading()
+        
+        uni.navigateTo({
+          url: '/pages/meihua/result'
+        })
+      } catch (e) {
+        uni.hideLoading()
+        console.error('排盘错误:', e)
+        uni.showToast({
+          title: '排盘失败：' + (e.message || '未知错误'),
+          icon: 'none',
+          duration: 3000
+        })
+      } finally {
+        this.loading = false
+      }
+    }
   }
 }
 </script>
@@ -21,32 +204,269 @@ export default {
   padding: 20rpx;
   background-color: #f5f5f5;
   min-height: 100vh;
+}
+
+.header-card {
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  border-radius: 20rpx;
+  padding: 40rpx;
+  margin-bottom: 20rpx;
+  text-align: center;
+  box-shadow: 0 4rpx 20rpx rgba(240, 147, 251, 0.3);
+}
+
+.header-icon {
+  width: 80rpx;
+  height: 80rpx;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
+  margin: 0 auto 20rpx;
 }
 
-.developing {
-  text-align: center;
-  padding: 60rpx;
-}
-
-.developing-icon {
-  font-size: 120rpx;
-  display: block;
-  margin-bottom: 40rpx;
-}
-
-.developing-title {
+.icon-text {
   font-size: 40rpx;
+  color: #fff;
   font-weight: bold;
-  color: #333;
+}
+
+.header-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #fff;
   display: block;
+  margin-bottom: 10rpx;
+}
+
+.header-subtitle {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.form-card {
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+.form-section {
   margin-bottom: 20rpx;
 }
 
-.developing-desc {
+.section-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.section-dot {
+  width: 8rpx;
+  height: 8rpx;
+  background: #f093fb;
+  border-radius: 50%;
+  margin-right: 10rpx;
+}
+
+.section-title {
   font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.form-item {
+  margin-bottom: 25rpx;
+}
+
+.form-label-wrapper {
+  margin-bottom: 10rpx;
+}
+
+.form-label {
+  font-size: 26rpx;
+  color: #666;
+}
+
+.form-input {
+  width: 100%;
+  height: 80rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  color: #333;
+  box-sizing: border-box;
+}
+
+.form-picker {
+  width: 100%;
+}
+
+.picker-content {
+  width: 100%;
+  height: 80rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+  padding: 0 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.picker-value {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.picker-arrow {
+  font-size: 32rpx;
   color: #999;
 }
+
+.gender-group {
+  display: flex;
+  gap: 20rpx;
+}
+
+.gender-item {
+  flex: 1;
+  height: 80rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s;
+}
+
+.gender-item.active {
+  background: #f093fb;
+}
+
+.gender-text {
+  font-size: 28rpx;
+  color: #666;
+}
+
+.gender-item.active .gender-text {
+  color: #fff;
+}
+
+.method-group {
+  display: flex;
+  gap: 15rpx;
+  flex-wrap: wrap;
+}
+
+.method-item {
+  flex: 1;
+  min-width: 200rpx;
+  height: 80rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s;
+}
+
+.method-item.active {
+  background: #f093fb;
+}
+
+.method-text {
+  font-size: 26rpx;
+  color: #666;
+}
+
+.method-item.active .method-text {
+  color: #fff;
+}
+
+.number-input-section {
+  margin-top: 20rpx;
+  padding: 20rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+}
+
+.number-input-title {
+  font-size: 26rpx;
+  color: #333;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 15rpx;
+}
+
+.number-input {
+  width: 100%;
+  height: 80rpx;
+  background: #fff;
+  border-radius: 10rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  color: #333;
+  box-sizing: border-box;
+}
+
+.number-input.half {
+  width: 48%;
+}
+
+.double-number-input {
+  display: flex;
+  justify-content: space-between;
+  gap: 20rpx;
+}
+
+.tips-card {
+  background: #fff5e6;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  border-left: 6rpx solid #ffa500;
+}
+
+.tips-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #ff8c00;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.tips-content {
+  font-size: 24rpx;
+  color: #666;
+  line-height: 1.6;
+}
+
+.btn-wrapper {
+  padding: 20rpx 0;
+}
+
+.submit-btn {
+  width: 100%;
+  height: 90rpx;
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  border-radius: 45rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4rpx 15rpx rgba(240, 147, 251, 0.4);
+}
+
+.submit-btn[disabled] {
+  opacity: 0.6;
+}
+
+.btn-text {
+  font-size: 32rpx;
+  color: #fff;
+  font-weight: bold;
+}
 </style>
diff --git a/xuan-deduct-uniapp/src/pages/meihua/result.vue b/xuan-deduct-uniapp/src/pages/meihua/result.vue
new file mode 100644
index 0000000..4ad4996
--- /dev/null
+++ b/xuan-deduct-uniapp/src/pages/meihua/result.vue
@@ -0,0 +1,546 @@
+<template>
+  <view class="container">
+    <view class="header-card">
+      <view class="header-row">
+        <view class="header-icon">
+          <text class="icon-text">梅</text>
+        </view>
+        <view class="header-info">
+          <text class="header-title">{{ result.name || '梅花易数' }}</text>
+          <text class="header-subtitle">{{ result.benGuaName }} · 动{{ result.dongYaoStr }}爻</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="info-card">
+      <view class="info-row">
+        <view class="info-item">
+          <text class="info-label">公历</text>
+          <text class="info-value">{{ result.solar || '-' }}</text>
+        </view>
+        <view class="info-divider"></view>
+        <view class="info-item">
+          <text class="info-label">农历</text>
+          <text class="info-value">{{ result.lunar || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="gua-card">
+      <view class="card-header">
+        <view class="card-dot"></view>
+        <text class="card-title">卦象总览</text>
+      </view>
+      
+      <view class="gua-overview">
+        <view class="gua-item">
+          <text class="gua-label">本卦</text>
+          <text class="gua-symbol">{{ result.benGuaAs }}</text>
+          <text class="gua-name">{{ result.benGuaName }}</text>
+        </view>
+        <view class="gua-arrow">→</view>
+        <view class="gua-item">
+          <text class="gua-label">变卦</text>
+          <text class="gua-symbol">{{ result.bianGuaAs }}</text>
+          <text class="gua-name">{{ result.bianGuaName }}</text>
+        </view>
+      </view>
+      
+      <view class="gua-grid">
+        <view class="gua-grid-item">
+          <text class="grid-label">互卦</text>
+          <text class="grid-value">{{ result.huGuaName }} {{ result.huGuaAs }}</text>
+        </view>
+        <view class="gua-grid-item">
+          <text class="grid-label">错卦</text>
+          <text class="grid-value">{{ result.cuoGuaName }} {{ result.cuoGuaAs }}</text>
+        </view>
+        <view class="gua-grid-item">
+          <text class="grid-label">综卦</text>
+          <text class="grid-value">{{ result.zongGuaName }} {{ result.zongGuaAs }}</text>
+        </view>
+        <view class="gua-grid-item">
+          <text class="grid-label">卦码</text>
+          <text class="grid-value">{{ result.guaMa || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="liuyao-card">
+      <view class="card-header">
+        <view class="card-dot cyan"></view>
+        <text class="card-title">六爻详盘</text>
+      </view>
+      
+      <view class="liuyao-table">
+        <view class="liuyao-row liuyao-header">
+          <view class="liuyao-cell header-cell">爻位</view>
+          <view class="liuyao-cell header-cell">本卦</view>
+          <view class="liuyao-cell header-cell">变卦</view>
+        </view>
+        
+        <view v-for="(yao, index) in liuYaoData" :key="index" class="liuyao-row">
+          <view class="liuyao-cell label-cell">{{ yao.benName }}</view>
+          <view class="liuyao-cell yao-cell">{{ yao.benYao }}</view>
+          <view class="liuyao-cell yao-cell">{{ yao.bianYao }}</view>
+        </view>
+      </view>
+    </view>
+    
+    <view class="guaci-card">
+      <view class="card-header">
+        <view class="card-dot orange"></view>
+        <text class="card-title">卦辞爻辞</text>
+      </view>
+      
+      <view class="guaci-section">
+        <text class="guaci-title">本卦卦辞</text>
+        <text class="guaci-content">{{ result.benGuaGuaCi || '暂无' }}</text>
+      </view>
+      
+      <view class="guaci-section">
+        <text class="guaci-title">变卦卦辞</text>
+        <text class="guaci-content">{{ result.bianGuaGuaCi || '暂无' }}</text>
+      </view>
+      
+      <view class="yaoci-section">
+        <text class="yaoci-title">本卦爻辞</text>
+        <view v-for="(yaoCi, index) in result.benGuaLiuYaoYaoCi" :key="index" class="yaoci-item">
+          <text class="yaoci-name">{{ result.benGuaLiuYaoName[index] }}：</text>
+          <text class="yaoci-text">{{ yaoCi }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="link-card">
+      <view class="card-header">
+        <view class="card-dot pink"></view>
+        <text class="card-title">用卦体卦关系</text>
+      </view>
+      
+      <view class="link-section">
+        <text class="link-title">本卦关系</text>
+        <text class="link-content">{{ result.benGuaLink || '暂无' }}</text>
+      </view>
+      
+      <view class="link-section">
+        <text class="link-title">变卦关系</text>
+        <text class="link-content">{{ result.bianGuaLink || '暂无' }}</text>
+      </view>
+      
+      <view class="link-section">
+        <text class="link-title">互卦关系</text>
+        <text class="link-content">{{ result.huGuaLink || '暂无' }}</text>
+      </view>
+      
+      <view class="link-section">
+        <text class="link-title">错卦关系</text>
+        <text class="link-content">{{ result.cuoGuaLink || '暂无' }}</text>
+      </view>
+      
+      <view class="link-section">
+        <text class="link-title">综卦关系</text>
+        <text class="link-content">{{ result.zongGuaLink || '暂无' }}</text>
+      </view>
+    </view>
+    
+    <view class="extra-card">
+      <view class="card-header">
+        <view class="card-dot purple"></view>
+        <text class="card-title">其他信息</text>
+      </view>
+      
+      <view class="extra-grid">
+        <view class="extra-item">
+          <text class="extra-label">上卦</text>
+          <text class="extra-value">{{ result.shangGuaName }} {{ result.shangGuaAs }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">下卦</text>
+          <text class="extra-value">{{ result.xiaGuaName }} {{ result.xiaGuaAs }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">动爻</text>
+          <text class="extra-value">{{ result.dongYaoStr }}爻</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">月相</text>
+          <text class="extra-value">{{ result.yueXiang || '-' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">月将</text>
+          <text class="extra-value">{{ result.yueJiang || '-' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">月将神</text>
+          <text class="extra-value">{{ result.yueJiangShen || '-' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">五不遇时</text>
+          <text class="extra-value">{{ result.wuBuYuShi ? '是' : '否' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">年干支</text>
+          <text class="extra-value">{{ result.yearGanZhi || '-' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">月干支</text>
+          <text class="extra-value">{{ result.monthGanZhi || '-' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">日干支</text>
+          <text class="extra-value">{{ result.dayGanZhi || '-' }}</text>
+        </view>
+        <view class="extra-item">
+          <text class="extra-label">时干支</text>
+          <text class="extra-value">{{ result.hourGanZhi || '-' }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      result: {}
+    }
+  },
+  computed: {
+    liuYaoData() {
+      if (!this.result.benGuaLiuYaoName) return []
+      
+      const data = []
+      for (let i = 0; i < 6; i++) {
+        data.push({
+          benName: this.result.benGuaLiuYaoName[i] || '-',
+          benYao: this.result.benGuaLiuYaoAs[i] || '-',
+          bianYao: this.result.bianGuaLiuYaoAs[i] || '-'
+        })
+      }
+      return data.reverse()
+    }
+  },
+  onLoad() {
+    this.result = getApp().globalData.meihuaResult || {}
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.header-card {
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 4rpx 20rpx rgba(240, 147, 251, 0.3);
+}
+
+.header-row {
+  display: flex;
+  align-items: center;
+}
+
+.header-icon {
+  width: 70rpx;
+  height: 70rpx;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 20rpx;
+}
+
+.icon-text {
+  font-size: 36rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.header-info {
+  flex: 1;
+}
+
+.header-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fff;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.header-subtitle {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.info-card {
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 25rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+.info-row {
+  display: flex;
+  align-items: center;
+}
+
+.info-item {
+  flex: 1;
+  text-align: center;
+}
+
+.info-label {
+  font-size: 24rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.info-value {
+  font-size: 26rpx;
+  color: #333;
+}
+
+.info-divider {
+  width: 1rpx;
+  height: 50rpx;
+  background: #eee;
+}
+
+.gua-card, .liuyao-card, .guaci-card, .link-card, .extra-card {
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 25rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.card-dot {
+  width: 8rpx;
+  height: 8rpx;
+  background: #f093fb;
+  border-radius: 50%;
+  margin-right: 10rpx;
+}
+
+.card-dot.cyan {
+  background: #00bcd4;
+}
+
+.card-dot.orange {
+  background: #ff9800;
+}
+
+.card-dot.pink {
+  background: #f093fb;
+}
+
+.card-dot.purple {
+  background: #9c27b0;
+}
+
+.card-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.gua-overview {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 30rpx 0;
+  margin-bottom: 20rpx;
+}
+
+.gua-item {
+  text-align: center;
+}
+
+.gua-label {
+  font-size: 24rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.gua-symbol {
+  font-size: 60rpx;
+  color: #f093fb;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.gua-name {
+  font-size: 26rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.gua-arrow {
+  font-size: 40rpx;
+  color: #999;
+}
+
+.gua-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15rpx;
+}
+
+.gua-grid-item {
+  background: #f8f8f8;
+  padding: 15rpx;
+  border-radius: 10rpx;
+}
+
+.grid-label {
+  font-size: 22rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 5rpx;
+}
+
+.grid-value {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.liuyao-table {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.liuyao-row {
+  display: flex;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.liuyao-row:last-child {
+  border-bottom: none;
+}
+
+.liuyao-cell {
+  flex: 1;
+  min-width: 80rpx;
+  padding: 15rpx 5rpx;
+  text-align: center;
+  font-size: 22rpx;
+  color: #333;
+}
+
+.liuyao-cell.header-cell {
+  font-weight: bold;
+  color: #666;
+  background: #f8f8f8;
+}
+
+.liuyao-cell.label-cell {
+  font-weight: bold;
+  color: #f093fb;
+}
+
+.liuyao-cell.yao-cell {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.guaci-section, .yaoci-section {
+  margin-bottom: 20rpx;
+}
+
+.guaci-title, .yaoci-title {
+  font-size: 26rpx;
+  font-weight: bold;
+  color: #333;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.guaci-content {
+  font-size: 24rpx;
+  color: #666;
+  line-height: 1.6;
+}
+
+.yaoci-item {
+  margin-bottom: 10rpx;
+  padding: 10rpx;
+  background: #f8f8f8;
+  border-radius: 8rpx;
+}
+
+.yaoci-name {
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #f093fb;
+}
+
+.yaoci-text {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.link-section {
+  margin-bottom: 15rpx;
+  padding: 15rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+}
+
+.link-title {
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #f093fb;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.link-content {
+  font-size: 24rpx;
+  color: #666;
+  line-height: 1.6;
+}
+
+.extra-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15rpx;
+}
+
+.extra-item {
+  background: #f8f8f8;
+  padding: 15rpx;
+  border-radius: 10rpx;
+}
+
+.extra-label {
+  font-size: 22rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 5rpx;
+}
+
+.extra-value {
+  font-size: 24rpx;
+  color: #333;
+}
+</style>