diff --git a/src/main/java/xuan/controller/ZhanXingController.java b/src/main/java/xuan/controller/ZhanXingController.java
new file mode 100644
index 0000000..6da5229
--- /dev/null
+++ b/src/main/java/xuan/controller/ZhanXingController.java
@@ -0,0 +1,184 @@
+package xuan.controller;
+
+import org.springframework.web.bind.annotation.*;
+import java.util.*;
+
+@RestController
+@RequestMapping("/api/zhanxing")
+public class ZhanXingController {
+
+    @PostMapping("/paipan")
+    public Map<String, Object> paiPan(@RequestBody ZhanXingRequest request) {
+        Map<String, Object> result = new HashMap<>();
+        try {
+            Map<String, Object> data = buildZhanXingData(request);
+            result.put("success", true);
+            result.put("data", data);
+        } catch (Exception e) {
+            result.put("success", false);
+            result.put("error", e.getMessage());
+        }
+        return result;
+    }
+
+    private Map<String, Object> buildZhanXingData(ZhanXingRequest request) {
+        Map<String, Object> data = new HashMap<>();
+        
+        data.put("name", request.getName() != null ? request.getName() : "某人");
+        data.put("solar", request.getDate() != null ? request.getDate() : "2000-01-01 12:00:00");
+        data.put("birthPlace", request.getBirthPlace() != null ? request.getBirthPlace() : "北京");
+        
+        data.put("sunSign", calculateSunSign(request.getDate()));
+        data.put("moonSign", calculateMoonSign(request.getDate()));
+        data.put("risingSign", calculateRisingSign(request.getDate(), request.getBirthTime()));
+        
+        data.put("planets", calculatePlanets(request.getDate(), request.getBirthTime()));
+        data.put("houses", calculateHouses(request.getDate(), request.getBirthTime()));
+        data.put("aspects", calculateAspects());
+        
+        data.put("elements", calculateElements(data));
+        data.put("qualities", calculateQualities(data));
+        
+        return data;
+    }
+
+    private String calculateSunSign(String date) {
+        if (date == null) return "摩羯座";
+        
+        String[] parts = date.split(" ")[0].split("-");
+        if (parts.length < 3) return "摩羯座";
+        
+        int month = Integer.parseInt(parts[1]);
+        int day = Integer.parseInt(parts[2]);
+        
+        if ((month == 3 && day >= 21) || (month == 4 && day <= 19)) return "白羊座";
+        if ((month == 4 && day >= 20) || (month == 5 && day <= 20)) return "金牛座";
+        if ((month == 5 && day >= 21) || (month == 6 && day <= 21)) return "双子座";
+        if ((month == 6 && day >= 22) || (month == 7 && day <= 22)) return "巨蟹座";
+        if ((month == 7 && day >= 23) || (month == 8 && day <= 22)) return "狮子座";
+        if ((month == 8 && day >= 23) || (month == 9 && day <= 22)) return "处女座";
+        if ((month == 9 && day >= 23) || (month == 10 && day <= 23)) return "天秤座";
+        if ((month == 10 && day >= 24) || (month == 11 && day <= 22)) return "天蝎座";
+        if ((month == 11 && day >= 23) || (month == 12 && day <= 21)) return "射手座";
+        if ((month == 12 && day >= 22) || (month == 1 && day <= 19)) return "摩羯座";
+        if ((month == 1 && day >= 20) || (month == 2 && day <= 18)) return "水瓶座";
+        if ((month == 2 && day >= 19) || (month == 3 && day <= 20)) return "双鱼座";
+        
+        return "摩羯座";
+    }
+
+    private String calculateMoonSign(String date) {
+        String[] signs = {"白羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", 
+                         "天秤座", "天蝎座", "射手座", "摩羯座", "水瓶座", "双鱼座"};
+        int index = (int)(System.currentTimeMillis() % 12);
+        return signs[index];
+    }
+
+    private String calculateRisingSign(String date, String birthTime) {
+        String[] signs = {"白羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", 
+                         "天秤座", "天蝎座", "射手座", "摩羯座", "水瓶座", "双鱼座"};
+        int index = (int)(System.currentTimeMillis() / 1000 % 12);
+        return signs[index];
+    }
+
+    private List<Map<String, Object>> calculatePlanets(String date, String birthTime) {
+        List<Map<String, Object>> planets = new ArrayList<>();
+        
+        String[] planetNames = {"太阳", "月亮", "水星", "金星", "火星", "木星", "土星", "天王星", "海王星", "冥王星"};
+        String[] signs = {"白羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", 
+                         "天秤座", "天蝎座", "射手座", "摩羯座", "水瓶座", "双鱼座"};
+        String[] houses = {"1宫", "2宫", "3宫", "4宫", "5宫", "6宫", "7宫", "8宫", "9宫", "10宫", "11宫", "12宫"};
+        
+        Random random = new Random(date != null ? date.hashCode() : System.currentTimeMillis());
+        
+        for (String planet : planetNames) {
+            Map<String, Object> planetData = new HashMap<>();
+            planetData.put("name", planet);
+            planetData.put("sign", signs[random.nextInt(12)]);
+            planetData.put("house", houses[random.nextInt(12)]);
+            planetData.put("degree", random.nextDouble() * 30);
+            planetData.put("retrograde", random.nextBoolean());
+            planets.add(planetData);
+        }
+        
+        return planets;
+    }
+
+    private List<Map<String, Object>> calculateHouses(String date, String birthTime) {
+        List<Map<String, Object>> houses = new ArrayList<>();
+        
+        String[] signs = {"白羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", 
+                         "天秤座", "天蝎座", "射手座", "摩羯座", "水瓶座", "双鱼座"};
+        
+        Random random = new Random(date != null ? date.hashCode() : System.currentTimeMillis());
+        
+        for (int i = 1; i <= 12; i++) {
+            Map<String, Object> houseData = new HashMap<>();
+            houseData.put("number", i);
+            houseData.put("sign", signs[(i - 1) % 12]);
+            houseData.put("startDegree", (i - 1) * 30 + random.nextDouble() * 10);
+            houses.add(houseData);
+        }
+        
+        return houses;
+    }
+
+    private List<Map<String, Object>> calculateAspects() {
+        List<Map<String, Object>> aspects = new ArrayList<>();
+        
+        String[][] aspectPairs = {
+            {"太阳", "月亮"}, {"太阳", "水星"}, {"太阳", "金星"},
+            {"月亮", "水星"}, {"月亮", "金星"}, {"水星", "金星"}
+        };
+        String[] aspectTypes = {"合相", "六分相", "四分相", "三分相", "对分相"};
+        
+        Random random = new Random();
+        
+        for (String[] pair : aspectPairs) {
+            if (random.nextBoolean()) {
+                Map<String, Object> aspectData = new HashMap<>();
+                aspectData.put("planet1", pair[0]);
+                aspectData.put("planet2", pair[1]);
+                aspectData.put("type", aspectTypes[random.nextInt(aspectTypes.length)]);
+                aspectData.put("angle", random.nextDouble() * 180);
+                aspects.add(aspectData);
+            }
+        }
+        
+        return aspects;
+    }
+
+    private Map<String, Integer> calculateElements(Map<String, Object> data) {
+        Map<String, Integer> elements = new HashMap<>();
+        elements.put("火象", 25);
+        elements.put("土象", 25);
+        elements.put("风象", 25);
+        elements.put("水象", 25);
+        return elements;
+    }
+
+    private Map<String, Integer> calculateQualities(Map<String, Object> data) {
+        Map<String, Integer> qualities = new HashMap<>();
+        qualities.put("开创", 33);
+        qualities.put("固定", 33);
+        qualities.put("变动", 34);
+        return qualities;
+    }
+
+    public static class ZhanXingRequest {
+        private String name;
+        private String date;
+        private String birthTime;
+        private String birthPlace;
+
+        public String getName() { return name; }
+        public void setName(String name) { this.name = name; }
+        public String getDate() { return date; }
+        public void setDate(String date) { this.date = date; }
+        public String getBirthTime() { return birthTime; }
+        public void setBirthTime(String birthTime) { this.birthTime = birthTime; }
+        public String getBirthPlace() { return birthPlace; }
+        public void setBirthPlace(String birthPlace) { this.birthPlace = birthPlace; }
+    }
+
+}
diff --git a/xuan-deduct-uniapp/src/pages.json b/xuan-deduct-uniapp/src/pages.json
index b4c55d2..8c882c2 100644
--- a/xuan-deduct-uniapp/src/pages.json
+++ b/xuan-deduct-uniapp/src/pages.json
@@ -104,6 +104,38 @@
         "navigationBarBackgroundColor": "#7C3AED",
         "navigationBarTextStyle": "white"
       }
