From 6f73f40e7883903810e4c9793d017e032aaa932e Mon Sep 17 00:00:00 2001
From: wangfukang <15630117759@163.com>
Date: Fri, 12 Jun 2026 08:16:44 +0800
Subject: [PATCH] 1

---
 package1/ieBrowser/chat.vue          |  412 +++-
 package1/ieBrowser/dailyQuestion.vue |  389 ++++
 package1/ieBrowser/index.vue         | 2864 ++++++++++++--------------
 package1/ieBrowser/match.vue         |   12 +-
 package1/ieBrowser/messages.vue      |   56 +-
 package1/ieBrowser/universe.vue      |   55 +-
 package1/planet/index.vue            |    2 +-
 7 files changed, 2176 insertions(+), 1614 deletions(-)
 create mode 100644 package1/ieBrowser/dailyQuestion.vue

diff --git a/package1/ieBrowser/chat.vue b/package1/ieBrowser/chat.vue
index fc3ecc8..99ed2b4 100644
--- a/package1/ieBrowser/chat.vue
+++ b/package1/ieBrowser/chat.vue
@@ -12,6 +12,9 @@
 				<view class="room-name">{{ companion.name }}</view>
 				<view class="room-meta">{{ roomModeText }} · 可以随时回来继续聊</view>
 			</view>
+			<view class="streak-pill" v-if="streak.streakDays > 0" :class="{ expiring: streak.expiring }" @tap="showStreakTip">
+				🔥x{{ streak.streakDays }}
+			</view>
 			<view class="more" @tap="showSafety = true">···</view>
 		</view>
 
@@ -32,8 +35,8 @@
 
 		<view class="timer-card">
 			<view>
-				<view class="timer-label">长期陪伴频道</view>
-				<view class="timer-title">{{ companion.prompt }}</view>
+				<view class="timer-label">请勿发送涉黄涉暴反动侮辱等内容</view>
+				<view class="timer-title">发送图片、音视频消息涉及内容审核，可能略有延迟</view>
 			</view>
 			<view class="timer-pill">已连接</view>
 		</view>
@@ -74,11 +77,13 @@
 					<text>{{ item.mediaDuration || 1 }}''</text>
 				</view>
 				<view class="bubble" v-else :class="{ muted: item.pending, blocked: item.blocked }">{{ item.content }}</view>
+				<view class="audit-tip blocked-tip" v-if="item.mine && item.blocked">内容未通过审核，请换一个更合适的内容</view>
 			</view>
 			<view class="hesitate-line right" v-if="typingHint">{{ typingHint }}</view>
 		</scroll-view>
 
 		<view class="presence-row" :style="{ bottom: presenceBottom }">
+			<view class="presence-chip quiz-chip" @tap="openQuiz">🎯 默契测试</view>
 			<view class="presence-chip" v-for="item in presenceActions" :key="item" @tap="sendPresence(item)">
 				{{ item }}
 			</view>
@@ -126,6 +131,42 @@
 			</view>
 		</view>
 
+		<view class="safety-mask" v-if="showQuiz" @tap="closeQuizPanel">
+			<view class="quiz-panel" @tap.stop>
+				<view class="quiz-title">🎯 默契小测试</view>
+				<view class="quiz-sub" v-if="!quiz.exists">正在出题...</view>
+				<template v-else>
+					<view class="quiz-result" v-if="quiz.bothDone">
+						<view class="quiz-rate">{{ quiz.matchRate }}%</view>
+						<view class="quiz-rate-label">{{ quizRateText }}</view>
+					</view>
+					<view class="quiz-sub" v-else-if="quiz.myDone">已提交，等 TA 答完就揭晓 ✨</view>
+					<view class="quiz-sub" v-else>5 道二选一，凭直觉选，看看你们多同频</view>
+					<scroll-view scroll-y class="quiz-scroll">
+						<view class="quiz-q" v-for="(q, qi) in quiz.questions" :key="qi">
+							<view class="quiz-q-text">{{ qi + 1 }}. {{ q.text }}</view>
+							<view class="quiz-options">
+								<view class="quiz-option"
+									:class="{ picked: !quiz.bothDone && quizPicks[qi] === 'A', revealed: quiz.bothDone, same: quiz.bothDone && q.same && q.mine === 'A' }"
+									@tap="pickQuizOption(qi, 'A')">
+									{{ q.optionA }}
+									<text class="quiz-marks" v-if="quiz.bothDone">{{ q.mine === 'A' ? ' 我' : '' }}{{ q.other === 'A' ? ' TA' : '' }}</text>
+								</view>
+								<view class="quiz-option"
+									:class="{ picked: !quiz.bothDone && quizPicks[qi] === 'B', revealed: quiz.bothDone, same: quiz.bothDone && q.same && q.mine === 'B' }"
+									@tap="pickQuizOption(qi, 'B')">
+									{{ q.optionB }}
+									<text class="quiz-marks" v-if="quiz.bothDone">{{ q.mine === 'B' ? ' 我' : '' }}{{ q.other === 'B' ? ' TA' : '' }}</text>
+								</view>
+							</view>
+						</view>
+					</scroll-view>
+					<view class="quiz-submit" v-if="!quiz.myDone" :class="{ disabled: !quizComplete }" @tap="submitQuiz">提交答案</view>
+					<view class="quiz-submit ghost" v-else @tap="closeQuizPanel">{{ quiz.bothDone ? '完成' : '先去聊天，揭晓了叫我' }}</view>
+				</template>
+			</view>
+		</view>
+
 		<view class="profile-mask" v-if="showTargetProfile" @tap="showTargetProfile = false">
 			<view class="profile-panel" @tap.stop>
 				<image class="profile-avatar-img" v-if="targetProfile.avatarUrl" :src="targetProfile.avatarUrl" mode="aspectFill"></image>
@@ -160,7 +201,7 @@
 
 <script>
 	import ieSocket from '@/common/ieSocket.js'
-	import { finishIeRoom, reportIeRoom, blockIeRoomTarget, unblockIeRoomTarget, getIeRoomBlockStatus, pageIeMessages, sendIeMessage, getIeRoomTargetProfile } from '@/common/ieApi.js'
+	import { finishIeRoom, reportIeRoom, blockIeRoomTarget, unblockIeRoomTarget, getIeRoomBlockStatus, pageIeMessages, sendIeMessage, getIeRoomTargetProfile, getIeRoomStreak, startIeQuiz, getIeQuizCurrent, answerIeQuiz } from '@/common/ieApi.js'
 	import tui from '@/common/httpRequest.js'
 
 	export default {
@@ -199,6 +240,12 @@
 				voiceSwitching: false,
 				keyboardHeight: 0,
 				keyboardListener: null,
+				streak: { streakDays: 0, bothToday: false, expiring: false },
+				lastStreakLoad: 0,
+				showQuiz: false,
+				quiz: { exists: false, questions: [] },
+				quizPicks: ['', '', '', '', ''],
+				quizPolling: null,
 				messages: [],
 				messagePage: 1,
 				messagePageSize: 20,
@@ -271,6 +318,18 @@
 				return {
 					paddingBottom: this.keyboardHeight > 0 ? (this.keyboardHeight + 140) + 'px' : '24rpx'
 				}
+			},
+			quizComplete() {
+				return this.quizPicks.every(pick => pick === 'A' || pick === 'B')
+			},
+			quizRateText() {
+				const rate = this.quiz.matchRate
+				if (rate === null || rate === undefined) return ''
+				if (rate >= 100) return '灵魂同频！这默契没谁了'
+				if (rate >= 80) return '默契惊人，你们很合拍'
+				if (rate >= 60) return '相当同频，可以处'
+				if (rate >= 40) return '互补型搭子，刚刚好'
+				return '来自两个星球，但这才有趣'
 			}
 		},
 		onLoad(options) {
@@ -300,11 +359,29 @@
 			this.initSocket()
 			this.startMessagePolling()
 			this.bindKeyboardListener()
+			this.loadStreak()
+		},
+		onShow() {
+			if (this.roomId) {
+				this.startMessagePolling()
+				this.pullNewMessages()
+			}
+		},
+		onHide() {
+			// 切后台停止轮询：避免无意义请求，也避免后台期间被动 markRead 导致未读数失真
+			this.stopMessagePolling()
+			this.stopQuizPolling()
 		},
 		onUnload() {
 			this.clearTimer()
 			this.stopMessagePolling()
+			this.stopQuizPolling()
 			this.unbindKeyboardListener()
+			if (this.roomId) {
+				ieSocket.unsubscribeRoom(this.roomId)
+			}
+			ieSocket.resetHandlers()
+			ieSocket.close()
 			if (this.innerAudioContext) {
 				this.innerAudioContext.destroy()
 				this.innerAudioContext = null
@@ -376,7 +453,8 @@
 					poster: item.poster || item.thumbTempFilePath || '',
 					mine,
 					pending: false,
-					blocked: item.isBlocked === 1
+					blocked: item.isBlocked === 1,
+					mediaAuditStatus: item.mediaAuditStatus || 0
 				}
 			},
 			startMessagePolling() {
@@ -392,6 +470,88 @@
 					this.pollTimer = null
 				}
 			},
+			loadStreak(throttled) {
+				if (!this.roomId) return
+				const now = Date.now()
+				if (throttled && now - this.lastStreakLoad < 30000) return
+				this.lastStreakLoad = now
+				getIeRoomStreak(this.roomId).then(res => {
+					if (res) this.streak = res
+				}).catch(() => {})
+			},
+			showStreakTip() {
+				const tip = this.streak.expiring
+					? `火花 x${this.streak.streakDays}，今天还没续上，互发一句就不会熄灭`
+					: `连续 ${this.streak.streakDays} 天互相陪伴，每满 ${this.streak.rewardInterval || 7} 天双方各得一次匹配机会`
+				uni.showToast({ title: tip, icon: 'none', duration: 2600 })
+			},
+			openQuiz() {
+				this.showQuiz = true
+				const handle = (res) => {
+					if (!res) return
+					this.quiz = res
+					this.quizPicks = ['', '', '', '', '']
+					if (res.myDone && !res.bothDone) {
+						this.startQuizPolling()
+					}
+				}
+				if (this.quiz.exists && !this.quiz.bothDone) {
+					getIeQuizCurrent(this.roomId).then(handle).catch(() => {})
+					return
+				}
+				startIeQuiz(this.roomId).then(handle).catch(() => {})
+			},
+			closeQuizPanel() {
+				this.showQuiz = false
+				// 已提交但未揭晓时保留轮询，揭晓后用 toast 提醒
+				if (!this.quiz.myDone || this.quiz.bothDone) {
+					this.stopQuizPolling()
+				}
+			},
+			pickQuizOption(index, option) {
+				if (this.quiz.myDone) return
+				this.$set(this.quizPicks, index, option)
+			},
+			submitQuiz() {
+				if (!this.quizComplete) {
+					uni.showToast({ title: '还有题没选哦', icon: 'none' })
+					return
+				}
+				answerIeQuiz(this.roomId, this.quizPicks.join('')).then(res => {
+					if (!res) return
+					this.quiz = res
+					if (!res.bothDone) {
+						this.startQuizPolling()
+					}
+				}).catch(() => {})
+			},
+			startQuizPolling() {
+				this.stopQuizPolling()
+				let ticks = 0
+				this.quizPolling = setInterval(() => {
+					if (++ticks > 100) {
+						this.stopQuizPolling()
+						return
+					}
+					getIeQuizCurrent(this.roomId).then(res => {
+						if (res && res.exists) {
+							this.quiz = res
+							if (res.bothDone) {
+								this.stopQuizPolling()
+								if (!this.showQuiz) {
+									uni.showToast({ title: `默契测试揭晓：${res.matchRate}%`, icon: 'none', duration: 2600 })
+								}
+							}
+						}
+					}).catch(() => {})
+				}, 3000)
+			},
+			stopQuizPolling() {
+				if (this.quizPolling) {
+					clearInterval(this.quizPolling)
+					this.quizPolling = null
+				}
+			},
 			async pullNewMessages() {
 				if (!this.roomId || this.loadingMessages) return
 				const page = await pageIeMessages(this.roomId, 1, this.messagePageSize)
@@ -399,10 +559,26 @@
 				if (!latest.length) return
 				const exists = new Set(this.messages.map(item => item.messageId || item.clientMsgId))
 				const appended = latest.filter(item => !exists.has(item.messageId || item.clientMsgId))
+				this.mergeMessageStatus(latest)
 				if (!appended.length) return
 				this.messages = this.messages.concat(appended)
 				this.scrollToBottom()
 			},
+			mergeMessageStatus(latest) {
+				latest.forEach(remote => {
+					const local = this.messages.find(item => (remote.messageId && String(item.messageId || '') === String(remote.messageId)) ||
+						(remote.clientMsgId && item.clientMsgId === remote.clientMsgId))
+					if (!local) return
+					const wasBlocked = !!local.blocked
+					local.pending = false
+					local.blocked = !!remote.blocked
+					local.mediaAuditStatus = remote.mediaAuditStatus || local.mediaAuditStatus || 0
+					local.messageId = remote.messageId || local.messageId
+					if (!wasBlocked && local.blocked && local.mine) {
+						uni.showToast({ title: '内容未通过审核，请换一个更合适的内容', icon: 'none' })
+					}
+				})
+			},
 			normalizePage(page) {
 				if (!page) return []
 				const records = Array.isArray(page) ? page : (page.records || [])
@@ -504,7 +680,9 @@
 					uni.showToast({ title: '先等等对方回复吧，首次破冰最多发送 3 条', icon: 'none' })
 					return
 				}
-				const clientMsgId = 'm-' + Date.now()
+				// 同一毫秒内连续发送（如连点表情）必须保证 clientMsgId 唯一，否则 ACK 会串消息
+				this.msgSeq = (this.msgSeq || 0) + 1
+				const clientMsgId = 'm-' + Date.now() + '-' + this.msgSeq
 				this.messages.push({
 					domId: 'msg-' + clientMsgId,
 					clientMsgId,
@@ -515,7 +693,8 @@
 					mediaFormat: media.mediaFormat,
 					poster: media.poster || '',
 					mine: true,
-					pending: true
+					pending: !this.isAuditMediaMessage(messageType),
+					mediaAuditStatus: media.mediaAuditStatus || 0
 				})
 				this.scrollToBottom()
 				this.persistMessage({
@@ -525,7 +704,9 @@
 					content,
 					mediaDuration: media.mediaDuration,
 					mediaSize: media.mediaSize,
-					mediaFormat: media.mediaFormat
+					mediaFormat: media.mediaFormat,
+					mediaCheckUrl: media.mediaCheckUrl || '',
+					mediaCheckType: media.mediaCheckType
 				})
 			},
 			needWaitReply() {
@@ -533,6 +714,9 @@
 				if (delivered.some(item => !item.mine)) return false
 				return delivered.filter(item => item.mine).length >= 3
 			},
+			isAuditMediaMessage(messageType) {
+				return messageType === 2 || messageType === 4 || messageType === 5
+			},
 			async persistMessage(payload) {
 				try {
 					const ack = await sendIeMessage(this.roomId, payload)
@@ -558,16 +742,27 @@
 				}
 			},
 			applyAck(ack) {
-				const msg = this.messages.find(item => item.clientMsgId === ack.clientMsgId)
+				const msg = this.messages.find(item => (ack.clientMsgId && item.clientMsgId === ack.clientMsgId) ||
+					(ack.messageId && String(item.messageId || '') === String(ack.messageId)))
 				if (!msg) return
+				const wasBlocked = !!msg.blocked
 				msg.pending = false
 				msg.messageId = ack.messageId
 				msg.messageType = ack.messageType || msg.messageType || 1
 				msg.mediaDuration = ack.mediaDuration || msg.mediaDuration
 				msg.mediaSize = ack.mediaSize || msg.mediaSize
 				msg.mediaFormat = ack.mediaFormat || msg.mediaFormat
+				msg.mediaAuditStatus = ack.mediaAuditStatus || msg.mediaAuditStatus || 0
 				msg.blocked = ack.isBlocked === 1
-				msg.content = msg.blocked ? '这句话没有送出，请换一种更温柔的说法。' : (ack.content || msg.content)
+				if (msg.blocked) {
+					msg.content = msg.messageType === 1 ? '这句话没有送出，请换一种更温柔的说法。' : msg.content
+					if (!wasBlocked) {
+						uni.showToast({ title: '内容未通过审核，请换一个更合适的内容', icon: 'none' })
+					}
+				} else {
+					msg.content = ack.content || msg.content
+					this.loadStreak(true)
+				}
 			},
 			chooseMedia() {
 				if (this.isBlocked) {
@@ -619,7 +814,10 @@
 					this.showEmoji = false
 					this.sendChatContent(imageUrl, 2, {
 						mediaSize: fileSize,
-						mediaFormat: 'image'
+						mediaFormat: 'image',
+						mediaCheckUrl: imageUrl,
+						mediaCheckType: 2,
+						mediaAuditStatus: 1
 					})
 				} finally {
 					this.uploadingImage = false
@@ -634,12 +832,24 @@
 						uni.showToast({ title: '视频上传失败', icon: 'none' })
 						return
 					}
+					let posterUrl = ''
+					if (file.thumbTempFilePath) {
+						try {
+							const posterResult = await tui.uploadFile('/upload/file', file.thumbTempFilePath)
+							posterUrl = typeof posterResult === 'string' ? posterResult : (posterResult.url || posterResult.fileUrl || posterResult.path || posterResult.fullPath || posterResult)
+						} catch (e) {
+							posterUrl = ''
+						}
+					}
 					this.showEmoji = false
 					this.sendChatContent(videoUrl, 5, {
 						mediaDuration: file.duration ? Math.round(file.duration) : undefined,
 						mediaSize: file.size,
 						mediaFormat: 'video',
-						poster: file.thumbTempFilePath || ''
+						poster: posterUrl || file.thumbTempFilePath || '',
+						mediaCheckUrl: posterUrl,
+						mediaCheckType: posterUrl ? 2 : undefined,
+						mediaAuditStatus: 1
 					})
 				} finally {
 					this.uploadingImage = false
@@ -743,7 +953,10 @@
 					this.sendChatContent(voiceUrl, 4, {
 						mediaDuration: Math.min(duration, 60),
 						mediaSize: fileSize,
-						mediaFormat: 'mp3'
+						mediaFormat: 'mp3',
+						mediaCheckUrl: voiceUrl,
+						mediaCheckType: 1,
+						mediaAuditStatus: 1
 					})
 				} finally {
 					this.uploadingVoice = false
@@ -932,6 +1145,7 @@
 						mediaDuration: msg.mediaDuration,
 						mediaSize: msg.mediaSize,
 						mediaFormat: msg.mediaFormat,
+						mediaAuditStatus: msg.mediaAuditStatus || 0,
 						content: msg.content,
 						mine: String(msg.senderId || '') === String(uni.getStorageSync('id') || '')
 					})
@@ -1354,6 +1568,28 @@
 
 	.bubble.muted {
 		background: rgba(223, 254, 244, 0.88);
+		opacity: .62;
+	}
+
+	.bubble.blocked {
+		opacity: .5;
+		filter: grayscale(1);
+	}
+
+	.audit-tip {
+		align-self: flex-end;
+		margin: 0 12rpx 0 0;
+		padding: 6rpx 14rpx;
+		border-radius: 999rpx;
+		color: rgba(22, 27, 46, .42);
+		background: rgba(255, 255, 255, .58);
+		font-size: 19rpx;
+		line-height: 28rpx;
+	}
+
+	.blocked-tip {
+		color: #e85d75;
+		background: rgba(255, 228, 236, .82);
 	}
 
 	.image-bubble {
@@ -1490,6 +1726,158 @@
 		font-size: 23rpx;
 	}
 
