diff --git a/App.vue b/App.vue
index 9e4ff62..533365c 100644
--- a/App.vue
+++ b/App.vue
@@ -47,6 +47,31 @@
 
 <style>
 	/*每个页面公共css */
+	page {
+		--color-primary: #e54d42;
+		--color-primary-hover: #d44338;
+		--color-primary-soft: #ffe4e4;
+		--color-bg-start: #ffd1c7;
+		--color-bg-end: #ffc8b5;
+		--color-bg-sheet: #fff9f7;
+		--color-surface: #ffffff;
+		--color-text-primary: #333333;
+		--color-text-secondary: #999999;
+		--color-text-tertiary: #bbbbbb;
+		--color-border: #f0f0f0;
+		--color-accent-gold: #c8923a;
+		--color-accent-blue: #4a90e2;
+		--color-accent-green: #5cb85c;
+		--spacing-md: 16px;
+		--radius-lg: 16px;
+		--radius-xl: 20px;
+		--radius-sheet: 22px;
+		--shadow-card: 0 2px 10px rgba(0, 0, 0, 0.04);
+		--shadow-hero: 0 8px 28px rgba(229, 77, 66, 0.12);
+		--shadow-sheet: 0 -4px 24px rgba(180, 100, 80, 0.06);
+		--font-sans: SourceHanSans, -apple-system, sans-serif;
+		--font-display: GenYoMinJP, SourceHanSansBold, serif;
+	}
 	body{
 		font-family: 'SourceHanSans';
 		box-sizing: border-box;
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..140ce28
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,61 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+uni-app (Vue 3) WeChat Miniprogram for **愈心谷 (YuXinGu)**, a mental health and wellness platform. Built with Vite and targets `mp-weixin`. The `UI/` directory is a separate, incomplete React Native experiment — ignore it for miniprogram work.
+
+## Build & Development
+
+This project has **no npm scripts** in root `package.json`. It is designed for the HBuilderX IDE:
+
+- **Dev build:** HBuilderX runs the uni-app Vite plugin automatically. Output goes to `unpackage/dist/dev/mp-weixin/`.
+- **Manual build:** `npx vite build` (uses `@dcloudio/vite-plugin-uni` from `vite.config.js`)
+- **WeChat DevTools:** Open `unpackage/dist/dev/mp-weixin/` to preview and debug.
+
+Dependencies are minimal: `unplugin-auto-import`, `sass`, `sass-loader`.
+
+## Architecture
+
+### Routing & Navigation
+
+- **Page routing** is defined in `pages.json`, NOT in Vue Router. All 26 routes are listed there.
+- **Tab bar** (4 tabs): 首页 (`pages/index/index`), 心理咨询 (`pages/consult/consult`), 心理测评 (`pages/test-list/test-list`), 我的 (`pages/personal-center/personal-center`)
+- **Global style** uses `navigationStyle: "custom"` — every page is responsible for its own navigation bar via the `<my-nav>` component.
+- New pages must be registered in `pages.json` and use `<my-nav>` for the custom nav bar.
+
+### Auto-Imports
+
+`unplugin-auto-import` is configured in `vite.config.js` to auto-import Vue and uni-app APIs (`ref`, `reactive`, `computed`, `onLoad`, etc.) — do NOT manually import these in `.vue` files.
+
+### HTTP Request Layer (`util/`)
+
+- **`util/requestConfig.js`** exports a pre-configured `$http` instance (base URL: `https://miniapp.yuxingu.com.cn`). Always use this for API calls.
+- **`util/apiUrl.js`** exports all API endpoint paths as a `urls` object. All miniprogram endpoints are prefixed `/app-api/psychic/`.
+- **Auth:** The request interceptor reads `token` from `uni.getStorageSync('token')` and attaches it as `Authorization: Bearer <token>`.
+- **Error handling:** 401/1001/1100 response codes trigger token removal and storage cleanup in `dataFactory`. Other errors auto-display toast messages when `isPrompt` is true.
+- **Loading states:** Requests with `load: true` show/hide `uni.showLoading` via a request counter.
+
+Usage pattern in pages:
+```js
+import $http from '@/util/requestConfig.js'
+import { urls } from '@/util/apiUrl.js'
+
+const res = await $http.get(urls.getDoctorInfo, { id: doctorId })
+```
+
+### Shared Components (`components/`)
+
+- **`my-nav.vue`** — Custom navigation bar; used on every page since `navigationStyle: "custom"`.
+- **`ShareMixin.ts`** — TypeScript mixin providing `onShareAppMessage` and `onShareTimeline` hooks.
+- **`show-pop/`** — Reusable popup dialog.
+- **`show-remind/`** — Reusable reminder/toast.
+
+### Key Patterns
+
+- **Fonts:** Three custom fonts are loaded globally in `App.vue` from CDN: `SourceHanSans`, `SourceHanSansBold`, `GenYoMinJP`. The default body font is `SourceHanSans`.
+- **Share menu:** Enabled globally in `App.vue` for both `shareAppMessage` and `shareTimeline`.
+- **Assets:** Static images are organized by feature in `static/`. Tab bar icons use the `n-menu/` subdirectory.
+- **Platform config:** `manifest.json` contains WeChat appid (`wx6782dd88e655f1a7`) and per-platform settings for mp-weixin, mp-alipay, mp-baidu, mp-toutiao.
+- **uni_modules/:** Standard uni-app plugins (uni-icons, uni-popup, etc.) — treat these as third-party code.
diff --git a/components/yxg/yxg-nav.vue b/components/yxg/yxg-nav.vue
new file mode 100644
index 0000000..a907ab1
--- /dev/null
+++ b/components/yxg/yxg-nav.vue
@@ -0,0 +1,111 @@
+<template>
+	<view class="yxg-nav" :style="barStyle">
+		<view class="yxg-nav-row" :style="rowStyle">
+			<view v-if="showBack" class="yxg-nav-back" @click="onBack">
+				<text class="yxg-nav-back-ico">‹</text>
+			</view>
+			<image
+				v-if="logo"
+				class="yxg-nav-logo"
+				:src="logoSrc"
+				mode="aspectFit"
+				:style="logoStyle"
+			/>
+			<text v-else class="yxg-nav-title">{{ title }}</text>
+		</view>
+	</view>
+	<view v-if="placeholder" :style="barStyle" />
+</template>
+
+<script setup>
+import { YXG_MP_LOGO_URL } from '@/util/yxgConfig.js'
+import { yxgBack } from '@/util/yxgNav.js'
+
+const props = defineProps({
+	title: { type: String, default: '' },
+	logo: { type: Boolean, default: false },
+	showBack: { type: Boolean, default: true },
+	placeholder: { type: Boolean, default: true },
+})
+
+function readWindow() {
+	// #ifdef MP-WEIXIN
+	if (typeof wx !== 'undefined' && wx.getWindowInfo) return wx.getWindowInfo()
+	// #endif
+	return uni.getSystemInfoSync()
+}
+
+const win = readWindow()
+const statusBarH = win.statusBarHeight || 0
+const screenW = win.windowWidth || win.screenWidth || 375
+let navBarH = 44
+let menuH = 32
+try {
+	const menu = uni.getMenuButtonBoundingClientRect()
+	if (menu?.height) {
+		navBarH = (menu.top - statusBarH) * 2 + menu.height
+		menuH = menu.height
+	}
+} catch (e) {
+	/* keep default */
+}
+
+const headH = statusBarH + navBarH
+const logoH = Math.min(menuH, 30)
+const logoW = Math.min(Math.round((logoH * 598) / 130), Math.floor(screenW * 0.4))
+
+const barStyle = `height:${headH}px;padding-top:${statusBarH}px;box-sizing:border-box;`
+const rowStyle = `height:${navBarH}px;`
+const logoStyle = `width:${logoW}px;height:${logoH}px;`
+const logoSrc = YXG_MP_LOGO_URL
+
+function onBack() {
+	yxgBack()
+}
+</script>
+
+<style scoped>
+.yxg-nav {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 100;
+	background: #ffd1c7;
+}
+.yxg-nav-row {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	width: 100%;
+}
+.yxg-nav-back {
+	position: absolute;
+	left: 8px;
+	top: 0;
+	bottom: 0;
+	width: 44px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.yxg-nav-back-ico {
+	font-size: 28px;
+	line-height: 1;
+	color: #614d49;
+	font-weight: 300;
+}
+.yxg-nav-title {
+	font-size: 16px;
+	font-weight: 700;
+	color: #333;
+	max-width: 56%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.yxg-nav-logo {
+	display: block;
+}
+</style>
diff --git a/components/yxg/yxg-page.vue b/components/yxg/yxg-page.vue
new file mode 100644
index 0000000..05456ab
--- /dev/null
+++ b/components/yxg/yxg-page.vue
@@ -0,0 +1,28 @@
+<template>
+	<view class="yxg-wrap">
+		<yxg-nav :title="title" :show-back="showBack" />
+		<view class="yxg-body">
+			<slot />
+		</view>
+	</view>
+</template>
+
+<script setup>
+import YxgNav from './yxg-nav.vue'
+
+defineProps({
+	title: { type: String, default: '' },
+	showBack: { type: Boolean, default: true },
+})
+</script>
+
+<style scoped>
+.yxg-wrap {
+	min-height: 100vh;
+	background: linear-gradient(180deg, #ffd1c7 0%, #ffe4d8 28%, #fff4ef 52%, #fff9f7 100%);
+	padding-bottom: 32px;
+}
+.yxg-body {
+	padding-bottom: 24px;
+}
+</style>
diff --git a/components/yxg/yxg-tool-icon.vue b/components/yxg/yxg-tool-icon.vue
new file mode 100644
index 0000000..9944b81
--- /dev/null
+++ b/components/yxg/yxg-tool-icon.vue
@@ -0,0 +1,70 @@
+<template>
+	<view class="hti" :class="'hti-' + name" :style="boxStyle">
+		<text class="hti-txt">{{ mark }}</text>
+	</view>
+</template>
+
+<script setup>
+const props = defineProps({
+	name: { type: String, default: 'mbti' },
+	size: { type: Number, default: 48 },
+})
+
+const MARK = {
+	mbti: 'I/E',
+	star: '★',
+	portrait: '解',
+	rhythm: '律',
+	synastry: '合',
+	astro: '盘',
+	companion: '节',
+	ask: '问',
+	cards: '卡',
+	reports: '报',
+	growth: '长',
+	relation: '配',
+	nine: '9',
+	eq: '情',
+	stress: '压',
+	sleep: '眠',
+}
+
+const mark = computed(() => MARK[props.name] || '·')
+const boxStyle = computed(() => {
+	const px = Math.round(props.size * 1.15)
+	return `width:${px}px;height:${px}px;`
+})
+</script>
+
+<style scoped>
+.hti {
+	border-radius: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
+}
+.hti-txt {
+	color: #fff;
+	font-weight: 800;
+	font-size: 15px;
+	letter-spacing: 0.5px;
+}
+.hti-mbti { background: linear-gradient(145deg, #ffe9a0, #f0b020); }
+.hti-star { background: linear-gradient(145deg, #b8deff, #2f7fe0); }
+.hti-portrait { background: linear-gradient(145deg, #ffe8b0, #d4922a); }
+.hti-rhythm { background: linear-gradient(145deg, #c8f5d4, #2fa866); }
+.hti-synastry { background: linear-gradient(145deg, #ffd0e0, #e84880); }
+.hti-astro { background: linear-gradient(145deg, #e4d4ff, #7c5ce0); }
+.hti-companion { background: linear-gradient(145deg, #ffe9a0, #f0b020); }
+.hti-ask { background: linear-gradient(145deg, #ffe0b8, #e87830); }
+.hti-cards { background: linear-gradient(145deg, #c8f5f0, #2a9d8f); }
+.hti-reports { background: linear-gradient(145deg, #e8f4ff, #2f7fe0); }
+.hti-growth { background: linear-gradient(145deg, #ffe0b8, #e87830); }
+.hti-relation { background: linear-gradient(145deg, #ffd0e0, #e84880); }
+.hti-nine { background: linear-gradient(145deg, #e4d4ff, #7c5ce0); }
+.hti-eq { background: linear-gradient(145deg, #c8f5f0, #2a9d8f); }
+.hti-stress { background: linear-gradient(145deg, #ffc8b8, #e54d42); }
+.hti-sleep { background: linear-gradient(145deg, #b8deff, #2f7fe0); }
+</style>
diff --git a/manifest.json b/manifest.json
index dda9a5a..2441a37 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
     "name" : "yuxingu-miniprogram",
-    "appid" : "__UNI__E47533F",
+    "appid" : "__UNI__29F79D0",
     "description" : "",
     "versionName" : "1.0.0",
     "versionCode" : "100",
diff --git a/pages.json b/pages.json
index 0f19f30..78c27dd 100644
--- a/pages.json
+++ b/pages.json
@@ -265,14 +265,28 @@
 			]
 		},
 		{
-			"root": "pages/webview-page",
+			"root": "pages/yxg",
 			"pages": [
-				{
-					"path": "webview-page",
-					"style": {
-						"navigationBarTitleText": ""
-					}
-				}
+				{ "path": "explore", "style": { "navigationBarTitleText": "探索", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "explore-bank", "style": { "navigationBarTitleText": "题库", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "explore-category", "style": { "navigationBarTitleText": "探索", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "growth-plan", "style": { "navigationBarTitleText": "成长计划", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "ask", "style": { "navigationBarTitleText": "AI问答", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "companion", "style": { "navigationBarTitleText": "节气陪伴", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "mine", "style": { "navigationBarTitleText": "我的魔方", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "profile", "style": { "navigationBarTitleText": "个人档案", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "portrait", "style": { "navigationBarTitleText": "愈心解码", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "star", "style": { "navigationBarTitleText": "星座", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "synastry", "style": { "navigationBarTitleText": "合盘", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "synastry-invite", "style": { "navigationBarTitleText": "合盘邀请", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "rhythm", "style": { "navigationBarTitleText": "身心节律", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "cards", "style": { "navigationBarTitleText": "意象卡片", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "relation", "style": { "navigationBarTitleText": "人格匹配", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "membership", "style": { "navigationBarTitleText": "成长会员", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "scale", "style": { "navigationBarTitleText": "测评", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "share", "style": { "navigationBarTitleText": "分享", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "reports", "style": { "navigationBarTitleText": "成长报告", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } },
+				{ "path": "report", "style": { "navigationBarTitleText": "报告详情", "navigationBarBackgroundColor": "#ffd1c7", "backgroundColor": "#ffd1c7" } }
 			]
 		}
 	],
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 89eb8ff..dd7653c 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -495,7 +495,6 @@
 					</text>
 			</view>
 				</view>
-		<web-view v-if="showWebView" :src="externalUrl"></web-view>
 	</view>
 </template>
 
@@ -511,8 +510,6 @@
 	const consultList = ref([])
 	const newHealingList = ref([])
 	const newActivityList = ref([])
-	const showWebView = ref(false)
-	const externalUrl = ref()
 	const dotsStyles = ref({
 		backgroundColor: 'rgba(96, 98, 113, 1)',
 		border: '1px rgba(96, 98, 113, 1) solid',
@@ -596,16 +593,6 @@
 		})
 	}
 	
-	const toTuTest=()=>{
-		
-		 const externalUrl = 'https://cps.jsbr.org.cn/login.html';
-		      uni.navigateTo({
-		        url: `/pages/webview-page/webview-page?url=${encodeURIComponent(externalUrl)}`
-		      });
-		
-		
-	}
-	
 	const toHealingDetail=(item)=>{
 		dohttp.navigateTo("/pages/healing-detail/healing-detail?id=" + item.id)
 	}
diff --git a/pages/login-pop/login-pop.vue b/pages/login-pop/login-pop.vue
index 23aa354..fc3a67d 100644
--- a/pages/login-pop/login-pop.vue
+++ b/pages/login-pop/login-pop.vue
@@ -154,25 +154,41 @@
 		}
 	}
 
+	const afterLogin = () => {
+		if (type.value == 1) {
+			uni.reLaunch({
+				url: "/pages/index/index"
+			})
+		} else if (type.value == 3) {
+			uni.reLaunch({
+				url: path.value
+			})
+		} else {
+			uni.navigateBack({
+				delta: 1
+			})
+		}
+	}
 	const toLogin = (code, encryptedData, iv) => {
-		const params = {
-			grantType: "mini_app",
-			account: code,
-		}
-
-
-		let others = {
-			encryptedData: encryptedData,
-			iv: iv,
-			code: code
-		}
-		params.others = JSON.stringify(others)
-		dohttp.post(urls.loginUrl, params).then((result) => {
-			userInfo.value.token = result.accessToken
-			uni.setStorageSync('token', result.accessToken)
+		dohttp.post(urls.loginUrl, { code, encryptedData, iv }).then((result) => {
+			const token = result.token || result.accessToken
+			userInfo.value.token = token
+			uni.setStorageSync('token', token)
+			uni.removeStorageSync('yxg_token')
+			if (result.user) {
+				uni.setStorageSync('userinfo', {
+					id: result.user.id,
+					avatarUrl: result.user.avatar_url,
+					nickName: result.user.nickname
+				})
+			}
 			loginPop.value.close()
-
 			getUserInfo()
+		}).catch((e) => {
+			uni.showToast({
+				title: (e && e.errMsg ? String(e.errMsg).replace('【request】', '') : '登录失败'),
+				icon: 'none'
+			})
 		})
 	}
 	const getUserInfo = () => {
@@ -182,23 +198,11 @@
 				avatarUrl: result.avatarUrl,
 				nickName: result.nickName
 			}
-			
 			uni.setStorageSync('userinfo', userinfo)
-			if (type.value == 1) {
-				uni.reLaunch({
-					url: "/pages/index/index"
-				})
-			} else if (type.value == 3) {
-				uni.reLaunch({
-					url: path.value
-				})
-			} else {
-				uni.navigateBack({
-					delta: 1
-				})
-			}
+			afterLogin()
+		}).catch(() => {
+			afterLogin()
 		})
-
 	}
 
 	
diff --git a/pages/webview-page/webview-page.vue b/pages/webview-page/webview-page.vue
deleted file mode 100644
index 879bea1..0000000
--- a/pages/webview-page/webview-page.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-	<web-view :src="url"></web-view>
-</template>
-
-<script setup>
-const url = ref('')
-
-onLoad((options) => {
-	if (options.url) {
-		url.value = decodeURIComponent(options.url)
-	}
-})
-</script>
diff --git a/pages/yxg-magic/index.vue b/pages/yxg-magic/index.vue
index eefd2d9..0f5fac1 100644
--- a/pages/yxg-magic/index.vue
+++ b/pages/yxg-magic/index.vue
@@ -1,140 +1,416 @@
 <template>
-	<!-- 顶栏在 web-view 外层（页面级），H5 只在下方 web-view 里 -->
-	<view class="yxg-page">
-		<view class="yxg-nav-bar" :style="navBarStyle">
-			<view class="yxg-nav-row" :style="navRowStyle">
-				<image
-					class="yxg-nav-logo"
-					:src="YXG_MP_LOGO_URL"
-					mode="aspectFit"
-					:style="logoStyle"
-				/>
+	<view class="yxg-home">
+		<yxg-nav :logo="true" :show-back="false" />
+		<view class="atm a1" />
+		<view class="atm a2" />
+		<view class="atm a3" />
+
+		<view class="archive">
+			<view class="av-self" @click="yxgGo('/profile')">
+				<view class="av">
+					<image class="av-img" :src="avatarSrc" mode="aspectFill" />
+				</view>
+				<text class="av-name">{{ selfLabel }}</text>
+			</view>
+			<view class="av-add" @click="yxgGo('/profile', { add: '1' })">
+				<text class="plus-dot">+</text>
+				<text class="av-name">添加</text>
+			</view>
+			<view class="archive-tail" @click="yxgGo('/mine')">
+				<text class="chev">我的 ›</text>
+			</view>
+		</view>
+
+		<view class="self-card">
+			<view class="self-head">
+				<view class="who-btn" @click="yxgGo('/profile')">
+					<text class="who-name">{{ profileLabel }}</text>
+					<text class="caret">▾</text>
+				</view>
+				<text class="who-day">{{ dayLabel }}</text>
+				<text class="more" @click="yxgGo('/profile')">更多 ›</text>
+			</view>
+			<view v-if="tipsLoading" class="tips-loading">
+				<text>正在根据生日与此刻节律整理…</text>
+			</view>
+			<view v-else class="self-body">
+				<view class="duo">
+					<view class="wear-panel">
+						<text class="wear-title">穿衣指数</text>
+						<view class="wear-ring">
+							<text class="ring-num">{{ tips.clothingIndex }}</text>
+						</view>
+						<text class="wear-text">{{ tips.clothing }}</text>
+					</view>
+					<view class="block color-block">
+						<text class="block-title">颜色搭配</text>
+						<view class="swatches">
+							<view v-for="c in tips.palette" :key="c.name" class="swatch">
+								<view class="chip" :style="{ background: c.hex }" />
+								<text class="chip-name">{{ c.name }}</text>
+							</view>
+						</view>
+						<text class="block-note">{{ tips.colorNote }}</text>
+					</view>
+				</view>
+				<view class="block wellness-block">
+					<text class="block-title">养生推荐</text>
+					<text class="wellness">{{ tips.wellness }}</text>
+				</view>
+				<text v-if="tips.needBirth" class="birth-hint">完善生日档案后，会按你的生日与此刻节律个性化</text>
+			</view>
+		</view>
+
+		<view class="sheet">
+			<view class="tool-grid">
+				<view
+					v-for="t in tools"
+					:key="t.to + t.label"
+					class="tool-item"
+					@click="yxgGo(t.to)"
+				>
+					<yxg-tool-icon :name="t.icon" :size="44" />
+					<text class="label">{{ t.label }}</text>
+					<text v-if="t.badge" class="badge" :class="'b-' + (t.badgeTone || 'hot')">{{ t.badge }}</text>
+				</view>
+			</view>
+
+			<view class="promo-pair">
+				<view class="promo p-plaza" @click="yxgGo('/explore')">
+					<text class="p-title">探索广场</text>
+					<text class="p-sub">测评 · 工具 · 自我理解</text>
+					<text class="p-chip">热</text>
+				</view>
+				<view class="promo p-vip" @click="yxgGo('/membership')">
+					<text class="p-title">成长会员</text>
+					<text class="p-sub">深度报告与全年陪伴</text>
+					<text class="p-chip soft">新</text>
+				</view>
+			</view>
+			<text class="ai-note">部分内容由 AI 生成，仅供参考</text>
+
+			<view v-if="feedsVisible" class="feed-sec">
+				<view class="sec-head">
+					<text class="title">今日推荐</text>
+					<text class="more" @click="yxgGo('/explore')">更多 ›</text>
+				</view>
+				<view class="feed-grid">
+					<view
+						v-for="f in feeds"
+						:key="f.to + f.title"
+						class="feed-card"
+						:class="f.tone"
+						@click="yxgGo(f.to)"
+					>
+						<text v-if="f.tag" class="feed-tag">{{ f.tag }}</text>
+						<view class="feed-cover">
+							<yxg-tool-icon :name="f.icon" :size="40" />
+						</view>
+						<view class="feed-body">
+							<text class="name">{{ f.title }}</text>
+							<text class="meta">{{ f.meta }}</text>
+							<view class="stat-row">
+								<text class="stat">{{ f.stat }}</text>
+								<text class="go">→</text>
+							</view>
+						</view>
+					</view>
+				</view>
 			</view>
 		</view>
-		<web-view
-			class="yxg-webview"
-			:style="webviewStyle"
-			:src="h5Url"
-			@load="onWebLoad"
-			@error="onWebError"
-		/>
 	</view>
 </template>
 
 <script setup>
-import { computed } from 'vue'
-import { onShow } from '@dcloudio/uni-app'
-import { YXG_H5_BASE, YXG_H5_VERSION, YXG_MP_LOGO_URL } from '@/util/yxgConfig.js'
+import YxgNav from '@/components/yxg/yxg-nav.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi, assetURL } from '@/util/yxgApi.js'
+import { setAccountNickname } from '@/util/yxgAuth.js'
+import {
+	homeFeeds,
+	homeGridRow1,
+	homeGridRow2,
+	mapHomeBannersToFeeds,
+	mapHomeTools,
+} from '@/util/yxgCatalog.js'
+import { YXG_DEFAULT_AVATAR } from '@/util/yxgConfig.js'
+import { yxgGo } from '@/util/yxgNav.js'
+import { localFallbackTips, tipsFromApi } from '@/util/yxgTips.js'
 
-function clearNavTitle() {
-	// #ifdef MP-WEIXIN
-	uni.setNavigationBarTitle({ title: '\u200b' })
-	// #endif
+const profileLabel = ref('访客')
+const avatarUrl = ref('')
+const tips = ref(localFallbackTips())
+const tipsLoading = ref(true)
+const gridRow1 = ref([...homeGridRow1])
+const gridRow2 = ref([...homeGridRow2])
+const feeds = ref([...homeFeeds])
+const feedsVisible = ref(true)
+
+const tools = computed(() => [...gridRow1.value, ...gridRow2.value])
+const selfLabel = computed(() => {
+	const n = (profileLabel.value || '').trim()
+	if (!n) return '访客'
+	return n.length > 4 ? `${n.slice(0, 4)}…` : n
+})
+const avatarSrc = computed(() => assetURL(avatarUrl.value) || YXG_DEFAULT_AVATAR)
+const dayLabel = computed(() => {
+	if (tipsLoading.value || !tips.value.asOf) return ''
+	return `今日 ${tips.value.asOf.slice(5)}`
+})
+
+function loadHome() {
+	yxgApi
+		.authMe()
+		.then((me) => {
+			if (me.nickname) {
+				profileLabel.value = me.nickname
+				setAccountNickname(me.nickname)
+			}
+			avatarUrl.value = me.avatar_url || ''
+		})
+		.catch(() => {
+			profileLabel.value = '访客'
+			avatarUrl.value = ''
+		})
+	yxgApi
+		.getHomeDailyTips()
+		.then((t) => {
+			tips.value = tipsFromApi(t)
+		})
+		.catch(() => {
+			tips.value = localFallbackTips()
+		})
+		.finally(() => {
+			tipsLoading.value = false
+		})
+	yxgApi
+		.getHomeTools()
+		.then((res) => {
+			const mapped = mapHomeTools(res.items || [])
+			if (mapped.row1.length || mapped.row2.length) {
+				gridRow1.value = mapped.row1
+				gridRow2.value = mapped.row2
+			}
+		})
+		.catch(() => {})
+	yxgApi
+		.getHomeBanners('home')
+		.then((res) => {
+			const mapped = mapHomeBannersToFeeds(res.items || [])
+			if (mapped.length) feeds.value = mapped
+		})
+		.catch(() => {})
+	yxgApi
+		.getHomeFeedSlots('home')
+		.then((res) => {
+			feedsVisible.value = (res.items || []).length > 0
+		})
+		.catch(() => {
+			feedsVisible.value = true
+		})
 }
 
 onShow(() => {
-	clearNavTitle()
+	loadHome()
 })
-
-clearNavTitle()
-
-function readWindow() {
-	// #ifdef MP-WEIXIN
-	if (typeof wx !== 'undefined' && wx.getWindowInfo) {
-		return wx.getWindowInfo()
-	}
-	// #endif
-	return uni.getSystemInfoSync()
-}
-
-const win = readWindow()
-const statusBarH = win.statusBarHeight || 0
-const windowH = win.windowHeight || win.screenHeight || 667
-const screenW = win.windowWidth || win.screenWidth || 375
-let navBarH = 44
-let menuH = 32
-
-// #ifdef MP-WEIXIN
-try {
-	const menu = uni.getMenuButtonBoundingClientRect()
-	if (menu?.height) {
-		navBarH = (menu.top - statusBarH) * 2 + menu.height
-		menuH = menu.height
-	}
-} catch (e) {
-	console.warn('[yxg-magic] menuButton rect failed', e)
-}
-// #endif
-
-const headH = statusBarH + navBarH
-const webviewH = windowH - headH
-const logoH = Math.min(menuH, 30)
-const logoW = Math.min(Math.round((logoH * 598) / 130), Math.floor(screenW * 0.4))
-
-const navBarStyle = `height:${headH}px;padding-top:${statusBarH}px;box-sizing:border-box;`
-const navRowStyle = `height:${navBarH}px;`
-const logoStyle = `width:${logoW}px;height:${logoH}px;`
-const webviewStyle = `top:${headH}px;height:${webviewH}px;`
-
-const h5Url = computed(
-	() =>
-		`${YXG_H5_BASE}?mp=1&nh=1&sbh=4&v=${YXG_H5_VERSION}#wechat_redirect`,
-)
-
-function onWebLoad() {
-	// web-view loaded
-}
-
-function onWebError(e) {
-	console.error('[yxg-magic] web-view error', e?.detail || e)
-	uni.showToast({
-		title: 'H5加载失败，请检查业务域名',
-		icon: 'none',
-		duration: 3000,
-	})
-}
 </script>
 
 <style>
 page {
 	background-color: #ffd1c7;
-	height: 100%;
 }
 </style>
 
 <style scoped>
-.yxg-page {
+.yxg-home {
+	min-height: 100vh;
+	background: linear-gradient(180deg, #ffd1c7 0%, #ffe4d8 28%, #fff4ef 52%, #fff9f7 100%);
+	padding-bottom: 40px;
 	position: relative;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
-	background-color: #ffd1c7;
+	overflow-x: hidden;
 }
+.atm {
+	position: absolute;
+	pointer-events: none;
+	border-radius: 50%;
+	z-index: 0;
+}
+.a1 { width: 160px; height: 160px; top: 88px; right: -40px; background: rgba(255, 255, 255, 0.5); }
+.a2 { width: 100px; height: 100px; top: 148px; left: -28px; background: rgba(255, 200, 180, 0.45); }
+.a3 { width: 70px; height: 70px; top: 220px; right: 40px; background: rgba(255, 230, 210, 0.5); }
 
-.yxg-nav-bar {
+.archive {
+	margin: 12px 16px 0;
 	position: relative;
 	z-index: 2;
-	flex-shrink: 0;
-	width: 100%;
-	box-sizing: border-box;
-	background-color: #ffd1c7;
-}
-
-.yxg-nav-row {
 	display: flex;
 	align-items: center;
-	justify-content: center;
-	width: 100%;
+	gap: 14px;
+	padding: 10px 12px;
+	border-radius: 20px;
+	background: rgba(255, 255, 255, 0.88);
+	box-shadow: 0 6px 20px rgba(229, 77, 66, 0.08);
 }
-
-.yxg-nav-logo {
-	display: block;
+.av-self, .av-add {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 4px;
+	flex-shrink: 0;
 }
+.av {
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	overflow: hidden;
+	background: linear-gradient(145deg, #ffe8e0, #ffd0c4);
+	border: 2px solid rgba(229, 77, 66, 0.35);
+}
+.av-img { width: 40px; height: 40px; }
+.av-name {
+	font-size: 11px;
+	font-weight: 600;
+	color: #8a4a3a;
+	max-width: 3.2em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.plus-dot {
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background: rgba(255, 236, 230, 0.95);
+	border: 1.5px dashed rgba(229, 77, 66, 0.35);
+	color: #e54d42;
+	font-size: 22px;
+	line-height: 38px;
+	text-align: center;
+}
+.archive-tail { margin-left: auto; padding: 8px 4px; }
+.chev { font-size: 13px; color: #c4a090; }
 
-.yxg-webview {
-	position: absolute;
-	left: 0;
-	width: 100%;
-	z-index: 1;
+.self-card {
+	margin: 12px 16px 0;
+	position: relative;
+	z-index: 2;
+	padding: 14px;
+	background: #fff;
+	border-radius: 20px;
+	box-shadow: 0 8px 28px rgba(229, 77, 66, 0.12);
+}
+.self-head {
+	display: flex;
+	align-items: center;
+	margin-bottom: 12px;
+}
+.who-btn { display: flex; align-items: center; gap: 4px; min-width: 0; }
+.who-name { font-size: 16px; font-weight: 700; color: #333; max-width: 7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.caret { font-size: 10px; color: #bbb; }
+.who-day { flex: 1; text-align: center; font-size: 11px; color: #bbb; }
+.more { font-size: 12px; color: #bbb; }
+.tips-loading { padding: 20px 8px; text-align: center; font-size: 12px; color: #bbb; }
+.self-body { display: flex; flex-direction: column; gap: 10px; }
+.duo { display: flex; gap: 10px; }
+.wear-panel, .block {
+	flex: 1;
+	min-width: 0;
+	padding: 12px 10px;
+	border-radius: 16px;
+}
+.wear-panel { background: linear-gradient(160deg, #fff8f4 0%, #ffe8e0 55%, #fff5f0 100%); display: flex; flex-direction: column; align-items: center; gap: 8px; }
+.wear-title, .block-title { font-size: 12px; font-weight: 700; color: #333; align-self: flex-start; }
+.wear-ring {
+	width: 64px; height: 64px; border-radius: 50%;
+	border: 6px solid rgba(229, 77, 66, 0.12);
+	display: flex; align-items: center; justify-content: center;
+}
+.ring-num { font-size: 20px; font-weight: 700; color: #e54d42; }
+.wear-text, .block-note { font-size: 11px; color: #7a6f6a; line-height: 1.45; text-align: center; }
+.color-block { background: linear-gradient(160deg, #f7f9fc 0%, #eef4fa 100%); }
+.wellness-block { background: linear-gradient(160deg, #f5faf6 0%, #eaf5ee 100%); }
+.swatches { display: flex; justify-content: center; gap: 10px; margin: 8px 0; }
+.swatch { display: flex; flex-direction: column; align-items: center; gap: 5px; }
+.chip { width: 36px; height: 36px; border-radius: 11px; }
+.chip-name { font-size: 10px; font-weight: 600; color: #999; }
+.wellness { font-size: 13px; color: #333; font-weight: 500; margin-top: 8px; display: block; }
+.birth-hint { font-size: 11px; color: #bbb; text-align: center; }
+
+.sheet {
+	margin-top: 14px;
+	background: #fff;
+	border-radius: 22px 22px 0 0;
+	padding: 8px 0 28px;
+	box-shadow: 0 -4px 24px rgba(180, 100, 80, 0.06);
+	position: relative;
+	z-index: 3;
+}
+.tool-grid {
+	display: flex;
+	flex-wrap: wrap;
+	padding: 8px 8px 2px;
+}
+.tool-item {
+	width: 25%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 8px;
+	padding: 8px 0 10px;
+	position: relative;
+}
+.label { font-size: 11px; color: #555; }
+.badge {
+	position: absolute; top: 2px; right: 10px;
+	font-size: 9px; color: #fff; padding: 2px 5px; border-radius: 7px;
+}
+.b-hot { background: linear-gradient(135deg, #ff7a6e, #e54d42); }
+.b-new { background: linear-gradient(135deg, #6eb6ff, #4a90e2); }
+
+.promo-pair { display: flex; gap: 10px; padding: 14px 16px 0; }
+.promo {
+	flex: 1; position: relative; border-radius: 16px; padding: 16px 14px; min-height: 96px;
+	display: flex; flex-direction: column; justify-content: center;
+}
+.p-plaza { background: linear-gradient(145deg, #ffe9e2, #ffc8ba); }
+.p-vip { background: linear-gradient(145deg, #fff4e0, #ffd98a); }
+.p-title { font-size: 15px; font-weight: 700; color: #333; }
+.p-sub { font-size: 11px; color: rgba(0,0,0,.42); margin-top: 5px; }
+.p-chip {
+	position: absolute; top: 10px; right: 10px;
+	font-size: 9px; font-weight: 700; color: #fff;
+	background: linear-gradient(135deg, #ff7a6e, #e54d42);
+	padding: 2px 6px; border-radius: 6px;
+}
+.p-chip.soft { background: linear-gradient(135deg, #6eb6ff, #4a90e2); }
+.ai-note { display: block; margin-top: 10px; font-size: 10px; color: #ccc; text-align: center; }
+
+.feed-sec { padding: 18px 16px 0; }
+.sec-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
+.sec-head .title { font-size: 17px; font-weight: 700; color: #333; }
+.feed-grid { display: flex; flex-wrap: wrap; gap: 10px; }
+.feed-card {
+	width: calc(50% - 5px);
+	border-radius: 16px;
+	overflow: hidden;
+	background: #fff;
+	box-shadow: 0 2px 10px rgba(0,0,0,.04);
+	position: relative;
+}
+.feed-cover { height: 86px; display: flex; align-items: center; justify-content: center; }
+.fc-a .feed-cover { background: linear-gradient(155deg, #ffd8d0, #ffb4a8); }
+.fc-b .feed-cover { background: linear-gradient(155deg, #e8dff8, #cbb8f0); }
+.fc-c .feed-cover { background: linear-gradient(155deg, #d8eaff, #b4d2f5); }
+.fc-e .feed-cover { background: linear-gradient(155deg, #ffe9cc, #f5cc8a); }
+.feed-body { padding: 10px 11px 12px; display: flex; flex-direction: column; gap: 4px; }
+.name { font-size: 13px; font-weight: 700; color: #333; }
+.meta { font-size: 11px; color: #999; line-height: 1.4; }
+.stat-row { display: flex; justify-content: space-between; margin-top: 4px; }
+.stat { font-size: 10px; color: #c4c4c4; }
+.go { font-size: 12px; color: #e54d42; }
+.feed-tag {
+	position: absolute; top: 8px; left: 8px; z-index: 1;
+	font-size: 10px; color: #fff; background: #e54d42;
+	padding: 2px 7px; border-radius: 7px;
 }
 </style>
diff --git a/pages/yxg/ask.vue b/pages/yxg/ask.vue
new file mode 100644
index 0000000..a3fe0d2
--- /dev/null
+++ b/pages/yxg/ask.vue
@@ -0,0 +1,155 @@
+<template>
+	<yxg-page title="AI问答">
+		<text v-if="bootLoading" class="hint">加载中…</text>
+		<text v-else-if="bootError" class="err">{{ bootError }}</text>
+		<template v-else>
+			<view class="quota">
+				<text>今日剩余 {{ quota?.left ?? quota?.remaining ?? '—' }} 次</text>
+				<text class="link" @click="yxgGo('/membership')">加购 ›</text>
+			</view>
+			<scroll-view v-if="profiles.length > 1" class="chips" scroll-x>
+				<view
+					v-for="p in profiles"
+					:key="p.id"
+					class="chip"
+					:class="{ on: profileId === p.id }"
+					@click="profileId = p.id"
+				>
+					<text>{{ p.display_name || (p.relation === 'self' ? '我' : 'TA') }}</text>
+				</view>
+			</scroll-view>
+			<view v-if="!messages.length" class="scenes">
+				<view v-for="s in scenes" :key="s.key" class="scene" @click="useScene(s)">
+					<text>{{ s.label }}</text>
+				</view>
+			</view>
+			<view class="msgs">
+				<view v-for="m in messages" :key="m.id" class="msg" :class="m.role">
+					<text>{{ m.content }}</text>
+				</view>
+			</view>
+			<text v-if="sendError" class="err">{{ sendError }}</text>
+			<view class="composer">
+				<input class="inp" v-model="draft" placeholder="结合档案聊聊卡住的事…" confirm-type="send" @confirm="send" />
+				<view class="send" :class="{ off: sending || !draft.trim() }" @click="send"><text>发送</text></view>
+			</view>
+		</template>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, pickableArchiveList } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const scenes = [
+	{ key: 'self', label: '我想更了解自己的性格与互动风格', prompt: '我想更了解自己的性格与互动风格。' },
+	{ key: 'relation', label: '和重要的人相处时该如何沟通？', prompt: '和重要的人相处时，我该如何更好地沟通？' },
+	{ key: 'emotion', label: '最近情绪有点乱，想梳理一下', prompt: '最近情绪有点乱，我想梳理一下。' },
+	{ key: 'career', label: '职业选择上可以注意什么？', prompt: '从我的特点看，职业选择上可以注意什么？' },
+]
+
+const bootLoading = ref(true)
+const bootError = ref('')
+const profiles = ref([])
+const profileId = ref('')
+const threadId = ref('')
+const messages = ref([])
+const draft = ref('')
+const sending = ref(false)
+const sendError = ref('')
+const quota = ref(null)
+
+async function boot() {
+	bootLoading.value = true
+	bootError.value = ''
+	if (!(await ensureAccount('/ask'))) {
+		bootLoading.value = false
+		return
+	}
+	try {
+		const [list, q] = await Promise.all([yxgApi.listProfiles(), yxgApi.getAskQuota()])
+		profiles.value = pickableArchiveList(list.items || [])
+		quota.value = q
+		const self = profiles.value.find((p) => p.relation === 'self')
+		profileId.value = self?.id || profiles.value[0]?.id || ''
+	} catch (e) {
+		bootError.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		bootLoading.value = false
+	}
+}
+
+async function ensureThread() {
+	if (threadId.value) return threadId.value
+	if (!profileId.value) {
+		sendError.value = '请先完善档案'
+		yxgGo('/profile')
+		throw new Error('no profile')
+	}
+	const th = await yxgApi.createAskThread({ profile_id: profileId.value })
+	threadId.value = th.id || th.thread_id
+	return threadId.value
+}
+
+async function send() {
+	const text = draft.value.trim()
+	if (!text || sending.value) return
+	sending.value = true
+	sendError.value = ''
+	try {
+		const id = await ensureThread()
+		const out = await yxgApi.sendAskMessage(id, text)
+		draft.value = ''
+		if (out.user_message) messages.value.push(out.user_message)
+		if (out.assistant_message) messages.value.push(out.assistant_message)
+		if (out.quota) quota.value = out.quota
+	} catch (e) {
+		sendError.value = e instanceof Error ? e.message : '发送失败'
+	} finally {
+		sending.value = false
+	}
+}
+
+function useScene(s) {
+	draft.value = s.prompt
+	send()
+}
+
+onShow(boot)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.quota {
+	margin: 8px 16px; padding: 10px 12px; background: #fff; border-radius: 12px;
+	display: flex; justify-content: space-between; font-size: 13px; color: #666;
+}
+.link { color: #e54d42; }
+.chips { white-space: nowrap; padding: 0 16px 8px; }
+.chip {
+	display: inline-block; margin-right: 8px; padding: 6px 12px; border-radius: 999px;
+	background: #fff; font-size: 13px; color: #666;
+}
+.chip.on { background: #ffe4e4; color: #e54d42; }
+.scenes { padding: 0 16px; }
+.scene {
+	background: #fff; border-radius: 14px; padding: 12px 14px; margin-bottom: 8px; font-size: 14px; color: #333;
+}
+.msgs { padding: 8px 16px 80px; }
+.msg { padding: 10px 12px; border-radius: 14px; margin-bottom: 8px; font-size: 14px; line-height: 1.55; max-width: 88%; }
+.msg.user, .msg.human { margin-left: auto; background: #e54d42; color: #fff; }
+.msg.assistant, .msg.ai { background: #fff; color: #333; }
+.composer {
+	position: fixed; left: 0; right: 0; bottom: 0; padding: 10px 12px 24px;
+	background: #fff9f7; display: flex; gap: 8px; align-items: center;
+}
+.inp { flex: 1; height: 40px; background: #fff; border-radius: 20px; padding: 0 14px; font-size: 14px; }
+.send { padding: 0 14px; height: 40px; border-radius: 20px; background: #e54d42; color: #fff; display: flex; align-items: center; font-size: 14px; }
+.send.off { opacity: 0.45; }
+</style>
diff --git a/pages/yxg/cards.vue b/pages/yxg/cards.vue
new file mode 100644
index 0000000..c97124c
--- /dev/null
+++ b/pages/yxg/cards.vue
@@ -0,0 +1,104 @@
+<template>
+	<yxg-page title="意象卡片">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<template v-else>
+			<view class="quota"><text>今日剩余 {{ quota?.left ?? quota?.remaining ?? '—' }} 次</text></view>
+			<view class="scenes">
+				<view
+					v-for="s in scenes"
+					:key="s.key || s.code || s.id"
+					class="scene"
+					:class="{ on: scene === (s.key || s.code || s.id) }"
+					@click="scene = s.key || s.code || s.id"
+				>
+					<text>{{ s.title || s.name || s.label }}</text>
+				</view>
+			</view>
+			<view class="btn" :class="{ off: drawing }" @click="draw">
+				<text>{{ drawing ? '抽取中…' : '抽取一张卡片' }}</text>
+			</view>
+			<view v-if="drawn" class="card">
+				<image v-if="drawn.image_url" class="img" :src="assetURL(drawn.image_url)" mode="aspectFill" />
+				<text class="h1">{{ drawn.title || drawn.name || '意象卡片' }}</text>
+				<text class="body">{{ drawn.meaning || drawn.interpretation || drawn.text || '' }}</text>
+			</view>
+		</template>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { assetURL, yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, findSelfProfile } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const loading = ref(true)
+const drawing = ref(false)
+const error = ref('')
+const scenes = ref([])
+const scene = ref('')
+const quota = ref(null)
+const drawn = ref(null)
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount('/cards'))) {
+		loading.value = false
+		return
+	}
+	try {
+		const [s, q] = await Promise.all([yxgApi.listImageCardScenes(), yxgApi.getImageCardQuota()])
+		scenes.value = s.items || []
+		quota.value = q
+		scene.value = scenes.value[0]?.key || scenes.value[0]?.code || scenes.value[0]?.id || ''
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function draw() {
+	if (drawing.value) return
+	drawing.value = true
+	error.value = ''
+	try {
+		const self = await findSelfProfile()
+		if (!self) {
+			yxgGo('/profile')
+			return
+		}
+		drawn.value = await yxgApi.drawImageCard({ profile_id: self.id, scene: scene.value })
+		quota.value = await yxgApi.getImageCardQuota().catch(() => quota.value)
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '抽取失败'
+	} finally {
+		drawing.value = false
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.quota { margin: 8px 16px; padding: 10px 12px; background: #fff; border-radius: 12px; font-size: 13px; color: #666; }
+.scenes { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 16px; }
+.scene { padding: 8px 12px; border-radius: 999px; background: #fff; font-size: 13px; color: #666; }
+.scene.on { background: #ffe4e4; color: #e54d42; }
+.btn {
+	margin: 8px 16px; height: 44px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.off { opacity: 0.5; }
+.card { margin: 12px 16px; padding: 16px; background: #fff; border-radius: 18px; }
+.img { width: 100%; height: 200px; border-radius: 12px; margin-bottom: 12px; }
+.h1 { display: block; font-size: 18px; font-weight: 700; color: #333; }
+.body { display: block; margin-top: 8px; font-size: 14px; color: #555; line-height: 1.65; }
+</style>
diff --git a/pages/yxg/companion.vue b/pages/yxg/companion.vue
new file mode 100644
index 0000000..e7027f1
--- /dev/null
+++ b/pages/yxg/companion.vue
@@ -0,0 +1,102 @@
+<template>
+	<yxg-page title="节气陪伴">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<view v-else class="card">
+			<text class="term">{{ today.name || today.solar_term || '今日节气' }}</text>
+			<text class="date">{{ today.date || today.as_of || '' }}</text>
+			<text class="body">{{ today.guidance || today.copy || today.description || '此刻宜慢一点，给身心留一点空间。' }}</text>
+		</view>
+		<view class="card">
+			<text class="h2">今日心情</text>
+			<view class="scores">
+				<view v-for="n in 5" :key="n" class="score" :class="{ on: mood === n }" @click="mood = n">
+					<text>{{ n }}</text>
+				</view>
+			</view>
+			<input class="inp" v-model="note" placeholder="想记一笔也可以（可选）" />
+			<view class="btn" :class="{ off: saving }" @click="save"><text>{{ saving ? '保存中…' : '记录心情' }}</text></view>
+			<text v-if="saved" class="ok">已记下今天的心情</text>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+
+const loading = ref(true)
+const error = ref('')
+const today = ref({})
+const mood = ref(0)
+const note = ref('')
+const saving = ref(false)
+const saved = ref(false)
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount('/companion'))) {
+		loading.value = false
+		return
+	}
+	try {
+		const [t, m] = await Promise.all([
+			yxgApi.getSolarTermsToday(),
+			yxgApi.getMoodToday().catch(() => ({ mood: null })),
+		])
+		today.value = t || {}
+		if (m?.mood) {
+			mood.value = m.mood.score || 0
+			note.value = m.mood.note || ''
+			saved.value = true
+		}
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function save() {
+	if (!mood.value || saving.value) return
+	saving.value = true
+	try {
+		await yxgApi.saveMood({ score: mood.value, note: note.value })
+		saved.value = true
+	} catch (e) {
+		uni.showToast({ title: e.message || '保存失败', icon: 'none' })
+	} finally {
+		saving.value = false
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.term { display: block; font-size: 22px; font-weight: 700; color: #333; }
+.date { display: block; margin-top: 4px; font-size: 12px; color: #bbb; }
+.body { display: block; margin-top: 12px; font-size: 14px; color: #555; line-height: 1.65; }
+.h2 { display: block; font-size: 16px; font-weight: 700; color: #333; margin-bottom: 10px; }
+.scores { display: flex; gap: 8px; margin-bottom: 12px; }
+.score {
+	flex: 1; height: 40px; border-radius: 12px; background: #fdfaf8;
+	display: flex; align-items: center; justify-content: center; color: #666;
+}
+.score.on { background: #ffe4e4; color: #e54d42; font-weight: 700; }
+.inp { width: 100%; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 12px; box-sizing: border-box; }
+.btn {
+	margin-top: 12px; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.off { opacity: 0.5; }
+.ok { display: block; margin-top: 8px; font-size: 12px; color: #2fa866; text-align: center; }
+</style>
diff --git a/pages/yxg/explore-bank.vue b/pages/yxg/explore-bank.vue
new file mode 100644
index 0000000..f27033a
--- /dev/null
+++ b/pages/yxg/explore-bank.vue
@@ -0,0 +1,85 @@
+<template>
+	<yxg-page :title="cat?.title || '题库分类'">
+		<view class="head">
+			<yxg-tool-icon :name="heroIcon" :size="40" />
+			<view>
+				<text class="title">{{ cat?.title || '题库分类' }}</text>
+				<text v-if="cat" class="sub">{{ cat.description }}</text>
+			</view>
+		</view>
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err" @click="load">{{ error }} · 重试</text>
+		<view v-else class="list">
+			<view v-for="it in items" :key="it.slug" class="row" @click="yxgGo(it.path)">
+				<yxg-tool-icon :name="iconName(it.icon || cat?.icon || 'mbti')" :size="28" />
+				<view class="row-body">
+					<text class="row-t">{{ it.title }}</text>
+					<text class="row-d">{{ it.description }} · {{ it.question_count }} 题</text>
+				</view>
+				<text class="chev">›</text>
+			</view>
+		</view>
+		<text class="disc">题库内容仅供自我探索参考，不构成心理或医学诊断。</text>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { resolveIcon } from '@/util/yxgCatalog.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const category = ref('')
+const cat = ref(null)
+const items = ref([])
+const loading = ref(true)
+const error = ref('')
+const heroIcon = computed(() => resolveIcon(cat.value?.icon || 'mbti'))
+
+function iconName(raw) {
+	return resolveIcon(raw)
+}
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount(`/explore/bank/${category.value}`))) {
+		loading.value = false
+		return
+	}
+	try {
+		const res = await yxgApi.getScaleBankCategory(category.value)
+		cat.value = res.category
+		items.value = res.items || []
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onLoad((q) => {
+	category.value = q.category || ''
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.head { display: flex; align-items: center; gap: 12px; padding: 8px 16px; }
+.title { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.sub { display: block; font-size: 12px; color: #999; margin-top: 2px; }
+.list { margin: 8px 16px; background: #fff; border-radius: 16px; }
+.row { display: flex; align-items: center; gap: 12px; padding: 14px; border-bottom: 1px solid #f5f5f5; }
+.row:last-child { border-bottom: none; }
+.row-body { flex: 1; min-width: 0; }
+.row-t { display: block; font-size: 15px; font-weight: 650; color: #222; }
+.row-d { display: block; font-size: 12px; color: #999; margin-top: 2px; }
+.chev { color: #ccc; }
+.hint, .err, .disc { display: block; padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+</style>
diff --git a/pages/yxg/explore-category.vue b/pages/yxg/explore-category.vue
new file mode 100644
index 0000000..1325640
--- /dev/null
+++ b/pages/yxg/explore-category.vue
@@ -0,0 +1,77 @@
+<template>
+	<yxg-page :title="cat?.title || '分类'">
+		<view class="head">
+			<yxg-tool-icon :name="heroIcon" :size="40" />
+			<view>
+				<text class="title">{{ cat?.title || '分类' }}</text>
+				<text v-if="cat" class="sub">{{ cat.description }}</text>
+			</view>
+		</view>
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<view v-else-if="cat" class="list">
+			<view v-for="it in cat.items" :key="it.key" class="row" @click="yxgGo(it.path)">
+				<yxg-tool-icon :name="toolIconFor(it.path || it.key)" :size="36" />
+				<view class="row-body">
+					<text class="row-t">{{ it.title }}</text>
+					<text class="row-d">{{ it.description }}</text>
+				</view>
+				<text class="chev">›</text>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { toolIconFor } from '@/util/yxgCatalog.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const category = ref('')
+const cat = ref(null)
+const loading = ref(true)
+const error = ref('')
+const heroIcon = computed(() => toolIconFor(cat.value?.key || category.value || 'explore'))
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount(`/explore/${category.value}`))) {
+		loading.value = false
+		return
+	}
+	try {
+		cat.value = await yxgApi.getExploreCategory(category.value)
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onLoad((q) => {
+	category.value = q.category || ''
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.head { display: flex; align-items: center; gap: 12px; padding: 8px 16px; }
+.title { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.sub { display: block; font-size: 12px; color: #999; margin-top: 2px; }
+.list { margin: 8px 16px; background: #fff; border-radius: 16px; }
+.row { display: flex; align-items: center; gap: 12px; padding: 14px; border-bottom: 1px solid #f5f5f5; }
+.row:last-child { border-bottom: none; }
+.row-body { flex: 1; min-width: 0; }
+.row-t { display: block; font-size: 15px; font-weight: 650; color: #222; }
+.row-d { display: block; font-size: 12px; color: #999; margin-top: 2px; }
+.chev { color: #ccc; }
+.hint, .err { display: block; padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+</style>
diff --git a/pages/yxg/explore.vue b/pages/yxg/explore.vue
new file mode 100644
index 0000000..b8e3244
--- /dev/null
+++ b/pages/yxg/explore.vue
@@ -0,0 +1,120 @@
+<template>
+	<yxg-page title="探索">
+		<view class="head">
+			<yxg-tool-icon name="mbti" :size="40" />
+			<view>
+				<text class="title">探索</text>
+				<text class="sub">题库测评 · 工具 · 自我理解</text>
+			</view>
+		</view>
+
+		<view class="sec">
+			<text class="sec-t">题库精选</text>
+			<text v-if="bankLoading" class="hint">加载中…</text>
+			<text v-else-if="bankError" class="err" @click="loadBank">{{ bankError }} · 重试</text>
+			<view v-else class="grid">
+				<view v-for="t in featured" :key="t.slug" class="g-item" @click="yxgGo(t.path)">
+					<yxg-tool-icon :name="iconName(t.icon)" :size="40" />
+					<text class="g-label">{{ t.title }}</text>
+				</view>
+			</view>
+		</view>
+
+		<view class="sec">
+			<text class="sec-t">题库分类</text>
+			<view class="list">
+				<view v-for="c in categories" :key="c.key" class="row" @click="yxgGo(c.path)">
+					<yxg-tool-icon :name="iconName(c.icon)" :size="28" />
+					<view class="row-body">
+						<text class="row-t">{{ c.title }}</text>
+						<text class="row-d">{{ c.description }} · {{ c.count }} 套</text>
+					</view>
+					<text class="chev">›</text>
+				</view>
+			</view>
+		</view>
+
+		<view class="sec">
+			<text class="sec-t">其它工具</text>
+			<view class="grid">
+				<view v-for="t in tools" :key="t.to" class="g-item" @click="yxgGo(t.to)">
+					<yxg-tool-icon :name="t.icon" :size="40" />
+					<text class="g-label">{{ t.label }}</text>
+				</view>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { resolveIcon } from '@/util/yxgCatalog.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const tools = [
+	{ to: '/star', label: '星座', icon: 'star' },
+	{ to: '/portrait', label: '愈心解码', icon: 'portrait' },
+	{ to: '/rhythm', label: '身心节律', icon: 'rhythm' },
+	{ to: '/synastry', label: '合盘', icon: 'synastry' },
+	{ to: '/ask', label: 'AI问答', icon: 'ask' },
+	{ to: '/cards', label: '意象卡片', icon: 'cards' },
+	{ to: '/relation', label: '人格匹配', icon: 'relation' },
+	{ to: '/companion', label: '节气陪伴', icon: 'companion' },
+]
+const featured = ref([])
+const categories = ref([])
+const bankLoading = ref(true)
+const bankError = ref('')
+
+function iconName(raw) {
+	return resolveIcon(raw)
+}
+
+async function loadBank() {
+	bankLoading.value = true
+	bankError.value = ''
+	try {
+		const res = await yxgApi.getScaleBankCatalog()
+		featured.value = res.featured || []
+		categories.value = res.categories || []
+	} catch (e) {
+		bankError.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		bankLoading.value = false
+	}
+}
+
+onShow(async () => {
+	if (!(await ensureAccount('/explore'))) {
+		bankLoading.value = false
+		return
+	}
+	await loadBank()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.head { display: flex; align-items: center; gap: 12px; padding: 8px 16px 4px; }
+.title { display: block; font-size: 22px; font-weight: 700; color: #333; }
+.sub { display: block; margin-top: 2px; font-size: 12px; color: rgba(0,0,0,.38); }
+.sec { padding: 0 16px; margin-top: 18px; }
+.sec-t { display: block; font-size: 17px; font-weight: 700; color: #333; margin-bottom: 12px; }
+.grid { display: flex; flex-wrap: wrap; }
+.g-item { width: 25%; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 0; }
+.g-label { font-size: 11px; color: #555; text-align: center; }
+.list { background: #fafafa; border-radius: 16px; }
+.row { display: flex; align-items: center; gap: 12px; padding: 14px 10px; border-bottom: 1px solid #f0ebe8; }
+.row:last-child { border-bottom: none; }
+.row-body { flex: 1; min-width: 0; }
+.row-t { display: block; font-size: 15px; font-weight: 650; color: #222; }
+.row-d { display: block; font-size: 12px; color: #999; margin-top: 2px; }
+.chev { color: #ccc; }
+.hint, .err { font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+</style>
diff --git a/pages/yxg/growth-plan.vue b/pages/yxg/growth-plan.vue
new file mode 100644
index 0000000..a02f917
--- /dev/null
+++ b/pages/yxg/growth-plan.vue
@@ -0,0 +1,110 @@
+<template>
+	<yxg-page title="成长计划">
+		<view class="card">
+			<text class="lbl">新计划标题</text>
+			<input class="inp" v-model="title" maxlength="40" placeholder="例如：每晚 11 点前放下手机" />
+			<text class="lbl">焦点（可选）</text>
+			<input class="inp" v-model="focus" maxlength="40" placeholder="例如：保护睡眠与情绪" />
+			<view class="btn" :class="{ off: saving || !title.trim() }" @click="create"><text>创建计划</text></view>
+			<text v-if="err" class="err">{{ err }}</text>
+		</view>
+		<text v-if="loading" class="hint">加载中…</text>
+		<view v-for="p in plans" :key="p.id" class="card">
+			<text class="h1">{{ p.title }}</text>
+			<text v-if="p.focus" class="meta">{{ p.focus }}</text>
+			<view class="btn ghost" @click="checkin(p.id)">
+				<text>{{ checking === p.id ? '记录中…' : '今日打卡' }}</text>
+			</view>
+			<view v-for="c in (checkins[p.id] || [])" :key="c.id" class="ck">
+				<text>{{ c.day }}{{ c.note ? ' · ' + c.note : '' }}</text>
+			</view>
+		</view>
+		<text v-if="!loading && !plans.length" class="hint">还没有计划，先创建一个小目标吧。</text>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+
+const plans = ref([])
+const checkins = ref({})
+const title = ref('')
+const focus = ref('')
+const loading = ref(true)
+const saving = ref(false)
+const checking = ref('')
+const err = ref('')
+
+async function load() {
+	loading.value = true
+	if (!(await ensureAccount('/growth-plan'))) {
+		loading.value = false
+		return
+	}
+	try {
+		const res = await yxgApi.listGrowthPlans()
+		plans.value = res.items || []
+		const next = {}
+		for (const p of plans.value) {
+			const ck = await yxgApi.listGrowthCheckins(p.id)
+			next[p.id] = ck.items || []
+		}
+		checkins.value = next
+	} catch (e) {
+		err.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function create() {
+	if (saving.value || !title.value.trim()) return
+	saving.value = true
+	err.value = ''
+	try {
+		await yxgApi.createGrowthPlan({ title: title.value.trim(), focus: focus.value.trim() || undefined })
+		title.value = ''
+		focus.value = ''
+		await load()
+	} catch (e) {
+		err.value = e instanceof Error ? e.message : '创建失败'
+	} finally {
+		saving.value = false
+	}
+}
+
+async function checkin(id) {
+	if (checking.value) return
+	checking.value = id
+	try {
+		await yxgApi.createGrowthCheckin(id, {})
+		await load()
+	} catch (e) {
+		uni.showToast({ title: e.message || '打卡失败', icon: 'none' })
+	} finally {
+		checking.value = ''
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.card { margin: 12px 16px; padding: 16px; background: #fff; border-radius: 16px; }
+.lbl { display: block; font-size: 12px; color: #999; margin: 8px 0 6px; }
+.inp { width: 100%; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 12px; box-sizing: border-box; }
+.h1 { display: block; font-size: 16px; font-weight: 700; color: #333; }
+.meta, .hint, .err, .ck { display: block; margin-top: 6px; font-size: 13px; color: #666; }
+.err { color: #e54d42; }
+.btn {
+	margin-top: 12px; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+.btn.off { opacity: 0.45; }
+</style>
diff --git a/pages/yxg/membership.vue b/pages/yxg/membership.vue
new file mode 100644
index 0000000..9403f78
--- /dev/null
+++ b/pages/yxg/membership.vue
@@ -0,0 +1,106 @@
+<template>
+	<yxg-page title="成长会员">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err" @click="load">{{ error }} · 重试</text>
+		<template v-else>
+			<view v-if="me?.active" class="card on">
+				<text class="h1">会员有效 · {{ planLabel }}</text>
+				<text v-if="me.expires_at" class="meta">到期：{{ formatDate(me.expires_at) }}</text>
+				<text class="meta">问答额度剩余：{{ me.ask_quota_left ?? 0 }}</text>
+			</view>
+			<view v-else class="card">
+				<text class="lead">开通后可查看画像与关系理解的完整分析，并获得更多 AI 问答次数。</text>
+			</view>
+			<text class="sec">成长会员</text>
+			<view v-for="p in plans" :key="p.key" class="plan" :class="{ featured: p.featured }" @click="subscribe(p.key)">
+				<text v-if="p.tag" class="tag">{{ p.tag }}</text>
+				<text class="pl">{{ p.label }}</text>
+				<text class="pp">{{ p.price }}</text>
+				<text class="pd">{{ p.desc }}</text>
+			</view>
+			<text class="note">当前为模拟支付，便于本地验收。</text>
+		</template>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { formatDate } from '@/util/yxgCatalog.js'
+
+const plans = [
+	{ key: 'month', label: '月卡', price: '模拟开通', desc: '按月灵活体验', featured: false, tag: '' },
+	{ key: 'quarter', label: '季卡', price: '模拟开通', desc: '三个月持续成长', featured: true, tag: '推荐' },
+	{ key: 'year', label: '年卡', price: '模拟开通', desc: '全年陪伴与报告', featured: false, tag: '' },
+]
+const loading = ref(true)
+const paying = ref(false)
+const error = ref('')
+const me = ref(null)
+const planLabel = computed(() => {
+	const p = me.value?.plan
+	if (p === 'quarter') return '季卡'
+	if (p === 'year') return '年卡'
+	if (p === 'month') return '月卡'
+	return p || '成长会员'
+})
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount('/membership'))) {
+		loading.value = false
+		return
+	}
+	try {
+		me.value = await yxgApi.getMembership()
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function subscribe(plan) {
+	if (paying.value) return
+	paying.value = true
+	error.value = ''
+	try {
+		const { order_id } = await yxgApi.createOrder({ kind: 'membership', plan })
+		await yxgApi.payMock(order_id)
+		me.value = await yxgApi.getMembership()
+		uni.showToast({ title: '开通成功', icon: 'none' })
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '支付失败'
+	} finally {
+		paying.value = false
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err, .note { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 16px; background: #fff; border-radius: 16px; }
+.card.on { background: linear-gradient(145deg, #fff4e0, #ffd98a); }
+.h1 { display: block; font-size: 17px; font-weight: 700; color: #8a5a18; }
+.meta, .lead { display: block; margin-top: 6px; font-size: 13px; color: #666; }
+.sec { display: block; margin: 16px 16px 8px; font-size: 16px; font-weight: 700; color: #333; }
+.plan {
+	margin: 0 16px 10px; padding: 14px; background: #fff; border-radius: 16px; position: relative;
+}
+.plan.featured { box-shadow: 0 4px 14px rgba(200, 146, 58, 0.15); }
+.tag {
+	position: absolute; top: 10px; right: 10px; font-size: 10px; color: #fff;
+	background: #e54d42; padding: 2px 6px; border-radius: 6px;
+}
+.pl { display: block; font-size: 16px; font-weight: 700; color: #333; }
+.pp { display: block; margin-top: 4px; font-size: 13px; color: #e54d42; }
+.pd { display: block; margin-top: 2px; font-size: 12px; color: #999; }
+</style>
diff --git a/pages/yxg/mine.vue b/pages/yxg/mine.vue
new file mode 100644
index 0000000..7b7f94b
--- /dev/null
+++ b/pages/yxg/mine.vue
@@ -0,0 +1,160 @@
+<template>
+	<yxg-page title="我的魔方">
+		<view class="hero">
+			<view class="av" @click="pickAvatar">
+				<image class="av-img" :src="avatarSrc" mode="aspectFill" />
+			</view>
+			<text class="name">{{ accountLabel }}</text>
+			<text class="meta">{{ loggedIn ? `${profileCount} 份档案` : '登录后同步你的探索' }}</text>
+			<view v-if="loggedIn" class="logout" @click="logout"><text>退出登录</text></view>
+			<view v-else class="login" @click="openWechatLogin"><text>登录</text></view>
+		</view>
+
+		<view v-if="loading" class="hint"><text>加载中…</text></view>
+		<view v-else-if="error" class="err" @click="load"><text>{{ error }} · 点此重试</text></view>
+		<template v-else>
+			<view v-if="membership && membership.active" class="vip">
+				<text class="vip-t">成长会员 · {{ planLabel }}</text>
+			</view>
+			<view class="sec">
+				<text class="sec-t">档案与内容</text>
+				<view class="list">
+					<view v-for="it in archive" :key="it.to" class="row" @click="yxgGo(it.to)">
+						<yxg-tool-icon :name="it.icon" :size="28" />
+						<text class="row-t">{{ it.label }}</text>
+						<text class="chev">›</text>
+					</view>
+				</view>
+			</view>
+			<view class="sec">
+				<text class="sec-t">成长与会员</text>
+				<view class="list">
+					<view v-for="it in growth" :key="it.to" class="row" @click="yxgGo(it.to)">
+						<yxg-tool-icon :name="it.icon" :size="28" />
+						<text class="row-t">{{ it.label }}</text>
+						<text class="chev">›</text>
+					</view>
+				</view>
+			</view>
+		</template>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi, assetURL, setYxgToken } from '@/util/yxgApi.js'
+import { mineGroupArchive, mineGroupGrowth } from '@/util/yxgCatalog.js'
+import { YXG_DEFAULT_AVATAR } from '@/util/yxgConfig.js'
+import { openWechatLogin } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const loading = ref(true)
+const error = ref('')
+const me = ref(null)
+const membership = ref(null)
+const profileCount = ref(0)
+const archive = mineGroupArchive
+const growth = mineGroupGrowth
+
+const loggedIn = computed(() => !!me.value)
+const accountLabel = computed(() => me.value?.nickname || me.value?.phone || '未登录')
+const avatarSrc = computed(() => assetURL(me.value?.avatar_url) || YXG_DEFAULT_AVATAR)
+const planLabel = computed(() => {
+	const p = membership.value?.plan
+	if (p === 'quarter') return '季卡'
+	if (p === 'year') return '年卡'
+	if (p === 'month') return '月卡'
+	return '会员中'
+})
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	try {
+		me.value = await yxgApi.authMe()
+	} catch {
+		me.value = null
+		membership.value = null
+		profileCount.value = 0
+		loading.value = false
+		return
+	}
+	try {
+		const [m, profiles] = await Promise.all([yxgApi.getMembership(), yxgApi.listProfiles()])
+		membership.value = m
+		profileCount.value = (profiles.items || []).length
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function logout() {
+	try { await yxgApi.authLogout() } catch { /* ignore */ }
+	setYxgToken('')
+	uni.removeStorageSync('userinfo')
+	me.value = null
+	membership.value = null
+	profileCount.value = 0
+}
+
+function pickAvatar() {
+	if (!loggedIn.value) {
+		openWechatLogin()
+		return
+	}
+	uni.chooseImage({
+		count: 1,
+		sizeType: ['compressed'],
+		success: async (res) => {
+			const path = res.tempFilePaths[0]
+			try {
+				me.value = await yxgApi.authUploadAvatar(path)
+			} catch (e) {
+				uni.showToast({ title: e.message || '上传失败', icon: 'none' })
+			}
+		},
+	})
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hero {
+	margin: 8px 16px 0; padding: 20px 16px; background: #fff; border-radius: 20px;
+	display: flex; flex-direction: column; align-items: center; gap: 6px;
+	box-shadow: 0 8px 28px rgba(229, 77, 66, 0.1);
+}
+.av { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; background: #ffe8e0; }
+.av-img { width: 72px; height: 72px; }
+.name { font-size: 18px; font-weight: 700; color: #333; }
+.meta { font-size: 12px; color: #999; }
+.logout, .login {
+	margin-top: 8px; padding: 6px 16px; border-radius: 999px; font-size: 13px;
+}
+.logout { color: #999; background: #f7f2ef; }
+.login { color: #fff; background: #e54d42; }
+.hint, .err { padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.vip {
+	margin: 14px 16px 0; padding: 12px 14px; border-radius: 14px;
+	background: linear-gradient(145deg, #fff4e0, #ffd98a);
+}
+.vip-t { font-size: 14px; font-weight: 700; color: #8a5a18; }
+.sec { margin: 18px 16px 0; }
+.sec-t { display: block; font-size: 15px; font-weight: 700; color: #333; margin-bottom: 10px; }
+.list { background: #fff; border-radius: 16px; overflow: hidden; }
+.row {
+	display: flex; align-items: center; gap: 12px;
+	padding: 12px 14px; border-bottom: 1px solid #f5f5f5;
+}
+.row:last-child { border-bottom: none; }
+.row-t { flex: 1; font-size: 15px; color: #333; }
+.chev { color: #ccc; font-size: 16px; }
+</style>
diff --git a/pages/yxg/portrait.vue b/pages/yxg/portrait.vue
new file mode 100644
index 0000000..013d136
--- /dev/null
+++ b/pages/yxg/portrait.vue
@@ -0,0 +1,128 @@
+<template>
+	<yxg-page title="愈心解码">
+		<text v-if="loading" class="hint">生成中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<view v-else-if="needBirth" class="card">
+			<text class="h1">一个生日，读懂性格与身心节奏</text>
+			<text class="desc">填写公历生日，生成你的愈心解码。</text>
+			<view class="date-row">
+				<input class="inp" type="number" v-model="year" placeholder="年" />
+				<input class="inp" type="number" v-model="month" placeholder="月" />
+				<input class="inp" type="number" v-model="day" placeholder="日" />
+			</view>
+			<text v-if="formError" class="err">{{ formError }}</text>
+			<view class="btn" @click="start"><text>开始解码</text></view>
+		</view>
+		<view v-else-if="report" class="card">
+			<text class="h1">{{ headline }}</text>
+			<text class="lead">{{ oneLiner }}</text>
+			<view class="tags">
+				<text v-for="k in keywords" :key="k" class="tag">{{ k }}</text>
+			</view>
+			<text v-if="bodyText" class="body">{{ bodyText }}</text>
+			<view class="navs">
+				<view class="btn ghost" @click="needBirth = true"><text>重新生成</text></view>
+				<view class="btn" @click="yxgGo(`/reports/${report.id}`)"><text>完整报告</text></view>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, ensureSelfProfile, loadSelfLatest } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const loading = ref(false)
+const needBirth = ref(true)
+const error = ref('')
+const formError = ref('')
+const report = ref(null)
+const year = ref('')
+const month = ref('')
+const day = ref('')
+
+const summary = computed(() => report.value?.summary || {})
+const headline = computed(() => String(summary.value.headline || '愈心解码'))
+const oneLiner = computed(() => String(summary.value.one_liner || ''))
+const keywords = computed(() => (Array.isArray(summary.value.keywords) ? summary.value.keywords : []))
+const bodyText = computed(() => String(report.value?.detail?.narrative || report.value?.detail?.body_text || summary.value.overview || ''))
+
+async function generate(y, m, d) {
+	loading.value = true
+	error.value = ''
+	needBirth.value = false
+	try {
+		const birth = `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`
+		const profile = await ensureSelfProfile({ birth_date: birth, display_name: '我' })
+		report.value = await yxgApi.createPortrait(profile.id)
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '生成失败'
+		needBirth.value = true
+	} finally {
+		loading.value = false
+	}
+}
+
+function start() {
+	const y = Number(year.value), m = Number(month.value), d = Number(day.value)
+	if (!y || !m || !d) {
+		formError.value = '请填写完整生日'
+		return
+	}
+	generate(y, m, d)
+}
+
+async function load() {
+	if (!(await ensureAccount('/portrait'))) return
+	loading.value = true
+	try {
+		const latest = await loadSelfLatest('portrait')
+		if (latest.report) {
+			report.value = latest.report
+			needBirth.value = false
+		} else {
+			needBirth.value = true
+			if (latest.profile?.birth_date) {
+				const [y, m, d] = String(latest.profile.birth_date).split('-')
+				year.value = y
+				month.value = m
+				day.value = d
+			}
+		}
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onLoad((q) => {
+	if (q.y) year.value = q.y
+	if (q.m) month.value = q.m
+	if (q.d) day.value = q.d
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .lead, .body { display: block; margin-top: 10px; font-size: 14px; color: #555; line-height: 1.65; }
+.date-row { display: flex; gap: 8px; margin: 14px 0; }
+.inp { flex: 1; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 10px; text-align: center; }
+.tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+.tag { padding: 3px 8px; border-radius: 8px; background: #ffe4e4; color: #e54d42; font-size: 11px; }
+.navs { display: flex; gap: 10px; margin-top: 16px; }
+.btn {
+	flex: 1; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+</style>
diff --git a/pages/yxg/profile.vue b/pages/yxg/profile.vue
new file mode 100644
index 0000000..7346c4e
--- /dev/null
+++ b/pages/yxg/profile.vue
@@ -0,0 +1,238 @@
+<template>
+	<yxg-page title="个人档案">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err" @click="load">{{ error }} · 重试</text>
+		<template v-else>
+			<view class="card">
+				<text class="card-t">自己</text>
+				<view v-if="selfProfile" class="who">
+					<text class="who-n">{{ selfProfile.display_name || '我' }}</text>
+					<text class="who-m">生日 {{ selfProfile.birth_date || '未填写' }}</text>
+					<text class="who-m">{{ selfProfile.birth_place || '出生地未填' }}</text>
+					<view class="btn ghost" @click="startEdit(selfProfile)"><text>编辑</text></view>
+				</view>
+				<view v-else class="empty">
+					<text>还没有自己的档案，先补一个生日吧</text>
+				</view>
+			</view>
+
+			<view class="card">
+				<view class="row-head">
+					<text class="card-t">重要的人</text>
+					<text class="add" @click="showAdd = !showAdd">{{ showAdd ? '取消' : '+ 添加' }}</text>
+				</view>
+				<view v-if="showAdd" class="form">
+					<input class="inp" v-model="newName" placeholder="称呼，如伴侣 / 朋友" />
+					<view class="date-row">
+						<input class="inp sm" type="number" v-model="newY" placeholder="年" />
+						<input class="inp sm" type="number" v-model="newM" placeholder="月" />
+						<input class="inp sm" type="number" v-model="newD" placeholder="日" />
+					</view>
+					<input class="inp" v-model="newPlace" placeholder="出生地（可选）" />
+					<text v-if="addError" class="err">{{ addError }}</text>
+					<view class="btn" @click="addOther"><text>{{ adding ? '保存中…' : '保存' }}</text></view>
+				</view>
+				<view v-for="p in others" :key="p.id" class="who">
+					<text class="who-n">{{ p.display_name || 'TA' }}</text>
+					<text class="who-m">{{ p.birth_date }} · {{ p.birth_place || '出生地未填' }}</text>
+					<view class="acts">
+						<text class="link" @click="startEdit(p)">编辑</text>
+						<text class="link danger" @click="remove(p)">删除</text>
+					</view>
+				</view>
+			</view>
+
+			<view v-if="editing" class="card">
+				<text class="card-t">编辑档案</text>
+				<input class="inp" v-model="formName" placeholder="称呼" />
+				<view class="date-row">
+					<input class="inp sm" type="number" v-model="formY" placeholder="年" />
+					<input class="inp sm" type="number" v-model="formM" placeholder="月" />
+					<input class="inp sm" type="number" v-model="formD" placeholder="日" />
+				</view>
+				<input class="inp" v-model="formPlace" placeholder="出生地" />
+				<text v-if="formError" class="err">{{ formError }}</text>
+				<view class="acts">
+					<view class="btn" @click="saveEdit"><text>{{ saving ? '保存中…' : '保存' }}</text></view>
+					<view class="btn ghost" @click="editing = null"><text>取消</text></view>
+				</view>
+			</view>
+		</template>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, ensureOtherProfile, ensureSelfProfile } from '@/util/yxgAuth.js'
+
+const loading = ref(true)
+const error = ref('')
+const items = ref([])
+const showAdd = ref(false)
+const newName = ref('')
+const newY = ref('')
+const newM = ref('')
+const newD = ref('')
+const newPlace = ref('')
+const addError = ref('')
+const adding = ref(false)
+const editing = ref(null)
+const formName = ref('')
+const formY = ref('')
+const formM = ref('')
+const formD = ref('')
+const formPlace = ref('')
+const formError = ref('')
+const saving = ref(false)
+
+const selfProfile = computed(() => items.value.find((p) => p.relation === 'self'))
+const others = computed(() => items.value.filter((p) => p.relation !== 'self'))
+
+function ymd(y, m, d) {
+	const Y = Number(y), M = Number(m), D = Number(d)
+	if (!Y || !M || !D || M < 1 || M > 12 || D < 1 || D > 31) return ''
+	return `${Y}-${String(M).padStart(2, '0')}-${String(D).padStart(2, '0')}`
+}
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount('/profile'))) {
+		loading.value = false
+		return
+	}
+	try {
+		const res = await yxgApi.listProfiles()
+		items.value = res.items || []
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+function startEdit(p) {
+	editing.value = p
+	formName.value = p.display_name || ''
+	const [y, m, d] = String(p.birth_date || '').split('-')
+	formY.value = y || ''
+	formM.value = m || ''
+	formD.value = d || ''
+	formPlace.value = p.birth_place || ''
+	formError.value = ''
+}
+
+async function saveEdit() {
+	if (!editing.value) return
+	const birth = ymd(formY.value, formM.value, formD.value)
+	if (!birth) {
+		formError.value = '请填写完整生日'
+		return
+	}
+	saving.value = true
+	formError.value = ''
+	try {
+		if (editing.value.relation === 'self') {
+			await ensureSelfProfile({
+				birth_date: birth,
+				display_name: formName.value,
+				birth_place: formPlace.value,
+			})
+		} else {
+			await yxgApi.updateProfile(editing.value.id, {
+				display_name: formName.value.trim() || 'TA',
+				birth_date: birth,
+				birth_place: formPlace.value,
+			})
+		}
+		editing.value = null
+		await load()
+	} catch (e) {
+		formError.value = e instanceof Error ? e.message : '保存失败'
+	} finally {
+		saving.value = false
+	}
+}
+
+async function addOther() {
+	const birth = ymd(newY.value, newM.value, newD.value)
+	if (!birth) {
+		addError.value = '请填写完整生日'
+		return
+	}
+	adding.value = true
+	addError.value = ''
+	try {
+		await ensureOtherProfile({
+			birth_date: birth,
+			display_name: newName.value || 'TA',
+			birth_place: newPlace.value,
+		})
+		showAdd.value = false
+		newName.value = newY.value = newM.value = newD.value = newPlace.value = ''
+		await load()
+	} catch (e) {
+		addError.value = e instanceof Error ? e.message : '添加失败'
+	} finally {
+		adding.value = false
+	}
+}
+
+function remove(p) {
+	uni.showModal({
+		title: '删除档案',
+		content: `确定删除「${p.display_name || 'TA'}」？`,
+		success: async (res) => {
+			if (!res.confirm) return
+			try {
+				await yxgApi.deleteProfile(p.id)
+				await load()
+			} catch (e) {
+				uni.showToast({ title: e.message || '删除失败', icon: 'none' })
+			}
+		},
+	})
+}
+
+onLoad((q) => {
+	if (q.add === '1') showAdd.value = true
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card {
+	margin: 12px 16px 0; padding: 16px; background: #fff; border-radius: 18px;
+	box-shadow: 0 2px 10px rgba(0,0,0,.04);
+}
+.card-t { display: block; font-size: 16px; font-weight: 700; color: #333; margin-bottom: 10px; }
+.row-head { display: flex; justify-content: space-between; align-items: center; }
+.add { font-size: 13px; color: #e54d42; }
+.who { padding: 8px 0; border-bottom: 1px solid #f5f5f5; }
+.who:last-child { border-bottom: none; }
+.who-n { display: block; font-size: 15px; font-weight: 650; color: #222; }
+.who-m { display: block; font-size: 12px; color: #999; margin-top: 2px; }
+.empty { font-size: 13px; color: #999; }
+.form { margin-top: 8px; }
+.inp {
+	width: 100%; height: 42px; padding: 0 12px; box-sizing: border-box;
+	background: #fdfaf8; border-radius: 12px; font-size: 14px; margin-bottom: 8px;
+}
+.date-row { display: flex; gap: 8px; }
+.inp.sm { flex: 1; }
+.btn {
+	height: 40px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700;
+	margin-top: 6px;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+.acts { display: flex; gap: 12px; margin-top: 6px; }
+.link { font-size: 13px; color: #4a90e2; }
+.link.danger { color: #e54d42; }
+</style>
diff --git a/pages/yxg/relation.vue b/pages/yxg/relation.vue
new file mode 100644
index 0000000..cb456e2
--- /dev/null
+++ b/pages/yxg/relation.vue
@@ -0,0 +1,119 @@
+<template>
+	<yxg-page title="人格匹配">
+		<view v-if="!report" class="card">
+			<text class="h1">看见彼此的相处模式</text>
+			<text class="desc">填写 TA 的称呼与生日，对照性格与默契。</text>
+			<input class="inp" v-model="otherName" placeholder="TA 的称呼" />
+			<view class="rels">
+				<view v-for="o in relationOptions" :key="o.value" class="rel" :class="{ on: relationType === o.value }" @click="relationType = o.value">
+					<text>{{ o.label }}</text>
+				</view>
+			</view>
+			<view class="date-row">
+				<input class="inp sm" type="number" v-model="oy" placeholder="年" />
+				<input class="inp sm" type="number" v-model="om" placeholder="月" />
+				<input class="inp sm" type="number" v-model="od" placeholder="日" />
+			</view>
+			<text v-if="error" class="err">{{ error }}</text>
+			<view class="btn" :class="{ off: loading }" @click="run"><text>{{ loading ? '分析中…' : '开始匹配' }}</text></view>
+		</view>
+		<view v-else class="card">
+			<text class="h1">{{ fitLabel || '相处参考' }}</text>
+			<text class="lead">{{ diff }}</text>
+			<text class="meta">我：{{ meStyle }}</text>
+			<text class="meta">TA：{{ otherStyle }}</text>
+			<text v-if="harmony != null" class="idx">默契 {{ harmony }}</text>
+			<view class="navs">
+				<view class="btn ghost" @click="report = null"><text>再测一次</text></view>
+				<view class="btn" @click="yxgGo(`/reports/${report.id}`)"><text>完整报告</text></view>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, ensureOtherProfile, findSelfProfile } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const relationOptions = [
+	{ value: 'partner', label: '伴侣' },
+	{ value: 'friend', label: '朋友' },
+	{ value: 'family', label: '家人' },
+	{ value: 'other', label: '其他' },
+]
+const otherName = ref('TA')
+const relationType = ref('partner')
+const oy = ref('')
+const om = ref('')
+const od = ref('')
+const loading = ref(false)
+const error = ref('')
+const report = ref(null)
+
+const summary = computed(() => report.value?.summary || {})
+const meStyle = computed(() => String(summary.value.me_style || ''))
+const otherStyle = computed(() => String(summary.value.other_style || ''))
+const diff = computed(() => String(summary.value.diff_one_liner || summary.value.one_liner || ''))
+const fitLabel = computed(() => String(summary.value.fit_label || ''))
+const harmony = computed(() => (typeof summary.value.harmony_index === 'number' ? summary.value.harmony_index : null))
+
+async function run() {
+	const y = Number(oy.value), m = Number(om.value), d = Number(od.value)
+	if (!y || !m || !d) {
+		error.value = '请填写 TA 的完整生日'
+		return
+	}
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount('/relation'))) {
+		loading.value = false
+		return
+	}
+	try {
+		const self = await findSelfProfile()
+		if (!self) {
+			error.value = '请先完善自己的生日档案'
+			yxgGo('/profile')
+			return
+		}
+		const birth = `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`
+		const other = await ensureOtherProfile({
+			birth_date: birth,
+			display_name: otherName.value || 'TA',
+			relation_type: relationType.value,
+		})
+		const out = await yxgApi.createRelationInsight(self.id, other.id)
+		report.value = out.report || out
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '分析失败'
+	} finally {
+		loading.value = false
+	}
+}
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .lead, .meta { display: block; margin-top: 8px; font-size: 14px; color: #555; line-height: 1.55; }
+.inp { width: 100%; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 12px; box-sizing: border-box; margin-top: 12px; }
+.rels { display: flex; gap: 8px; margin-top: 12px; }
+.rel { flex: 1; height: 36px; border-radius: 999px; background: #f7f2ef; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #666; }
+.rel.on { background: #ffe4e4; color: #e54d42; }
+.date-row { display: flex; gap: 8px; margin-top: 12px; }
+.inp.sm { flex: 1; margin-top: 0; text-align: center; }
+.err { display: block; margin-top: 8px; color: #e54d42; font-size: 13px; }
+.idx { display: block; margin-top: 10px; font-size: 16px; font-weight: 700; color: #e54d42; }
+.navs { display: flex; gap: 10px; margin-top: 16px; }
+.btn {
+	flex: 1; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700; margin-top: 12px;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+.btn.off { opacity: 0.5; }
+</style>
diff --git a/pages/yxg/report.vue b/pages/yxg/report.vue
new file mode 100644
index 0000000..f587eee
--- /dev/null
+++ b/pages/yxg/report.vue
@@ -0,0 +1,83 @@
+<template>
+	<yxg-page :title="typeLabel(report?.type) || '报告详情'">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<view v-else-if="report" class="card">
+			<yxg-tool-icon :name="toolIconFor(report.type)" :size="40" />
+			<text class="h1">{{ headlineOf(report) }}</text>
+			<text class="meta">{{ formatDate(report.created_at) }}</text>
+			<text v-if="oneLiner" class="lead">{{ oneLiner }}</text>
+			<view v-if="keywords.length" class="tags">
+				<text v-for="k in keywords" :key="k" class="tag">{{ k }}</text>
+			</view>
+			<text v-if="bodyText" class="body">{{ bodyText }}</text>
+			<rich-text v-else-if="html" class="html" :nodes="html" />
+			<view class="btn" @click="yxgGo('/share', { id: report.id })"><text>分享</text></view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { formatDate, headlineOf, toolIconFor, typeLabel } from '@/util/yxgCatalog.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const id = ref('')
+const report = ref(null)
+const loading = ref(true)
+const error = ref('')
+
+const summary = computed(() => report.value?.summary || {})
+const detail = computed(() => report.value?.detail || {})
+const oneLiner = computed(() => String(summary.value.one_liner || summary.value.overview || ''))
+const keywords = computed(() => (Array.isArray(summary.value.keywords) ? summary.value.keywords : []))
+const bodyText = computed(() => {
+	const d = detail.value || {}
+	return String(d.body_text || d.narrative || d.content || summary.value.body || '')
+})
+const html = computed(() => String(detail.value?.html || detail.value?.rich_html || ''))
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount(`/reports/${id.value}`))) {
+		loading.value = false
+		return
+	}
+	try {
+		report.value = await yxgApi.getReport(id.value)
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onLoad((q) => {
+	id.value = q.id || ''
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; margin-top: 10px; font-size: 20px; font-weight: 700; color: #333; }
+.meta { display: block; margin-top: 4px; font-size: 12px; color: #bbb; }
+.lead { display: block; margin-top: 12px; font-size: 14px; color: #555; line-height: 1.6; }
+.tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+.tag { padding: 3px 8px; border-radius: 8px; background: #ffe4e4; color: #e54d42; font-size: 11px; }
+.body { display: block; margin-top: 14px; font-size: 14px; color: #444; line-height: 1.7; white-space: pre-wrap; }
+.html { margin-top: 14px; }
+.btn {
+	margin-top: 16px; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+</style>
diff --git a/pages/yxg/reports.vue b/pages/yxg/reports.vue
new file mode 100644
index 0000000..a93b1db
--- /dev/null
+++ b/pages/yxg/reports.vue
@@ -0,0 +1,105 @@
+<template>
+	<yxg-page title="成长报告">
+		<scroll-view class="chips" scroll-x>
+			<view v-for="f in filters" :key="f.key" class="chip" :class="{ on: filter === f.key }" @click="filter = f.key">
+				<text>{{ f.label }}</text>
+			</view>
+		</scroll-view>
+		<view class="vip" @click="yxgGo('/membership')">
+			<text class="vip-t">成长会员</text>
+			<text class="vip-s">解锁全部深度报告与节气陪伴 ›</text>
+		</view>
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err" @click="load">{{ error }} · 重试</text>
+		<view v-else-if="!filtered.length" class="empty">
+			<text>还没有{{ filter === 'all' ? '' : '该类' }}成长报告</text>
+			<view class="btn" @click="yxgGo('/explore')"><text>去探索</text></view>
+		</view>
+		<view v-else class="list">
+			<view v-for="r in filtered" :key="r.id" class="row" @click="yxgGo(`/reports/${r.id}`)">
+				<yxg-tool-icon :name="toolIconFor(r.type)" :size="36" />
+				<view class="body">
+					<text class="t">{{ typeLabel(r.type) }}</text>
+					<text class="d">{{ headlineOf(r) }}</text>
+					<text class="m">{{ formatDate(r.created_at) }}</text>
+				</view>
+				<text class="chev">›</text>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { formatDate, headlineOf, toolIconFor, typeLabel } from '@/util/yxgCatalog.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const filters = [
+	{ key: 'all', label: '全部' },
+	{ key: 'portrait', label: '解码' },
+	{ key: 'star', label: '星座' },
+	{ key: 'rhythm', label: '节律' },
+	{ key: 'synastry', label: '合盘' },
+]
+const filter = ref('all')
+const items = ref([])
+const loading = ref(true)
+const error = ref('')
+const filtered = computed(() =>
+	filter.value === 'all' ? items.value : items.value.filter((r) => r.type === filter.value),
+)
+
+async function load() {
+	loading.value = true
+	error.value = ''
+	if (!(await ensureAccount('/reports'))) {
+		loading.value = false
+		return
+	}
+	try {
+		const res = await yxgApi.listReports()
+		items.value = res.items || []
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.chips { white-space: nowrap; padding: 8px 16px; }
+.chip {
+	display: inline-block; margin-right: 8px; padding: 6px 12px; border-radius: 999px;
+	background: #fff; font-size: 13px; color: #666;
+}
+.chip.on { background: #e54d42; color: #fff; }
+.vip {
+	margin: 0 16px 8px; padding: 12px 14px; border-radius: 14px;
+	background: linear-gradient(145deg, #fff4e0, #ffd98a);
+}
+.vip-t { display: block; font-weight: 700; color: #8a5a18; }
+.vip-s { display: block; font-size: 12px; color: #a07838; margin-top: 2px; }
+.list { margin: 0 16px; background: #fff; border-radius: 16px; }
+.row { display: flex; align-items: center; gap: 12px; padding: 14px; border-bottom: 1px solid #f5f5f5; }
+.row:last-child { border-bottom: none; }
+.body { flex: 1; min-width: 0; }
+.t { display: block; font-size: 15px; font-weight: 650; color: #222; }
+.d { display: block; font-size: 12px; color: #666; margin-top: 2px; }
+.m { display: block; font-size: 11px; color: #bbb; margin-top: 2px; }
+.chev { color: #ccc; }
+.hint, .err, .empty { display: block; padding: 16px; font-size: 13px; color: #999; text-align: center; }
+.err { color: #e54d42; }
+.btn {
+	margin: 12px auto 0; width: 140px; height: 40px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+</style>
diff --git a/pages/yxg/rhythm.vue b/pages/yxg/rhythm.vue
new file mode 100644
index 0000000..b39f3a4
--- /dev/null
+++ b/pages/yxg/rhythm.vue
@@ -0,0 +1,104 @@
+<template>
+	<yxg-page title="身心节律">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<view v-else-if="needBirth" class="card">
+			<text class="h1">看见身体与情绪的节奏</text>
+			<text class="desc">用生日生成今日身心节律建议。</text>
+			<view class="date-row">
+				<input class="inp" type="number" v-model="year" placeholder="年" />
+				<input class="inp" type="number" v-model="month" placeholder="月" />
+				<input class="inp" type="number" v-model="day" placeholder="日" />
+			</view>
+			<view class="btn" @click="start"><text>查看节律</text></view>
+		</view>
+		<view v-else-if="report" class="card">
+			<text class="h1">{{ headline }}</text>
+			<text class="lead">{{ oneLiner }}</text>
+			<text v-if="bodyText" class="body">{{ bodyText }}</text>
+			<view class="navs">
+				<view class="btn ghost" @click="needBirth = true"><text>重新生成</text></view>
+				<view class="btn" @click="yxgGo(`/reports/${report.id}`)"><text>完整报告</text></view>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, ensureSelfProfile, loadSelfLatest } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const loading = ref(false)
+const needBirth = ref(true)
+const error = ref('')
+const report = ref(null)
+const year = ref('')
+const month = ref('')
+const day = ref('')
+const summary = computed(() => report.value?.summary || {})
+const headline = computed(() => String(summary.value.headline || '身心节律'))
+const oneLiner = computed(() => String(summary.value.one_liner || summary.value.overview || ''))
+const bodyText = computed(() => String(report.value?.detail?.narrative || report.value?.detail?.body_text || ''))
+
+async function start() {
+	const y = Number(year.value), m = Number(month.value), d = Number(day.value)
+	if (!y || !m || !d) {
+		error.value = '请填写完整生日'
+		return
+	}
+	loading.value = true
+	error.value = ''
+	try {
+		const birth = `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`
+		const profile = await ensureSelfProfile({ birth_date: birth, display_name: '我' })
+		report.value = await yxgApi.createRhythm(profile.id)
+		needBirth.value = false
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '生成失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function load() {
+	if (!(await ensureAccount('/rhythm'))) return
+	loading.value = true
+	try {
+		const latest = await loadSelfLatest('rhythm')
+		if (latest.report) {
+			report.value = latest.report
+			needBirth.value = false
+		} else if (latest.profile?.birth_date) {
+			const [y, m, d] = String(latest.profile.birth_date).split('-')
+			year.value = y; month.value = m; day.value = d
+		}
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .lead, .body { display: block; margin-top: 10px; font-size: 14px; color: #555; line-height: 1.65; }
+.date-row { display: flex; gap: 8px; margin: 14px 0; }
+.inp { flex: 1; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 10px; text-align: center; }
+.navs { display: flex; gap: 10px; margin-top: 16px; }
+.btn {
+	flex: 1; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+</style>
diff --git a/pages/yxg/scale.vue b/pages/yxg/scale.vue
new file mode 100644
index 0000000..86b66fb
--- /dev/null
+++ b/pages/yxg/scale.vue
@@ -0,0 +1,207 @@
+<template>
+	<yxg-page :title="title || '测评'">
+		<text v-if="loadingScale" class="hint">加载中…</text>
+		<text v-else-if="loadError" class="err">{{ loadError }}</text>
+		<template v-else>
+			<view v-if="phase === 'intro'" class="card">
+				<text class="h1">{{ title }}</text>
+				<text class="desc">{{ description }}</text>
+				<text class="meta">约 {{ estMinutes }} 分钟 · {{ questions.length }} 题</text>
+				<text v-if="locked" class="err">该测评需开通成长会员</text>
+				<view v-if="locked" class="btn" @click="yxgGo('/membership')"><text>去开通</text></view>
+				<view v-else class="btn" @click="startTest"><text>{{ draftRestored ? '继续作答' : '开始测评' }}</text></view>
+			</view>
+
+			<view v-else-if="phase === 'answering' && currentQuestion" class="card">
+				<text class="prog">{{ currentIdx + 1 }} / {{ questions.length }}</text>
+				<view class="bar"><view class="bar-in" :style="{ width: progressPct + '%' }" /></view>
+				<text class="prompt">{{ currentQuestion.body.prompt }}</text>
+				<view
+					v-for="opt in currentQuestion.body.options || []"
+					:key="opt.key"
+					class="opt"
+					:class="{ on: answers[currentQuestion.id] === opt.key }"
+					@click="pick(opt.key)"
+				>
+					<text>{{ opt.text }}</text>
+				</view>
+				<view class="navs">
+					<view v-if="currentIdx > 0" class="btn ghost" @click="currentIdx--"><text>上一题</text></view>
+					<view
+						class="btn"
+						:class="{ off: !answers[currentQuestion.id] || submitting }"
+						@click="onNext"
+					>
+						<text>{{ submitting ? '提交中…' : isLast ? '提交' : '下一题' }}</text>
+					</view>
+				</view>
+				<text v-if="submitError" class="err">{{ submitError }}</text>
+			</view>
+
+			<view v-else-if="phase === 'result'" class="card">
+				<text class="h1">{{ resultLabel }}</text>
+				<text class="desc">{{ shareLine || resultRaw?.summary || '' }}</text>
+				<text v-if="resultRaw?.overview" class="body">{{ resultRaw.overview }}</text>
+				<view class="navs">
+					<view class="btn ghost" @click="retake"><text>再测一次</text></view>
+					<view class="btn" @click="yxgGo('/reports')"><text>我的报告</text></view>
+				</view>
+			</view>
+		</template>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, findSelfProfile } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const DRAFT_KEY = 'yxg_scale_draft_'
+const slug = ref('')
+const title = ref('')
+const description = ref('')
+const questions = ref([])
+const answers = ref({})
+const loadingScale = ref(true)
+const submitting = ref(false)
+const loadError = ref('')
+const submitError = ref('')
+const locked = ref(false)
+const phase = ref('intro')
+const resultLabel = ref('')
+const shareLine = ref('')
+const resultRaw = ref(null)
+const draftRestored = ref(false)
+const currentIdx = ref(0)
+
+const currentQuestion = computed(() => questions.value[currentIdx.value] || null)
+const isLast = computed(() => currentIdx.value >= questions.value.length - 1)
+const progressPct = computed(() => {
+	if (!questions.value.length) return 0
+	return Math.round(((currentIdx.value + 1) / questions.value.length) * 100)
+})
+const estMinutes = computed(() => Math.max(1, Math.ceil(questions.value.length / 3)))
+
+function pick(key) {
+	answers.value = { ...answers.value, [currentQuestion.value.id]: key }
+	uni.setStorageSync(DRAFT_KEY + slug.value, answers.value)
+}
+
+function startTest() {
+	if (locked.value) return
+	phase.value = 'answering'
+	if (!draftRestored.value) currentIdx.value = 0
+}
+
+function retake() {
+	uni.removeStorageSync(DRAFT_KEY + slug.value)
+	answers.value = {}
+	draftRestored.value = false
+	resultRaw.value = null
+	currentIdx.value = 0
+	phase.value = 'intro'
+}
+
+async function onNext() {
+	if (!answers.value[currentQuestion.value.id] || submitting.value) return
+	if (!isLast.value) {
+		currentIdx.value++
+		return
+	}
+	submitting.value = true
+	submitError.value = ''
+	try {
+		const self = await findSelfProfile()
+		if (!self) {
+			submitError.value = '请先完善自己的生日档案'
+			yxgGo('/profile')
+			return
+		}
+		const out = await yxgApi.submitScale(slug.value, self.id, answers.value)
+		uni.removeStorageSync(DRAFT_KEY + slug.value)
+		resultRaw.value = out.result || out
+		resultLabel.value = String(resultRaw.value.label || '探索结果')
+		shareLine.value = String(resultRaw.value.share_line || '')
+		phase.value = 'result'
+	} catch (e) {
+		submitError.value = e instanceof Error ? e.message : '提交失败'
+	} finally {
+		submitting.value = false
+	}
+}
+
+async function load() {
+	loadingScale.value = true
+	loadError.value = ''
+	if (!(await ensureAccount(`/scales/${slug.value}`))) {
+		loadingScale.value = false
+		return
+	}
+	try {
+		const d = await yxgApi.getScale(slug.value)
+		title.value = d.title
+		description.value = d.description
+		locked.value = !!d.locked
+		questions.value = (d.questions || []).map((q) => ({
+			id: q.id,
+			body: typeof q.body === 'string' ? JSON.parse(q.body) : q.body,
+		}))
+		if (locked.value) {
+			phase.value = 'intro'
+			return
+		}
+		try {
+			const latest = await yxgApi.getScaleResult(slug.value)
+			resultRaw.value = latest.result || latest
+			resultLabel.value = String(resultRaw.value.label || '探索结果')
+			shareLine.value = String(resultRaw.value.share_line || '')
+			phase.value = 'result'
+			return
+		} catch { /* no result */ }
+		const draft = uni.getStorageSync(DRAFT_KEY + slug.value)
+		if (draft && typeof draft === 'object') {
+			answers.value = draft
+			draftRestored.value = Object.keys(draft).length > 0
+		}
+		phase.value = 'intro'
+	} catch (e) {
+		loadError.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loadingScale.value = false
+	}
+}
+
+onLoad((q) => {
+	slug.value = q.slug || ''
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card {
+	margin: 12px 16px 0; padding: 18px 16px; background: #fff; border-radius: 18px;
+}
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .body, .meta { display: block; margin-top: 8px; font-size: 13px; color: #666; line-height: 1.6; }
+.prog { font-size: 12px; color: #999; }
+.bar { height: 6px; background: #f3ece8; border-radius: 99px; margin: 8px 0 14px; overflow: hidden; }
+.bar-in { height: 100%; background: #e54d42; }
+.prompt { display: block; font-size: 16px; font-weight: 650; color: #222; margin-bottom: 12px; line-height: 1.5; }
+.opt {
+	padding: 12px; border-radius: 12px; background: #fdfaf8; margin-bottom: 8px; font-size: 14px; color: #333;
+}
+.opt.on { background: #ffe4e4; color: #e54d42; font-weight: 650; }
+.navs { display: flex; gap: 10px; margin-top: 12px; }
+.btn {
+	flex: 1; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+.btn.off { opacity: 0.45; }
+</style>
diff --git a/pages/yxg/share.vue b/pages/yxg/share.vue
new file mode 100644
index 0000000..f574bf6
--- /dev/null
+++ b/pages/yxg/share.vue
@@ -0,0 +1,77 @@
+<template>
+	<yxg-page title="分享">
+		<view v-if="!report && !payload" class="card">
+			<text class="h1">分享内容无效</text>
+			<text class="desc">可以从首页重新开始。</text>
+			<view class="btn" @click="yxgGo('/')"><text>回首页</text></view>
+		</view>
+		<view v-else class="card">
+			<yxg-tool-icon :name="icon" :size="48" />
+			<text class="h1">{{ title }}</text>
+			<text class="desc">{{ line }}</text>
+			<view class="btn" @click="shareNow"><text>转发给朋友</text></view>
+			<view class="btn ghost" @click="yxgGo(ctaTo)"><text>{{ ctaText }}</text></view>
+			<text class="disc">本内容为自我探索与生活方式参考，不构成医疗建议，亦非占卜预测。</text>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import YxgToolIcon from '@/components/yxg/yxg-tool-icon.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { headlineOf, toolIconFor } from '@/util/yxgCatalog.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const report = ref(null)
+const payload = ref(null)
+const title = computed(() => payload.value?.title || headlineOf(report.value) || '愈心谷分享')
+const line = computed(() => payload.value?.line || report.value?.summary?.one_liner || '来看看这份探索')
+const icon = computed(() => toolIconFor(payload.value?.type || report.value?.type || 'portrait'))
+const ctaTo = computed(() => {
+	const t = payload.value?.type || report.value?.type
+	if (t === 'relation') return '/relation'
+	if (t === 'star') return '/star'
+	if (t === 'synastry') return '/synastry'
+	return '/portrait'
+})
+const ctaText = computed(() => '我也去看看')
+
+function shareNow() {
+	uni.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] })
+	uni.showToast({ title: '请点击右上角分享', icon: 'none' })
+}
+
+onShareAppMessage(() => ({
+	title: title.value,
+	path: '/pages/yxg-magic/index',
+}))
+
+onLoad(async (q) => {
+	if (q.id) {
+		try {
+			report.value = await yxgApi.getReport(q.id)
+		} catch {
+			report.value = null
+		}
+	}
+	if (q.title || q.line) {
+		payload.value = { title: q.title, line: q.line, type: q.type }
+	}
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.card { margin: 12px 16px; padding: 20px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; margin-top: 10px; font-size: 20px; font-weight: 700; color: #333; }
+.desc { display: block; margin-top: 8px; font-size: 14px; color: #555; line-height: 1.6; }
+.disc { display: block; margin-top: 14px; font-size: 11px; color: #bbb; }
+.btn {
+	margin-top: 14px; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+</style>
diff --git a/pages/yxg/star.vue b/pages/yxg/star.vue
new file mode 100644
index 0000000..4534285
--- /dev/null
+++ b/pages/yxg/star.vue
@@ -0,0 +1,104 @@
+<template>
+	<yxg-page title="星座">
+		<text v-if="loading" class="hint">加载中…</text>
+		<text v-else-if="error" class="err">{{ error }}</text>
+		<view v-else-if="needBirth" class="card">
+			<text class="h1">本命盘 · 相位 · 日周月运势</text>
+			<text class="desc">用生日生成星座排盘与性格解读。</text>
+			<view class="date-row">
+				<input class="inp" type="number" v-model="year" placeholder="年" />
+				<input class="inp" type="number" v-model="month" placeholder="月" />
+				<input class="inp" type="number" v-model="day" placeholder="日" />
+			</view>
+			<view class="btn" @click="start"><text>查看星盘</text></view>
+		</view>
+		<view v-else-if="report" class="card">
+			<text class="h1">{{ headline }}</text>
+			<text class="lead">{{ oneLiner }}</text>
+			<text v-if="bodyText" class="body">{{ bodyText }}</text>
+			<view class="navs">
+				<view class="btn ghost" @click="needBirth = true"><text>重新生成</text></view>
+				<view class="btn" @click="yxgGo(`/reports/${report.id}`)"><text>完整报告</text></view>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, ensureSelfProfile, loadSelfLatest } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const loading = ref(false)
+const needBirth = ref(true)
+const error = ref('')
+const report = ref(null)
+const year = ref('')
+const month = ref('')
+const day = ref('')
+const summary = computed(() => report.value?.summary || {})
+const headline = computed(() => String(summary.value.headline || summary.value.sign || '星座排盘'))
+const oneLiner = computed(() => String(summary.value.one_liner || summary.value.overview || ''))
+const bodyText = computed(() => String(report.value?.detail?.narrative || report.value?.detail?.body_text || ''))
+
+async function start() {
+	const y = Number(year.value), m = Number(month.value), d = Number(day.value)
+	if (!y || !m || !d) {
+		error.value = '请填写完整生日'
+		return
+	}
+	loading.value = true
+	error.value = ''
+	try {
+		const birth = `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`
+		const profile = await ensureSelfProfile({ birth_date: birth, display_name: '我' })
+		report.value = await yxgApi.createStar(profile.id)
+		needBirth.value = false
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '生成失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function load() {
+	if (!(await ensureAccount('/star'))) return
+	loading.value = true
+	try {
+		const latest = await loadSelfLatest('star')
+		if (latest.report) {
+			report.value = latest.report
+			needBirth.value = false
+		} else if (latest.profile?.birth_date) {
+			const [y, m, d] = String(latest.profile.birth_date).split('-')
+			year.value = y; month.value = m; day.value = d
+		}
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+onShow(load)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .lead, .body { display: block; margin-top: 10px; font-size: 14px; color: #555; line-height: 1.65; }
+.date-row { display: flex; gap: 8px; margin: 14px 0; }
+.inp { flex: 1; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 10px; text-align: center; }
+.navs { display: flex; gap: 10px; margin-top: 16px; }
+.btn {
+	flex: 1; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+</style>
diff --git a/pages/yxg/synastry-invite.vue b/pages/yxg/synastry-invite.vue
new file mode 100644
index 0000000..39bd38a
--- /dev/null
+++ b/pages/yxg/synastry-invite.vue
@@ -0,0 +1,110 @@
+<template>
+	<yxg-page title="合盘邀请">
+		<text v-if="loading" class="hint">加载邀请…</text>
+		<template v-else-if="meta">
+			<view class="card">
+				<text class="h1">{{ meta.host_name || '好友' }} 邀请你合盘</text>
+				<text class="desc">填写生日，一起看见彼此的星盘互动与相处参考</text>
+				<view v-if="meta.already_accepted">
+					<text class="meta">该邀请已使用，可直接去合盘页再测。</text>
+					<view class="btn" @click="yxgGo('/synastry')"><text>回合盘页</text></view>
+				</view>
+				<view v-else>
+					<input class="inp" v-model="name" placeholder="你的称呼" />
+					<view class="date-row">
+						<input class="inp sm" type="number" v-model="ty" placeholder="年" />
+						<input class="inp sm" type="number" v-model="tm" placeholder="月" />
+						<input class="inp sm" type="number" v-model="td" placeholder="日" />
+					</view>
+					<text v-if="error" class="err">{{ error }}</text>
+					<view class="btn" :class="{ off: submitting }" @click="accept">
+						<text>{{ submitting ? '生成中…' : '接受并合盘' }}</text>
+					</view>
+				</view>
+			</view>
+		</template>
+		<view v-else class="card">
+			<text class="desc">{{ error || '邀请无效或已过期' }}</text>
+			<view class="btn" @click="yxgGo('/synastry')"><text>去合盘页</text></view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const token = ref('')
+const loading = ref(true)
+const submitting = ref(false)
+const error = ref('')
+const name = ref('我')
+const ty = ref('')
+const tm = ref('')
+const td = ref('')
+const meta = ref(null)
+
+async function load() {
+	loading.value = true
+	if (!(await ensureAccount(`/synastry/invite/${token.value}`))) {
+		loading.value = false
+		return
+	}
+	try {
+		meta.value = await yxgApi.getSynastryInvite(token.value)
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '邀请无效'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function accept() {
+	const y = Number(ty.value), m = Number(tm.value), d = Number(td.value)
+	if (!y || !m || !d) {
+		error.value = '请填写完整生日'
+		return
+	}
+	submitting.value = true
+	error.value = ''
+	try {
+		const report = await yxgApi.acceptSynastryInvite(token.value, {
+			display_name: name.value.trim() || '我',
+			birth_date: `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`,
+		})
+		const id = report.id || report.report?.id
+		if (id) yxgGo(`/reports/${id}`)
+		else yxgGo('/synastry')
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '接受失败'
+	} finally {
+		submitting.value = false
+	}
+}
+
+onLoad((q) => {
+	token.value = q.token || ''
+	load()
+})
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.hint, .err { display: block; padding: 12px 16px; font-size: 13px; color: #999; }
+.err { color: #e54d42; }
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .meta { display: block; margin-top: 8px; font-size: 14px; color: #555; }
+.inp { width: 100%; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 12px; box-sizing: border-box; margin-top: 12px; }
+.date-row { display: flex; gap: 8px; }
+.inp.sm { flex: 1; text-align: center; }
+.btn {
+	margin-top: 14px; height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700;
+}
+.btn.off { opacity: 0.5; }
+</style>
diff --git a/pages/yxg/synastry.vue b/pages/yxg/synastry.vue
new file mode 100644
index 0000000..2cf715b
--- /dev/null
+++ b/pages/yxg/synastry.vue
@@ -0,0 +1,141 @@
+<template>
+	<yxg-page title="合盘">
+		<view v-if="!report" class="card">
+			<text class="h1">恋爱 / 友情 / 婚姻指数</text>
+			<text class="desc">选择档案中的两个人，或填写 TA 的生日生成合盘。</text>
+			<picker :range="labels" :value="idxA" @change="idxA = Number($event.detail.value)">
+				<view class="pick"><text>我 / A：{{ labels[idxA] || '请选择' }}</text></view>
+			</picker>
+			<picker :range="labels" :value="idxB" @change="idxB = Number($event.detail.value)">
+				<view class="pick"><text>TA / B：{{ labels[idxB] || '请选择' }}</text></view>
+			</picker>
+			<text class="or">没有 TA 的档案？填写生日快速添加</text>
+			<input class="inp" v-model="otherName" placeholder="TA 的称呼" />
+			<view class="date-row">
+				<input class="inp sm" type="number" v-model="oy" placeholder="年" />
+				<input class="inp sm" type="number" v-model="om" placeholder="月" />
+				<input class="inp sm" type="number" v-model="od" placeholder="日" />
+			</view>
+			<text v-if="error" class="err">{{ error }}</text>
+			<view class="btn" :class="{ off: loading }" @click="run"><text>{{ loading ? '生成中…' : '开始合盘' }}</text></view>
+			<view class="btn ghost" @click="invite"><text>{{ inviting ? '生成邀请…' : '生成邀请链接' }}</text></view>
+		</view>
+		<view v-else class="card">
+			<text class="h1">{{ headline }}</text>
+			<text class="lead">{{ oneLiner }}</text>
+			<view class="navs">
+				<view class="btn ghost" @click="report = null"><text>再测一次</text></view>
+				<view class="btn" @click="yxgGo(`/reports/${report.id}`)"><text>完整报告</text></view>
+			</view>
+		</view>
+	</yxg-page>
+</template>
+
+<script setup>
+import YxgPage from '@/components/yxg/yxg-page.vue'
+import { yxgApi } from '@/util/yxgApi.js'
+import { ensureAccount, ensureOtherProfile, findSelfProfile, pickableArchiveList } from '@/util/yxgAuth.js'
+import { yxgGo } from '@/util/yxgNav.js'
+
+const items = ref([])
+const idxA = ref(0)
+const idxB = ref(0)
+const otherName = ref('TA')
+const oy = ref('')
+const om = ref('')
+const od = ref('')
+const loading = ref(false)
+const inviting = ref(false)
+const error = ref('')
+const report = ref(null)
+
+const labels = computed(() =>
+	items.value.map((p) => p.display_name || (p.relation === 'self' ? '我' : 'TA')),
+)
+const summary = computed(() => report.value?.summary || {})
+const headline = computed(() => String(summary.value.headline || '合盘'))
+const oneLiner = computed(() => String(summary.value.one_liner || summary.value.overview || ''))
+
+async function boot() {
+	if (!(await ensureAccount('/synastry'))) return
+	try {
+		const res = await yxgApi.listProfiles()
+		items.value = pickableArchiveList(res.items || [])
+		const selfIdx = items.value.findIndex((p) => p.relation === 'self')
+		idxA.value = selfIdx >= 0 ? selfIdx : 0
+		idxB.value = items.value.length > 1 ? (selfIdx === 0 ? 1 : 0) : 0
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '加载失败'
+	}
+}
+
+async function run() {
+	loading.value = true
+	error.value = ''
+	try {
+		let a = items.value[idxA.value]
+		let b = items.value[idxB.value]
+		const y = Number(oy.value), m = Number(om.value), d = Number(od.value)
+		if ((!b || a?.id === b?.id) && y && m && d) {
+			b = await ensureOtherProfile({
+				birth_date: `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`,
+				display_name: otherName.value || 'TA',
+			})
+		}
+		if (!a) a = await findSelfProfile()
+		if (!a || !b || a.id === b.id) {
+			error.value = '请选择两位不同的人，或填写 TA 的生日'
+			return
+		}
+		report.value = await yxgApi.createSynastry(a.id, b.id)
+	} catch (e) {
+		error.value = e instanceof Error ? e.message : '生成失败'
+	} finally {
+		loading.value = false
+	}
+}
+
+async function invite() {
+	inviting.value = true
+	try {
+		const self = await findSelfProfile()
+		if (!self) {
+			yxgGo('/profile')
+			return
+		}
+		const inv = await yxgApi.createSynastryInvite(self.id)
+		const token = inv.token || inv.id
+		uni.setClipboardData({
+			data: token,
+			success: () => uni.showToast({ title: '邀请码已复制', icon: 'none' }),
+		})
+	} catch (e) {
+		uni.showToast({ title: e.message || '生成失败', icon: 'none' })
+	} finally {
+		inviting.value = false
+	}
+}
+
+onShow(boot)
+</script>
+
+<style>
+page { background-color: #ffd1c7; }
+</style>
+<style scoped>
+.card { margin: 12px 16px; padding: 18px 16px; background: #fff; border-radius: 18px; }
+.h1 { display: block; font-size: 20px; font-weight: 700; color: #333; }
+.desc, .lead, .or { display: block; margin-top: 8px; font-size: 13px; color: #666; }
+.pick { margin-top: 10px; padding: 12px; background: #fdfaf8; border-radius: 12px; font-size: 14px; }
+.inp { width: 100%; height: 42px; background: #fdfaf8; border-radius: 12px; padding: 0 12px; box-sizing: border-box; margin-top: 10px; }
+.date-row { display: flex; gap: 8px; }
+.inp.sm { flex: 1; text-align: center; }
+.err { display: block; margin-top: 8px; color: #e54d42; font-size: 13px; }
+.navs { display: flex; gap: 10px; margin-top: 16px; }
+.btn {
+	height: 42px; border-radius: 999px; background: #e54d42; color: #fff;
+	display: flex; align-items: center; justify-content: center; font-weight: 700; margin-top: 10px;
+}
+.btn.ghost { background: #f7f2ef; color: #8a4a3a; }
+.btn.off { opacity: 0.5; }
+</style>
diff --git a/util/apiUrl.js b/util/apiUrl.js
index 52cf71e..f9230f7 100644
--- a/util/apiUrl.js
+++ b/util/apiUrl.js
@@ -1,52 +1,48 @@
-//统一设置API接口地址
+// 统一打 Go /api/v1（ECR-050 咨询域已原生，不再反代 Java）
 let urls = {
-	// 七牛相关API
+	upload: `/api/v1/upload`,
+	newPageUrl: `/api/v1/psychic/news/page`,
+	newDetailUrl: `/api/v1/psychic/news/get`,
+	loginUrl: `/api/v1/auth/wechat`,
+	getBanner: `/api/v1/psychic/banner/all`,
+	psychicSave: `/api/v1/psychic/save`,
+	getPsychicListTest: `/api/v1/psychic/study/list`,
+	getSingleDetail: `/api/v1/psychic/study/getSingleDetail`,
+	userChoiceSave: `/api/v1/psychic/user-choice/save`,
+	getResult: `/api/v1/psychic/user-choice/getResult`,
+	myTest: `/api/v1/psychic/user-choice/my-test`,
+	businessScopeList: `/api/v1/psychic/doctor-info/business-scope-list`,
+	getDoctorInfo: `/api/v1/psychic/doctor-info/get`,
+	doctorInfopage: `/api/v1/psychic/doctor-info/page`,
+	focus: `/api/v1/psychic/doctor-info/focus`,
+	cancelFocus: `/api/v1/psychic/doctor-info/cancel-focus`,
+	appointTotalList: `/api/v1/psychic/appointment/remain-list`,
+	dateDetailList: `/api/v1/psychic/appointment/date-detail-list`,
+	getShowInfo: `/api/v1/psychic/doctor-info/get-show-info`,
+	createOrder: `/api/v1/psychic/pay/createOrder`,
+	refund: `/api/v1/psychic/pay/refund`,
 
-	upload: `/admin-api/infra/file/upload`,
-	newPageUrl: `/app-api/psychic/news/page`,
-	newDetailUrl: `/app-api/psychic/news/get`,
-	loginUrl: `/app-api/oauth/app/login`,
-	getBanner: `/app-api/psychic/banner/all`,
-	psychicSave: `/app-api/psychic/save`,
-	getPsychicListTest: `/app-api/psychic/study/list`,
-	getSingleDetail: `/app-api/psychic/study/getSingleDetail`,
-	userChoiceSave: `/app-api/psychic/user-choice/save`,
-	getResult: `/app-api/psychic/user-choice/getResult`,
-	myTest: `/app-api/psychic/user-choice/my-test`,
-	businessScopeList: `/app-api/psychic/doctor-info/business-scope-list`,
-	getDoctorInfo: `/app-api/psychic/doctor-info/get`,
-	doctorInfopage: `/app-api/psychic/doctor-info/page`,
-	focus: `/app-api/psychic/doctor-info/focus`,
-	cancelFocus: `/app-api/psychic/doctor-info/cancel-focus`,
-	appointTotalList: `/app-api/psychic/appointment/remain-list`,
-	dateDetailList: `/app-api/psychic/appointment/date-detail-list`,
-	getShowInfo: `/app-api/psychic/doctor-info/get-show-info`,
-	createOrder: `/app-api/psychic/pay/createOrder`,
-	refund: `/app-api/psychic/pay/refund`,
+	getSelfInfo: `/api/v1/psychic/platform-user/getSelfInfo`,
+	updateUserInfo: `/api/v1/psychic/platform-user/update`,
 
-	getSelfInfo: `/app-api/psychic/platform-user/getSelfInfo`,
-	updateUserInfo: `/app-api/psychic/platform-user/update`,
-
-	notReadNum: `/app-api/psychic/platform-user/not-read-num`,
-	focusToRead: `/app-api/psychic/platform-user/focus-to-read`,
-	orderToRead: `/app-api/psychic/platform-user/order-to-read`,
-	userFeedback: `/app-api/psychic/platform-user/user-feedback`,
-	feedbackFlag: `/app-api/psychic/platform-user/feedback-flag`,
+	notReadNum: `/api/v1/psychic/platform-user/not-read-num`,
+	focusToRead: `/api/v1/psychic/platform-user/focus-to-read`,
+	orderToRead: `/api/v1/psychic/platform-user/order-to-read`,
+	userFeedback: `/api/v1/psychic/platform-user/user-feedback`,
+	feedbackFlag: `/api/v1/psychic/platform-user/feedback-flag`,
 	
-	focusAll: `/app-api/psychic/platform-user/focus-all`,
-	getByCode: `/app-api/psychic/procotol/getByCode`,
+	focusAll: `/api/v1/psychic/platform-user/focus-all`,
+	getByCode: `/api/v1/psychic/procotol/getByCode`,
 
+	createZxOrder: `/api/v1/psychic/order/create`,
 
-	// 订单
-	createZxOrder: `/app-api/psychic/order/create`,
-
-	orderList: `/app-api/psychic/order/order-list`,
-	orderDetail: `/app-api/psychic/order/order-detail`,
-	getPayParam: `/app-api/psychic/order/get-pay-param`,
-	cancelOrder: `/app-api/psychic/order/cancel`,
-	deleteOrder: `/app-api/psychic/order/delete-order`,
+	orderList: `/api/v1/psychic/order/order-list`,
+	orderDetail: `/api/v1/psychic/order/order-detail`,
+	getPayParam: `/api/v1/psychic/order/get-pay-param`,
+	cancelOrder: `/api/v1/psychic/order/cancel`,
+	deleteOrder: `/api/v1/psychic/order/delete-order`,
 
 }
 export {
 	urls
-}
\ No newline at end of file
+}
diff --git a/util/requestConfig.js b/util/requestConfig.js
index f9ff268..2f1a998 100644
--- a/util/requestConfig.js
+++ b/util/requestConfig.js
@@ -2,13 +2,10 @@ import {
 	sysConsts
 } from '../common/sysConsts.js';
 import request from "./request";
-// 全局配置的请求域名
-// const baseUrl = 'http://192.168.100.19:8922'; //线上正式环境888
-// const baseUrl = 'https://api-qa.scyuelai.com/';					//qa测试环境
-// const baseUrl = 'https://api-zsh-dev.scyuelai.com/'				//dev开发环境
-// const baseUrl = 'https://local.scyuelai.com/';					//本地测试环境
- const baseUrl = "https://miniapp.yuxingu.com.cn" //https://miniapp.yuxingu.com.cn   
-// const baseUrl = "http://8.137.99.227:8922"
+import { YXG_API_BASE } from './yxgConfig.js'
+
+const DEVICE_KEY = 'yxg_device_key'
+const baseUrl = YXG_API_BASE
 
 
 //可以new多个request来支持多个域名请求
@@ -69,11 +66,15 @@ $http.requestStart = function(options) {
 		}
 	}
 	//请求前加入token
-	let myToken = uni.getStorageSync('token')
+	let myToken = uni.getStorageSync('token') || uni.getStorageSync('yxg_token')
 	if (myToken) {
-		myToken = myToken.replace(/\"/g, "");
+		myToken = String(myToken).replace(/\"/g, "");
 		options.header['Authorization'] = 'Bearer ' + myToken;
 	}
+	const device = uni.getStorageSync(DEVICE_KEY)
+	if (device) {
+		options.header['X-Device-Key'] = device
+	}
 
 	return options; // return false 表示请求拦截，不会继续请求
 }
@@ -97,19 +98,27 @@ $http.dataFactory = async function(res) {
 	// 	data: res.data,
 	// 	method: res.method,
 	// });
-	if (res.response.statusCode && res.response.statusCode == 200) {
-		let httpData = res.response.data;
-
-		if (typeof(httpData) == "string") {
-			httpData = JSON.parse(httpData);
+	const respHeader = res.response.header || res.response.headers || {}
+	const deviceOut = respHeader['X-Device-Key'] || respHeader['x-device-key']
+	if (deviceOut) {
+		uni.setStorageSync(DEVICE_KEY, deviceOut)
+	}
+	let httpData = res.response.data
+	if (typeof(httpData) == "string") {
+		try {
+			httpData = JSON.parse(httpData)
+		} catch (e) {
+			httpData = null
 		}
+	}
+	const errText = (httpData && (httpData.info || httpData.msg || httpData.message)) || ''
+	if (res.response.statusCode && res.response.statusCode == 200) {
 		/*********以下只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/
 
-		//判断数据是否请求成功
-		if (httpData.success || httpData.code == 0) {
+		if (httpData && (httpData.success || httpData.code == 0)) {
 			// 返回正确的结果(then接受数据)
 			return Promise.resolve(httpData.data);
-		} else if (httpData.code == "401" || httpData.code == "1001" || httpData.code == 1100) {
+		} else if (httpData.code == "401" || httpData.code == "1001" || httpData.code == 1100 || httpData.code == 40100 || httpData.code == 40112) {
 			// let content = '此时此刻需要您登录喔~';
 			// if (!uni.getStorageSync('loginPageAlive')) {
 			// 	await gotoLogin().then(()=>{
@@ -121,13 +130,13 @@ $http.dataFactory = async function(res) {
 			// 返回错误的结果(catch接受数据)
 			return Promise.reject({
 				statusCode: 0,
-				errMsg: "【request】" + (httpData.info || httpData.msg)
+				errMsg: "【request】" + errText
 			});
 		} else { //其他错误提示
 			if (res.isPrompt) {
 				setTimeout(() => {
 					uni.showToast({
-						title: httpData.info || httpData.msg,
+						title: errText || '请求失败',
 						icon: "none",
 						duration: 3000
 					});
@@ -136,16 +145,25 @@ $http.dataFactory = async function(res) {
 			// 返回错误的结果(catch接受数据)
 			return Promise.reject({
 				statusCode: 0,
-				errMsg: "【request】" + (httpData.info || httpData.msg)
+				errMsg: "【request】" + errText
 			});
 		}
 	} else if (res.response.statusCode && res.response.statusCode == 401) {
 		gotoLogin(res)
 	} else {
-		// 返回错误的结果(catch接受数据)
+		const text = errText || ("HTTP " + res.response.statusCode)
+		if (res.isPrompt) {
+			setTimeout(() => {
+				uni.showToast({
+					title: text,
+					icon: "none",
+					duration: 3000
+				});
+			}, 100)
+		}
 		return Promise.reject({
-			statusCode: res.response.statusCode,
-			errMsg: "【request】数据工厂验证不通过"
+			statusCode: 0,
+			errMsg: "【request】" + text
 		});
 	}
 };
@@ -167,38 +185,17 @@ $http.requestError = function(e) {
 //token过期，退出登录
 function gotoLogin(res) {
 	uni.removeStorageSync("token")
+	uni.removeStorageSync("yxg_token")
 	uni.removeStorageSync("userinfo")
-	console.log('res', res)
-	// uni.navigateTo({
-	// 	"url": "/pages/login-pop/login-pop?type=1",
-	// 	"animationType": "pop-in"
-	// })
-	// return new Promise((resolve, rejict)=>{
-
-
-
-
-	// 	// uni.switchTab({
-	// 	// 	"url":"/pages/login-pop/login-pop",
-	// 	// 	success:(res)=>{
-	// 	// 		// uni.showToast({
-	// 	// 		// 	title: "登录已失效,请重新登录",
-	// 	// 		// 	icon: "none"
-	// 	// 		// });
-	// 	// 		uni.showModal({
-	// 	// 			title: '提示',
-	// 	// 			content: '登录已失效,是否重新登录',
-	// 	// 			success: function (res) {
-	// 	// 				if (res.confirm) {
-	// 	// 					uni.navigateTo({
-	// 	// 						"url":"/pageLogin/user-detail/user-detail"
-	// 	// 					})
-	// 	// 				} 
-	// 	// 			}
-	// 	// 		});	
-	// 	// 	}
-	// 	// })
-	// 	resolve()
-	// })
+	const pages = typeof getCurrentPages === 'function' ? getCurrentPages() : []
+	const cur = pages.length ? pages[pages.length - 1] : null
+	const route = (cur && (cur.route || cur.__route__)) || ''
+	if (String(route).indexOf('login-pop') !== -1) {
+		return
+	}
+	uni.navigateTo({
+		url: "/pages/login-pop/login-pop?type=2",
+		animationType: "pop-in"
+	})
 }
 export default $http;
\ No newline at end of file
diff --git a/util/yxgApi.js b/util/yxgApi.js
new file mode 100644
index 0000000..34e6001
--- /dev/null
+++ b/util/yxgApi.js
@@ -0,0 +1,163 @@
+import { YXG_API_BASE, YXG_ASSET_BASE } from './yxgConfig.js'
+import $http from './requestConfig.js'
+
+const TOKEN_KEY = 'token'
+const LEGACY_TOKEN_KEY = 'yxg_token'
+const DEVICE_KEY = 'yxg_device_key'
+
+export function getYxgToken() {
+	return uni.getStorageSync(TOKEN_KEY) || uni.getStorageSync(LEGACY_TOKEN_KEY) || ''
+}
+
+export function setYxgToken(token) {
+	if (token) {
+		uni.setStorageSync(TOKEN_KEY, token)
+		uni.removeStorageSync(LEGACY_TOKEN_KEY)
+	} else {
+		uni.removeStorageSync(TOKEN_KEY)
+		uni.removeStorageSync(LEGACY_TOKEN_KEY)
+		uni.removeStorageSync('userinfo')
+	}
+}
+
+export function getDeviceKey() {
+	return uni.getStorageSync(DEVICE_KEY) || ''
+}
+
+export function setDeviceKey(key) {
+	if (key) uni.setStorageSync(DEVICE_KEY, key)
+}
+
+export function assetURL(path) {
+	const p = String(path || '').trim()
+	if (!p) return ''
+	if (/^https?:\/\//i.test(p)) return p
+	return YXG_ASSET_BASE + (p.startsWith('/') ? p : `/${p}`)
+}
+
+function joinURL(base, path) {
+	if (/^https?:\/\//i.test(path)) return path
+	return `${base.replace(/\/$/, '')}${path.startsWith('/') ? path : `/${path}`}`
+}
+
+function request(method, path, body, extra = {}) {
+	return $http.request({
+		method,
+		url: path,
+		data: body === undefined ? {} : body,
+		isPrompt: extra.isPrompt ?? false,
+		load: extra.load ?? false,
+		timeout: extra.timeout,
+	}).catch((e) => {
+		const raw = e instanceof Error ? e.message : (e && e.errMsg) || '请求失败'
+		throw new Error(String(raw).replace(/^【request】/, ''))
+	})
+}
+
+export const yxgApi = {
+	authRegister: (body) => request('POST', '/api/v1/auth/register', body),
+	authLogin: (body) => request('POST', '/api/v1/auth/login', body),
+	authLogout: () => request('POST', '/api/v1/auth/logout', {}),
+	authMe: () => request('GET', '/api/v1/auth/me'),
+	authUpdateMe: (body) => request('PATCH', '/api/v1/auth/me', body),
+	authUploadAvatar(filePath) {
+		return new Promise((resolve, reject) => {
+			const header = {}
+			const token = getYxgToken()
+			const device = getDeviceKey()
+			if (token) header.Authorization = `Bearer ${token}`
+			if (device) header['X-Device-Key'] = device
+			uni.uploadFile({
+				url: joinURL(YXG_API_BASE, '/api/v1/auth/me/avatar'),
+				filePath,
+				name: 'file',
+				header,
+				success(res) {
+					let data = res.data
+					if (typeof data === 'string') {
+						try {
+							data = JSON.parse(data)
+						} catch {
+							reject(new Error('上传失败'))
+							return
+						}
+					}
+					if (!data || data.code !== 0) {
+						reject(new Error(data?.message || '上传失败'))
+						return
+					}
+					resolve(data.data)
+				},
+				fail(err) {
+					reject(new Error(err.errMsg || '上传失败'))
+				},
+			})
+		})
+	},
+	listProfiles: () => request('GET', '/api/v1/profiles'),
+	createProfile: (body) => request('POST', '/api/v1/profiles', body),
+	updateProfile: (id, body) => request('PATCH', `/api/v1/profiles/${id}`, body),
+	deleteProfile: (id) => request('DELETE', `/api/v1/profiles/${id}`),
+	createPortrait: (profile_id) =>
+		request('POST', '/api/v1/reports/portrait', { profile_id }),
+	createStar: (profile_id) => request('POST', '/api/v1/reports/star', { profile_id }),
+	createSynastry: (profile_id_a, profile_id_b, as_of) =>
+		request('POST', '/api/v1/reports/synastry', {
+			profile_id_a,
+			profile_id_b,
+			...(as_of ? { as_of } : {}),
+		}),
+	getLatestReport: (profile_id, type, peer_profile_id) => {
+		let q = `profile_id=${encodeURIComponent(profile_id)}&type=${encodeURIComponent(type)}`
+		if (peer_profile_id) q += `&peer_profile_id=${encodeURIComponent(peer_profile_id)}`
+		return request('GET', `/api/v1/reports/latest?${q}`)
+	},
+	listSynastryNearby: (lat, lng, radius_km = 50) =>
+		request('GET', `/api/v1/synastry/nearby?lat=${lat}&lng=${lng}&radius_km=${radius_km}`),
+	createSynastryInvite: (profile_id) =>
+		request('POST', '/api/v1/synastry/invites', { profile_id }),
+	getSynastryInvite: (token) => request('GET', `/api/v1/synastry/invites/${token}`),
+	acceptSynastryInvite: (token, body) =>
+		request('POST', `/api/v1/synastry/invites/${token}/accept`, body),
+	createRhythm: (profile_id) => request('POST', '/api/v1/reports/rhythm', { profile_id }),
+	listImageCardScenes: () => request('GET', '/api/v1/image-cards/scenes'),
+	getImageCardQuota: () => request('GET', '/api/v1/image-cards/quota'),
+	drawImageCard: (body) => request('POST', '/api/v1/image-cards/draw', body),
+	getSolarTermsToday: () => request('GET', '/api/v1/solar-terms/today'),
+	saveMood: (body) => request('POST', '/api/v1/moods', body),
+	getMoodToday: () => request('GET', '/api/v1/moods/today'),
+	getMoodsRecent: () => request('GET', '/api/v1/moods/recent'),
+	getExploreCatalog: () => request('GET', '/api/v1/explore/catalog'),
+	getExploreCategory: (key) => request('GET', `/api/v1/explore/catalog/${key}`),
+	listGrowthPlans: () => request('GET', '/api/v1/growth/plans'),
+	createGrowthPlan: (body) => request('POST', '/api/v1/growth/plans', body),
+	createGrowthCheckin: (planId, body) =>
+		request('POST', `/api/v1/growth/plans/${planId}/checkin`, body || {}),
+	listGrowthCheckins: (planId) => request('GET', `/api/v1/growth/plans/${planId}/checkins`),
+	listReports: () => request('GET', '/api/v1/reports'),
+	getReport: (id) => request('GET', `/api/v1/reports/${id}`),
+	getMembership: () => request('GET', '/api/v1/membership/me'),
+	createOrder: (body) => request('POST', '/api/v1/orders', body),
+	payMock: (orderId) => request('POST', `/api/v1/orders/${orderId}/pay-mock`, {}),
+	createRelationInsight: (profile_a_id, profile_b_id) =>
+		request('POST', '/api/v1/relation/insight', { profile_a_id, profile_b_id }),
+	listScales: () => request('GET', '/api/v1/scales'),
+	getScaleBankCatalog: () => request('GET', '/api/v1/scale-bank/catalog'),
+	getScaleBankCategory: (key) => request('GET', `/api/v1/scale-bank/categories/${key}`),
+	getScale: (slug) => request('GET', `/api/v1/scales/${slug}`),
+	getScaleResult: (slug) => request('GET', `/api/v1/scales/${slug}/result`),
+	submitScale: (slug, profile_id, answers) =>
+		request('POST', `/api/v1/scales/${slug}/result`, { profile_id, answers }),
+	getAskQuota: () => request('GET', '/api/v1/ask/quota'),
+	createAskThread: (body) => request('POST', '/api/v1/ask/threads', body),
+	clearAskThread: (threadId) => request('DELETE', `/api/v1/ask/threads/${threadId}`),
+	listAskMessages: (threadId) => request('GET', `/api/v1/ask/threads/${threadId}/messages`),
+	sendAskMessage: (threadId, content) =>
+		request('POST', `/api/v1/ask/threads/${threadId}/messages`, { content }, { timeout: 60000 }),
+	getHomeTools: () => request('GET', '/api/v1/home/tools'),
+	getHomeBanners: (placement = 'home') =>
+		request('GET', `/api/v1/home/banners?placement=${encodeURIComponent(placement)}`),
+	getHomeFeedSlots: (placement = 'home') =>
+		request('GET', `/api/v1/home/feed-slots?placement=${encodeURIComponent(placement)}`),
+	getHomeDailyTips: () => request('GET', '/api/v1/home/daily-tips'),
+}
diff --git a/util/yxgAuth.js b/util/yxgAuth.js
new file mode 100644
index 0000000..2826995
--- /dev/null
+++ b/util/yxgAuth.js
@@ -0,0 +1,126 @@
+import { yxgApi, getYxgToken, setYxgToken } from './yxgApi.js'
+
+let cachedNick = ''
+
+export function setAccountNickname(v) {
+	cachedNick = String(v || '').trim()
+}
+
+export function selfDisplayName(fallback = '我') {
+	return cachedNick || fallback
+}
+
+export async function loadAccountNickname(force = false) {
+	if (cachedNick && !force) return cachedNick
+	try {
+		const me = await yxgApi.authMe()
+		cachedNick = (me.nickname || '').trim()
+		return cachedNick
+	} catch {
+		return cachedNick
+	}
+}
+
+export function openWechatLogin() {
+	const pages = typeof getCurrentPages === 'function' ? getCurrentPages() : []
+	const cur = pages.length ? pages[pages.length - 1] : null
+	const route = (cur && (cur.route || cur.__route__)) || ''
+	if (String(route).indexOf('login-pop') !== -1) return
+	uni.navigateTo({ url: '/pages/login-pop/login-pop?type=2' })
+}
+
+export async function ensureAccount(redirect) {
+	if (!getYxgToken()) {
+		openWechatLogin()
+		return null
+	}
+	try {
+		return await yxgApi.authMe()
+	} catch {
+		setYxgToken('')
+		openWechatLogin()
+		return null
+	}
+}
+
+export async function findSelfProfile() {
+	const { items } = await yxgApi.listProfiles()
+	return (items || []).find((p) => p.relation === 'self') || null
+}
+
+export async function ensureSelfProfile(input) {
+	await loadAccountNickname()
+	const nick = selfDisplayName('我')
+	const nameIn = (input.display_name || '').trim()
+	const preferred = !nameIn || nameIn === '我' ? nick : nameIn
+	const existing = await findSelfProfile()
+	if (existing) {
+		const keep = existing.display_name?.trim()
+		const display = keep && keep !== '我' ? keep : preferred
+		return yxgApi.updateProfile(existing.id, {
+			display_name: display,
+			birth_date: input.birth_date,
+			birth_time: input.birth_time,
+			birth_place: input.birth_place,
+		})
+	}
+	try {
+		return await yxgApi.createProfile({
+			relation: 'self',
+			birth_date: input.birth_date,
+			display_name: preferred,
+			birth_time: input.birth_time,
+			birth_place: input.birth_place,
+		})
+	} catch (e) {
+		const msg = e instanceof Error ? e.message : ''
+		if (!/already exists|已有|409|self profile/.test(msg)) throw e
+		const again = await findSelfProfile()
+		if (!again) throw e
+		const keep = again.display_name?.trim()
+		return yxgApi.updateProfile(again.id, {
+			display_name: keep && keep !== '我' ? keep : preferred,
+			birth_date: input.birth_date,
+			birth_time: input.birth_time,
+			birth_place: input.birth_place,
+		})
+	}
+}
+
+export async function ensureOtherProfile(input) {
+	const name = (input.display_name || 'TA').trim() || 'TA'
+	const birth = String(input.birth_date || '').slice(0, 10)
+	const { items } = await yxgApi.listProfiles()
+	const hit = (items || []).find(
+		(p) =>
+			p.relation === 'other' &&
+			String(p.birth_date).slice(0, 10) === birth &&
+			(p.display_name || 'TA') === name,
+	)
+	if (hit) return hit
+	return yxgApi.createProfile({
+		relation: 'other',
+		birth_date: birth,
+		display_name: name,
+		relation_type: input.relation_type,
+		birth_place: input.birth_place,
+	})
+}
+
+export function pickableArchiveList(items) {
+	const list = items || []
+	const self = list.find((p) => p.relation === 'self')
+	const others = list.filter((p) => p.relation === 'other')
+	return self ? [self, ...others] : others
+}
+
+export async function loadSelfLatest(type) {
+	const profile = await findSelfProfile()
+	if (!profile) return { profile: null, report: null }
+	try {
+		const report = await yxgApi.getLatestReport(profile.id, type)
+		return { profile, report }
+	} catch {
+		return { profile, report: null }
+	}
+}
diff --git a/util/yxgCatalog.js b/util/yxgCatalog.js
new file mode 100644
index 0000000..8c0431b
--- /dev/null
+++ b/util/yxgCatalog.js
@@ -0,0 +1,139 @@
+export const ICON_NAMES = [
+	'mbti', 'star', 'portrait', 'rhythm', 'synastry', 'astro',
+	'companion', 'ask', 'cards', 'reports', 'growth', 'relation',
+	'nine', 'eq', 'stress', 'sleep',
+]
+
+export function resolveIcon(raw, fallback = 'mbti') {
+	return ICON_NAMES.includes(raw) ? raw : fallback
+}
+
+export function toolIconFor(pathOrKey) {
+	const s = String(pathOrKey || '').toLowerCase()
+	if (s.includes('mbti') || s.includes('人格类型') || s.includes('tests')) return 'mbti'
+	if (s.includes('synastry') || s.includes('合盘')) return 'synastry'
+	if (s.includes('portrait') || s.includes('decode') || s.includes('解码')) return 'portrait'
+	if (s.includes('star') || s.includes('星座') || s.includes('星盘')) return 'star'
+	if (s.includes('rhythm') || s.includes('节律')) return 'rhythm'
+	if (s.includes('companion') || s.includes('节气') || s.includes('mood')) return 'companion'
+	if (s.includes('ask') || s.includes('问答')) return 'ask'
+	if (s.includes('card') || s.includes('意象')) return 'cards'
+	if (s.includes('report') || s.includes('报告')) return 'reports'
+	if (s.includes('growth') || s.includes('计划') || s.includes('会员') || s.includes('member')) return 'growth'
+	if (s.includes('relation') || s.includes('匹配') || s.includes('love')) return 'relation'
+	if (s.includes('astro') || s.includes('星象')) return 'astro'
+	if (s.includes('explore') || s.includes('探索') || s.includes('分类')) return 'mbti'
+	return 'portrait'
+}
+
+export function typeLabel(type) {
+	const map = {
+		portrait: '愈心解码',
+		star: '星座排盘',
+		rhythm: '身心节律',
+		synastry: '合盘',
+		relation: '人格匹配',
+		scale: '测评',
+	}
+	return map[type] || '成长报告'
+}
+
+export function formatDate(iso) {
+	if (!iso) return ''
+	const d = new Date(iso)
+	if (Number.isNaN(d.getTime())) return String(iso).slice(0, 10)
+	return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+}
+
+export function headlineOf(report) {
+	const s = report?.summary || {}
+	return s.headline || s.one_liner || s.label || s.title || typeLabel(report?.type)
+}
+
+export const homeGridRow1 = [
+	{ to: '/scales/mbti-lite', icon: 'mbti', label: 'MBTI测试' },
+	{ to: '/star', icon: 'star', label: '星座' },
+	{ to: '/portrait', icon: 'portrait', label: '愈心解码', badge: '热', badgeTone: 'hot' },
+	{ to: '/rhythm', icon: 'rhythm', label: '身心节律' },
+	{ to: '/synastry', icon: 'synastry', label: '合盘', badge: '新', badgeTone: 'new' },
+	{ to: '/star', icon: 'astro', label: '星象性格' },
+]
+
+export const homeGridRow2 = [
+	{ to: '/companion', icon: 'companion', label: '节气陪伴' },
+	{ to: '/ask', icon: 'ask', label: 'AI问答' },
+	{ to: '/cards', icon: 'cards', label: '意象卡片' },
+	{ to: '/reports', icon: 'reports', label: '成长报告', badge: '新', badgeTone: 'new' },
+	{ to: '/growth-plan', icon: 'growth', label: '成长计划' },
+	{ to: '/relation', icon: 'relation', label: '人格匹配' },
+]
+
+export const homeFeeds = [
+	{ to: '/portrait', icon: 'portrait', title: '愈心解码', meta: '一个生日，读懂性格与身心节奏', stat: '核心入口', tone: 'fc-e', tag: '热' },
+	{ to: '/ask', icon: 'ask', title: 'AI 成长助手', meta: '结合档案聊聊卡住的事', stat: '随时可问', tone: 'fc-a', tag: 'AI' },
+	{ to: '/star', icon: 'star', title: '星座排盘', meta: '本命盘 · 相位 · 日周月运势', stat: '本周热门', tone: 'fc-b', tag: '新' },
+	{ to: '/synastry', icon: 'synastry', title: '合盘', meta: '恋爱 / 友情 / 婚姻指数', stat: '了解彼此', tone: 'fc-c' },
+	{ to: '/scales/mbti-lite', icon: 'mbti', title: 'MBTI测试', meta: '四维偏好探索，看见自己的能量与决策节奏', stat: '热门测评', tone: 'fc-a' },
+	{ to: '/membership', icon: 'growth', title: '成长会员', meta: '深度报告与全年节气陪伴', stat: '解锁更多', tone: 'fc-e' },
+]
+
+export const mineGroupArchive = [
+	{ to: '/profile', label: '个人档案', icon: 'portrait' },
+	{ to: '/reports', label: '我的成长报告', icon: 'reports' },
+	{ to: '/portrait', label: '愈心解码', icon: 'portrait' },
+	{ to: '/star', label: '星象性格', icon: 'star' },
+	{ to: '/rhythm', label: '身心节律', icon: 'rhythm' },
+	{ to: '/cards', label: '意象卡片', icon: 'cards' },
+]
+
+export const mineGroupGrowth = [
+	{ to: '/relation', label: '人格匹配', icon: 'relation' },
+	{ to: '/ask', label: 'AI 成长助手', icon: 'ask' },
+	{ to: '/explore', label: '探索测试', icon: 'mbti' },
+	{ to: '/growth-plan', label: '成长计划', icon: 'growth' },
+	{ to: '/membership', label: '成长会员', icon: 'growth' },
+]
+
+const FEED_TONES = ['fc-e', 'fc-a', 'fc-b', 'fc-c', 'fc-a', 'fc-e']
+
+export function mapHomeBannersToFeeds(items) {
+	const sorted = [...(items || [])].sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0))
+	const out = []
+	for (let i = 0; i < sorted.length; i++) {
+		const it = sorted[i]
+		const to = String(it.link_path || '').trim()
+		if (!to.startsWith('/') || to.includes('://')) continue
+		out.push({
+			to,
+			icon: 'portrait',
+			title: it.title,
+			meta: '运营推荐',
+			stat: '推荐',
+			tone: FEED_TONES[i % FEED_TONES.length],
+			tag: '荐',
+		})
+	}
+	return out
+}
+
+export function mapHomeTools(items) {
+	const toTool = (it) => {
+		if (!ICON_NAMES.includes(it.icon)) return null
+		const t = { to: it.path, icon: it.icon, label: it.label }
+		if (it.badge) t.badge = it.badge
+		if (it.badge_tone === 'hot' || it.badge_tone === 'new') t.badgeTone = it.badge_tone
+		return t
+	}
+	const sorted = [...(items || [])].sort(
+		(a, b) => a.row_index - b.row_index || a.sort_order - b.sort_order,
+	)
+	const row1 = []
+	const row2 = []
+	for (const it of sorted) {
+		const t = toTool(it)
+		if (!t) continue
+		if (it.row_index === 1) row1.push(t)
+		else if (it.row_index === 2) row2.push(t)
+	}
+	return { row1, row2 }
+}
diff --git a/util/yxgConfig.js b/util/yxgConfig.js
index 47631ed..e1b46ca 100644
--- a/util/yxgConfig.js
+++ b/util/yxgConfig.js
@@ -1,16 +1,11 @@
-/** 愈心魔方 H5（digital-psychology user-h5） */
+/** 愈心魔方 + 咨询统一后台（Go）。本地请指向 Go API（:8080），不要指向 Vite。 */
 import { LOCAL_H5_HOST, USE_LOCAL_H5 } from './yxgConfig.local.js'
 
-const PROD_BASE = 'https://h5.yuxingu.com.cn/psy/'
-const PROD_VERSION = '202608283'
-/** 愈心魔方顶栏 logo（小程序包内 static，不请求外网） */
-export const YXG_MP_LOGO_URL = '/static/n-main/yxg-brand-logo.png'
-
+const PROD_API = 'https://h5.yuxingu.com.cn/psy'
 const isDev = import.meta.env.DEV
-const useLocalH5 = isDev && USE_LOCAL_H5
+const useLocal = isDev && USE_LOCAL_H5
 
-export const YXG_H5_VERSION = useLocalH5 ? 'local' : PROD_VERSION
-export const YXG_H5_BASE = useLocalH5 ? `http://${LOCAL_H5_HOST}/psy/` : PROD_BASE
-/** H5 内嵌场景远程 logo（历史 cover 方案遗留，小程序顶栏用 YXG_MP_LOGO_URL） */
-export const YXG_H5_LOGO_URL = 'https://miniapp.yuxingu.com.cn/yxg-mp/logo.png'
-export const YXG_H5_HOME_URL = `${YXG_H5_BASE}?mp=1&v=${YXG_H5_VERSION}`
+export const YXG_API_BASE = useLocal ? `http://${LOCAL_H5_HOST}` : PROD_API
+export const YXG_ASSET_BASE = useLocal ? `http://${LOCAL_H5_HOST}/psy` : PROD_API
+export const YXG_MP_LOGO_URL = '/static/n-main/yxg-brand-logo.png'
+export const YXG_DEFAULT_AVATAR = '/static/n-main/yxg-brand-logo.png'
diff --git a/util/yxgConfig.local.js b/util/yxgConfig.local.js
index 229e2f0..054c47f 100644
--- a/util/yxgConfig.local.js
+++ b/util/yxgConfig.local.js
@@ -1,7 +1,7 @@
 /**
- * 本地小程序联调 H5
- * USE_LOCAL_H5=false → 开发编译也访问远程 https://h5.yuxingu.com.cn/psy/（默认）
- * USE_LOCAL_H5=true  → 访问本机 Vite，LOCAL_H5_HOST 与 npm run dev:mp 打印一致
+ * 本地小程序联调统一 Go API
+ * USE_LOCAL_H5=false → https://h5.yuxingu.com.cn/psy（现网还没有 /api/v1/psychic，会 404）
+ * USE_LOCAL_H5=true  → 本机 Go，LOCAL_H5_HOST 写成 host:8080（不要写 Vite :5173）
  */
 export const USE_LOCAL_H5 = false
-export const LOCAL_H5_HOST = '192.168.100.16:5173'
+export const LOCAL_H5_HOST = '127.0.0.1:8080'
diff --git a/util/yxgNav.js b/util/yxgNav.js
new file mode 100644
index 0000000..7c1dfc7
--- /dev/null
+++ b/util/yxgNav.js
@@ -0,0 +1,75 @@
+const HOME = '/pages/yxg-magic/index'
+
+const MAP = [
+	[/^\/explore\/bank\/([^/?#]+)/, (_, c) => `/pages/yxg/explore-bank?category=${encodeURIComponent(c)}`],
+	[/^\/explore\/([^/?#]+)/, (_, c) => `/pages/yxg/explore-category?category=${encodeURIComponent(c)}`],
+	[/^\/explore\/?$/, '/pages/yxg/explore'],
+	[/^\/growth-plan\/?$/, '/pages/yxg/growth-plan'],
+	[/^\/ask\/?$/, '/pages/yxg/ask'],
+	[/^\/companion\/?$/, '/pages/yxg/companion'],
+	[/^\/mine\/?$/, '/pages/yxg/mine'],
+	[/^\/login\/?$/, '/pages/login-pop/login-pop?type=2'],
+	[/^\/profile\/?$/, '/pages/yxg/profile'],
+	[/^\/portrait\/?$/, '/pages/yxg/portrait'],
+	[/^\/star\/?$/, '/pages/yxg/star'],
+	[/^\/synastry\/invite\/([^/?#]+)/, (_, t) => `/pages/yxg/synastry-invite?token=${encodeURIComponent(t)}`],
+	[/^\/synastry\/?$/, '/pages/yxg/synastry'],
+	[/^\/rhythm\/?$/, '/pages/yxg/rhythm'],
+	[/^\/cards\/?$/, '/pages/yxg/cards'],
+	[/^\/relation\/?$/, '/pages/yxg/relation'],
+	[/^\/membership\/?$/, '/pages/yxg/membership'],
+	[/^\/scales\/([^/?#]+)/, (_, s) => `/pages/yxg/scale?slug=${encodeURIComponent(s)}`],
+	[/^\/share\/?$/, '/pages/yxg/share'],
+	[/^\/reports\/([^/?#]+)/, (_, id) => `/pages/yxg/report?id=${encodeURIComponent(id)}`],
+	[/^\/reports\/?$/, '/pages/yxg/reports'],
+	[/^\/decode\/?$/, '/pages/yxg/portrait'],
+	[/^\/?$/, HOME],
+]
+
+function withQuery(url, query) {
+	if (!query) return url
+	const pairs = Object.keys(query)
+		.filter((k) => query[k] !== undefined && query[k] !== null && query[k] !== '')
+		.map((k) => `${encodeURIComponent(k)}=${encodeURIComponent(query[k])}`)
+	if (!pairs.length) return url
+	return url + (url.includes('?') ? '&' : '?') + pairs.join('&')
+}
+
+export function h5ToMp(path, query) {
+	const raw = String(path || '/')
+	const pathname = raw.split('?')[0]
+	for (const [re, dest] of MAP) {
+		const m = pathname.match(re)
+		if (!m) continue
+		const url = typeof dest === 'function' ? dest(...m) : dest
+		return withQuery(url, query)
+	}
+	return HOME
+}
+
+export function yxgGo(path, query) {
+	const url = h5ToMp(path, query)
+	if (url === HOME || url.startsWith(`${HOME}?`)) {
+		uni.switchTab({ url: HOME })
+		return
+	}
+	uni.navigateTo({ url })
+}
+
+export function yxgReplace(path, query) {
+	const url = h5ToMp(path, query)
+	if (url === HOME || url.startsWith(`${HOME}?`)) {
+		uni.switchTab({ url: HOME })
+		return
+	}
+	uni.redirectTo({ url })
+}
+
+export function yxgBack() {
+	const pages = getCurrentPages()
+	if (pages.length > 1) {
+		uni.navigateBack()
+		return
+	}
+	uni.switchTab({ url: HOME })
+}
diff --git a/util/yxgTips.js b/util/yxgTips.js
new file mode 100644
index 0000000..c7367cd
--- /dev/null
+++ b/util/yxgTips.js
@@ -0,0 +1,78 @@
+export function localDayKey(d = new Date()) {
+	return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+}
+
+export function localShichenIndex(d = new Date()) {
+	return ((d.getHours() + 1) % 24) >> 1
+}
+
+function nextShichenEnd(d = new Date()) {
+	const shi = localShichenIndex(d)
+	const startHour = (shi * 2 + 23) % 24
+	const start = new Date(d)
+	start.setHours(startHour, 0, 0, 0)
+	if (start.getTime() > d.getTime()) start.setDate(start.getDate() - 1)
+	return new Date(start.getTime() + 2 * 3600 * 1000)
+}
+
+export function localFallbackTips() {
+	const n = new Date()
+	const day = Math.floor(Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()) / 86400000)
+	const shi = localShichenIndex(n)
+	const seed = day * 13 + shi * 19
+	const palettes = [
+		[{ name: '米白', hex: '#F5F0E8' }, { name: '雾霾蓝', hex: '#A8C4D8' }],
+		[{ name: '燕麦色', hex: '#E8DCC8' }, { name: '浅杏', hex: '#F0C9A8' }],
+		[{ name: '浅灰', hex: '#D8D6D4' }, { name: '雾粉', hex: '#E8B8C4' }],
+		[{ name: '天青', hex: '#9BB8D4' }, { name: '陶土', hex: '#C4A484' }],
+	]
+	const clothing = [
+		'轻薄透气更舒服，外套可备一件薄衫应付温差。',
+		'今日宜层搭：薄内搭+透气外衫，方便随时增减。',
+		'选柔软面料贴身，活动一整天也不易紧绷。',
+		'宽松剪裁更自在，适合慢节奏出门与散步。',
+	]
+	const notes = ['清爽干净，不抢戏。', '今日偏清透，层次更轻。', '温柔耐看，适合日常。', '柔和提气色，不显沉。']
+	const well = [
+		'午后泡一杯温茶，给身心一点缓冲。',
+		'今日做三次深呼吸，拉长呼气更易放松。',
+		'今晚早点放下屏幕，让眼睛歇一会儿。',
+		'走路时把肩膀放松，呼吸会顺很多。',
+	]
+	const i = seed % palettes.length
+	return {
+		clothingIndex: 55 + (seed % 41),
+		clothing: clothing[i],
+		colorNote: notes[i],
+		palette: palettes[i],
+		wellness: well[i],
+		source: 'fallback',
+		needBirth: true,
+		asOf: localDayKey(n),
+		shichen: shi,
+		validUntil: nextShichenEnd(n).toISOString(),
+	}
+}
+
+export function tipsFromApi(t) {
+	return {
+		clothingIndex: t.clothing_index,
+		clothing: t.clothing,
+		colorNote: t.color_note,
+		palette: (t.palette || []).map((p) => ({ name: p.name, hex: p.hex })),
+		wellness: t.wellness,
+		needBirth: !!t.need_birth,
+		guaName: t.gua_name,
+		source: t.source,
+		asOf: t.as_of || localDayKey(),
+		shichen: t.shichen,
+		shichenName: t.shichen_name,
+		validUntil: t.valid_until,
+	}
+}
+
+export function ringOffset(index) {
+	const c = 2 * Math.PI * 30
+	const pct = Math.min(100, Math.max(0, Number(index) || 0)) / 100
+	return c * (1 - pct)
+}