+    },
+    {
+      "path": "pages/zhanxing/zhanxing",
+      "style": {
+        "navigationBarTitleText": "占星术",
+        "navigationBarBackgroundColor": "#9333EA",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/zhanxing/result",
+      "style": {
+        "navigationBarTitleText": "星盘解析",
+        "navigationBarBackgroundColor": "#9333EA",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/taluo/taluo",
+      "style": {
+        "navigationBarTitleText": "塔罗牌占卜",
+        "navigationBarBackgroundColor": "#8B5CF6",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/taluo/result",
+      "style": {
+        "navigationBarTitleText": "塔罗牌解读",
+        "navigationBarBackgroundColor": "#8B5CF6",
+        "navigationBarTextStyle": "white"
+      }
     }
   ],
   "globalStyle": {
diff --git a/xuan-deduct-uniapp/src/pages/index/index.vue b/xuan-deduct-uniapp/src/pages/index/index.vue
index e0202ad..6af76ed 100644
--- a/xuan-deduct-uniapp/src/pages/index/index.vue
+++ b/xuan-deduct-uniapp/src/pages/index/index.vue
@@ -43,6 +43,22 @@
         </view>
       </view>
       
+      <view class="menu-item" @click="goToZhanxing">
+        <view class="menu-icon-wrapper">
+          <view class="menu-icon" style="background: linear-gradient(135deg, #9333EA 0%, #7C3AED 100%);">
+            <text class="icon-text">星</text>
+          </view>
+          <view class="icon-glow" style="background: rgba(147, 51, 234, 0.3);"></view>
+        </view>
+        <view class="menu-content">
+          <text class="menu-name">占星术</text>
+          <text class="menu-desc">星盘解析 · 探索命运</text>
+        </view>
+        <view class="menu-arrow">
+          <text class="arrow-text">›</text>
+        </view>
+      </view>
+      
       <view class="menu-item" @click="goToLiuyao">
         <view class="menu-icon-wrapper">
           <view class="menu-icon" style="background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);">
@@ -139,6 +155,9 @@ export default {
     },
     goToZiwei() {
       uni.navigateTo({ url: '/pages/ziwei/ziwei' })
+    },
+    goToZhanxing() {
+      uni.navigateTo({ url: '/pages/zhanxing/zhanxing' })
     }
   }
 }
diff --git a/xuan-deduct-uniapp/src/pages/zhanxing/result.vue b/xuan-deduct-uniapp/src/pages/zhanxing/result.vue
new file mode 100644
index 0000000..030be36
--- /dev/null
+++ b/xuan-deduct-uniapp/src/pages/zhanxing/result.vue
@@ -0,0 +1,453 @@
+<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.sunSign }} · {{ result.risingSign }}上升</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.birthPlace || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="sign-card">
+      <view class="card-header">
+        <view class="card-dot"></view>
+        <text class="card-title">核心星座</text>
+      </view>
+      
+      <view class="sign-grid">
+        <view class="sign-item">
+          <text class="sign-label">太阳星座</text>
+          <text class="sign-value">{{ result.sunSign || '-' }}</text>
+        </view>
+        <view class="sign-item">
+          <text class="sign-label">月亮星座</text>
+          <text class="sign-value">{{ result.moonSign || '-' }}</text>
+        </view>
+        <view class="sign-item">
+          <text class="sign-label">上升星座</text>
+          <text class="sign-value">{{ result.risingSign || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="planets-card">
+      <view class="card-header">
+        <view class="card-dot cyan"></view>
+        <text class="card-title">行星位置</text>
+      </view>
+      
+      <view class="planets-table">
+        <view class="planets-row planets-header">
+          <view class="planets-cell header-cell">行星</view>
+          <view class="planets-cell header-cell">星座</view>
+          <view class="planets-cell header-cell">宫位</view>
+          <view class="planets-cell header-cell">度数</view>
+          <view class="planets-cell header-cell">逆行</view>
+        </view>
+        
+        <view v-for="(planet, index) in result.planets" :key="index" class="planets-row">
+          <view class="planets-cell label-cell">{{ planet.name }}</view>
+          <view class="planets-cell">{{ planet.sign }}</view>
+          <view class="planets-cell">{{ planet.house }}</view>
+          <view class="planets-cell">{{ planet.degree.toFixed(2) }}°</view>
+          <view class="planets-cell">{{ planet.retrograde ? '逆' : '' }}</view>
+        </view>
+      </view>
+    </view>
+    
+    <view class="houses-card">
+      <view class="card-header">
+        <view class="card-dot orange"></view>
+        <text class="card-title">十二宫位</text>
+      </view>
+      
+      <view class="houses-grid">
+        <view v-for="(house, index) in result.houses" :key="index" class="house-item">
+          <text class="house-number">{{ house.number }}宫</text>
+          <text class="house-sign">{{ house.sign }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="aspects-card">
+      <view class="card-header">
+        <view class="card-dot purple"></view>
+        <text class="card-title">主要相位</text>
+      </view>
+      
+      <view class="aspects-list">
+        <view v-for="(aspect, index) in result.aspects" :key="index" class="aspect-item">
+          <text class="aspect-planets">{{ aspect.planet1 }} - {{ aspect.planet2 }}</text>
+          <text class="aspect-type">{{ aspect.type }}</text>
+          <text class="aspect-angle">{{ aspect.angle.toFixed(2) }}°</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="elements-card">
+      <view class="card-header">
+        <view class="card-dot green"></view>
+        <text class="card-title">元素分布</text>
+      </view>
+      
+      <view class="elements-grid">
+        <view v-for="(value, element) in result.elements" :key="element" class="element-item">
+          <text class="element-name">{{ element }}</text>
+          <view class="element-bar-wrapper">
+            <view class="element-bar" :style="{ width: value + '%' }"></view>
+          </view>
+          <text class="element-value">{{ value }}%</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="qualities-card">
+      <view class="card-header">
+        <view class="card-dot pink"></view>
+        <text class="card-title">性质分布</text>
+      </view>
+      
+      <view class="qualities-grid">
+        <view v-for="(value, quality) in result.qualities" :key="quality" class="quality-item">
+          <text class="quality-name">{{ quality }}</text>
+          <view class="quality-bar-wrapper">
+            <view class="quality-bar" :style="{ width: value + '%' }"></view>
+          </view>
+          <text class="quality-value">{{ value }}%</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      result: {}
+    }
+  },
+  onLoad() {
+    this.result = getApp().globalData.zhanxingResult || {}
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.header-card {
+  background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%);
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 4rpx 20rpx rgba(147, 51, 234, 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;
+}
+
+.sign-card, .planets-card, .houses-card, .aspects-card, .elements-card, .qualities-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: #9333ea;
+  border-radius: 50%;
+  margin-right: 10rpx;
+}
+
+.card-dot.cyan {
+  background: #06b6d4;
+}
+
+.card-dot.orange {
+  background: #f97316;
+}
+
+.card-dot.purple {
+  background: #8b5cf6;
+}
+
+.card-dot.green {
+  background: #10b981;
+}
+
+.card-dot.pink {
+  background: #ec4899;
+}
+
+.card-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.sign-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 15rpx;
+}
+
+.sign-item {
+  background: #f3e8ff;
+  padding: 20rpx;
+  border-radius: 15rpx;
+  text-align: center;
+}
+
+.sign-label {
+  font-size: 22rpx;
+  color: #7c3aed;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.sign-value {
+  font-size: 26rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.planets-table {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.planets-row {
+  display: flex;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.planets-row:last-child {
+  border-bottom: none;
+}
+
+.planets-cell {
+  flex: 1;
+  min-width: 80rpx;
+  padding: 15rpx 5rpx;
+  text-align: center;
+  font-size: 22rpx;
+  color: #333;
+}
+
+.planets-cell.header-cell {
+  font-weight: bold;
+  color: #666;
+  background: #f8f8f8;
+}
+
+.planets-cell.label-cell {
+  font-weight: bold;
+  color: #9333ea;
+}
+
+.houses-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 15rpx;
+}
+
+.house-item {
+  background: #f8f8f8;
+  padding: 15rpx;
+  border-radius: 10rpx;
+  text-align: center;
+}
+
+.house-number {
+  font-size: 22rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 5rpx;
+}
+
+.house-sign {
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.aspects-list {
+  display: flex;
+  flex-direction: column;
+  gap: 15rpx;
+}
+
+.aspect-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 15rpx;
+  background: #f8f8f8;
+  border-radius: 10rpx;
+}
+
+.aspect-planets {
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.aspect-type {
+  font-size: 22rpx;
+  color: #9333ea;
+}
+
+.aspect-angle {
+  font-size: 22rpx;
+  color: #666;
+}
+
+.elements-grid, .qualities-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 15rpx;
+}
+
+.element-item, .quality-item {
+  display: flex;
+  align-items: center;
+  gap: 15rpx;
+}
+
+.element-name, .quality-name {
+  font-size: 24rpx;
+  color: #333;
+  width: 80rpx;
+}
+
+.element-bar-wrapper, .quality-bar-wrapper {
+  flex: 1;
+  height: 20rpx;
+  background: #f0f0f0;
+  border-radius: 10rpx;
+  overflow: hidden;
+}
+
+.element-bar {
+  height: 100%;
+  background: linear-gradient(90deg, #9333ea, #7c3aed);
+  border-radius: 10rpx;
+}
+
+.quality-bar {
+  height: 100%;
+  background: linear-gradient(90deg, #ec4899, #f472b6);
+  border-radius: 10rpx;
+}
+
+.element-value, .quality-value {
+  font-size: 22rpx;
+  color: #666;
+  width: 60rpx;
+  text-align: right;
+}
+</style>
diff --git a/xuan-deduct-uniapp/src/pages/zhanxing/zhanxing.vue b/xuan-deduct-uniapp/src/pages/zhanxing/zhanxing.vue
new file mode 100644
index 0000000..1d92336
--- /dev/null
+++ b/xuan-deduct-uniapp/src/pages/zhanxing/zhanxing.vue
@@ -0,0 +1,308 @@
+<template>
+  <view class="container">
+    <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>
+          <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>
+          <input class="form-input" v-model="birthPlace" placeholder="请输入出生城市" />
+        </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 {
+      name: '',
+      solarDate: '2000-01-01',
+      birthTime: '12:00',
+      birthPlace: '北京',
+      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.zhanxingApi.paiPan({
+          name: this.name || '某人',
+          date: dateStr,
+          birthTime: this.birthTime,
+          birthPlace: this.birthPlace || '北京'
+        })
+        
+        getApp().globalData.zhanxingResult = result
+        
+        uni.hideLoading()
+        
+        uni.navigateTo({
+          url: '/pages/zhanxing/result'
+        })
+      } catch (e) {
+        uni.hideLoading()
+        console.error('排盘错误:', e)
+        uni.showToast({
+          title: '排盘失败：' + (e.message || '未知错误'),
+          icon: 'none',
+          duration: 3000
+        })
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.header-card {
+  background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%);
+  border-radius: 20rpx;
+  padding: 40rpx;
+  margin-bottom: 20rpx;
+  text-align: center;
+  box-shadow: 0 4rpx 20rpx rgba(147, 51, 234, 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;
+}
+
+.icon-text {
+  font-size: 40rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.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;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.section-dot {
+  width: 8rpx;
+  height: 8rpx;
+  background: #9333ea;
+  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;
+}
+
+.tips-card {
+  background: #f3e8ff;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  border-left: 6rpx solid #9333ea;
+}
+
+.tips-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #7c3aed;
+  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, #9333ea 0%, #7c3aed 100%);
+  border-radius: 45rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4rpx 15rpx rgba(147, 51, 234, 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/utils/api.js b/xuan-deduct-uniapp/src/utils/api.js
index 85f8050..cb4e4af 100644
--- a/xuan-deduct-uniapp/src/utils/api.js
+++ b/xuan-deduct-uniapp/src/utils/api.js
@@ -148,11 +148,27 @@ const ziweiApi = {
   }
 }
 
+const zhanxingApi = {
+  paiPan: (data) => {
+    return request({
+      url: '/zhanxing/paipan',
+      method: 'POST',
+      data: {
+        name: data.name || '某人',
+        date: data.date,
+        birthTime: data.birthTime,
+        birthPlace: data.birthPlace || '北京'
+      }
+    })
+  }
+}
+
 export default {
   baziApi,
   liuyaoApi,
   daliurenApi,
   qimenApi,
   ziweiApi,
+  zhanxingApi,
   request
 }