+	.quiz-chip {
+		color: #7a4dff;
+		font-weight: 800;
+		background: linear-gradient(135deg, rgba(167, 139, 250, 0.22), rgba(255, 184, 209, 0.26));
+		border: 1rpx solid rgba(122, 77, 255, 0.22);
+	}
+
+	.streak-pill {
+		flex-shrink: 0;
+		margin-right: 8rpx;
+		padding: 6rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 23rpx;
+		font-weight: 800;
+		color: #ff6a3c;
+		background: rgba(255, 138, 84, 0.14);
+		border: 1rpx solid rgba(255, 138, 84, 0.3);
+	}
+
+	.streak-pill.expiring {
+		animation: streakBlink 1.2s ease-in-out infinite;
+	}
+
+	@keyframes streakBlink {
+		0%, 100% { opacity: 1; }
+		50% { opacity: 0.45; }
+	}
+
+	.quiz-panel {
+		width: 100%;
+		max-height: 76vh;
+		padding: 32rpx 30rpx 30rpx;
+		border-radius: 38rpx;
+		background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.quiz-title {
+		font-size: 32rpx;
+		font-weight: 800;
+		text-align: center;
+	}
+
+	.quiz-sub {
+		margin-top: 10rpx;
+		text-align: center;
+		font-size: 24rpx;
+		color: rgba(22, 27, 46, 0.55);
+	}
+
+	.quiz-result {
+		margin-top: 12rpx;
+		text-align: center;
+	}
+
+	.quiz-rate {
+		font-size: 72rpx;
+		font-weight: 900;
+		background: linear-gradient(135deg, #7a4dff, #ff7eb3);
+		-webkit-background-clip: text;
+		color: transparent;
+	}
+
+	.quiz-rate-label {
+		margin-top: 4rpx;
+		font-size: 26rpx;
+		font-weight: 700;
+		color: rgba(22, 27, 46, 0.72);
+	}
+
+	.quiz-scroll {
+		margin-top: 20rpx;
+		max-height: 46vh;
+	}
+
+	.quiz-q {
+		margin-bottom: 24rpx;
+	}
+
+	.quiz-q-text {
+		font-size: 27rpx;
+		font-weight: 700;
+		margin-bottom: 12rpx;
+	}
+
+	.quiz-options {
+		display: flex;
+		gap: 14rpx;
+	}
+
+	.quiz-option {
+		flex: 1;
+		padding: 18rpx 16rpx;
+		border-radius: 20rpx;
+		font-size: 24rpx;
+		text-align: center;
+		color: rgba(22, 27, 46, 0.66);
+		background: rgba(255, 255, 255, 0.9);
+		border: 2rpx solid rgba(122, 77, 255, 0.12);
+	}
+
+	.quiz-option.picked {
+		color: #7a4dff;
+		font-weight: 800;
+		background: rgba(122, 77, 255, 0.1);
+		border-color: rgba(122, 77, 255, 0.5);
+	}
+
+	.quiz-option.revealed {
+		border-color: rgba(22, 27, 46, 0.08);
+	}
+
+	.quiz-option.same {
+		color: #ff6a3c;
+		font-weight: 800;
+		background: rgba(255, 138, 84, 0.12);
+		border-color: rgba(255, 138, 84, 0.45);
+	}
+
+	.quiz-marks {
+		margin-left: 8rpx;
+		font-size: 20rpx;
+		color: #7a4dff;
+		font-weight: 800;
+	}
+
+	.quiz-submit {
+		margin-top: 18rpx;
+		height: 86rpx;
+		line-height: 86rpx;
+		text-align: center;
+		border-radius: 999rpx;
+		font-size: 29rpx;
+		font-weight: 800;
+		color: #fff;
+		background: linear-gradient(135deg, #7a4dff, #ff7eb3);
+		box-shadow: 0 16rpx 34rpx rgba(122, 77, 255, 0.3);
+	}
+
+	.quiz-submit.disabled {
+		opacity: 0.5;
+		box-shadow: none;
+	}
+
+	.quiz-submit.ghost {
+		color: rgba(22, 27, 46, 0.62);
+		background: rgba(22, 27, 46, 0.06);
+		box-shadow: none;
+	}
+
 	.input-bar {
 		position: fixed;
 		left: 24rpx;
diff --git a/package1/ieBrowser/dailyQuestion.vue b/package1/ieBrowser/dailyQuestion.vue
new file mode 100644
index 0000000..41434a1
--- /dev/null
+++ b/package1/ieBrowser/dailyQuestion.vue
@@ -0,0 +1,389 @@
+<template>
+	<view class="daily-page">
+		<view class="top-safe" :style="{ height: menuButtonInfo.top + 'px' }"></view>
+		<view class="nav">
+			<view class="back" @tap="back">‹</view>
+			<view class="title">每日同频一题</view>
+			<view class="ghost"></view>
+		</view>
+
+		<view class="question-card" v-if="question.exists">
+			<view class="q-deco">✦ 今日全校同题 ✦</view>
+			<view class="q-text">{{ question.content }}</view>
+			<view class="q-count">已有 {{ question.answerCount }} 人回答</view>
+		</view>
+		<view class="question-card" v-else>
+			<view class="q-text">{{ loading ? '正在取今天的题目...' : '今天还没有题目，明天再来吧' }}</view>
+		</view>
+
+		<view class="answer-box" v-if="question.exists && !question.answered">
+			<textarea class="answer-input" v-model="draft" maxlength="200"
+				placeholder="写下你的回答，答完就能看到大家的答案（200字以内）"></textarea>
+			<view class="answer-submit" :class="{ disabled: !draft.trim() || submitting }" @tap="submit">
+				提交回答，解锁大家的答案 ✨
+			</view>
+		</view>
+
+		<view class="my-answer" v-if="question.exists && question.answered">
+			<view class="my-answer-label">我的回答</view>
+			<view class="my-answer-text">{{ question.myAnswer }}</view>
+		</view>
+
+		<view class="feed" v-if="question.answered">
+			<view class="feed-title">大家的回答</view>
+			<view class="answer-card" v-for="item in answers" :key="item.id">
+				<view class="card-head">
+					<image class="card-avatar-img" v-if="item.avatarUrl" :src="item.avatarUrl" mode="aspectFill"></image>
+					<view class="card-avatar" v-else>{{ item.avatarText || '◌' }}</view>
+					<view class="card-user">
+						<view class="card-name">
+							{{ item.anonymousName || '半匿名漂流者' }}
+							<text class="school-badge" v-if="item.sameSchool">同校</text>
+							<text class="mine-badge" v-if="item.mine">我</text>
+						</view>
+						<view class="card-mode">{{ item.currentMode === 'e' ? 'e 人 · 轻轻热闹' : 'i 人 · 安静陪伴' }}</view>
+					</view>
+					<view class="card-chat" v-if="!item.mine" @tap="chatWith(item)">和TA聊聊</view>
+				</view>
+				<view class="card-content">{{ item.content }}</view>
+			</view>
+			<view class="feed-status">{{ loadingAnswers ? '正在加载...' : (hasMore ? '上滑加载更多' : (answers.length ? '今天先到这里' : '还没有人回答，抢个沙发')) }}</view>
+		</view>
+		<view class="locked-tip" v-else-if="question.exists">
+			<view class="locked-icon">🔒</view>
+			<view class="locked-text">回答之后才能看到大家的答案</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { getIeDailyQuestion, answerIeDailyQuestion, pageIeDailyAnswers, matchIeByAnswer } from '@/common/ieApi.js'
+
+	export default {
+		data() {
+			return {
+				menuButtonInfo: { top: 44 },
+				loading: true,
+				question: { exists: false },
+				draft: '',
+				submitting: false,
+				answers: [],
+				pageNumber: 1,
+				hasMore: true,
+				loadingAnswers: false,
+				matchingAnswerId: null
+			}
+		},
+		onLoad() {
+			if (uni.getMenuButtonBoundingClientRect) {
+				this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+			}
+			this.loadQuestion()
+		},
+		onReachBottom() {
+			if (this.question.answered && this.hasMore && !this.loadingAnswers) {
+				this.loadAnswers()
+			}
+		},
+		methods: {
+			back() {
+				uni.navigateBack({ fail: () => uni.redirectTo({ url: '/package1/ieBrowser/index' }) })
+			},
+			async loadQuestion() {
+				this.loading = true
+				const res = await getIeDailyQuestion().catch(() => null)
+				this.loading = false
+				if (!res) return
+				this.question = res
+				if (res.answered) {
+					this.pageNumber = 1
+					this.answers = []
+					this.hasMore = true
+					this.loadAnswers()
+				}
+			},
+			async submit() {
+				const content = this.draft.trim()
+				if (!content || this.submitting) return
+				this.submitting = true
+				try {
+					const res = await answerIeDailyQuestion(content)
+					if (!res) return
+					this.draft = ''
+					uni.showToast({ title: '已提交，去看看大家的回答', icon: 'none' })
+					this.loadQuestion()
+				} finally {
+					this.submitting = false
+				}
+			},
+			async loadAnswers() {
+				if (this.loadingAnswers) return
+				this.loadingAnswers = true
+				try {
+					const res = await pageIeDailyAnswers(this.pageNumber, 10)
+					if (!res) return
+					const records = res.records || []
+					this.answers = this.pageNumber === 1 ? records : this.answers.concat(records)
+					this.hasMore = this.answers.length < (res.total || 0)
+					this.pageNumber += 1
+				} finally {
+					this.loadingAnswers = false
+				}
+			},
+			async chatWith(item) {
+				if (this.matchingAnswerId) return
+				this.matchingAnswerId = item.id
+				try {
+					const match = await matchIeByAnswer(item.id)
+					if (!match || !match.roomId) return
+					uni.navigateTo({
+						url: '/package1/ieBrowser/chat?mode=' + (match.mode || 'i') +
+							'&roomId=' + match.roomId +
+							'&targetUserId=' + match.targetUserId +
+							'&name=' + encodeURIComponent(match.anonymousName || item.anonymousName || '') +
+							'&avatar=' + encodeURIComponent(match.avatarText || item.avatarText || '') +
+							'&avatarUrl=' + encodeURIComponent(match.avatarUrl || item.avatarUrl || '') +
+							'&quote=' + encodeURIComponent(match.quoteText || '')
+					})
+				} finally {
+					this.matchingAnswerId = null
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.daily-page {
+		min-height: 100vh;
+		padding: 0 32rpx 60rpx;
+		box-sizing: border-box;
+		color: #161b2e;
+		background: radial-gradient(circle at 18% 10%, rgba(167, 139, 250, .26), transparent 320rpx),
+			radial-gradient(circle at 86% 24%, rgba(255, 184, 209, .26), transparent 320rpx),
+			linear-gradient(180deg, #fbfdff, #eef4ff 62%, #fff4e8);
+	}
+
+	.nav {
+		display: flex;
+		align-items: center;
+		height: 88rpx;
+	}
+
+	.back {
+		width: 62rpx;
+		font-size: 52rpx;
+		color: rgba(22, 27, 46, .62);
+	}
+
+	.title {
+		flex: 1;
+		text-align: center;
+		font-size: 31rpx;
+		font-weight: 800;
+	}
+
+	.ghost {
+		width: 62rpx;
+	}
+
+	.question-card {
+		margin-top: 18rpx;
+		padding: 36rpx 30rpx;
+		border-radius: 34rpx;
+		background: rgba(255, 255, 255, .8);
+		border: 1rpx solid rgba(255, 255, 255, .9);
+		box-shadow: 0 18rpx 44rpx rgba(96, 112, 160, .14);
+		text-align: center;
+	}
+
+	.q-deco {
+		font-size: 22rpx;
+		font-weight: 800;
+		color: #7a4dff;
+		letter-spacing: 4rpx;
+	}
+
+	.q-text {
+		margin-top: 16rpx;
+		font-size: 36rpx;
+		font-weight: 800;
+		line-height: 1.5;
+	}
+
+	.q-count {
+		margin-top: 14rpx;
+		font-size: 23rpx;
+		color: rgba(22, 27, 46, .5);
+	}
+
+	.answer-box {
+		margin-top: 24rpx;
+	}
+
+	.answer-input {
+		width: 100%;
+		height: 220rpx;
+		padding: 24rpx;
+		box-sizing: border-box;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, .85);
+		border: 1rpx solid rgba(255, 255, 255, .9);
+		font-size: 26rpx;
+	}
+
+	.answer-submit {
+		margin-top: 20rpx;
+		height: 92rpx;
+		line-height: 92rpx;
+		text-align: center;
+		border-radius: 999rpx;
+		font-size: 28rpx;
+		font-weight: 800;
+		color: #fff;
+		background: linear-gradient(135deg, #7a4dff, #ff7eb3);
+		box-shadow: 0 16rpx 36rpx rgba(122, 77, 255, .3);
+	}
+
+	.answer-submit.disabled {
+		opacity: .5;
+		box-shadow: none;
+	}
+
+	.my-answer {
+		margin-top: 24rpx;
+		padding: 24rpx 26rpx;
+		border-radius: 26rpx;
+		background: rgba(122, 77, 255, .08);
+		border: 1rpx solid rgba(122, 77, 255, .16);
+	}
+
+	.my-answer-label {
+		font-size: 22rpx;
+		font-weight: 800;
+		color: #7a4dff;
+	}
+
+	.my-answer-text {
+		margin-top: 8rpx;
+		font-size: 26rpx;
+		line-height: 1.5;
+	}
+
+	.feed {
+		margin-top: 28rpx;
+	}
+
+	.feed-title {
+		font-size: 28rpx;
+		font-weight: 800;
+		margin-bottom: 16rpx;
+	}
+
+	.answer-card {
+		margin-bottom: 18rpx;
+		padding: 24rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, .82);
+		border: 1rpx solid rgba(255, 255, 255, .9);
+		box-shadow: 0 12rpx 30rpx rgba(96, 112, 160, .1);
+	}
+
+	.card-head {
+		display: flex;
+		align-items: center;
+	}
+
+	.card-avatar,
+	.card-avatar-img {
+		width: 76rpx;
+		height: 76rpx;
+		border-radius: 50%;
+		flex-shrink: 0;
+	}
+
+	.card-avatar {
+		line-height: 76rpx;
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: 800;
+		color: #5a4632;
+		background: linear-gradient(135deg, #ffe9c9, #ffd6a5);
+	}
+
+	.card-user {
+		flex: 1;
+		margin-left: 16rpx;
+		min-width: 0;
+	}
+
+	.card-name {
+		font-size: 27rpx;
+		font-weight: 800;
+	}
+
+	.school-badge,
+	.mine-badge {
+		margin-left: 10rpx;
+		padding: 2rpx 12rpx;
+		border-radius: 999rpx;
+		font-size: 18rpx;
+		font-weight: 800;
+		vertical-align: 4rpx;
+	}
+
+	.school-badge {
+		color: #1d7a4f;
+		background: rgba(61, 220, 151, .16);
+	}
+
+	.mine-badge {
+		color: #7a4dff;
+		background: rgba(122, 77, 255, .12);
+	}
+
+	.card-mode {
+		margin-top: 4rpx;
+		font-size: 21rpx;
+		color: rgba(22, 27, 46, .48);
+	}
+
+	.card-chat {
+		flex-shrink: 0;
+		padding: 12rpx 24rpx;
+		border-radius: 999rpx;
+		font-size: 22rpx;
+		font-weight: 800;
+		color: #fff;
+		background: linear-gradient(135deg, #7a4dff, #ff7eb3);
+	}
+
+	.card-content {
+		margin-top: 16rpx;
+		font-size: 26rpx;
+		line-height: 1.55;
+		color: rgba(22, 27, 46, .82);
+	}
+
+	.feed-status {
+		padding: 24rpx 0 10rpx;
+		text-align: center;
+		font-size: 23rpx;
+		color: rgba(22, 27, 46, .42);
+	}
+
+	.locked-tip {
+		margin-top: 60rpx;
+		text-align: center;
+	}
+
+	.locked-icon {
+		font-size: 64rpx;
+	}
+
+	.locked-text {
+		margin-top: 14rpx;
+		font-size: 25rpx;
+		color: rgba(22, 27, 46, .5);
+	}
+</style>
diff --git a/package1/ieBrowser/index.vue b/package1/ieBrowser/index.vue
index 105b2a7..f6dc301 100644
--- a/package1/ieBrowser/index.vue
+++ b/package1/ieBrowser/index.vue
@@ -1,48 +1,77 @@
 <template>
 	<view class="ie-page" :class="{ 'low-performance': lowPowerMode }">
-		<view class="ambient ambient-a"></view>
-		<view class="ambient ambient-b"></view>
+		<view class="aurora aurora-a"></view>
+		<view class="aurora aurora-b"></view>
+		<view class="aurora aurora-c"></view>
 		<view class="top-safe" :style="{ height: menuButtonInfo.top + 'px' }"></view>
-		<view class="home-back" @tap="backHome">
-			<text class="home-back-icon"> </text>
-			<text>返回首页</text>
+
+		<view class="float-bar">
+			<view class="home-back" @tap="backHome">
+				<text class="home-back-icon">‹</text>
+				<text>返回首页</text>
+			</view>
 		</view>
 
-		<view class="status-head">
-			<view class="time-row">
-				<view class="time-line">{{ timeLabel }}</view>
+		<view class="hero">
+			<view class="hero-top">
+				<view class="hero-eyebrow">{{ timeLabel }} · {{ greeting }}</view>
 				<view class="perf-toggle" :class="{ active: lowPowerMode }" @tap="toggleLowPowerMode">
-					{{ lowPowerMode ? '流畅' : '性能' }}
+					{{ lowPowerMode ? '⚡ 流畅' : '✨ 氛围' }}
 				</view>
 			</view>
-			<view class="profile-line" @tap="goUniverse">
+			<view class="hero-statement">
+				此刻有 <text class="hero-num">{{ displayAwakeCount }}</text> 个灵魂正在这片星系漂流
+			</view>
+			<!-- <view class="hero-statement second"></view> -->
+			<view class="hero-live">
+				<text class="live-dot"></text>
+				<text>{{ waitingCount }} 个人正在等一句话</text>
+			</view>
+			<view class="hero-profile" @tap="goUniverse">
 				<image class="profile-avatar-img" v-if="profile.avatarUrl" :src="profile.avatarUrl" mode="aspectFill"></image>
 				<view class="profile-avatar" v-else>{{ profile.avatarText || '我' }}</view>
-				<view>
+				<view class="profile-meta">
 					<view class="profile-name">{{ profile.anonymousName || '半匿名漂流者' }}</view>
 					<view class="profile-tags">{{ profileTagsText }}</view>
 				</view>
-			</view>
-			<view class="live-line">此刻有 <text class="count-num">{{ displayAwakeCount }}</text> 个灵魂在线漂流。</view>
-			<view class="sub-line">{{ waitingCount }} 个人正在等一句话。</view>
-			<view class="archive-entry planet-entry" @tap="openTargetPanel">
-				<view class="planet-ring"></view>
-				<view class="planet-icon">◌</view>
+				<view class="profile-arrow">›</view>
 			</view>
 		</view>
 
 		<view class="drift-field">
-			<view class="wave-line wave-a"></view>
-			<view class="wave-line wave-b"></view>
-			<view class="drift-fragment" v-for="(item,index) in driftMessages" :key="item.text"
-				:class="['fragment-' + index, item.type, item.mood]" @tap="selectDrift(item)">
-				<view class="fragment-dot"></view>
-				<view class="fragment-text">{{ item.text }}</view>
-				<!-- <view class="bubble-actions" v-if="activeDriftText === item.text" @tap.stop>
-					<view @tap="replyDrift">回复</view>
-					<view @tap="likeDrift">轻轻赞</view>
-				</view> -->
+			<view class="spark spark-a">✦</view>
+			<view class="spark spark-b">✧</view>
+			<view class="spark spark-c">✦</view>
+			<view class="spark spark-d">✧</view>
+
+			<view class="danmu-lane lane-0">
+				<view class="lane-track">
+					<view class="danmu-item" v-for="(item,idx) in danmuLanes[0]" :key="idx"
+						:class="['tint-' + (idx % 4), item.type]" @tap="selectDrift(item)">
+						<text class="danmu-emoji">{{ moodEmoji(item) }}</text>
+						<text class="danmu-text">{{ item.text }}</text>
+					</view>
+				</view>
+			</view>
+			<view class="danmu-lane lane-1">
+				<view class="lane-track">
+					<view class="danmu-item" v-for="(item,idx) in danmuLanes[1]" :key="idx"
+						:class="['tint-' + ((idx + 1) % 4), item.type]" @tap="selectDrift(item)">
+						<text class="danmu-emoji">{{ moodEmoji(item) }}</text>
+						<text class="danmu-text">{{ item.text }}</text>
+					</view>
+				</view>
+			</view>
+			<view class="danmu-lane lane-2">
+				<view class="lane-track">
+					<view class="danmu-item" v-for="(item,idx) in danmuLanes[2]" :key="idx"
+						:class="['tint-' + ((idx + 2) % 4), item.type]" @tap="selectDrift(item)">
+						<text class="danmu-emoji">{{ moodEmoji(item) }}</text>
+						<text class="danmu-text">{{ item.text }}</text>
+					</view>
+				</view>
 			</view>
+
 			<view class="signal-planet" :style="galaxyStyle" @touchstart.stop="startGalaxyDrag" @touchmove.stop="moveGalaxyDrag"
 				@touchend="endGalaxyDrag" @touchcancel="endGalaxyDrag">
 				<view class="galaxy-breath">
@@ -60,28 +89,53 @@
 						<view class="planet-core">
 							<view class="planet-text">有人在等你</view>
 							<view class="planet-sub">{{ currentMode === 'i' ? '安静靠近' : '轻轻热闹' }}</view>
+							<view class="planet-cta">戳我 开始漂流 →</view>
 						</view>
 					</view>
 				</view>
 			</view>
 		</view>
 
-		<view class="mood-dock">
-			<view class="dock-title">
-				<text>{{ displayMoodCopy }}</text><text class="typing-cursor" v-if="displayMoodCopy.length < activeMood.copy.length"></text>
+		<view class="play-deck">
+			<view class="ticket" @tap="showTicketTip">
+				<view class="ticket-left">
+					<text class="ticket-icon">🎫</text>
+					<text class="ticket-label">今日漂流票</text>
+				</view>
+				<view class="ticket-divider"></view>
+				<view class="ticket-right">
+					<text class="ticket-num">{{ chancesLeft }}</text>
+					<text class="ticket-unit">张</text>
+				</view>
 			</view>
-			<scroll-view scroll-x class="dock-scroll" show-scrollbar="false">
-				<view class="dock-row">
-					<view class="mood-chip" v-for="item in moods" :key="item.key"
-						:class="{ active: currentMood === item.key }" @tap="changeMood(item.key)">
-						<text class="mood-icon">{{ item.icon }}</text>{{ item.label }}
-					</view>
+			<view class="target-btn" @tap="openTargetPanel">
+				<text class="target-star">✦</text>
+				<text class="target-text">想遇见谁</text>
+				<text class="target-sub">偏好设置</text>
+			</view>
+		</view>
+
+		<view class="daily-q-bar" v-if="dailyQuestion.exists" @tap="goDailyQuestion">
+			<view class="daily-q-tag">同频一题</view>
+			<view class="daily-q-text">{{ dailyQuestion.content }}</view>
+			<view class="daily-q-go">{{ dailyQuestion.answered ? '看答案' : '去回答' }} ›</view>
+		</view>
+
+		<view class="mood-strip">
+			<view class="mood-orbs">
+				<view class="mood-orb" v-for="item in moods" :key="item.key"
+					:class="{ active: currentMood === item.key }" @tap="changeMood(item.key)">
+					<view class="orb-face"><text class="orb-emoji">{{ item.icon }}</text></view>
+					<text class="orb-label">{{ item.label }}</text>
 				</view>
-			</scroll-view>
+			</view>
+			<view class="say-bubble">
+				<text>“{{ displayMoodCopy }}”</text><text class="typing-cursor" v-if="displayMoodCopy.length < activeMood.copy.length"></text>
+			</view>
 		</view>
 
 		<view class="target-mask" v-if="showTargetPanel" @tap="closeTargetPanel">
-			<view class="target-dock target-popup" @tap.stop>
+			<view class="target-popup" @tap.stop>
 				<view class="target-popup-head">
 					<view>
 						<view class="target-popup-title">随机陪伴设置</view>
@@ -89,7 +143,14 @@
 					</view>
 					<view class="target-close" @tap="closeTargetPanel">×</view>
 				</view>
-				<view class="target-title">今天想遇见谁</view>
+				<view class="target-title">找什么搭子（可选）</view>
+				<view class="target-row intent-row">
+					<view class="target-chip intent-chip" v-for="item in intents" :key="item.key"
+						:class="{ active: matchIntent === item.key }" @tap="toggleIntent(item.key)">
+						{{ item.icon }} {{ item.label }}
+					</view>
+				</view>
+				<view class="target-title gender-title">今天想遇见谁</view>
 				<view class="target-row">
 					<view class="target-chip" v-for="item in targetModes" :key="item.key"
 						:class="{ active: targetMode === item.key }" @tap="targetMode = item.key">
@@ -114,45 +175,50 @@
 			</view>
 		</view>
 
-		<view class="bottom-actions">
-			<view class="tab-glow"></view>
-			<view class="bottom-item active"><text class="tab-icon">⌛</text><text>此刻</text></view>
-			<view class="bottom-item" @tap="goFate"><text class="tab-icon">⌁</text><text>缘分</text></view>
-			<view class="bottom-item message-tab" @tap="goMessages">
-				<text class="tab-icon">◔</text>
-				<text>消息</text>
-				<text class="unread-badge" v-if="unreadCount > 0">{{ unreadText }}</text>
-			</view>
-			<view class="bottom-item" @tap="goUniverse"><text class="tab-icon">♙</text><text>我的</text></view>
-		</view>
+		<ie-bottom-tab active="index" :unread-count="unreadCount"></ie-bottom-tab>
 
 		<view class="match-mask" v-if="showMatch" @tap="closeMatch">
 			<view class="match-panel" @tap.stop>
 				<scroll-view scroll-y class="match-scroll">
-					<view class="match-top">
-						<view class="match-label">半匿名漂流者</view>
+					<view class="match-banner">
+						<view class="match-banner-deco">✦ ✧ ✦</view>
+						<view class="match-label">缘分签 · 半匿名漂流者</view>
 						<view class="close" @tap="closeMatch">×</view>
 					</view>
-					<image class="companion-orb-img" v-if="matchedPerson.avatarUrl" :src="matchedPerson.avatarUrl" mode="aspectFill" @tap="previewMatchedPersona(0)"></image>
-					<view class="companion-orb" v-else :class="matchedPerson.mode || currentMode">{{ matchedPerson.avatar }}</view>
-					<view class="match-name">{{ matchedPerson.name }}</view>
-					<view class="match-state">{{ modeText(matchedPerson.mode) }} · {{ genderText(matchedPerson.gender) }}</view>
-					<view class="match-region" v-if="matchedPerson.regionName">{{ matchedPerson.regionName }}</view>
-					<view class="match-tags" v-if="matchedPerson.tags && matchedPerson.tags.length">
-						<text v-for="tag in matchedPerson.tags" :key="tag">{{ tag }}</text>
-					</view>
-					<view class="match-state-text">{{ matchedPerson.state }}</view>
-					<view class="match-quote">{{ matchedPerson.quote }}</view>
-					<view class="match-persona" v-if="matchedPerson.personaImages && matchedPerson.personaImages.length">
-						<view class="match-section-title">人格卡片</view>
-						<scroll-view scroll-x class="match-persona-scroll">
-							<image class="match-persona-image" v-for="(img,index) in matchedPerson.personaImages" :key="img"
-								:src="img" mode="aspectFill" @tap="previewMatchedPersona(index)"></image>
-						</scroll-view>
-					</view>
-					<view class="match-actions">
-						<view class="ghost-btn" @tap="skipMatch">轻轻划过</view>
-						<view class="solid-btn" @tap="goChat">进入聊天</view>
+					<view class="match-body">
+						<view class="match-avatar-wrap">
+							<image class="companion-orb-img" v-if="matchedPerson.avatarUrl" :src="matchedPerson.avatarUrl" mode="aspectFill" @tap="previewMatchedPersona(0)"></image>
+							<view class="companion-orb" v-else :class="matchedPerson.mode || currentMode">{{ matchedPerson.avatar }}</view>
+						</view>
+						<view class="match-name">{{ matchedPerson.name }}</view>
+						<view class="match-online" v-if="matchedPerson.lastActiveText">
+							<view class="online-dot" :class="{ on: matchedOnline }"></view>
+							<text>{{ matchedPerson.lastActiveText }}</text>
+						</view>
+						<view class="match-intent" v-if="currentMatch && currentMatch.intentMatched">
+							⚡ TA 也在找{{ intentLabel(currentMatch.intent) }}
+						</view>
+						<view class="match-state">{{ modeText(matchedPerson.mode) }} · {{ genderText(matchedPerson.gender) }}</view>
+						<view class="match-region" v-if="matchedPerson.regionName">📍 {{ matchedPerson.regionName }}</view>
+						<view class="match-tags" v-if="matchedPerson.tags && matchedPerson.tags.length">
+							<text v-for="tag in matchedPerson.tags" :key="tag"># {{ tag }}</text>
+						</view>
+						<view class="match-state-text">{{ matchedPerson.state }}</view>
+						<view class="match-quote">{{ matchedPerson.quote }}</view>
+						<view class="match-persona" v-if="matchedPerson.personaImages && matchedPerson.personaImages.length">
+							<view class="match-section-title">人格卡片</view>
+							<scroll-view scroll-x class="match-persona-scroll">
+								<image class="match-persona-image" v-for="(img,index) in matchedPerson.personaImages" :key="img"
+									:src="img" mode="aspectFill" @tap="previewMatchedPersona(index)"></image>
+							</scroll-view>
+						</view>
+						<view class="match-actions">
+							<view class="ghost-btn" @tap="skipMatch">轻轻划过</view>
+							<view class="solid-btn" @tap="goChat">进入聊天 →</view>
+						</view>
+						<view class="match-groupbuy" v-if="showGroupBuyEntry" @tap="goGroupBuy">
+							🛍 搭子福利：一起拼一单更划算 →
+						</view>
 					</view>
 				</scroll-view>
 			</view>
@@ -170,9 +236,11 @@
 </template>
 
 <script>
-	import { ieHome, updateIeStatus, startIeMatch, getIeUserProfile } from '@/common/ieApi.js'
+	import { ieHome, getIeUnreadCount, updateIeStatus, startIeMatch, getIeUserProfile, getIeDailyQuestion } from '@/common/ieApi.js'
+	import IeBottomTab from '@/components/ie-bottom-tab/ie-bottom-tab.vue'
 
 	export default {
+		components: { IeBottomTab },
 		data() {
 			return {
 				menuButtonInfo: { top: 44 },
@@ -188,15 +256,26 @@
 				displayAwakeCount: 0,
 				waitingCount: 49,
 				liveTimer: null,
+				unreadTimer: null,
 				countTimer: null,
 				showProfile: false,
 				showTargetPanel: false,
+				matching: false,
 				profileReady: false,
 				profile: {},
 				lowPowerMode: false,
 				targetMode: 'any',
 				targetGender: 'any',
 				matchScope: 'school',
+				matchIntent: '',
+				intents: [
+					{ key: 'milktea', icon: '🧋', label: '奶茶搭子' },
+					{ key: 'meal', icon: '🍚', label: '吃饭搭子' },
+					{ key: 'study', icon: '📚', label: '自习搭子' },
+					{ key: 'walk', icon: '🚶', label: '散步搭子' },
+					{ key: 'chat', icon: '💬', label: '只想聊聊' }
+				],
+				dailyQuestion: { exists: false },
 				activeDriftText: '',
 				displayMoodCopy: '对方没有催我讲话，沉默变得没那么尴尬',
 				moodTypeTimer: null,
@@ -210,32 +289,21 @@
 				galaxyAutoAngle: 0,
 				galaxyTimer: null,
 				orbitPlanets: [
-					{ name: 'mint', angle: 12, radiusX: 224, radiusY: 58, size: 18, speed: 1.05, color: 'rgba(169,255,231,.92)' },
-					{ name: 'violet', angle: 86, radiusX: 190, radiusY: 92, size: 26, speed: .72, color: 'rgba(162,155,254,.86)' },
-					{ name: 'peach', angle: 156, radiusX: 246, radiusY: 74, size: 15, speed: .9, color: 'rgba(255,184,209,.9)' },
-					{ name: 'lemon', angle: 218, radiusX: 202, radiusY: 110, size: 12, speed: 1.22, color: 'rgba(255,226,139,.88)' },
-					{ name: 'aqua', angle: 288, radiusX: 270, radiusY: 84, size: 22, speed: .62, color: 'rgba(132,233,255,.82)' },
-					{ name: 'snow', angle: 332, radiusX: 166, radiusY: 48, size: 10, speed: 1.38, color: 'rgba(255,255,255,.95)' }
+					{ name: 'mint', angle: 12, radiusX: 269, radiusY: 70, size: 22, speed: 1.05, color: 'rgba(169,255,231,.92)' },
+					{ name: 'violet', angle: 86, radiusX: 228, radiusY: 110, size: 31, speed: .72, color: 'rgba(162,155,254,.86)' },
+					{ name: 'peach', angle: 156, radiusX: 295, radiusY: 89, size: 18, speed: .9, color: 'rgba(255,184,209,.9)' },
+					{ name: 'lemon', angle: 218, radiusX: 242, radiusY: 132, size: 14, speed: 1.22, color: 'rgba(255,226,139,.88)' },
+					{ name: 'aqua', angle: 288, radiusX: 324, radiusY: 101, size: 26, speed: .62, color: 'rgba(132,233,255,.82)' },
+					{ name: 'snow', angle: 332, radiusX: 199, radiusY: 58, size: 12, speed: 1.38, color: 'rgba(255,255,255,.95)' }
 				],
-				matchText: "随机遇见一个人",
 				doneText: "今天先到这里，平台下单可增加匹配次数",
-				moods: [{"key":"quiet","label":"想安静","icon":"◐","copy":"对方没有催我讲话，沉默变得没那么尴尬。"},{"key":"talk","label":"想说话","icon":"◒","copy":"聊了一个很小的日常话题，心情被拉亮了一点。"},{"key":"listen","label":"听着呢","icon":"◌","copy":"像有人坐在旁边，不需要解释为什么低落。"},{"key":"drift","label":"轻了一点","icon":"✦","copy":"只是给今天留一点柔软的痕迹。"}],
+				moods: [{"key":"quiet","label":"想安静","icon":"🌙","copy":"对方没有催我讲话，沉默变得没那么尴尬。"},{"key":"talk","label":"想说话","icon":"💭","copy":"聊了一个很小的日常话题，心情被拉亮了一点。"},{"key":"listen","label":"听着呢","icon":"🎧","copy":"像有人坐在旁边，不需要解释为什么低落。"},{"key":"drift","label":"轻了一点","icon":"🫧","copy":"只是给今天留一点柔软的痕迹。"}],
 				targetModes: [{ key: 'i', label: '匹配 i 人' }, { key: 'e', label: '匹配 e 人' }, { key: 'any', label: '都可以' }],
 				targetGenders: [{ key: 'male', label: '男生' }, { key: 'female', label: '女生' }, { key: 'any', label: '不限' }],
 				matchScopes: [{ key: 'school', label: '本校区' }, { key: 'world', label: '世界用户' }],
 				companions: {"i":[{"name":"树荫下的风","avatar":"风","state":"在校园里发呆","quote":"可以安静待 15 分钟，不用急着找话题。"},{"name":"耳机里的云","avatar":"云","state":"刚从教室出来","quote":"今天只想慢慢说两句。"}],"e":[{"name":"便利店灯光","avatar":"光","state":"想聊点不重要的","quote":"要不要交换一句今天最荒唐的小事？"},{"name":"操场散步员","avatar":"跑","state":"刚从操场回来","quote":"我可以负责开场，你负责随便接。"}]},
 				matchedPerson: {},
 				currentMatch: null,
-				stateBubbles: [
-					{ type: 'i', text: '有人刚下课，想安静走一会。', time: '2 分钟前' },
-					{ type: 'e', text: '一个 e 人想聊 5 分钟废话。', time: '刚刚' },
-					{ type: 'i', text: '图书馆三楼有人在发呆。', time: '8 分钟前' }
-				],
-				quickSignals: [
-					{ icon: '☁', text: '有点 emo', sub: '不想解释', mood: 'quiet' },
-					{ icon: '✦', text: '太无聊了', sub: '想被拉一下', mood: 'talk' },
-					{ icon: '◌', text: '只想旁听', sub: '听别人说说', mood: 'listen' }
-				],
 				driftMessages: [
 					{ type: 'i', mood: 'quiet', text: '操场现在风很舒服' },
 					{ type: 'i', mood: 'listen', text: '有人在图书馆假装努力' },
@@ -243,14 +311,22 @@
 					{ type: 'i', mood: 'quiet', text: '刚刚有人有点低落' },
 					{ type: 'e', mood: 'talk', text: '想听一个不重要的故事' },
 					{ type: 'i', mood: 'drift', text: '走在路上突然有点空' }
-				],
-				rules: [{"title":"半匿名","desc":"不展示学校、真实照片和复杂资料。"},{"title":"可回访","desc":"匹配成功后会保留聊天入口，可以继续对话。"},{"title":"低压力","desc":"可以聊天，也可以只发一个“我在”。"}]
+				]
 			}
 		},
 		computed: {
 			activeMood() {
 				return this.moods.find(item => item.key === this.currentMood) || this.moods[0]
 			},
+			matchedOnline() {
+				const text = this.matchedPerson.lastActiveText || ''
+				return text === '当前在线' || text === '刚刚在线'
+			},
+			showGroupBuyEntry() {
+				// 吃喝类搭子才挂拼团入口，意图越具体转化越自然
+				const intent = this.currentMatch && this.currentMatch.intent
+				return intent === 'milktea' || intent === 'meal'
+			},
 			profileTagsText() {
 				const tags = this.profile.interestTags || []
 				return tags.length ? tags.slice(0, 3).join(' · ') : (this.currentMode === 'i' ? '安静陪伴' : '轻轻热闹')
@@ -260,8 +336,22 @@
 				const minutes = String(this.now.getMinutes()).padStart(2, '0')
 				return `${hours}:${minutes}`
 			},
-			unreadText() {
-				return this.unreadCount > 99 ? '99+' : String(this.unreadCount)
+			greeting() {
+				const hour = this.now.getHours()
+				if (hour < 5) return '夜深了，漂流者'
+				if (hour < 11) return '早安，漂流者'
+				if (hour < 14) return '午安，漂流者'
+				if (hour < 18) return '下午好，漂流者'
+				if (hour < 23) return '晚上好，漂流者'
+				return '夜深了，漂流者'
+			},
+			danmuLanes() {
+				const lanes = [[], [], []]
+				this.driftMessages.forEach((item, index) => {
+					lanes[index % 3].push(item)
+				})
+				// Duplicate each lane so the marquee loops seamlessly.
+				return lanes.map(lane => lane.concat(lane))
 			},
 			galaxyStyle() {
 				return 'transform: translate(-50%, -50%);'
@@ -275,7 +365,6 @@
 					const y = Math.sin(angle) * planet.radiusY * Math.cos(tilt) + Math.sin(tilt) * 20
 					const scale = 0.72 + (depth + 1) * 0.18
 					const opacity = 0.42 + (depth + 1) * 0.25
-					const blur = depth > 0 ? 0 : 1.2
 					const zIndex = Math.round(8 + (depth + 1) * 7)
 					return [
 						`width: ${planet.size}rpx`,
@@ -296,6 +385,7 @@
 			this.lowPowerMode = uni.getStorageSync('ieLowPowerMode') === '1'
 			this.pickCompanion()
 			this.loadHome()
+			this.loadDailyQuestion()
 			this.animateAwakeCount(this.awakeCount)
 			this.startPageTimers()
 			this.displayMoodCopy = this.activeMood.copy
@@ -304,6 +394,7 @@
 			this.startPageTimers()
 			if (this.hasShownOnce) {
 				this.loadHome()
+				this.loadDailyQuestion()
 			} else {
 				this.hasShownOnce = true
 			}
@@ -338,24 +429,38 @@
 						this.galaxyAutoAngle = (this.galaxyAutoAngle + 3.8) % 360
 					}, 160)
 				}
+				if (!this.unreadTimer) {
+					this.unreadTimer = setInterval(() => {
+						this.refreshUnreadCount()
+					}, 15000)
+				}
 			},
 			stopPageTimers() {
-			if (this.liveTimer) {
-				clearInterval(this.liveTimer)
-				this.liveTimer = null
-			}
-			if (this.countTimer) {
-				clearInterval(this.countTimer)
-				this.countTimer = null
-			}
-			if (this.galaxyTimer) {
-				clearInterval(this.galaxyTimer)
-				this.galaxyTimer = null
-			}
-			if (this.moodTypeTimer) {
-				clearInterval(this.moodTypeTimer)
-				this.moodTypeTimer = null
-			}
+				if (this.liveTimer) {
+					clearInterval(this.liveTimer)
+					this.liveTimer = null
+				}
+				if (this.unreadTimer) {
+					clearInterval(this.unreadTimer)
+					this.unreadTimer = null
+				}
+				if (this.countTimer) {
+					clearInterval(this.countTimer)
+					this.countTimer = null
+				}
+				if (this.galaxyTimer) {
+					clearInterval(this.galaxyTimer)
+					this.galaxyTimer = null
+				}
+				if (this.moodTypeTimer) {
+					clearInterval(this.moodTypeTimer)
+					this.moodTypeTimer = null
+				}
+			},
+			async refreshUnreadCount() {
+				const count = await getIeUnreadCount()
+				if (count === null || count === undefined) return
+				this.unreadCount = Number(count) || 0
 			},
 			randomBetween(min, max) {
 				return min + Math.floor(Math.random() * (max - min + 1))
@@ -401,6 +506,25 @@
 				this.startPageTimers()
 				uni.showToast({ title: this.lowPowerMode ? '已开启流畅模式' : '已开启氛围动效', icon: 'none' })
 			},
+			loadDailyQuestion() {
+				getIeDailyQuestion().then(res => {
+					if (res) this.dailyQuestion = res
+				}).catch(() => {})
+			},
+			goDailyQuestion() {
+				uni.navigateTo({ url: '/package1/ieBrowser/dailyQuestion' })
+			},
+			toggleIntent(key) {
+				this.matchIntent = this.matchIntent === key ? '' : key
+			},
+			intentLabel(key) {
+				const item = this.intents.find(intent => intent.key === key)
+				return item ? item.label : '搭子'
+			},
+			goGroupBuy() {
+				this.showMatch = false
+				uni.navigateTo({ url: '/package2/group/groupBuyList' })
+			},
 			async loadHome() {
 				const home = await ieHome()
 				if (!home) return
@@ -454,6 +578,7 @@
 				}
 			},
 			async openMatch() {
+				if (this.matching) return
 				this.showTargetPanel = false
 				if (this.chancesLeft === 0) {
 					uni.showToast({ title: this.doneText, icon: 'none' })
@@ -464,38 +589,48 @@
 					uni.showToast({ title: '请先选择校区', icon: 'none' })
 					return
 				}
-				const match = await startIeMatch({
-					mode: this.currentMode,
-					targetMode: this.targetMode,
-					targetGender: this.targetGender,
-					matchScope: this.matchScope,
-					mood: this.currentMood,
-					...areaInfo,
-					interestTags: [this.activeMood.label]
-				})
-				if (!match || !match.roomId) {
-					uni.showToast({ title: (match && match.failReason) || '暂时没有同频的人', icon: 'none' })
-					return
-				}
-				this.currentMatch = match
-				this.matchedPerson = {
-					avatar: match.avatarText || '◌',
-					avatarUrl: match.avatarUrl || '',
-					name: match.anonymousName || '半匿名 漂流者',
-					mode: match.mode || this.currentMode,
-					gender: match.gender || '',
-					regionName: match.regionName || '',
-					tags: match.interestTags || [],
-					personaImages: match.personaImages || [],
-					state: match.stateText || '也在等一句轻轻的回应',
-					quote: match.quoteText || '可以先安静待一会，不用急着找话题。'
+				this.matching = true
+				try {
+					const match = await startIeMatch({
+						mode: this.currentMode,
+						targetMode: this.targetMode,
+						targetGender: this.targetGender,
+						matchScope: this.matchScope,
+						intent: this.matchIntent || '',
+						mood: this.currentMood,
+						...areaInfo,
+						interestTags: [this.activeMood.label]
+					})
+					if (!match || !match.roomId) {
+						uni.showToast({ title: (match && match.failReason) || '暂时没有同频的人', icon: 'none' })
+						return
+					}
+					this.currentMatch = match
+					this.matchedPerson = {
+						avatar: match.avatarText || '◌',
+						avatarUrl: match.avatarUrl || '',
+						name: match.anonymousName || '半匿名 漂流者',
+						mode: match.mode || this.currentMode,
+						gender: match.gender || '',
+						regionName: match.regionName || '',
+						tags: match.interestTags || [],
+						personaImages: match.personaImages || [],
+						state: match.stateText || '也在等一句轻轻的回应',
+						quote: match.quoteText || '可以先安静待一会，不用急着找话题。',
+						lastActiveText: match.lastActiveText || ''
+					}
+					await this.loadMatchedProfile(match.targetUserId)
+					// 匹配成功即消耗一次机会，与服务端 usedQuota 保持一致
+					this.chancesLeft = Math.max(this.chancesLeft - 1, 0)
+					this.showMatch = true
+				} finally {
+					this.matching = false
 				}
-				await this.loadMatchedProfile(match.targetUserId)
-				this.showMatch = true
 			},
 			async loadMatchedProfile(targetUserId) {
 				if (!targetUserId) return
-				const profile = await getIeUserProfile(targetUserId)
+				// 资料拉取失败不应阻断匹配成功弹窗，弹窗数据已有 match 兜底
+				const profile = await getIeUserProfile(targetUserId).catch(() => null)
 				if (!profile || profile.exists === false) return
 				this.matchedPerson = {
 					...this.matchedPerson,
@@ -519,6 +654,10 @@
 			modeText(mode) {
 				return mode === 'e' ? 'e 人' : 'i 人'
 			},
+			moodEmoji(item) {
+				const map = { quiet: '🌙', talk: '💭', listen: '🎧', drift: '🫧' }
+				return map[item.mood] || (item.type === 'e' ? '⚡' : '🌱')
+			},
 			genderText(gender) {
 				if (gender === 'male') return '男生'
 				if (gender === 'female') return '女生'
@@ -530,6 +669,9 @@
 				uni.previewImage({ urls: images, current: images[index] })
 			},
 			closeMatch() { this.showMatch = false },
+			showTicketTip() {
+				uni.showToast({ title: '平台下单，订单完成可获得3张漂流票哦', icon: 'none' })
+			},
 			toggleMode() {
 				this.currentMode = this.currentMode === 'i' ? 'e' : 'i'
 				this.syncStatus()
@@ -622,7 +764,6 @@
 				}
 			},
 			skipMatch() {
-				this.chancesLeft = Math.max(this.chancesLeft - 1, 0)
 				this.showMatch = false
 				uni.showToast({ title: "这次轻轻划过了", icon: 'none' })
 			},
@@ -639,13 +780,13 @@
 				await this.openMatch()
 			},
 			goMatchPage() {
-				uni.navigateTo({ url: '/package1/ieBrowser/match?mode=' + this.currentMode + '&mood=' + this.currentMood + '&targetMode=' + this.targetMode + '&targetGender=' + this.targetGender + '&matchScope=' + this.matchScope })
+				uni.navigateTo({ url: '/package1/ieBrowser/match?mode=' + this.currentMode + '&mood=' + this.currentMood + '&targetMode=' + this.targetMode + '&targetGender=' + this.targetGender + '&matchScope=' + this.matchScope + '&intent=' + (this.matchIntent || '') })
 			},
 			goRecords() { uni.navigateTo({ url: '/package1/ieBrowser/chatList' }) },
 			goArchive() { uni.navigateTo({ url: '/package1/ieBrowser/universe' }) },
 			goFate() { uni.navigateTo({ url: '/package1/ieBrowser/fate' }) },
-			goMessages() { uni.navigateTo({ url: '/package1/ieBrowser/messages' }) },
-			goUniverse() { uni.navigateTo({ url: '/package1/ieBrowser/universe' }) },
+			goMessages() { uni.navigateTo({ url: '/package1/ieBrowser/messages?unreadCount=' + encodeURIComponent(String(this.unreadCount || 0)) }) },
+			goUniverse() { uni.navigateTo({ url: '/package1/ieBrowser/universe?unreadCount=' + encodeURIComponent(String(this.unreadCount || 0)) }) },
 			backHome() { uni.switchTab({ url: '/pages/index/index' }) }
 		}
 	}
@@ -656,823 +797,456 @@
 		background: #f7f9ff;
 	}
 
+	/* ============ 页面底色：通透极光星系 ============ */
 	.ie-page {
+		position: relative;
 		min-height: 100vh;
-		padding: 0 32rpx 164rpx;
+		padding: 0 32rpx 150rpx;
 		box-sizing: border-box;
 		color: #161b2e;
+		overflow: hidden;
 		background:
-			radial-gradient(circle at 82% 8%, rgba(221, 231, 255, .96), rgba(221, 231, 255, 0) 330rpx),
-			radial-gradient(circle at 18% 28%, rgba(169, 255, 231, .48), rgba(169, 255, 231, 0) 300rpx),
-			radial-gradient(circle at 86% 62%, rgba(255, 184, 209, .32), rgba(255, 184, 209, 0) 360rpx),
-			linear-gradient(180deg, #fbfdff 0%, #eef4ff 52%, #fff4e8 100%);
+			radial-gradient(circle at 12% 8%, rgba(221, 231, 255, .9), transparent 320rpx),
+			radial-gradient(circle at 90% 16%, rgba(169, 255, 231, .5), transparent 340rpx),
+			radial-gradient(circle at 16% 66%, rgba(255, 214, 165, .42), transparent 360rpx),
+			radial-gradient(circle at 88% 76%, rgba(255, 184, 209, .3), transparent 400rpx),
+			linear-gradient(180deg, #fbfdff 0%, #eef4ff 56%, #fff5ea 100%);
+	}
+
+	/* 星点纹理 */
+	.ie-page::before {
+		content: '';
+		position: absolute;
+		inset: 0;
+		pointer-events: none;
+		opacity: .1;
+		background-image:
+			radial-gradient(circle, rgba(22, 27, 46, .4) 0 1rpx, transparent 1rpx),
+			radial-gradient(circle, rgba(108, 92, 231, .3) 0 1rpx, transparent 1rpx);
+		background-size: 46rpx 46rpx, 74rpx 74rpx;
+	}
+
+	.aurora {
+		position: absolute;
+		border-radius: 50%;
+		filter: blur(60rpx);
+		pointer-events: none;
+		animation: auroraDrift 10s ease-in-out infinite;
+	}
+
+	.aurora-a {
+		top: 140rpx;
+		right: -120rpx;
+		width: 380rpx;
+		height: 380rpx;
+		background: rgba(162, 155, 254, .3);
+	}
+
+	.aurora-b {
+		left: -160rpx;
+		top: 560rpx;
+		width: 420rpx;
+		height: 420rpx;
+		background: rgba(169, 255, 231, .4);
+		animation-delay: 2s;
+	}
+
+	.aurora-c {
+		right: -100rpx;
+		bottom: 240rpx;
+		width: 340rpx;
+		height: 340rpx;
+		background: rgba(255, 184, 209, .3);
+		animation-delay: 4s;
+	}
+
+	/* ============ 顶部悬浮条 ============ */
+	.float-bar {
 		position: relative;
-		overflow: hidden;
+		z-index: 5;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-top: 14rpx;
 	}
 
 	.home-back {
-		position: absolute;
-		left: 30rpx;
-		top: 92rpx;
-		z-index: 12;
 		display: flex;
 		align-items: center;
 		height: 58rpx;
-		padding: 0 22rpx 0 14rpx;
-		border: 1rpx solid rgba(255, 255, 255, .86);
+		padding: 0 22rpx 0 12rpx;
+		border: 1rpx solid rgba(255, 255, 255, .88);
 		border-radius: 999rpx;
-		color: rgba(22, 27, 46, .68);
-		background: rgba(255, 255, 255, .64);
+		color: rgba(22, 27, 46, .66);
+		background: rgba(255, 255, 255, .66);
 		backdrop-filter: blur(20rpx);
-		box-shadow: 0 16rpx 42rpx rgba(96, 112, 160, .12), inset 0 1rpx 0 rgba(255,255,255,.92);
+		box-shadow: 0 14rpx 36rpx rgba(96, 112, 160, .12), inset 0 1rpx 0 rgba(255, 255, 255, .95);
 		font-size: 23rpx;
 		font-weight: 800;
 	}
 
 	.home-back:active {
-		transform: scale(.96);
-		background: rgba(169, 255, 231, .72);
+		transform: scale(.95);
+		background: rgba(169, 255, 231, .7);
 	}
 
 	.home-back-icon {
-		margin-right: 4rpx;
-		font-size: 42rpx;
-		line-height: 52rpx;
+		margin-right: 6rpx;
+		padding-bottom: 6rpx;
+		font-size: 40rpx;
+		line-height: 50rpx;
 		font-weight: 400;
 	}
 
-	.ambient {
-		position: absolute;
-		border-radius: 50%;
-		filter: blur(10rpx);
-		opacity: .74;
-		animation: floatGlow 8s ease-in-out infinite;
+	.perf-toggle {
+		flex-shrink: 0;
+		height: 52rpx;
+		line-height: 52rpx;
+		padding: 0 20rpx;
+		border-radius: 999rpx;
+		color: rgba(22, 27, 46, .58);
+		background: rgba(255, 255, 255, .66);
+		border: 1rpx solid rgba(255, 255, 255, .88);
+		box-shadow: 0 10rpx 26rpx rgba(96, 112, 160, .1);
+		font-size: 21rpx;
+		font-weight: 800;
 	}
 
-	.ambient-a {
-		top: 190rpx;
-		right: -90rpx;
-		width: 250rpx;
-		height: 250rpx;
-		background: rgba(139, 124, 255, .16);
+	.perf-toggle.active {
+		color: #11162a;
+		background: #a9ffe7;
 	}
 
-	.ambient-b {
-		left: -130rpx;
-		top: 520rpx;
-		width: 330rpx;
-		height: 330rpx;
-		background: rgba(255, 214, 165, .34);
-		animation-delay: 1.6s;
+	/* ============ Hero 海报大字区 ============ */
+	.hero {
+		position: relative;
+		z-index: 4;
+		margin-top: 20rpx;
+		animation: riseIn .5s ease both;
 	}
 
-	.page-head {
-		position: relative;
-		z-index: 1;
+	.hero-top {
 		display: flex;
-		align-items: flex-start;
-		justify-content: space-between;
-		padding-top: 76rpx;
-		animation: riseIn .58s ease both;
+		align-items: center;
+		gap: 16rpx;
 	}
 
-	.eyebrow {
-		color: rgba(22, 27, 46, .42);
+	.hero-eyebrow {
+		display: inline-block;
+		padding: 8rpx 22rpx;
+		border-radius: 999rpx;
+		color: #5b4fd6;
+		background: rgba(139, 124, 255, .12);
 		font-size: 22rpx;
-		letter-spacing: 6rpx;
-		text-transform: uppercase;
-	}
-
-	.hero-title {
-		margin-top: 18rpx;
-		font-size: 56rpx;
-		line-height: 68rpx;
 		font-weight: 800;
-		letter-spacing: -1rpx;
-	}
-
-	.hero-desc {
-		width: 500rpx;
-		margin-top: 16rpx;
-		color: rgba(22, 27, 46, .56);
-		font-size: 26rpx;
-		line-height: 42rpx;
+		letter-spacing: 2rpx;
 	}
 
-	.archive-entry {
-		width: 92rpx;
-		height: 92rpx;
-		border: 1rpx solid rgba(255, 255, 255, .8);
-		border-radius: 50%;
-		text-align: center;
-		line-height: 92rpx;
-		color: rgba(22, 27, 46, .58);
-		font-size: 23rpx;
-		background: rgba(255, 255, 255, .62);
-		backdrop-filter: blur(24rpx);
-		box-shadow: 0 18rpx 50rpx rgba(96, 112, 160, .12);
+	.hero-statement {
+		margin-top: 14rpx;
+		font-size: 38rpx;
+		line-height: 54rpx;
+		font-weight: 900;
+		letter-spacing: -1rpx;
+		color: #161b2e;
 	}
 
-	.night-card,
-	.chance-card,
-	.state-flow {
-		position: relative;
-		z-index: 1;
-		border: 1rpx solid rgba(255, 255, 255, .76);
-		background: rgba(255, 255, 255, .62);
-		box-shadow: 0 28rpx 80rpx rgba(96, 112, 160, .13);
-		backdrop-filter: blur(28rpx);
-		animation: riseIn .58s ease both;
+	.hero-statement.second {
+		margin-top: 0;
 	}
 
-	.night-card {
-		margin-top: 54rpx;
-		padding: 38rpx;
-		border-radius: 46rpx;
-		animation-delay: .08s;
+	.hero-num {
+		display: inline-block;
+		margin: 0 6rpx;
+		padding-right: 4rpx;
+		font-size: 54rpx;
+		font-weight: 900;
+		color: #6c5ce7;
+		background: linear-gradient(115deg, #6c5ce7 10%, #00cba9 55%, #ff7eb3 95%);
+		-webkit-background-clip: text;
+		background-clip: text;
+		-webkit-text-fill-color: transparent;
+		animation: countPop .42s ease;
 	}
 
-	.night-label,
-	.match-label {
-		color: #6c69d8;
-		font-size: 22rpx;
-		font-weight: 700;
+	.hero-live {
+		display: inline-flex;
+		align-items: center;
+		margin-top: 12rpx;
+		padding: 8rpx 22rpx;
+		border-radius: 999rpx;
+		color: rgba(22, 27, 46, .62);
+		background: rgba(255, 255, 255, .6);
+		border: 1rpx solid rgba(255, 255, 255, .88);
+		backdrop-filter: blur(16rpx);
+		box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, .92), 0 10rpx 28rpx rgba(96, 112, 160, .08);
+		font-size: 23rpx;
+		font-weight: 600;
 	}
 
-	.night-copy {
-		margin-top: 18rpx;
-		color: #161b2e;
-		font-size: 38rpx;
-		line-height: 58rpx;
-		font-weight: 750;
+	.live-dot {
+		width: 14rpx;
+		height: 14rpx;
+		margin-right: 12rpx;
+		border-radius: 50%;
+		background: #2bd9a4;
+		animation: liveDotPulse 1.8s ease-out infinite;
 	}
 
-	.mood-list {
+	.hero-profile {
 		display: flex;
-		flex-wrap: wrap;
-		margin-top: 30rpx;
-	}
-
-	.mood-chip {
-		height: 62rpx;
-		line-height: 62rpx;
-		padding: 0 26rpx;
-		margin: 0 16rpx 16rpx 0;
+		align-items: center;
+		width: fit-content;
+		max-width: 600rpx;
+		margin-top: 14rpx;
+		padding: 10rpx 22rpx 10rpx 10rpx;
 		border-radius: 999rpx;
-		color: rgba(22, 27, 46, .52);
-		background: rgba(255, 255, 255, .58);
-		font-size: 24rpx;
-		transition: all .24s ease;
+		background: rgba(255, 255, 255, .56);
+		border: 1rpx solid rgba(255, 255, 255, .82);
+		box-shadow: 0 14rpx 40rpx rgba(96, 112, 160, .1);
+		transition: transform .16s ease;
 	}
 
-	.mood-chip.active {
-		color: #11162a;
-		background: #a9ffe7;
-		box-shadow: 0 12rpx 28rpx rgba(169, 255, 231, .28);
+	.hero-profile:active {
+		transform: scale(.97);
 	}
 
-	.mode-section {
-		position: relative;
-		z-index: 1;
-		margin-top: 42rpx;
-		animation: riseIn .58s ease .14s both;
+	.profile-avatar,
+	.profile-avatar-img {
+		width: 64rpx;
+		height: 64rpx;
+		margin-right: 16rpx;
+		border-radius: 50%;
+		flex-shrink: 0;
 	}
 
-	.section-line {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
+	.profile-avatar {
+		text-align: center;
+		line-height: 64rpx;
+		color: #11162a;
+		background: linear-gradient(145deg, #effffb, #a9ffe7);
+		font-size: 26rpx;
+		font-weight: 800;
 	}
 
-	.section-title {
-		margin-bottom: 20rpx;
-		color: #161b2e;
-		font-size: 30rpx;
-		font-weight: 750;
+	.profile-name {
+		font-size: 26rpx;
+		font-weight: 800;
 	}
 
-	.section-more {
-		margin-bottom: 20rpx;
-		color: rgba(22, 27, 46, .38);
-		font-size: 22rpx;
+	.profile-tags {
+		margin-top: 4rpx;
+		color: rgba(22, 27, 46, .44);
+		font-size: 20rpx;
 	}
 
-	.mode-grid {
-		display: flex;
-		gap: 20rpx;
+	.profile-arrow {
+		margin-left: 18rpx;
+		color: rgba(22, 27, 46, .35);
+		font-size: 36rpx;
+		font-weight: 300;
 	}
 
-	.mode-card {
-		flex: 1;
-		min-height: 218rpx;
-		padding: 30rpx;
-		border: 1rpx solid rgba(255, 255, 255, .76);
-		border-radius: 38rpx;
-		background: rgba(255, 255, 255, .5);
-		box-sizing: border-box;
-		box-shadow: 0 18rpx 54rpx rgba(96, 112, 160, .1);
-		transition: transform .18s ease, border-color .24s ease, background .24s ease;
+	/* ============ 漂流星域：弹幕 + 星球 ============ */
+	.drift-field {
+		position: relative;
+		z-index: 3;
+		height: 470rpx;
+		margin: 36rpx -32rpx 0;
 	}
 
-	.mode-card:active,
-	.match-button:active,
-	.state-bubble:active {
-		transform: scale(.97);
+	.spark {
+		position: absolute;
+		z-index: 1;
+		color: rgba(108, 92, 231, .55);
+		font-size: 24rpx;
+		animation: sparkTwinkle 2.6s ease-in-out infinite;
+		pointer-events: none;
 	}
 
-	.mode-card.active {
-		border-color: rgba(169, 255, 231, .95);
-		background: rgba(255, 255, 255, .72);
-	}
+	.spark-a { left: 92rpx; top: 168rpx; }
+	.spark-b { right: 70rpx; top: 120rpx; color: rgba(255, 158, 194, .7); font-size: 30rpx; animation-delay: .8s; }
+	.spark-c { right: 160rpx; bottom: 70rpx; color: rgba(43, 217, 164, .7); animation-delay: 1.6s; }
+	.spark-d { left: 60rpx; bottom: 150rpx; color: rgba(255, 214, 165, .9); font-size: 28rpx; animation-delay: 2.2s; }
 
-	.mode-mark {
-		width: 76rpx;
-		height: 76rpx;
-		border-radius: 28rpx;
-		text-align: center;
-		line-height: 76rpx;
-		font-size: 42rpx;
-		font-weight: 800;
+	/* 弹幕轨道：上下留出余量，避免倾斜的气泡被裁切 */
+	.danmu-lane {
+		position: absolute;
+		left: 0;
+		right: 0;
+		z-index: 2;
+		padding: 14rpx 0;
+		overflow: hidden;
 	}
 
-	.mode-i .mode-mark {
-		color: #f7f4ff;
-		background: #8b7cff;
-	}
+	.lane-0 { top: 0; }
+	.lane-1 { top: 188rpx; z-index: 1; }
+	.lane-2 { bottom: 0; }
 
-	.mode-e .mode-mark {
-		color: #11162a;
-		background: #a9ffe7;
+	.lane-track {
+		display: flex;
+		align-items: center;
+		width: max-content;
+		animation: laneScroll 26s linear infinite;
 	}
 
-	.mode-title {
-		margin-top: 24rpx;
-		font-size: 30rpx;
-		font-weight: 750;
+	.lane-1 .lane-track {
+		animation-duration: 34s;
+		animation-direction: reverse;
+		opacity: .85;
 	}
 
-	.mode-desc {
-		margin-top: 12rpx;
-		color: rgba(22, 27, 46, .52);
-		font-size: 23rpx;
-		line-height: 36rpx;
+	.lane-2 .lane-track {
+		animation-duration: 22s;
 	}
 
-	.chance-card {
+	.danmu-item {
 		display: flex;
 		align-items: center;
-		justify-content: space-between;
-		margin-top: 34rpx;
-		padding: 32rpx;
-		border-radius: 38rpx;
-		animation-delay: .2s;
+		flex-shrink: 0;
+		margin-right: 56rpx;
+		padding: 14rpx 26rpx;
+		border-radius: 999rpx;
+		border: 1rpx solid rgba(255, 255, 255, .9);
+		transition: transform .16s ease;
 	}
 
-	.chance-title {
-		font-size: 30rpx;
-		font-weight: 750;
+	.danmu-item:active {
+		transform: scale(1.06);
 	}
 
-	.chance-sub {
-		margin-top: 10rpx;
-		color: rgba(22, 27, 46, .5);
-		font-size: 23rpx;
-	}
-
-	.chance-count {
-		width: 110rpx;
-		height: 110rpx;
-		border-radius: 50%;
-		text-align: center;
-		line-height: 110rpx;
-		color: #11162a;
-		background: linear-gradient(145deg, #ffffff, #a9ffe7);
-		font-size: 34rpx;
-		font-weight: 800;
-		box-shadow: 0 18rpx 42rpx rgba(169, 255, 231, .34);
-	}
-
-	.match-button {
-		position: relative;
-		z-index: 1;
-		height: 108rpx;
-		margin-top: 34rpx;
-		border-radius: 999rpx;
-		text-align: center;
-		line-height: 108rpx;
-		color: #11162a;
-		background: linear-gradient(135deg, #ffffff, #a9ffe7 58%, #ffd6a5);
-		font-size: 30rpx;
-		font-weight: 800;
-		box-shadow: 0 24rpx 58rpx rgba(169, 255, 231, .3);
-		overflow: hidden;
-		animation: breathButton 2.8s ease-in-out infinite;
-	}
-
-	.match-button.disabled {
-		color: rgba(22, 27, 46, .36);
-		background: rgba(255, 255, 255, .48);
-		box-shadow: none;
-	}
-
-	.pulse {
-		position: absolute;
-		left: 34rpx;
-		top: 34rpx;
-		width: 40rpx;
-		height: 40rpx;
-		border-radius: 50%;
-		background: rgba(139, 124, 255, .16);
-	}
-
-	.state-flow {
-		margin-top: 44rpx;
-		padding: 30rpx;
-		border-radius: 40rpx;
-		animation-delay: .26s;
-	}
-
-	.flow-cloud {
-		min-height: 280rpx;
-		position: relative;
-	}
-
-	.state-bubble {
-		width: 560rpx;
-		margin-bottom: 18rpx;
-		padding: 24rpx 26rpx;
-		border-radius: 999rpx;
-		background: rgba(255, 255, 255, .56);
-		box-shadow: 0 14rpx 38rpx rgba(96, 112, 160, .1);
-		display: flex;
-		align-items: center;
-		animation: floatBubble 7s ease-in-out infinite;
-	}
-
-	.state-bubble:nth-child(2) {
-		width: 500rpx;
-		margin-left: 80rpx;
-		animation-delay: .9s;
-	}
-
-	.state-bubble:nth-child(3) {
-		width: 540rpx;
-		margin-left: 26rpx;
-		animation-delay: 1.8s;
-	}
-
-	.bubble-type {
-		width: 54rpx;
-		height: 54rpx;
-		margin-right: 18rpx;
-		border-radius: 50%;
-		text-align: center;
-		line-height: 54rpx;
-		font-size: 24rpx;
-		font-weight: 800;
-	}
-
-	.bubble-type.i {
-		color: #f7f4ff;
-		background: #8b7cff;
-	}
-
-	.bubble-type.e {
-		color: #11162a;
-		background: #a9ffe7;
-	}
-
-	.bubble-text {
-		flex: 1;
-		color: rgba(22, 27, 46, .72);
-		font-size: 24rpx;
-	}
-
-	.bubble-time {
-		margin-left: 14rpx;
-		color: rgba(22, 27, 46, .34);
-		font-size: 20rpx;
-	}
-
-	.bottom-actions {
-		position: fixed;
-		left: 30rpx;
-		right: 30rpx;
-		bottom: 30rpx;
-		z-index: 10;
-		display: flex;
-		padding: 10rpx;
-		border: 1rpx solid rgba(255, 255, 255, .76);
-		border-radius: 999rpx;
-		background: rgba(255, 255, 255, .62);
-		backdrop-filter: blur(24rpx);
-		box-shadow: 0 20rpx 60rpx rgba(96, 112, 160, .16);
-	}
-
-	.bottom-item {
-		flex: 1;
-		height: 72rpx;
-		line-height: 72rpx;
-		text-align: center;
-		border-radius: 999rpx;
-		color: rgba(22, 27, 46, .45);
-		font-size: 23rpx;
-	}
-
-	.bottom-item.active {
-		color: #11162a;
-		background: #dffef4;
-	}
-
-	.match-mask {
-		position: fixed;
-		left: 0;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 20;
-		display: flex;
-		align-items: flex-end;
-		padding: 30rpx;
-		background: rgba(22, 27, 46, .18);
-		backdrop-filter: blur(18rpx);
-		box-sizing: border-box;
-	}
-
-	.match-panel {
-		width: 100%;
-		max-height: 78vh;
-		padding: 0;
-		border: 1rpx solid rgba(255, 255, 255, .76);
-		border-radius: 46rpx;
-		background: rgba(255, 255, 255, .76);
-		box-sizing: border-box;
-		box-shadow: 0 30rpx 90rpx rgba(96, 112, 160, .18);
-		overflow: hidden;
-	}
-
-	.match-scroll {
-		max-height: 78vh;
-		padding: 34rpx;
-		box-sizing: border-box;
-	}
-
-	.match-top {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.close {
-		color: rgba(22, 27, 46, .45);
-		font-size: 42rpx;
-		line-height: 34rpx;
-	}
-
-	.companion-orb,
-	.companion-orb-img {
-		width: 152rpx;
-		height: 152rpx;
-		margin: 34rpx auto 0;
-		border-radius: 50%;
-	}
-
-	.companion-orb {
-		text-align: center;
-		line-height: 152rpx;
-		font-size: 48rpx;
-		font-weight: 800;
-	}
-
-	.companion-orb.i {
-		color: #f7f4ff;
-		background: linear-gradient(145deg, #8b7cff, #dde7ff);
-	}
-
-	.companion-orb.e {
-		color: #11162a;
-		background: linear-gradient(145deg, #a9ffe7, #ffd6a5);
-	}
-
-	.match-name {
-		margin-top: 24rpx;
-		text-align: center;
-		font-size: 36rpx;
-		font-weight: 800;
-	}
-
-	.match-state {
-		margin-top: 10rpx;
-		text-align: center;
-		color: rgba(22, 27, 46, .48);
-		font-size: 23rpx;
-	}
-
-	.match-region {
-		width: fit-content;
-		max-width: 520rpx;
-		margin: 14rpx auto 0;
-		padding: 8rpx 20rpx;
-		border-radius: 999rpx;
-		color: #6c69d8;
-		background: rgba(139, 124, 255, .1);
-		font-size: 22rpx;
-		font-weight: 700;
-	}
+	.danmu-item.tint-0 { background: linear-gradient(135deg, rgba(217, 250, 240, .96), rgba(255, 255, 255, .9)); transform: rotate(-1.6deg); }
+	.danmu-item.tint-1 { background: linear-gradient(135deg, rgba(228, 235, 255, .96), rgba(255, 255, 255, .9)); transform: rotate(1.4deg); }
+	.danmu-item.tint-2 { background: linear-gradient(135deg, rgba(255, 235, 211, .96), rgba(255, 255, 255, .9)); transform: rotate(-1.2deg); }
+	.danmu-item.tint-3 { background: linear-gradient(135deg, rgba(255, 226, 237, .96), rgba(255, 255, 255, .9)); transform: rotate(1.8deg); }
 
-	.match-tags {
-		margin-top: 18rpx;
-		text-align: center;
-	}
-
-	.match-tags text {
-		display: inline-block;
-		height: 44rpx;
-		line-height: 44rpx;
-		padding: 0 16rpx;
-		margin: 0 8rpx 10rpx;
-		border-radius: 999rpx;
-		color: #6c69d8;
-		background: rgba(139,124,255,.1);
-		font-size: 21rpx;
-		font-weight: 700;
-	}
-
-	.match-state-text {
-		margin-top: 8rpx;
-		text-align: center;
-		color: rgba(22,27,46,.54);
-		font-size: 23rpx;
-	}
-
-	.match-quote {
-		margin-top: 30rpx;
-		padding: 26rpx;
-		border-radius: 28rpx;
-		color: rgba(22, 27, 46, .72);
-		background: rgba(255, 255, 255, .58);
-		font-size: 26rpx;
-		line-height: 42rpx;
-	}
-
-	.match-persona {
-		margin-top: 22rpx;
-	}
-
-	.match-section-title {
-		margin-bottom: 14rpx;
-		color: rgba(22,27,46,.62);
-		font-size: 24rpx;
-		font-weight: 800;
-	}
-
-	.match-persona-scroll {
-		white-space: nowrap;
-	}
-
-	.match-persona-image {
-		display: inline-block;
-		width: 168rpx;
-		height: 208rpx;
-		margin-right: 16rpx;
-		border-radius: 26rpx;
-		background: rgba(22,27,46,.06);
-		box-shadow: 0 14rpx 34rpx rgba(96,112,160,.12);
-	}
-
-	.match-actions {
-		display: flex;
-		gap: 18rpx;
-		margin-top: 30rpx;
-	}
-
-	.ghost-btn,
-	.solid-btn {
-		flex: 1;
-		height: 86rpx;
-		border-radius: 999rpx;
-		text-align: center;
-		line-height: 86rpx;
-		font-size: 25rpx;
-		font-weight: 700;
-	}
-
-	.ghost-btn {
-		color: rgba(22, 27, 46, .55);
-		background: rgba(255, 255, 255, .54);
-	}
-
-	.solid-btn {
-		color: #11162a;
-		background: #a9ffe7;
-	}
-
-	@keyframes riseIn {
-		from { opacity: 0; transform: translateY(20rpx); }
-		to { opacity: 1; transform: translateY(0); }
-	}
-
-	@keyframes floatGlow {
-		0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
-		50% { transform: translate3d(20rpx, -26rpx, 0) scale(1.08); }
-	}
-
-	@keyframes floatBubble {
-		0%, 100% { transform: translateY(0); }
-		50% { transform: translateY(-12rpx); }
-	}
-
-	@keyframes breathButton {
-		0%, 100% { transform: scale(1); }
-		50% { transform: scale(1.018); }
-	}
-
-	.ie-page {
-		padding-bottom: 170rpx;
-		color: #161b2e;
-		background:
-			radial-gradient(circle at 12% 10%, rgba(221,231,255,.92), transparent 320rpx),
-			radial-gradient(circle at 88% 18%, rgba(169,255,231,.54), transparent 360rpx),
-			radial-gradient(circle at 20% 72%, rgba(255,214,165,.5), transparent 380rpx),
-			radial-gradient(circle at 86% 78%, rgba(255,184,209,.32), transparent 420rpx),
-			linear-gradient(180deg, #fbfdff 0%, #eef4ff 58%, #fff7ec 100%);
-	}
-
-	.ie-page::before {
-		content: '';
-		position: absolute;
-		inset: 0;
-		pointer-events: none;
-		opacity: .12;
-		background-image:
-			radial-gradient(circle, rgba(22,27,46,.34) 0 1rpx, transparent 1rpx),
-			radial-gradient(circle, rgba(139,124,255,.22) 0 1rpx, transparent 1rpx);
-		background-size: 42rpx 42rpx, 68rpx 68rpx;
-	}
-
-	.ie-page::after {
-		content: '';
-		position: absolute;
-		left: -20%;
-		top: -15%;
-		width: 140%;
-		height: 120%;
-		pointer-events: none;
-		background: linear-gradient(120deg, transparent 15%, rgba(255,255,255,.42), transparent 45%, rgba(169,255,231,.24), transparent 70%);
-		opacity: .45;
-	}
-
-	.status-head {
-		position: relative;
-		z-index: 2;
-		padding-top: 74rpx;
-	}
-
-	.time-row {
-		display: flex;
-		align-items: center;
-		gap: 18rpx;
-	}
-
-	.time-line {
-		font-size: 46rpx;
-		line-height: 58rpx;
-		font-weight: 300;
-		letter-spacing: 2rpx;
-		color: #161b2e;
-	}
-
-	.profile-line {
-		display: flex;
-		align-items: center;
-		width: 520rpx;
-		margin-top: 18rpx;
-		padding: 18rpx 22rpx;
-		border-radius: 30rpx;
-		background: rgba(255,255,255,.58);
-		border: 1rpx solid rgba(255,255,255,.78);
-		box-shadow: 0 18rpx 54rpx rgba(96,112,160,.1);
-	}
-
-	.profile-avatar,
-	.profile-avatar-img {
-		width: 72rpx;
-		height: 72rpx;
-		margin-right: 18rpx;
-		border-radius: 50%;
-	}
-
-	.profile-avatar {
-		text-align: center;
-		line-height: 72rpx;
-		color: #11162a;
-		background: linear-gradient(145deg, #effffb, #a9ffe7);
-		font-size: 28rpx;
-		font-weight: 800;
-	}
-
-	.profile-name {
+	.danmu-emoji {
+		margin-right: 12rpx;
 		font-size: 28rpx;
-		font-weight: 800;
-	}
-
-	.profile-tags {
-		margin-top: 6rpx;
-		color: rgba(22,27,46,.44);
-		font-size: 21rpx;
-	}
-
-	.live-line {
-		width: 560rpx;
-		margin-top: 18rpx;
-		font-size: 34rpx;
-		line-height: 48rpx;
-		font-weight: 700;
-		color: #161b2e;
+		line-height: 1;
 	}
 
-	.sub-line {
-		margin-top: 8rpx;
-		color: rgba(22,27,46,.48);
+	.danmu-text {
+		color: rgba(22, 27, 46, .76);
 		font-size: 24rpx;
+		font-weight: 600;
+		white-space: nowrap;
 	}
 
-	.status-head .archive-entry {
-		position: absolute;
-		right: 0;
-		top: 72rpx;
-		width: 134rpx;
-		height: 58rpx;
-		line-height: 58rpx;
-		border-radius: 999rpx;
-		color: rgba(22,27,46,.58);
-		background: rgba(255,255,255,.58);
-		border-color: rgba(255,255,255,.78);
-		box-shadow: 0 24rpx 70rpx rgba(96,112,160,.13);
+	/* 中央星球 */
+	.signal-planet {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		z-index: 5;
+		width: 410rpx;
+		height: 410rpx;
+		perspective: 1180rpx;
 	}
 
-	.perf-toggle {
-		height: 48rpx;
-		line-height: 48rpx;
-		padding: 0 18rpx;
-		border-radius: 999rpx;
-		color: rgba(22,27,46,.58);
-		background: rgba(255,255,255,.72);
-		border: 1rpx solid rgba(255,255,255,.86);
-		box-shadow: 0 12rpx 32rpx rgba(96,112,160,.1);
-		font-size: 20rpx;
-		font-weight: 800;
+	.galaxy-breath {
+		position: absolute;
+		inset: 0;
+		animation: galaxyBreath 4.2s ease-in-out infinite;
 	}
 
-	.perf-toggle.active {
-		color: #11162a;
-		background: #a9ffe7;
+	.galaxy-body {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		width: 260rpx;
+		height: 260rpx;
+		transform: translate(-50%, -50%) translateZ(34rpx);
+		border-radius: 47% 53% 44% 56% / 56% 42% 58% 44%;
+		background:
+			radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .94), rgba(255, 255, 255, 0) 38%),
+			radial-gradient(circle at 70% 74%, rgba(162, 155, 254, .66), rgba(162, 155, 254, 0) 46%),
+			linear-gradient(135deg, rgba(169, 255, 231, .78), rgba(221, 231, 255, .76) 54%, rgba(255, 184, 209, .52));
+		box-shadow:
+			0 36rpx 96rpx rgba(108, 92, 231, .22),
+			inset 10rpx 12rpx 34rpx rgba(255, 255, 255, .64),
+			inset -20rpx -22rpx 42rpx rgba(108, 92, 231, .18);
+		overflow: hidden;
+		z-index: 12;
+		animation: blobMorph 9s ease-in-out infinite;
 	}
 
-	.drift-field {
-		position: relative;
-		z-index: 2;
-		height: 660rpx;
-		margin-top: 28rpx;
+	.galaxy-body::before {
+		content: '';
+		position: absolute;
+		left: 28rpx;
+		top: 22rpx;
+		width: 108rpx;
+		height: 86rpx;
+		border-radius: 50%;
+		background: radial-gradient(circle, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 68%);
+		filter: blur(2rpx);
+		z-index: 1;
 	}
 
-	.wave-line {
+	.galaxy-ring {
 		position: absolute;
 		left: 50%;
 		top: 50%;
-		border: 1rpx solid rgba(139,124,255,.16);
 		border-radius: 50%;
-		transform: translate(-50%, -50%) rotate(-12deg);
+		pointer-events: none;
 	}
 
-	.wave-a {
-		width: 620rpx;
-		height: 310rpx;
-		animation: orbitBreath 7.5s ease-in-out infinite;
+	.ring-main {
+		width: 480rpx;
+		height: 148rpx;
+		margin-left: -240rpx;
+		margin-top: -74rpx;
+		border: 12rpx solid rgba(111, 231, 224, .36);
+		box-shadow: 0 0 34rpx rgba(169, 255, 231, .32), inset 0 0 22rpx rgba(255, 255, 255, .46);
+		transform: rotateX(66deg) rotateZ(-14deg);
+		animation: ringDrift 18s linear infinite;
 	}
 
-	.wave-b {
-		width: 460rpx;
-		height: 460rpx;
-		border-color: rgba(169,255,231,.34);
-		animation: orbitSpin 18s linear infinite;
+	.ring-second {
+		width: 396rpx;
+		height: 120rpx;
+		margin-left: -198rpx;
+		margin-top: -60rpx;
+		border: 4rpx solid rgba(162, 155, 254, .38);
+		transform: rotateX(72deg) rotateZ(24deg) translateZ(24rpx);
+		animation: ringDrift 24s linear infinite reverse;
 	}
 
-	.signal-planet {
+	.ring-third {
+		width: 318rpx;
+		height: 318rpx;
+		margin-left: -159rpx;
+		margin-top: -159rpx;
+		border: 3rpx solid rgba(255, 214, 165, .36);
+		transform: rotateX(18deg) rotateY(64deg);
+		animation: ringDrift 30s linear infinite;
+	}
+
+	.orbit-planet {
 		position: absolute;
 		left: 50%;
 		top: 50%;
-		width: 246rpx;
-		height: 246rpx;
-		transform: translate(-50%, -50%);
 		border-radius: 50%;
-		background: rgba(255,255,255,.52);
+		pointer-events: none;
 		box-shadow:
-			0 0 0 1rpx rgba(255,255,255,.78),
-			0 28rpx 90rpx rgba(169,255,231,.24),
-			inset 0 0 70rpx rgba(255,255,255,.38);
-		backdrop-filter: blur(26rpx);
-		overflow: hidden;
-		animation: planetBreath 3.2s ease-in-out infinite;
+			0 0 18rpx rgba(255, 255, 255, .72),
+			0 0 34rpx currentColor,
+			inset 3rpx 4rpx 8rpx rgba(255, 255, 255, .68),
+			inset -4rpx -5rpx 10rpx rgba(108, 92, 231, .18);
+		transition: transform .16s linear, opacity .16s linear;
+	}
+
+	.orbit-planet::after {
+		content: '';
+		position: absolute;
+		left: 18%;
+		top: 16%;
+		width: 34%;
+		height: 28%;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, .86);
+		filter: blur(1rpx);
 	}
 
 	.liquid {
@@ -1482,23 +1256,38 @@
 	}
 
 	.liquid-a {
-		left: -30rpx;
-		top: 22rpx;
-		width: 220rpx;
-		height: 190rpx;
-		background: rgba(169,255,231,.58);
+		left: -46rpx;
+		top: 16rpx;
+		width: 250rpx;
+		height: 226rpx;
+		background: rgba(169, 255, 231, .58);
 		animation: liquidMove 7s ease-in-out infinite;
 	}
 
 	.liquid-b {
-		right: -44rpx;
-		bottom: 10rpx;
-		width: 190rpx;
-		height: 210rpx;
-		background: rgba(139,124,255,.28);
+		right: -60rpx;
+		bottom: -20rpx;
+		width: 238rpx;
+		height: 232rpx;
+		background: rgba(139, 124, 255, .28);
 		animation: liquidMove 8s ease-in-out infinite reverse;
 	}
 
+	.soul-particle {
+		position: absolute;
+		width: 8rpx;
+		height: 8rpx;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, .86);
+		box-shadow: 0 0 18rpx rgba(255, 255, 255, .8);
+		z-index: 2;
+		animation: soulFloat 5s ease-in-out infinite;
+	}
+
+	.soul-a { left: 78rpx; top: 66rpx; }
+	.soul-b { right: 70rpx; top: 116rpx; animation-delay: 1.2s; }
+	.soul-c { left: 142rpx; bottom: 70rpx; animation-delay: 2s; }
+
 	.planet-core {
 		position: relative;
 		z-index: 2;
@@ -1511,881 +1300,738 @@
 	}
 
 	.planet-text {
-		min-width: 172rpx;
-		font-size: 27rpx;
-		line-height: 38rpx;
-		font-weight: 700;
+		font-size: 32rpx;
+		line-height: 44rpx;
+		font-weight: 800;
 		color: #161b2e;
 		white-space: nowrap;
 	}
 
 	.planet-sub {
-		margin-top: 10rpx;
-		color: rgba(22,27,46,.48);
-		font-size: 21rpx;
-	}
-
-	.drift-fragment {
-		position: absolute;
-		z-index: 3;
-		display: flex;
-		align-items: center;
-		padding: 16rpx 22rpx;
-		border: 1rpx solid rgba(255,255,255,.78);
-		border-radius: 999rpx;
-		background: rgba(255,255,255,.64);
-		backdrop-filter: blur(22rpx);
-		box-shadow: 0 18rpx 60rpx rgba(0,0,0,.12);
-		animation: fragmentFloat 8s ease-in-out infinite;
-	}
-
-	.fragment-dot {
-		width: 12rpx;
-		height: 12rpx;
-		margin-right: 12rpx;
-		border-radius: 50%;
-		background: #a9ffe7;
-		box-shadow: 0 0 20rpx rgba(169,255,231,.8);
-	}
-
-	.drift-fragment.e .fragment-dot {
-		background: #ffd6a5;
-		box-shadow: 0 0 20rpx rgba(255,214,165,.75);
-	}
-
-	.fragment-text {
-		color: rgba(22,27,46,.72);
-		font-size: 23rpx;
-		white-space: nowrap;
-	}
-
-	.fragment-0 { left: 18rpx; top: 72rpx; animation-delay: .2s; }
-	.fragment-1 { right: 18rpx; top: 154rpx; animation-delay: 1.1s; }
-	.fragment-2 { left: 62rpx; bottom: 110rpx; animation-delay: 2s; }
-	.fragment-3 { right: 26rpx; bottom: 196rpx; animation-delay: .6s; }
-	.fragment-4 { left: 210rpx; top: 18rpx; animation-delay: 1.7s; }
-	.fragment-5 { left: 154rpx; bottom: 28rpx; animation-delay: 2.4s; }
-
-	.mood-dock {
-		position: relative;
-		z-index: 3;
-		margin-top: -34rpx;
-		padding: 28rpx;
-		border: 1rpx solid rgba(255,255,255,.9);
-		border-radius: 42rpx;
-		background:
-			linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.54)),
-			radial-gradient(circle at 18% 0%, rgba(169,255,231,.26), transparent 180rpx),
-			radial-gradient(circle at 88% 100%, rgba(255,184,209,.16), transparent 220rpx);
-		backdrop-filter: blur(16rpx);
-		box-shadow:
-			0 28rpx 80rpx rgba(96,112,160,.16),
-			inset 0 1rpx 0 rgba(255,255,255,.96),
-			inset 0 -1rpx 0 rgba(139,124,255,.08);
-		overflow: hidden;
-	}
-
-	.mood-dock::before {
-		content: '';
-		position: absolute;
-		left: -20%;
-		top: -80%;
-		width: 140%;
-		height: 120%;
-		background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.48), transparent 58%);
-		opacity: .2;
-		pointer-events: none;
-	}
-
-	.dock-title {
-		position: relative;
-		z-index: 1;
-		color: rgba(22,27,46,.72);
-		font-size: 27rpx;
-		line-height: 42rpx;
-		font-weight: 650;
-	}
-
-	.target-dock {
-		position: relative;
-		z-index: 3;
-		padding: 24rpx 28rpx;
-		border-radius: 36rpx;
-		background: rgba(255,255,255,.66);
-		border: 1rpx solid rgba(255,255,255,.86);
-		box-shadow: 0 20rpx 64rpx rgba(96,112,160,.12);
-		backdrop-filter: blur(12rpx);
-	}
-
-	.target-mask {
-		position: fixed;
-		left: 0;
-		right: 0;
-		top: 0;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: flex-end;
-		padding: 32rpx 30rpx 136rpx;
-		box-sizing: border-box;
-		background: rgba(22,27,46,.18);
-		backdrop-filter: blur(16rpx);
-	}
-
-	.target-popup {
-		width: 100%;
-		margin-top: 0;
-		padding: 34rpx 30rpx 30rpx;
-		border-radius: 42rpx;
-		background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.76)), radial-gradient(circle at 82% 0%, rgba(169,255,231,.28), transparent 220rpx);
-		box-shadow: 0 34rpx 100rpx rgba(96,112,160,.22);
-		animation: targetUp .18s ease-out both;
-	}
-
-	.target-popup-head {
-		display: flex;
-		align-items: flex-start;
-		justify-content: space-between;
-		margin-bottom: 28rpx;
-	}
-
-	.target-popup-title {
-		color: #161b2e;
-		font-size: 34rpx;
-		font-weight: 900;
-	}
-
-	.target-popup-sub {
 		margin-top: 8rpx;
-		color: rgba(22,27,46,.46);
-		font-size: 23rpx;
-	}
-
-	.target-close {
-		width: 58rpx;
-		height: 58rpx;
-		border-radius: 50%;
-		text-align: center;
-		line-height: 54rpx;
-		color: rgba(22,27,46,.5);
-		background: rgba(238,244,255,.78);
-		font-size: 36rpx;
-		font-weight: 700;
-	}
-
-	.target-title {
-		color: rgba(22,27,46,.54);
-		font-size: 23rpx;
-		font-weight: 800;
-	}
-
-	.target-row {
-		display: flex;
-		margin-top: 18rpx;
-	}
-
-	.target-chip {
-		height: 62rpx;
-		line-height: 62rpx;
-		padding: 0 24rpx;
-		margin-right: 14rpx;
-		border-radius: 999rpx;
-		color: rgba(22,27,46,.52);
-		background: rgba(238,244,255,.78);
+		color: rgba(22, 27, 46, .5);
 		font-size: 23rpx;
-		font-weight: 700;
-	}
-
-	.target-chip.active {
-		color: #11162a;
-		background: #a9ffe7;
-	}
-
-	.start-match-btn {
-		height: 88rpx;
-		line-height: 88rpx;
-		margin-top: 22rpx;
-		border-radius: 999rpx;
-		text-align: center;
-		color: #11162a;
-		background: linear-gradient(135deg, #effffb, #a9ffe7 62%, #ffd6a5);
-		box-shadow: 0 18rpx 46rpx rgba(169,255,231,.26);
-		font-size: 28rpx;
-		font-weight: 900;
-	}
-
-	.gender-title {
-		margin-top: 24rpx;
-	}
-
-	@keyframes targetUp {
-		from { transform: translateY(42rpx); opacity: 0; }
-		to { transform: translateY(0); opacity: 1; }
-	}
-
-	.dock-scroll {
-		width: 100%;
-		margin-top: 20rpx;
-		white-space: nowrap;
-	}
-
-	.dock-row {
-		position: relative;
-		z-index: 1;
-		display: flex;
-		align-items: center;
-		width: max-content;
-		padding-right: 28rpx;
-		box-sizing: border-box;
+		animation: subBreath 3s ease-in-out infinite;
 	}
 
-	.mood-dock .mood-chip,
-	.mode-switch {
-		flex-shrink: 0;
-		height: 64rpx;
-		line-height: 64rpx;
-		padding: 0 26rpx;
-		margin-right: 14rpx;
+	.planet-cta {
+		margin-top: 16rpx;
+		padding: 8rpx 20rpx;
 		border-radius: 999rpx;
-		color: rgba(22,27,46,.5);
-		background: rgba(255,255,255,.72);
-		border: 1rpx solid rgba(255,255,255,.82);
-		box-shadow:
-			0 10rpx 28rpx rgba(96,112,160,.08),
-			inset 0 1rpx 0 rgba(255,255,255,.9);
-		font-size: 23rpx;
-		transition: transform .16s ease, background .24s ease;
-	}
-
-	.mood-dock .mood-chip:active,
-	.mode-switch:active {
-		transform: scale(.96);
-	}
-
-	.mood-dock .mood-chip.active {
-		color: #161b2e;
-		background: linear-gradient(135deg, #eafff8, #a9ffe7);
-		box-shadow:
-			0 14rpx 34rpx rgba(169,255,231,.34),
-			inset 0 1rpx 0 rgba(255,255,255,.92);
+		color: #5b4fd6;
+		background: rgba(255, 255, 255, .78);
+		box-shadow: 0 8rpx 22rpx rgba(108, 92, 231, .2), inset 0 1rpx 0 rgba(255, 255, 255, .95);
+		font-size: 20rpx;
+		font-weight: 800;
+		letter-spacing: 1rpx;
+		animation: ctaBreath 2.2s ease-in-out infinite;
 	}
 
-	.mood-dock .mood-chip:last-child {
-		margin-right: 28rpx;
+	/* ============ 漂流票 + 想遇见谁 ============ */
+	.play-deck {
+		position: relative;
+		z-index: 4;
+		display: flex;
+		align-items: stretch;
+		gap: 20rpx;
+		margin-top: 24rpx;
 	}
 
-	.mode-switch {
-		color: #6c69d8;
-		border: 1rpx solid rgba(139,124,255,.2);
-		background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(221,231,255,.58));
+	.ticket {
+		flex: 1.3;
+		display: flex;
+		align-items: stretch;
+		min-height: 100rpx;
+		border-radius: 26rpx;
+		overflow: hidden;
+		background: #ffffff;
+		box-shadow: 0 14rpx 36rpx rgba(96, 112, 160, .14);
+		transition: transform .16s ease;
 	}
 
-	.page-head,
-	.night-card:not(.mood-console),
-	.mode-section,
-	.chance-card,
-	.match-button,
-	.state-flow,
-	.quick-signals {
-		display: none;
+	.ticket:active {
+		transform: scale(.95);
 	}
 
-	.bottom-actions {
-		padding: 12rpx;
-		border-radius: 999rpx;
-		background:
-			linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.58)),
-			radial-gradient(circle at 12% 0%, rgba(169,255,231,.2), transparent 160rpx);
-		border: 1rpx solid rgba(255,255,255,.9);
-		box-shadow:
-			0 24rpx 80rpx rgba(96,112,160,.18),
-			inset 0 1rpx 0 rgba(255,255,255,.96),
-			inset 0 -1rpx 0 rgba(139,124,255,.08);
+	.ticket-left {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+		padding: 0 14rpx 0 22rpx;
+		background: linear-gradient(135deg, #dffef4, #aef5dd);
 	}
 
-	.bottom-item {
-		height: 70rpx;
-		line-height: 70rpx;
-		color: rgba(22,27,46,.38);
-		transition: transform .16s ease, background .24s ease;
+	.ticket-icon {
+		font-size: 34rpx;
 	}
 
-	.bottom-item:active {
-		transform: scale(.96);
+	.ticket-label {
+		color: #0e4a35;
+		font-size: 23rpx;
+		font-weight: 900;
+		letter-spacing: 1rpx;
 	}
 
-	.bottom-item.active {
-		color: #161b2e;
-		background: linear-gradient(135deg, #eafff8, #a9ffe7);
-		box-shadow:
-			0 12rpx 30rpx rgba(169,255,231,.34),
-			inset 0 1rpx 0 rgba(255,255,255,.95);
+	.ticket-divider {
+		position: relative;
+		width: 0;
+		margin: 14rpx 0;
+		border-left: 3rpx dashed rgba(22, 27, 46, .18);
 	}
 
-	@keyframes panelBreath {
-		0%, 100% { transform: translateY(0); box-shadow: 0 28rpx 80rpx rgba(96,112,160,.16), inset 0 1rpx 0 rgba(255,255,255,.96), inset 0 -1rpx 0 rgba(139,124,255,.08); }
-		50% { transform: translateY(-4rpx); box-shadow: 0 34rpx 92rpx rgba(96,112,160,.2), inset 0 1rpx 0 rgba(255,255,255,.98), inset 0 -1rpx 0 rgba(139,124,255,.12); }
+	.ticket-divider::before,
+	.ticket-divider::after {
+		content: '';
+		position: absolute;
+		left: -11rpx;
+		width: 20rpx;
+		height: 20rpx;
+		border-radius: 50%;
+		background: #f1f5fd;
 	}
 
-	@keyframes glassSweep {
-		0%, 70%, 100% { transform: translateX(-40%) rotate(8deg); opacity: 0; }
-		80% { opacity: .7; }
-		92% { transform: translateX(45%) rotate(8deg); opacity: 0; }
-	}
+	.ticket-divider::before { top: -24rpx; }
+	.ticket-divider::after { bottom: -24rpx; }
 
-	@keyframes noiseFloat {
-		0%, 100% { transform: translate3d(0,0,0); }
-		50% { transform: translate3d(-16rpx, 10rpx, 0); }
+	.ticket-right {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 6rpx;
+		padding: 0 26rpx;
 	}
 
-	@keyframes auroraMove {
-		from { transform: translateX(-70rpx) rotate(-4deg); opacity: .5; }
-		to { transform: translateX(70rpx) rotate(4deg); opacity: .9; }
+	.ticket-num {
+		font-size: 48rpx;
+		font-weight: 900;
+		color: #6c5ce7;
+		background: linear-gradient(120deg, #6c5ce7, #00b894);
+		-webkit-background-clip: text;
+		background-clip: text;
+		-webkit-text-fill-color: transparent;
 	}
 
-	@keyframes orbitBreath {
-		0%, 100% { transform: translate(-50%, -50%) rotate(-12deg) scale(.96); opacity: .42; }
-		50% { transform: translate(-50%, -50%) rotate(-6deg) scale(1.05); opacity: .9; }
+	.ticket-unit {
+		color: rgba(22, 27, 46, .45);
+		font-size: 20rpx;
+		font-weight: 700;
 	}
 
-	@keyframes orbitSpin {
-		from { transform: translate(-50%, -50%) rotate(0deg); }
-		to { transform: translate(-50%, -50%) rotate(360deg); }
+	.target-btn {
+		flex: 1;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 4rpx;
+		min-height: 100rpx;
+		border-radius: 26rpx;
+		overflow: hidden;
+		color: #fff;
+		background: linear-gradient(135deg, #6c5ce7, #a29bfe);
+		box-shadow: 0 16rpx 40rpx rgba(108, 92, 231, .32);
+		transition: transform .16s ease;
+		animation: entryWiggle 5s ease-in-out infinite;
 	}
 
-	@keyframes planetBreath {
-		0%, 100% { transform: translate(-50%, -50%) scale(.98); }
-		50% { transform: translate(-50%, -50%) scale(1.04); }
+	.target-btn:active {
+		transform: scale(.95);
 	}
 
-	@keyframes liquidMove {
-		0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
-		50% { transform: translate(22rpx, 18rpx) rotate(18deg) scale(1.12); }
+	.target-star {
+		position: absolute;
+		right: 16rpx;
+		top: 10rpx;
+		color: #ffe28b;
+		font-size: 26rpx;
+		animation: sparkTwinkle 1.6s ease-in-out infinite;
 	}
 
-	@keyframes fragmentFloat {
-		0%, 100% { transform: translate3d(0,0,0); }
-		50% { transform: translate3d(0,-18rpx,0); }
+	.target-text {
+		font-size: 27rpx;
+		font-weight: 900;
+		letter-spacing: 1rpx;
 	}
 
-	/* All-day airy theme override: keep motion, remove heavy night mood. */
-	.ie-page {
-		color: #161b2e;
-		background:
-			radial-gradient(circle at 12% 10%, rgba(221,231,255,.92), transparent 320rpx),
-			radial-gradient(circle at 88% 18%, rgba(169,255,231,.54), transparent 360rpx),
-			radial-gradient(circle at 20% 72%, rgba(255,214,165,.5), transparent 380rpx),
-			radial-gradient(circle at 86% 78%, rgba(255,184,209,.32), transparent 420rpx),
-			linear-gradient(180deg, #fbfdff 0%, #eef4ff 58%, #fff7ec 100%);
+	.target-sub {
+		color: rgba(255, 255, 255, .72);
+		font-size: 18rpx;
+		font-weight: 700;
 	}
 
-	.ie-page::before {
-		opacity: .11;
-		background-image:
-			radial-gradient(circle, rgba(22,27,46,.34) 0 1rpx, transparent 1rpx),
-			radial-gradient(circle, rgba(139,124,255,.22) 0 1rpx, transparent 1rpx);
+	/* ============ 心情星球带 ============ */
+	.daily-q-bar {
+		position: relative;
+		z-index: 4;
+		display: flex;
+		align-items: center;
+		gap: 14rpx;
+		margin-top: 24rpx;
+		padding: 16rpx 22rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, .66);
+		border: 1rpx solid rgba(255, 255, 255, .8);
+		box-shadow: 0 14rpx 32rpx rgba(96, 112, 160, .12);
 	}
 
-	.ie-page::after {
-		background: linear-gradient(120deg, transparent 12%, rgba(255,255,255,.42), transparent 42%, rgba(169,255,231,.24), transparent 70%);
-		opacity: .75;
+	.daily-q-bar:active {
+		transform: scale(.98);
 	}
 
-	.time-line,
-	.live-line,
-	.planet-text {
-		color: #161b2e;
+	.daily-q-tag {
+		flex-shrink: 0;
+		padding: 6rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 800;
+		color: #fff;
+		background: linear-gradient(135deg, #7a4dff, #ff7eb3);
 	}
 
-	.sub-line,
-	.planet-sub {
-		color: rgba(22,27,46,.48);
+	.daily-q-text {
+		flex: 1;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		font-size: 24rpx;
+		font-weight: 700;
+		color: rgba(22, 27, 46, .76);
 	}
 
-	.status-head .archive-entry,
-	.mood-dock,
-	.drift-fragment,
-	.bottom-actions {
-		background: rgba(255,255,255,.58);
-		border-color: rgba(255,255,255,.78);
-		box-shadow: 0 24rpx 70rpx rgba(96,112,160,.13);
+	.daily-q-go {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		font-weight: 800;
+		color: #7a4dff;
 	}
 
-	.drift-fragment {
-		background: rgba(255,255,255,.64);
+	.mood-strip {
+		position: relative;
+		z-index: 4;
+		margin-top: 58rpx;
 	}
 
-	.fragment-text,
-	.dock-title {
-		color: rgba(22,27,46,.72);
+	.strip-tag {
+		display: inline-block;
+		padding: 8rpx 22rpx;
+		border-radius: 999rpx;
+		color: #7a4b12;
+		background: linear-gradient(135deg, #ffe9c9, #ffd6a5);
+		box-shadow: 0 10rpx 24rpx rgba(255, 195, 130, .3);
+		font-size: 22rpx;
+		font-weight: 900;
+		letter-spacing: 1rpx;
+		transform: rotate(-2deg);
 	}
 
-	.wave-line {
-		border-color: rgba(139,124,255,.16);
+	.mood-orbs {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 22rpx;
+		padding: 0 10rpx;
 	}
 
-	.wave-b {
-		border-color: rgba(169,255,231,.34);
+	.mood-orb {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 10rpx;
 	}
 
-	.signal-planet {
-		background: rgba(255,255,255,.52);
-		box-shadow:
-			0 0 0 1rpx rgba(255,255,255,.78),
-			0 28rpx 90rpx rgba(169,255,231,.24),
-			inset 0 0 70rpx rgba(255,255,255,.38);
+	.orb-face {
+		position: relative;
+		width: 104rpx;
+		height: 104rpx;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: #ffffff;
+		border: 1rpx solid rgba(255, 255, 255, .92);
+		box-shadow: 0 12rpx 28rpx rgba(96, 112, 160, .14), inset 0 -8rpx 14rpx rgba(139, 124, 255, .07);
+		transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), background .24s ease, box-shadow .24s ease;
 	}
 
-	.liquid-a {
-		background: rgba(169,255,231,.58);
+	.mood-orb:active .orb-face {
+		transform: scale(.86);
 	}
 
-	.liquid-b {
-		background: rgba(139,124,255,.28);
+	.mood-orb.active .orb-face {
+		background: linear-gradient(145deg, #eafff8, #a9ffe7);
+		box-shadow: 0 16rpx 36rpx rgba(43, 217, 164, .34);
+		transform: translateY(-8rpx) scale(1.1);
 	}
 
-	.mood-dock .mood-chip,
-	.mode-switch {
-		color: rgba(22,27,46,.54);
-		background: rgba(255,255,255,.68);
+	.mood-orb.active .orb-face::after {
+		content: '';
+		position: absolute;
+		inset: -12rpx;
+		border-radius: 50%;
+		border: 3rpx dashed rgba(43, 217, 164, .6);
+		animation: orbSpin 9s linear infinite;
 	}
 
-	.mode-switch {
-		color: #6c69d8;
-		border-color: rgba(139,124,255,.18);
+	.orb-emoji {
+		font-size: 48rpx;
+		line-height: 1;
 	}
 
-	.bottom-actions {
-		background: rgba(255,255,255,.72);
+	.mood-orb.active .orb-emoji {
+		animation: emojiBounce .42s cubic-bezier(.34, 1.56, .64, 1);
 	}
 
-	.bottom-item {
-		color: rgba(22,27,46,.42);
+	.orb-label {
+		color: rgba(22, 27, 46, .5);
+		font-size: 22rpx;
+		font-weight: 700;
+		transition: color .2s ease;
 	}
 
-	.bottom-item.active {
-		color: #161b2e;
-		background: rgba(169,255,231,.9);
+	.mood-orb.active .orb-label {
+		color: #0e4a35;
+		font-weight: 900;
 	}
 
-	/* Final polish for the two floating controls. */
-	.mood-dock {
-		background:
-			linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.54)),
-			radial-gradient(circle at 18% 0%, rgba(169,255,231,.26), transparent 180rpx),
-			radial-gradient(circle at 88% 100%, rgba(255,184,209,.16), transparent 220rpx);
-		border-color: rgba(255,255,255,.9);
-		border-radius: 42rpx;
-		box-shadow:
-			0 28rpx 80rpx rgba(96,112,160,.16),
-			inset 0 1rpx 0 rgba(255,255,255,.96),
-			inset 0 -1rpx 0 rgba(139,124,255,.08);
+	.say-bubble {
+		position: relative;
+		width: fit-content;
+		max-width: 620rpx;
+		margin: 40rpx auto 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 14rpx 28rpx;
+		border-radius: 999rpx;
+		color: rgba(22, 27, 46, .58);
+		background: rgba(255, 255, 255, .76);
+		border: 1rpx solid rgba(255, 255, 255, .94);
+		box-shadow: 0 12rpx 34rpx rgba(139, 124, 255, .1), inset 0 1rpx 0 rgba(255, 255, 255, .95);
+		font-size: 23rpx;
+		line-height: 34rpx;
+		text-align: center;
+		font-weight: 700;
+		min-height: 34rpx;
 	}
 
-	.mood-dock .mood-chip,
-	.mode-switch {
-		background: rgba(255,255,255,.72);
-		border: 1rpx solid rgba(255,255,255,.82);
-		box-shadow: 0 10rpx 28rpx rgba(96,112,160,.08), inset 0 1rpx 0 rgba(255,255,255,.9);
+	.typing-cursor {
+		display: inline-block;
+		width: 3rpx;
+		height: 28rpx;
+		margin-left: 6rpx;
+		border-radius: 999rpx;
+		background: rgba(108, 92, 231, .58);
+		vertical-align: -4rpx;
+		animation: typingCursor .86s steps(1) infinite;
 	}
 
-	.mood-dock .mood-chip.active {
-		background: linear-gradient(135deg, #eafff8, #a9ffe7);
-		box-shadow: 0 14rpx 34rpx rgba(169,255,231,.34), inset 0 1rpx 0 rgba(255,255,255,.92);
+	/* ============ 随机陪伴设置弹层 ============ */
+	.target-mask {
+		position: fixed;
+		inset: 0;
+		z-index: 30;
+		display: flex;
+		align-items: flex-end;
+		padding: 32rpx 30rpx 136rpx;
+		box-sizing: border-box;
+		background: rgba(22, 27, 46, .18);
+		backdrop-filter: blur(16rpx);
 	}
 
-	.bottom-actions {
+	.target-popup {
+		width: 100%;
+		padding: 34rpx 30rpx 30rpx;
+		border-radius: 42rpx;
+		border: 1rpx solid rgba(255, 255, 255, .9);
 		background:
-			linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.58)),
-			radial-gradient(circle at 12% 0%, rgba(169,255,231,.2), transparent 160rpx);
-		border-color: rgba(255,255,255,.9);
-		box-shadow:
-			0 24rpx 80rpx rgba(96,112,160,.18),
-			inset 0 1rpx 0 rgba(255,255,255,.96),
-			inset 0 -1rpx 0 rgba(139,124,255,.08);
+			linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .8)),
+			radial-gradient(circle at 82% 0%, rgba(169, 255, 231, .28), transparent 220rpx);
+		box-shadow: 0 34rpx 100rpx rgba(96, 112, 160, .22);
+		box-sizing: border-box;
+		animation: targetUp .18s ease-out both;
 	}
 
-	.bottom-item.active {
-		background: linear-gradient(135deg, #eafff8, #a9ffe7);
-		box-shadow: 0 12rpx 30rpx rgba(169,255,231,.34), inset 0 1rpx 0 rgba(255,255,255,.95);
+	.target-popup-head {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		margin-bottom: 28rpx;
 	}
 
-	/* Z-generation Morandi neumorphism polish. */
-	.live-line {
-		font-size: 48rpx;
-		line-height: 64rpx;
-		font-weight: 300;
-		letter-spacing: -1rpx;
+	.target-popup-title {
+		color: #161b2e;
+		font-size: 34rpx;
+		font-weight: 900;
 	}
 
-	.count-num {
-		display: inline-block;
-		min-width: 74rpx;
+	.target-popup-sub {
+		margin-top: 8rpx;
+		color: rgba(22, 27, 46, .46);
+		font-size: 23rpx;
+	}
+
+	.target-close {
+		width: 58rpx;
+		height: 58rpx;
+		border-radius: 50%;
+		text-align: center;
+		line-height: 54rpx;
+		color: rgba(22, 27, 46, .5);
+		background: rgba(238, 244, 255, .78);
+		font-size: 36rpx;
 		font-weight: 700;
-		color: #6c5ce7;
-		animation: countPop .42s ease;
 	}
 
-	.sub-line {
-		display: inline-block;
-		margin-top: 16rpx;
-		padding: 10rpx 20rpx;
-		border-radius: 999rpx;
-		background: rgba(255,255,255,.52);
-		backdrop-filter: blur(16rpx);
-		box-shadow: inset 0 1rpx 0 rgba(255,255,255,.9), 0 10rpx 28rpx rgba(96,112,160,.08);
-		text-align: left;
+	.target-title {
+		color: rgba(22, 27, 46, .54);
+		font-size: 23rpx;
+		font-weight: 800;
 	}
 
-	.planet-entry {
-		width: 88rpx !important;
-		height: 88rpx !important;
-		border-radius: 50% !important;
+	.target-row {
 		display: flex;
-		align-items: center;
-		justify-content: center;
-		background: linear-gradient(135deg, #6c5ce7, #a29bfe) !important;
-		box-shadow: 0 18rpx 46rpx rgba(108,92,231,.28), 0 0 0 10rpx rgba(162,155,254,.12) !important;
-		transition: transform .18s ease;
+		margin-top: 18rpx;
 	}
 
-	.planet-entry:active {
-		transform: scale(.94);
-		box-shadow: 0 24rpx 62rpx rgba(108,92,231,.36), 0 0 0 16rpx rgba(162,155,254,.12) !important;
+	.intent-row {
+		flex-wrap: wrap;
+		gap: 12rpx 0;
 	}
 
-	.planet-ring {
-		position: absolute;
-		width: 62rpx;
-		height: 28rpx;
-		border: 3rpx solid rgba(255,255,255,.5);
-		border-radius: 50%;
-		transform: rotate(-18deg);
+	.intent-chip.active {
+		color: #fff;
+		background: linear-gradient(135deg, #ff8a54, #ff5f8f);
+		box-shadow: 0 10rpx 24rpx rgba(255, 110, 110, .3);
 	}
 
-	.planet-icon {
-		position: relative;
-		z-index: 1;
-		color: #fff;
-		font-size: 42rpx;
-		font-weight: 800;
+	.target-chip {
+		height: 62rpx;
+		line-height: 62rpx;
+		padding: 0 24rpx;
+		margin-right: 14rpx;
+		border-radius: 999rpx;
+		color: rgba(22, 27, 46, .52);
+		background: rgba(238, 244, 255, .78);
+		font-size: 23rpx;
+		font-weight: 700;
+		transition: transform .14s ease;
 	}
 
-	.drift-fragment {
-		border-radius: 40rpx;
-		box-shadow:
-			10rpx 14rpx 34rpx rgba(150,164,190,.16),
-			-8rpx -8rpx 24rpx rgba(255,255,255,.82),
-			inset 1rpx 1rpx 1rpx rgba(255,255,255,.9),
-			inset -2rpx -2rpx 6rpx rgba(139,124,255,.06);
-		transition: transform .18s ease, box-shadow .18s ease;
+	.target-chip:active {
+		transform: scale(.94);
 	}
 
-	.drift-fragment:active {
-		transform: translateY(-8rpx) scale(1.02);
-		box-shadow:
-			14rpx 20rpx 46rpx rgba(150,164,190,.2),
-			-8rpx -8rpx 24rpx rgba(255,255,255,.9),
-			inset 1rpx 1rpx 1rpx rgba(255,255,255,.95);
+	.target-chip.active {
+		color: #11162a;
+		background: #a9ffe7;
 	}
 
-	.drift-fragment.quiet,
-	.drift-fragment.listen,
-	.drift-fragment.drift {
-		background: linear-gradient(135deg, rgba(229,238,248,.86), rgba(255,255,255,.62));
+	.gender-title {
+		margin-top: 24rpx;
 	}
 
-	.drift-fragment.talk {
-		background: linear-gradient(135deg, rgba(255,214,165,.74), rgba(255,255,255,.62));
+	.start-match-btn {
+		height: 92rpx;
+		line-height: 92rpx;
+		margin-top: 26rpx;
+		border-radius: 999rpx;
+		text-align: center;
+		color: #11162a;
+		background: linear-gradient(135deg, #effffb, #a9ffe7 62%, #ffd6a5);
+		box-shadow: 0 18rpx 46rpx rgba(169, 255, 231, .3);
+		font-size: 29rpx;
+		font-weight: 900;
+		animation: breathButton 2.8s ease-in-out infinite;
 	}
 
-	.drift-fragment.e {
-		background: linear-gradient(135deg, rgba(255,184,209,.62), rgba(255,255,255,.62));
+	.start-match-btn:active {
+		transform: scale(.97);
 	}
 
-	.bubble-actions {
-		position: absolute;
-		left: 50%;
-		top: 72rpx;
-		transform: translateX(-50%);
+	/* ============ 缘分签弹层 ============ */
+	.match-mask {
+		position: fixed;
+		inset: 0;
+		z-index: 99;
 		display: flex;
-		padding: 8rpx;
-		border-radius: 999rpx;
-		background: rgba(255,255,255,.72);
-		backdrop-filter: blur(18rpx);
-		box-shadow: 0 16rpx 40rpx rgba(96,112,160,.14);
+		align-items: flex-end;
+		padding: 30rpx;
+		background: rgba(22, 27, 46, .58);
+		backdrop-filter: blur(24rpx);
+		box-sizing: border-box;
 	}
 
-	.bubble-actions view {
-		padding: 8rpx 18rpx;
-		border-radius: 999rpx;
-		color: rgba(22,27,46,.62);
-		font-size: 20rpx;
-		white-space: nowrap;
+	.match-panel {
+		width: 100%;
+		max-height: 80vh;
+		border: 1rpx solid rgba(255, 255, 255, .9);
+		border-radius: 46rpx;
+		background: #ffffff;
+		box-sizing: border-box;
+		box-shadow: 0 34rpx 110rpx rgba(22, 27, 46, .34);
+		overflow: hidden;
+		animation: targetUp .22s ease-out both;
 	}
 
-	.signal-planet {
-		border-radius: 47% 53% 44% 56% / 56% 42% 58% 44%;
-		animation: planetBreath 3.2s ease-in-out infinite, blobMorph 9s ease-in-out infinite;
+	.match-scroll {
+		max-height: 80vh;
+		box-sizing: border-box;
+		background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
 	}
 
-	.signal-planet {
-		width: 370rpx;
-		height: 370rpx;
-		background: transparent;
-		box-shadow: none;
-		overflow: visible;
-		perspective: 980rpx;
-		animation: none;
+	.match-banner {
+		position: relative;
+		padding: 30rpx 34rpx 64rpx;
+		background:
+			radial-gradient(circle at 80% 20%, rgba(255, 226, 139, .3), transparent 200rpx),
+			linear-gradient(135deg, rgba(108, 92, 231, .92), rgba(162, 155, 254, .88));
 	}
 
-	.galaxy-breath {
+	.match-banner-deco {
 		position: absolute;
-		inset: 0;
-		animation: galaxyBreath 4.2s ease-in-out infinite;
+		right: 90rpx;
+		top: 26rpx;
+		color: rgba(255, 255, 255, .55);
+		font-size: 22rpx;
+		letter-spacing: 8rpx;
 	}
 
-	.galaxy-body {
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		width: 226rpx;
-		height: 226rpx;
-		transform: translate(-50%, -50%) translateZ(34rpx);
-		border-radius: 47% 53% 44% 56% / 56% 42% 58% 44%;
-		background:
-			radial-gradient(circle at 28% 24%, rgba(255,255,255,.92), rgba(255,255,255,0) 36%),
-			radial-gradient(circle at 70% 74%, rgba(162,155,254,.64), rgba(162,155,254,0) 44%),
-			linear-gradient(135deg, rgba(169,255,231,.74), rgba(221,231,255,.72) 54%, rgba(255,184,209,.48));
-		box-shadow:
-			0 34rpx 90rpx rgba(108,92,231,.2),
-			inset 10rpx 12rpx 34rpx rgba(255,255,255,.62),
-			inset -20rpx -22rpx 42rpx rgba(108,92,231,.17);
-		overflow: hidden;
-		z-index: 12;
-		animation: blobMorph 9s ease-in-out infinite;
+	.match-label {
+		color: rgba(255, 255, 255, .92);
+		font-size: 24rpx;
+		font-weight: 800;
+		letter-spacing: 2rpx;
 	}
 
-	.galaxy-body::before {
-		content: '';
+	.close {
 		position: absolute;
-		left: 22rpx;
-		top: 18rpx;
-		width: 88rpx;
-		height: 70rpx;
+		right: 30rpx;
+		top: 24rpx;
+		width: 52rpx;
+		height: 52rpx;
 		border-radius: 50%;
-		background: radial-gradient(circle, rgba(255,255,255,.82), rgba(255,255,255,0) 68%);
-		filter: blur(2rpx);
-		z-index: 1;
+		text-align: center;
+		line-height: 48rpx;
+		color: #fff;
+		background: rgba(255, 255, 255, .2);
+		font-size: 36rpx;
 	}
 
-	.galaxy-ring {
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		border-radius: 50%;
-		pointer-events: none;
+	.match-body {
+		position: relative;
+		z-index: 2;
+		padding: 0 34rpx 34rpx;
+		background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
 	}
 
-	.orbit-planet {
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		border-radius: 50%;
-		pointer-events: none;
-		box-shadow:
-			0 0 18rpx rgba(255,255,255,.72),
-			0 0 34rpx currentColor,
-			inset 3rpx 4rpx 8rpx rgba(255,255,255,.68),
-			inset -4rpx -5rpx 10rpx rgba(108,92,231,.18);
-		transition: transform .16s linear, opacity .16s linear;
+	.match-avatar-wrap {
+		position: relative;
+		z-index: 3;
+		display: flex;
+		justify-content: center;
+		margin-top: -52rpx;
 	}
 
-	.orbit-planet::after {
-		content: '';
-		position: absolute;
-		left: 18%;
-		top: 16%;
-		width: 34%;
-		height: 28%;
+	.companion-orb,
+	.companion-orb-img {
+		width: 148rpx;
+		height: 148rpx;
 		border-radius: 50%;
-		background: rgba(255,255,255,.86);
-		filter: blur(1rpx);
+		border: 8rpx solid rgba(255, 255, 255, .96);
+		background: #ffffff;
+		box-shadow: 0 18rpx 46rpx rgba(108, 92, 231, .24);
+		box-sizing: border-box;
 	}
 
-	.orbit-planet-1,
-	.orbit-planet-4 {
-		box-shadow:
-			0 0 22rpx rgba(162,155,254,.42),
-			0 0 46rpx currentColor,
-			inset 4rpx 5rpx 10rpx rgba(255,255,255,.66),
-			inset -5rpx -7rpx 12rpx rgba(108,92,231,.2);
+	.companion-orb {
+		text-align: center;
+		line-height: 132rpx;
+		font-size: 48rpx;
+		font-weight: 800;
 	}
 
-	.ring-main {
-		width: 430rpx;
-		height: 132rpx;
-		margin-left: -215rpx;
-		margin-top: -66rpx;
-		border: 12rpx solid rgba(111, 231, 224, .34);
-		box-shadow: 0 0 34rpx rgba(169,255,231,.3), inset 0 0 22rpx rgba(255,255,255,.44);
-		transform: rotateX(66deg) rotateZ(-14deg);
-		animation: ringDrift 18s linear infinite;
+	.companion-orb.i {
+		color: #f7f4ff;
+		background: linear-gradient(145deg, #8b7cff, #dde7ff);
 	}
 
-	.ring-second {
-		width: 360rpx;
-		height: 108rpx;
-		margin-left: -180rpx;
-		margin-top: -54rpx;
-		border: 4rpx solid rgba(162,155,254,.36);
-		transform: rotateX(72deg) rotateZ(24deg) translateZ(24rpx);
-		animation: ringDrift 24s linear infinite reverse;
+	.companion-orb.e {
+		color: #11162a;
+		background: linear-gradient(145deg, #a9ffe7, #ffd6a5);
 	}
 
-	.ring-third {
-		width: 292rpx;
-		height: 292rpx;
-		margin-left: -146rpx;
-		margin-top: -146rpx;
-		border: 3rpx solid rgba(255,214,165,.34);
-		transform: rotateX(18deg) rotateY(64deg);
-		animation: ringDrift 30s linear infinite;
+	.match-name {
+		margin-top: 18rpx;
+		text-align: center;
+		font-size: 36rpx;
+		font-weight: 900;
 	}
 
-	.galaxy-body .liquid-a {
-		left: -38rpx;
-		top: 14rpx;
-		width: 202rpx;
-		height: 182rpx;
+	.match-intent {
+		margin: 12rpx auto 0;
+		width: fit-content;
+		padding: 8rpx 24rpx;
+		border-radius: 999rpx;
+		font-size: 23rpx;
+		font-weight: 800;
+		color: #ff5f3c;
+		background: rgba(255, 138, 84, .12);
+		border: 1rpx solid rgba(255, 138, 84, .32);
 	}
 
-	.galaxy-body .liquid-b {
-		right: -50rpx;
-		bottom: -16rpx;
-		width: 194rpx;
-		height: 190rpx;
+	.match-groupbuy {
+		margin: -10rpx 34rpx 34rpx;
+		padding: 18rpx;
+		border-radius: 22rpx;
+		text-align: center;
+		font-size: 24rpx;
+		font-weight: 800;
+		color: #7a4b12;
+		background: linear-gradient(135deg, #ffe9c9, #ffd6a5);
 	}
 
-	.galaxy-body .planet-text {
-		min-width: 172rpx;
-		width: auto;
-		font-size: 27rpx;
-		line-height: 38rpx;
-		white-space: nowrap;
+	.match-online {
+		margin: 10rpx auto 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 8rpx;
+		width: fit-content;
+		padding: 6rpx 20rpx;
+		border-radius: 999rpx;
+		background: rgba(22, 27, 46, .05);
+		font-size: 22rpx;
+		color: rgba(22, 27, 46, .55);
 	}
 
-	.galaxy-body .planet-sub {
-		font-size: 21rpx;
+	.online-dot {
+		width: 12rpx;
+		height: 12rpx;
+		border-radius: 50%;
+		background: #c2c8d6;
 	}
 
-	.soul-particle {
-		position: absolute;
-		width: 8rpx;
-		height: 8rpx;
-		border-radius: 50%;
-		background: rgba(255,255,255,.86);
-		box-shadow: 0 0 18rpx rgba(255,255,255,.8);
-		z-index: 2;
-		animation: soulFloat 5s ease-in-out infinite;
+	.online-dot.on {
+		background: #3ddc97;
+		box-shadow: 0 0 8rpx rgba(61, 220, 151, .8);
 	}
 
-	.soul-a { left: 64rpx; top: 54rpx; }
-	.soul-b { right: 58rpx; top: 96rpx; animation-delay: 1.2s; }
-	.soul-c { left: 118rpx; bottom: 58rpx; animation-delay: 2s; }
+	.match-state {
+		margin-top: 8rpx;
+		text-align: center;
+		color: rgba(22, 27, 46, .48);
+		font-size: 23rpx;
+	}
 
-	.planet-sub {
-		animation: subBreath 3s ease-in-out infinite;
+	.match-region {
+		width: fit-content;
+		max-width: 520rpx;
+		margin: 14rpx auto 0;
+		padding: 8rpx 20rpx;
+		border-radius: 999rpx;
+		color: #6c69d8;
+		background: rgba(139, 124, 255, .1);
+		font-size: 22rpx;
+		font-weight: 700;
 	}
 
-	.dock-title {
+	.match-tags {
+		margin-top: 16rpx;
+		padding: 0 34rpx;
 		text-align: center;
-		font-size: 30rpx;
-		line-height: 44rpx;
-		font-style: normal;
-		font-weight: 650;
-		white-space: nowrap;
-		letter-spacing: -.2rpx;
-		background: linear-gradient(180deg, rgba(255,255,255,0), rgba(169,255,231,.1));
-		border-radius: 28rpx;
-		padding: 8rpx 8rpx 14rpx;
-		min-height: 66rpx;
 	}
 
-	.typing-cursor {
+	.match-tags text {
 		display: inline-block;
-		width: 3rpx;
-		height: 30rpx;
-		margin-left: 6rpx;
+		height: 46rpx;
+		line-height: 46rpx;
+		padding: 0 18rpx;
+		margin: 0 8rpx 10rpx;
 		border-radius: 999rpx;
-		background: rgba(108,92,231,.58);
-		vertical-align: -4rpx;
-		animation: typingCursor .86s steps(1) infinite;
+		color: #6c69d8;
+		background: rgba(139, 124, 255, .1);
+		font-size: 21rpx;
+		font-weight: 700;
 	}
 
-	.mood-icon {
-		display: inline-block;
-		margin-right: 8rpx;
-		transition: transform .24s ease;
+	.match-state-text {
+		margin-top: 8rpx;
+		text-align: center;
+		color: rgba(22, 27, 46, .54);
+		font-size: 23rpx;
 	}
 
-	.mood-dock .mood-chip:active .mood-icon {
-		transform: translateY(-3rpx) scale(1.12);
+	.match-quote {
+		margin: 26rpx 34rpx 0;
+		padding: 26rpx;
+		border-radius: 8rpx 28rpx 28rpx 28rpx;
+		color: rgba(22, 27, 46, .72);
+		background: rgba(139, 124, 255, .08);
+		font-size: 26rpx;
+		line-height: 42rpx;
 	}
 
-	.tab-glow {
-		position: absolute;
-		left: 12rpx;
-		bottom: 8rpx;
-		width: calc(25% - 6rpx);
-		height: 6rpx;
-		border-radius: 999rpx;
-		background: linear-gradient(90deg, rgba(169,255,231,0), rgba(169,255,231,.95), rgba(169,255,231,0));
-		box-shadow: 0 0 18rpx rgba(169,255,231,.7);
+	.match-persona {
+		margin: 22rpx 34rpx 0;
 	}
 
-	.bottom-item {
-		position: relative;
+	.match-section-title {
+		margin-bottom: 14rpx;
+		color: rgba(22, 27, 46, .62);
+		font-size: 24rpx;
+		font-weight: 800;
+	}
+
+	.match-persona-scroll {
+		white-space: nowrap;
+	}
+
+	.match-persona-image {
+		display: inline-block;
+		width: 168rpx;
+		height: 208rpx;
+		margin-right: 16rpx;
+		border-radius: 26rpx;
+		background: rgba(22, 27, 46, .06);
+		box-shadow: 0 14rpx 34rpx rgba(96, 112, 160, .12);
+	}
+
+	.match-actions {
 		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		height: 76rpx;
-		line-height: 1;
-		font-size: 22rpx;
+		gap: 18rpx;
+		margin: 30rpx 34rpx 34rpx;
 	}
 
-	.unread-badge {
-		position: absolute;
-		right: 18rpx;
-		top: 4rpx;
-		min-width: 30rpx;
-		height: 30rpx;
-		line-height: 30rpx;
-		padding: 0 8rpx;
+	.ghost-btn,
+	.solid-btn {
+		flex: 1;
+		height: 90rpx;
 		border-radius: 999rpx;
 		text-align: center;
-		color: #fff;
-		background: linear-gradient(135deg, #ff8ba0, #e85d75);
-		box-shadow: 0 8rpx 20rpx rgba(232,93,117,.28);
-		font-size: 18rpx;
-		font-weight: 900;
-		box-sizing: border-box;
+		line-height: 90rpx;
+		font-size: 26rpx;
+		font-weight: 800;
+		transition: transform .14s ease;
 	}
 
-	.tab-icon {
-		margin-bottom: 6rpx;
-		font-size: 28rpx;
-		filter: grayscale(1);
-		opacity: .55;
+	.ghost-btn:active,
+	.solid-btn:active {
+		transform: scale(.96);
 	}
 
-	.bottom-item.active .tab-icon {
-		filter: none;
-		opacity: 1;
-		color: #6c5ce7;
+	.ghost-btn {
+		color: rgba(22, 27, 46, .55);
+		background: rgba(238, 244, 255, .85);
+	}
+
+	.solid-btn {
+		color: #11162a;
+		background: linear-gradient(135deg, #a9ffe7, #8ef0ff 60%, #c9c2ff);
+		box-shadow: 0 16rpx 38rpx rgba(120, 200, 230, .32);
 	}
 
+	/* ============ 个人浮层 ============ */
 	.profile-mask {
 		position: fixed;
 		inset: 0;
@@ -2393,7 +2039,7 @@
 		display: flex;
 		align-items: flex-end;
 		padding: 34rpx;
-		background: rgba(22,27,46,.12);
+		background: rgba(22, 27, 46, .12);
 		backdrop-filter: blur(18rpx);
 		box-sizing: border-box;
 	}
@@ -2402,9 +2048,9 @@
 		width: 100%;
 		padding: 40rpx 34rpx;
 		border-radius: 44rpx;
-		background: rgba(255,255,255,.78);
-		border: 1rpx solid rgba(255,255,255,.9);
-		box-shadow: 0 30rpx 90rpx rgba(96,112,160,.18), inset 0 1rpx 0 rgba(255,255,255,.96);
+		background: rgba(255, 255, 255, .82);
+		border: 1rpx solid rgba(255, 255, 255, .9);
+		box-shadow: 0 30rpx 90rpx rgba(96, 112, 160, .18), inset 0 1rpx 0 rgba(255, 255, 255, .96);
 		text-align: center;
 	}
 
@@ -2427,7 +2073,7 @@
 
 	.mini-sub {
 		margin-top: 10rpx;
-		color: rgba(22,27,46,.5);
+		color: rgba(22, 27, 46, .5);
 		font-size: 24rpx;
 	}
 
@@ -2442,20 +2088,70 @@
 		font-weight: 700;
 	}
 
+	/* ============ 动画 ============ */
+	@keyframes riseIn {
+		from { opacity: 0; transform: translateY(20rpx); }
+		to { opacity: 1; transform: translateY(0); }
+	}
+
+	@keyframes auroraDrift {
+		0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
+		50% { transform: translate3d(24rpx, -30rpx, 0) scale(1.1); }
+	}
+
+	@keyframes laneScroll {
+		from { transform: translateX(0); }
+		to { transform: translateX(-50%); }
+	}
+
+	@keyframes liveDotPulse {
+		0% { box-shadow: 0 0 0 0 rgba(43, 217, 164, .5); }
+		70% { box-shadow: 0 0 0 14rpx rgba(43, 217, 164, 0); }
+		100% { box-shadow: 0 0 0 0 rgba(43, 217, 164, 0); }
+	}
+
+	@keyframes entryWiggle {
+		0%, 86%, 100% { transform: rotate(0); }
+		90% { transform: rotate(-2deg); }
+		94% { transform: rotate(2deg); }
+		98% { transform: rotate(-1deg); }
+	}
+
+	@keyframes sparkTwinkle {
+		0%, 100% { opacity: .25; transform: scale(.8) rotate(0deg); }
+		50% { opacity: 1; transform: scale(1.15) rotate(20deg); }
+	}
+
+	@keyframes ctaBreath {
+		0%, 100% { transform: scale(1); opacity: .85; }
+		50% { transform: scale(1.06); opacity: 1; }
+	}
+
 	@keyframes countPop {
 		0% { transform: translateY(8rpx) scale(.96); opacity: .55; }
 		70% { transform: translateY(-3rpx) scale(1.04); opacity: 1; }
 		100% { transform: translateY(0) scale(1); }
 	}
 
+	@keyframes orbSpin {
+		from { transform: rotate(0deg); }
+		to { transform: rotate(360deg); }
+	}
+
+	@keyframes emojiBounce {
+		0% { transform: scale(.6); }
+		60% { transform: scale(1.25); }
+		100% { transform: scale(1); }
+	}
+
 	@keyframes blobMorph {
 		0%, 100% { border-radius: 47% 53% 44% 56% / 56% 42% 58% 44%; }
 		50% { border-radius: 58% 42% 55% 45% / 44% 58% 42% 56%; }
 	}
 
 	@keyframes soulFloat {
-		0%, 100% { transform: translate3d(0,0,0); opacity: .36; }
-		50% { transform: translate3d(12rpx,-18rpx,0); opacity: .95; }
+		0%, 100% { transform: translate3d(0, 0, 0); opacity: .36; }
+		50% { transform: translate3d(12rpx, -18rpx, 0); opacity: .95; }
 	}
 
 	@keyframes subBreath {
@@ -2478,51 +2174,63 @@
 		to { filter: hue-rotate(18deg); }
 	}
 
+	@keyframes breathButton {
+		0%, 100% { transform: scale(1); }
+		50% { transform: scale(1.015); }
+	}
+
+	@keyframes liquidMove {
+		0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
+		50% { transform: translate(22rpx, 18rpx) rotate(18deg) scale(1.12); }
+	}
+
+	@keyframes targetUp {
+		from { transform: translateY(42rpx); opacity: 0; }
+		to { transform: translateY(0); opacity: 1; }
+	}
+
+	/* ============ 流畅模式降级 ============ */
 	.low-performance::before,
-	.low-performance::after,
-	.low-performance .ambient,
-	.low-performance .wave-line,
+	.low-performance .aurora,
+	.low-performance .spark,
 	.low-performance .liquid,
 	.low-performance .soul-particle,
 	.low-performance .galaxy-ring,
-	.low-performance .orbit-planet::after,
-	.low-performance .mood-dock::before,
-	.low-performance .tab-glow {
+	.low-performance .orbit-planet::after {
 		display: none !important;
 	}
 
-	.low-performance .drift-fragment,
+	.low-performance .lane-track {
+		animation-duration: 60s;
+	}
+
 	.low-performance .galaxy-breath,
 	.low-performance .galaxy-body,
 	.low-performance .planet-sub,
+	.low-performance .planet-cta,
+	.low-performance .target-btn,
+	.low-performance .target-star,
+	.low-performance .mood-orb.active .orb-face::after,
+	.low-performance .live-dot,
+	.low-performance .hero-num,
 	.low-performance .start-match-btn,
-	.low-performance .count-num,
 	.low-performance .typing-cursor {
 		animation: none !important;
-		transition: none !important;
-	}
-
-	.low-performance .signal-planet {
-		transform: translate(-50%, -50%) scale(.9);
 	}
 
 	.low-performance .galaxy-body {
 		box-shadow:
-			0 18rpx 48rpx rgba(108,92,231,.14),
-			inset 8rpx 10rpx 24rpx rgba(255,255,255,.52);
+			0 18rpx 48rpx rgba(108, 92, 231, .14),
+			inset 8rpx 10rpx 24rpx rgba(255, 255, 255, .52);
 	}
 
-	.low-performance .mood-dock,
-	.low-performance .target-dock,
-	.low-performance .bottom-actions,
-	.low-performance .drift-fragment,
+	.low-performance .danmu-item,
+	.low-performance .hero-live,
+	.low-performance .home-back,
+	.low-performance .perf-toggle,
+	.low-performance .target-mask,
 	.low-performance .match-mask,
-	.low-performance .profile-mask,
-	.low-performance .sub-line {
+	.low-performance .profile-mask {
 		backdrop-filter: none !important;
 	}
-
-	.low-performance .drift-fragment:nth-of-type(n+5) {
-		display: none;
-	}
 </style>
diff --git a/package1/ieBrowser/match.vue b/package1/ieBrowser/match.vue
index f188a76..2b0b08a 100644
--- a/package1/ieBrowser/match.vue
+++ b/package1/ieBrowser/match.vue
@@ -44,8 +44,10 @@
 				targetMode: 'any',
 				targetGender: 'any',
 				matchScope: 'school',
+				intent: '',
 				dailyQuota: 3,
 				chancesLeft: 3,
+				matching: false,
 				menuButtonInfo: { top: 44 }
 			}
 		},
@@ -63,6 +65,7 @@
 			this.targetMode = options.targetMode || 'any'
 			this.targetGender = options.targetGender || 'any'
 			this.matchScope = options.matchScope || 'school'
+			this.intent = options.intent || ''
 			this.loadQuota()
 		},
 		methods: {
@@ -84,6 +87,7 @@
 				this.chancesLeft = Math.max(this.dailyQuota - (home.usedQuota || 0), 0)
 			},
 			async start() {
+				if (this.matching) return
 				if (this.chancesLeft <= 0) {
 					uni.showToast({ title: '今天先到这里', icon: 'none' })
 					return
@@ -93,7 +97,13 @@
 					uni.showToast({ title: '请先选择校区', icon: 'none' })
 					return
 				}
-				const match = await startIeMatch({ mode: this.mode, mood: this.mood, targetMode: this.targetMode, targetGender: this.targetGender, matchScope: this.matchScope, ...areaInfo })
+				this.matching = true
+				let match = null
+				try {
+					match = await startIeMatch({ mode: this.mode, mood: this.mood, targetMode: this.targetMode, targetGender: this.targetGender, matchScope: this.matchScope, intent: this.intent, ...areaInfo })
+				} finally {
+					this.matching = false
+				}
 				if (!match || !match.roomId) {
 					uni.showToast({ title: (match && match.failReason) || '暂时没有同频的人', icon: 'none' })
 					return
diff --git a/package1/ieBrowser/messages.vue b/package1/ieBrowser/messages.vue
index 750d5c5..d55bab1 100644
--- a/package1/ieBrowser/messages.vue
+++ b/package1/ieBrowser/messages.vue
@@ -1,10 +1,11 @@
 <template>
 	<view class="messages-page">
 		<view class="top-safe" :style="{ height: menuButtonInfo.top + 'px' }"></view>
-		<view class="nav">
-			<view class="back" @tap="back">‹</view>
-			<view class="nav-title">消息</view>
-			<view class="ghost"></view>
+		<view class="float-bar">
+			<view class="home-back" @tap="backHome">
+				<text class="home-back-icon">‹</text>
+				<text>返回首页</text>
+			</view>
 		</view>
 		<view class="head">
 			<view class="title">消息</view>
@@ -22,6 +23,8 @@
 		<view class="empty" v-if="!loading && !requests.length">没有未完成的关系，也是一种轻松。</view>
 		<view class="empty" v-else>{{ loading ? '正在加载...' : (hasMore ? '上滑加载更多' : '没有更多消息了') }}</view>
 
+		<ie-bottom-tab active="messages" :unread-count="unreadCount"></ie-bottom-tab>
+
 		<view class="delete-mask" v-if="deleteDialogVisible" @tap="closeDeleteDialog">
 			<view class="delete-dialog" @tap.stop>
 				<view class="delete-icon">!</view>
@@ -40,12 +43,16 @@
 </template>
 
 <script>
-	import { pageIeRecords, deleteIeRecord } from '@/common/ieApi.js'
+	import { getIeUnreadCount, pageIeRecords, deleteIeRecord } from '@/common/ieApi.js'
+	import IeBottomTab from '@/components/ie-bottom-tab/ie-bottom-tab.vue'
 
 	export default {
+		components: { IeBottomTab },
 		data() {
 			return {
 				menuButtonInfo: { top: 44 },
+				unreadCount: 0,
+				unreadTimer: null,
 				requests: [],
 				pageNumber: 1,
 				pageSize: 10,
@@ -56,14 +63,40 @@
 				deleting: false
 			}
 		},
-		onLoad() {
+		onLoad(options = {}) {
 			if (uni.getMenuButtonBoundingClientRect) this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+			this.unreadCount = Number(options.unreadCount) || 0
 			this.loadRecords()
 		},
 		onReachBottom() {
 			this.loadRecords()
 		},
+		onShow() {
+			this.startUnreadTimer()
+		},
+		onHide() {
+			this.stopUnreadTimer()
+		},
+		onUnload() {
+			this.stopUnreadTimer()
+		},
 		methods: {
+			startUnreadTimer() {
+				if (this.unreadTimer) return
+				this.unreadTimer = setInterval(() => {
+					this.refreshUnreadCount()
+				}, 15000)
+			},
+			stopUnreadTimer() {
+				if (!this.unreadTimer) return
+				clearInterval(this.unreadTimer)
+				this.unreadTimer = null
+			},
+			async refreshUnreadCount() {
+				const count = await getIeUnreadCount()
+				if (count === null || count === undefined) return
+				this.unreadCount = Number(count) || 0
+			},
 			normalizeRecord(item) {
 				const remeet = item.remeetAvailable === 1
 				return {
@@ -92,7 +125,7 @@
 					this.loading = false
 				}
 			},
-			back() { uni.navigateBack() },
+			backHome() { uni.redirectTo({ url: '/pages/index/index' }) },
 			confirmDelete(item) {
 				if (!item || !item.id) return
 				this.deleteTarget = item
@@ -135,10 +168,11 @@
 
 <style lang="scss" scoped>
 	page { background: #f7f9ff; }
-	.messages-page { min-height: 100vh; padding: 0 30rpx 60rpx; box-sizing: border-box; color: #151a2d; background: radial-gradient(circle at 18% 8%, rgba(169,255,231,.42), transparent 280rpx), linear-gradient(180deg, #fbfdff, #eef4ff); }
-	.nav { height: 90rpx; display: flex; align-items: center; }
-	.back, .ghost { width: 70rpx; font-size: 56rpx; color: rgba(21,26,45,.55); }
-	.nav-title { flex: 1; text-align: center; font-size: 30rpx; font-weight: 800; }
+	.messages-page { min-height: 100vh; padding: 0 30rpx 230rpx; box-sizing: border-box; color: #151a2d; background: radial-gradient(circle at 18% 8%, rgba(169,255,231,.42), transparent 280rpx), linear-gradient(180deg, #fbfdff, #eef4ff); }
+	.float-bar { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; margin-top: 14rpx; }
+	.home-back { display: flex; align-items: center; height: 58rpx; padding: 0 22rpx 0 12rpx; border: 1rpx solid rgba(255,255,255,.88); border-radius: 999rpx; color: rgba(22,27,46,.66); background: rgba(255,255,255,.66); backdrop-filter: blur(20rpx); box-shadow: 0 14rpx 36rpx rgba(96,112,160,.12), inset 0 1rpx 0 rgba(255,255,255,.95); font-size: 23rpx; font-weight: 800; }
+	.home-back:active { transform: scale(.95); background: rgba(169,255,231,.7); }
+	.home-back-icon { margin-right: 6rpx; font-size: 40rpx; line-height: 50rpx; font-weight: 400; }
 	.head { padding-top: 10rpx; }
 	.title { font-size: 52rpx; font-weight: 800; }
 	.sub { margin-top: 12rpx; color: rgba(21,26,45,.5); font-size: 25rpx; }
diff --git a/package1/ieBrowser/universe.vue b/package1/ieBrowser/universe.vue
index d8ec6fb..6a4fc66 100644
--- a/package1/ieBrowser/universe.vue
+++ b/package1/ieBrowser/universe.vue
@@ -1,10 +1,11 @@
 <template>
 	<view class="universe-page">
 		<view class="top-safe" :style="{ height: menuButtonInfo.top + 'px' }"></view>
-		<view class="nav">
-			<view class="back" @tap="back">‹</view>
-			<view class="nav-title">我的宇宙</view>
-			<view class="ghost"></view>
+		<view class="float-bar">
+			<view class="home-back" @tap="backHome">
+				<text class="home-back-icon">‹</text>
+				<text>返回首页</text>
+			</view>
 		</view>
 		<view class="profile">
 			<image class="orb-img" v-if="profile.avatarUrl" :src="profile.avatarUrl" mode="aspectFill"></image>
@@ -43,16 +44,21 @@
 				<view class="arrow">›</view>
 			</view>
 		</view>
+		<ie-bottom-tab active="universe" :unread-count="unreadCount"></ie-bottom-tab>
 	</view>
 </template>
 
 <script>
-	import { getIeProfile } from '@/common/ieApi.js'
+	import { getIeProfile, getIeUnreadCount } from '@/common/ieApi.js'
+	import IeBottomTab from '@/components/ie-bottom-tab/ie-bottom-tab.vue'
 
 	export default {
+		components: { IeBottomTab },
 		data() {
 			return {
 				menuButtonInfo: { top: 44 },
+				unreadCount: 0,
+				unreadTimer: null,
 				profile: {},
 				orbit: [
 					{ day: '今天', value: 72, mood: '轻了一点' },
@@ -61,16 +67,42 @@
 				]
 			}
 		},
-		onLoad() {
+		onLoad(options = {}) {
 			if (uni.getMenuButtonBoundingClientRect) this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+			this.unreadCount = Number(options.unreadCount) || 0
 			this.loadProfile()
 		},
+		onShow() {
+			this.startUnreadTimer()
+		},
+		onHide() {
+			this.stopUnreadTimer()
+		},
+		onUnload() {
+			this.stopUnreadTimer()
+		},
 		methods: {
+			startUnreadTimer() {
+				if (this.unreadTimer) return
+				this.unreadTimer = setInterval(() => {
+					this.refreshUnreadCount()
+				}, 15000)
+			},
+			stopUnreadTimer() {
+				if (!this.unreadTimer) return
+				clearInterval(this.unreadTimer)
+				this.unreadTimer = null
+			},
+			async refreshUnreadCount() {
+				const count = await getIeUnreadCount()
+				if (count === null || count === undefined) return
+				this.unreadCount = Number(count) || 0
+			},
 			async loadProfile() {
 				const profile = await getIeProfile()
 				if (profile) this.profile = profile
 			},
-			back() { uni.navigateBack() },
+			backHome() { uni.redirectTo({ url: '/pages/index/index' }) },
 			editProfile() { uni.navigateTo({ url: '/package1/ieBrowser/profileSetup?edit=1' }) },
 			previewPersona(index) {
 				uni.previewImage({ urls: this.profile.personaImages || [], current: this.profile.personaImages[index] })
@@ -82,10 +114,11 @@
 
 <style lang="scss" scoped>
 	page { background: #f7f9ff; }
-	.universe-page { min-height: 100vh; padding: 0 32rpx 60rpx; box-sizing: border-box; color: #161b2e; background: radial-gradient(circle at 50% 12%, rgba(169,255,231,.42), transparent 330rpx), radial-gradient(circle at 86% 28%, rgba(255,184,209,.24), transparent 320rpx), linear-gradient(180deg, #fbfdff, #eef4ff 62%, #fff4e8); }
-	.nav { height: 90rpx; display: flex; align-items: center; }
-	.back, .ghost { width: 70rpx; font-size: 56rpx; color: rgba(22,27,46,.55); }
-	.nav-title { flex: 1; text-align: center; font-size: 30rpx; font-weight: 800; }
+	.universe-page { min-height: 100vh; padding: 0 32rpx 230rpx; box-sizing: border-box; color: #161b2e; background: radial-gradient(circle at 50% 12%, rgba(169,255,231,.42), transparent 330rpx), radial-gradient(circle at 86% 28%, rgba(255,184,209,.24), transparent 320rpx), linear-gradient(180deg, #fbfdff, #eef4ff 62%, #fff4e8); }
+	.float-bar { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; margin-top: 14rpx; }
+	.home-back { display: flex; align-items: center; height: 58rpx; padding: 0 22rpx 0 12rpx; border: 1rpx solid rgba(255,255,255,.88); border-radius: 999rpx; color: rgba(22,27,46,.66); background: rgba(255,255,255,.66); backdrop-filter: blur(20rpx); box-shadow: 0 14rpx 36rpx rgba(96,112,160,.12), inset 0 1rpx 0 rgba(255,255,255,.95); font-size: 23rpx; font-weight: 800; }
+	.home-back:active { transform: scale(.95); background: rgba(169,255,231,.7); }
+	.home-back-icon { margin-right: 6rpx; font-size: 40rpx; line-height: 50rpx; font-weight: 400; }
 	.profile { padding-top: 18rpx; text-align: center; }
 	.orb,
 	.orb-img { width: 148rpx; height: 148rpx; margin: 0 auto; border-radius: 50%; box-shadow: 0 0 80rpx rgba(169,255,231,.18); }
diff --git a/package1/planet/index.vue b/package1/planet/index.vue
index 4c180d3..afa7dad 100644
--- a/package1/planet/index.vue
+++ b/package1/planet/index.vue
@@ -175,7 +175,7 @@
 					</view>
 					<view class="guide-item">
 						<text>4</text>
-						<view>补给地图：农场券树、防御塔和校园下单给券任务，适合每天顺手经营。</view>
+						<view>补给地图：券树培育、防御塔升级、下单给券。适合每天顺手经营。</view>
 					</view>
 				</view>
 				<view class="guide-btn" @tap="guideVisible=false">知道怎么玩了</view>