From f5cf6a1eead6534ecda955f28fe343d064aa45f3 Mon Sep 17 00:00:00 2001
From: "1054425342@qq.com" <1054425342@qq.com>
Date: Tue, 29 Jul 2025 10:47:46 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=20=E9=9D=99=E6=80=81=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ProductSection.vue |    2 +-
 pages.json                    |    3 +-
 pages/index/iSoul.vue         | 1261 +++++++++++++++++++--------------
 3 files changed, 722 insertions(+), 544 deletions(-)

diff --git a/components/ProductSection.vue b/components/ProductSection.vue
index 79ba098..57654d5 100644
--- a/components/ProductSection.vue
+++ b/components/ProductSection.vue
@@ -323,7 +323,7 @@ export default {
   margin-right: 24rpx;
   flex-shrink: 0;
   min-width: 120rpx;
-  font-family: Futura;
+  font-family: 'Futura';
 }
 
 .heart-icon {
diff --git a/pages.json b/pages.json
index c88ae4f..bf30cc4 100644
--- a/pages.json
+++ b/pages.json
@@ -37,7 +37,8 @@
         {
             "path": "pages/index/iSoul",
             "style": {
-                "navigationStyle": "custom"
+                "navigationStyle": "custom",
+				"navigationBarTextStyle":"white"
                 // "navigationBarTitleText": "iSoul"
             }
         },
diff --git a/pages/index/iSoul.vue b/pages/index/iSoul.vue
index 614fb6a..52a93d3 100644
--- a/pages/index/iSoul.vue
+++ b/pages/index/iSoul.vue
@@ -1,86 +1,173 @@
 <template>
-	<view class="bg">
-		<view class="title">我的</view>
-
-		<view class="topBox" @click="gotoProfile">
-			<view class="avatar-box flex-center">
-				<image :src="showImg(userInfo.avatar)" mode="aspectFill" class="headImg" v-if="userInfo.avatar"></image>
-				<image src="https://changshu.js-dyyj.com/uploads/20250326/516242619f0772bee371a60684618c01.png" mode="aspectFill"
-					class="headImg" v-else></image>
+	<view class="profile-container">
+		<view class="user-top" :style="{
+        backgroundImage: `url(${showImg('/uploads/20250728/4ad18fba010760a527d0cf5e24bcf467.png')})`,
+      }">
+			<!-- 状态栏占位 -->
+			<view class="status-bar-placeholder"></view>
+			<!-- 顶部导航 -->
+			<view class="header">
+				<!-- <view class="back-btn" @click="goBack">
+        <text class="iconfont">‹</text>
+      </view>
+      <view class="more-btn">
+        <text class="dots">⋯</text>
+      </view> -->
 			</view>
-			<view class="username" v-if="userInfo.nickname">{{userInfo.nickname}}</view>
-			<view class="username" v-else>请登录/注册 ></view>
-			<view class="personalCenter flex-center" v-if="userInfo.nickname">
-				个人中心
+			<!-- 用户信息区域 -->
+			<view class="user-section" @click="gotoProfile">
+				<view class="user-avatar">
+					<image :src="userInfo.avatar ? showImg(userInfo.avatar) : defaultAvatar" mode="aspectFill"
+						class="avatar-img"></image>
+				</view>
+				<view class="user-info">
+					<view class="username">{{ userInfo.nickname || "用户" }}</view>
+					<view class="user-id">ID：{{ userInfo.redBookId || "123456" }}</view>
+					<!-- <view class="location">
+            <text class="location-icon">📍</text>
+            <text>IP属地：{{ userInfo.location || "上海" }}</text>
+            <text class="info-icon">ⓘ</text>
+          </view> -->
+				</view>
 			</view>
-		</view>
 
-		<view class="orderBox">
-			<navigator :url="'/subPackages/order/trades'" class="moreBox flex-between">
-				我的订单
-				<span class="flex-between">查看更多 <img
-						src="https://static.ticket.sz-trip.com/cgc/images/user/rightIcon.png" alt=""></span>
-			</navigator>
-
-			<view class="flex-around" style="margin-top: 20rpx;">
-				<view class="orderItem" v-for="(item,index) in orderList" :key="index" @click="goTrades(item)">
-					<image :src="item.src" mode="heightFix"></image>
-					<view style="margin-top: 10rpx;">{{item.title}}</view>
+			<!-- 城市艺术漫游 -->
+			<view class="city-art">
+				<view class="city-title">
+					<!-- <text class="pin-icon">📍</text> -->
+					<text>城市艺术漫游</text>
 				</view>
+				<!-- <view class="city-name">上海</view>
+        <view class="gender-icon">♀</view> -->
 			</view>
-			<!-- 待付款轮播 -->
-			<!-- <swiper class="my-swipe" :autoplay="3000" indicator-color="white" v-if="dfkList && dfkList.length>0" circular>
-				<swiper-item v-for="(item,index) in dfkList" :key="item.id">
-					<div class="dfkBox" @click="goToOrderDetail(item)">
-						<image :src="showImg(item.order_child[0].specifications_image)" mode="aspectFill"></image>
-						<div class="contentBox">
-							<div style="width:300rpx;">
-								<div style="font-size: 27rpx;margin-bottom: 10rpx;">等待付款 </div>
-								<div style="display: flex;color: #8A8A8A;font-size: 27rpx;">剩余时间：<uni-countdown class="countdown" @timeup="timeup(index)" :show-day="false" :hour="differTimeList[index].slice(0,2)" :minute="differTimeList[index].slice(3,5)" :second="differTimeList[index].slice(6,8)"/></div>
-							</div>
-							<div class="orderBtn" @click.stop="setOrderId(item.order_id)">去支付</div>
-						</div>
-					</div>
-				</swiper-item>
-			</swiper> -->
-		</view>
 
-		<view class="cygj">
-			<view class="cyItem" style="font-weight: bold;font-size: 31rpx;color: #333333;">
-				常用工具
+			<!-- 统计数据 -->
+			<view class="stats-section">
+				<view class="stat-item">
+					<view class="stat-number">{{ userStats.following || "140" }}</view>
+					<view class="stat-label">关注</view>
+				</view>
+				<view class="stat-item">
+					<view class="stat-number">{{ userStats.followers || "2462" }}</view>
+					<view class="stat-label">粉丝</view>
+				</view>
+				<view class="stat-item">
+					<view class="stat-number">{{ userStats.likes || "5.4万" }}</view>
+					<view class="stat-label">获赞与收藏</view>
+				</view>
+			</view>
+		</view>
+		<!-- 待激活的Agent -->
+		<view class="agent-section">
+			<view class="agent-header">
+				<view class="agent-title">待激活的Agent</view>
 			</view>
-			<view class="cyItem flex-between" v-for="(item,index) in cyList" :key="index"
-				@click="gotoUrl(item,index)" v-if="item.isShow">
-				<view class="flex-center">
-					<img :src="item.src" class="headIcon">
-					{{item.title}}
+			<view class="agent-content">
+				<scroll-view class="agent-scroll" scroll-x="true" show-scrollbar="false">
+					<view class="agent-avatars">
+						<view class="agent-avatar" v-for="(agent, index) in agentList" :key="index">
+							<image :src="agent.avatar" mode="aspectFill" class="agent-img"></image>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+		<!-- 操作按钮 -->
+		<!-- <view class="action-buttons">
+      <view class="follow-btn" @click="followUser">
+        <text>关注</text>
+      </view>
+      <view class="message-btn" @click="sendMessage">
+        <text>私信</text>
+      </view>
+    </view> -->
+
+		<!-- 数字资产权益 -->
+		<view class="digital-assets">
+			<view class="asset-card">
+				<image :src="showImg('/uploads/20250729/42598a2dcf4c9a6f8c6e122e54b65c4f.png')" mode="aspectFill"
+					class="digital-img"></image>
+				<view class="asset-actions">
+					<view class="asset-action active" @click="handleAssetAction('待核销')">
+						<view class="action-icon red"></view>
+						<text>待核销</text>
+					</view>
+					<view class="asset-action" @click="handleAssetAction('待发货')">
+						<view class="action-icon gray"></view>
+						<text>待发货</text>
+					</view>
+					<view class="asset-action" @click="handleAssetAction('退货/退款')">
+						<view class="action-icon gray"></view>
+						<text>退货/退款</text>
+					</view>
+					<view class="asset-action" @click="handleAssetAction('历史记录')">
+						<view class="action-icon gray"></view>
+						<text>历史记录</text>
+					</view>
 				</view>
-				<img src="https://static.ticket.sz-trip.com/yandu/images/user/rightIcon-gray.png" class="rightIcon">
 			</view>
-			<button id="contact" class="cyItem flex-between" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
-				<view class="flex-center">
-					<img src="https://static.ticket.sz-trip.com/cgc/images/user/kfdh.png" class="headIcon">
-					在线客服
+		</view>
+
+		<!-- 有感商品 -->
+		<view class="feeling-goods">
+			<view class="goods-card">
+				<image :src="showImg('/uploads/20250729/a010feb51e3f195563fb440f9235cc8b.png')" mode="aspectFill"
+									class="digital-img"></image>
+				<view class="goods-actions">
+					<view class="goods-action active" @click="handleGoodsAction('购物车')">
+						<view class="action-icon red"></view>
+						<text>购物车</text>
+					</view>
+					<view class="goods-action" @click="handleGoodsAction('待发货')">
+						<view class="action-icon gray"></view>
+						<text>待发货</text>
+					</view>
+					<view class="goods-action" @click="handleGoodsAction('退货/退款')">
+						<view class="action-icon gray"></view>
+						<text>退货/退款</text>
+					</view>
+					<view class="goods-action" @click="handleGoodsAction('评价')">
+						<view class="action-icon gray"></view>
+						<text>评价</text>
+					</view>
 				</view>
-				<img src="https://static.ticket.sz-trip.com/dongtai/images/user/rightIcon-gray.png" class="rightIcon">
-			</button>
+			</view>
 		</view>
-		
-		<!-- 旅游咨询弹框 -->
-		<uni-popup ref="popup" type="center">
-			<view class="consult-popup">
-				即将拨打客服电话
-				<view class="consult-subtitle">服务时间：周一至周五<br>9:00-12:00，13:00-18:00</view>
-				<view class="consult-btns">
-					<view @click="$refs.popup.close()">取消</view>
-					<view @click="clickPhone('0515-69186109')">确定</view>
-					<!-- <view>
-						<button class="confirm" open-type="contact">确定</button>
-					</view> -->
+
+		<!-- 数字资产纪念册 -->
+		<view class="memorial-section">
+			<view class="memorial-divider">
+				<view class="divider-line"></view>
+				<view class="divider-text">数字资产纪念册</view>
+				<view class="divider-line"></view>
+			</view>
+			<view class="memorial-cards">
+				<view class="memorial-card" @click="handleMemorialClick(0)">
+					<image :src="showImg('/uploads/20250729/105755e9b2e570e46b96d54ed61abe51.png')" mode="aspectFill"
+						class="memorial-img"></image>
+					<view class="memorial-info">
+						<text class="memorial-title">世界花园｜凤景里的苏州</text>
+						<text class="memorial-more">MORE</text>
+					</view>
+				</view>
+				<view class="memorial-card" @click="handleMemorialClick(1)">
+					<image :src="showImg('/uploads/20250729/42fe2364167c2342076c4e094df3d288.png')" mode="aspectFill"
+						class="memorial-img"></image>
+					<view class="memorial-info">
+						<text class="memorial-title">男神女神罗曼史</text>
+						<text class="memorial-more">MORE</text>
+					</view>
 				</view>
 			</view>
-		</uni-popup>
-		
+		</view>
+
+		<!-- 底部菜单 -->
+		<view class="bottom-menu">
+			<view class="menu-item" v-for="(item, index) in menuItems" :key="index" @click="handleMenuClick(item)">
+				<text>{{ item.title }}</text>
+			</view>
+		</view>
+
 		<CustomTabBar :currentTab="4" />
 		<MusicControl />
 	</view>
@@ -88,575 +175,665 @@
 
 <script>
 	import moment from "moment";
-	import CustomTabBar from '@/components/CustomTabBar.vue';
-	import MusicControl from '@/components/MusicControl.vue';
+	import CustomTabBar from "@/components/CustomTabBar.vue";
+	import MusicControl from "@/components/MusicControl.vue";
 	export default {
-		components: {CustomTabBar,MusicControl},
+		components: {
+			CustomTabBar,
+			MusicControl
+		},
 		data() {
 			return {
-				dfkList: [],
-				differTimeList: [],
-				nowDateTime: '', //当前时间秒数
 				userInfo: {},
-				orderList: [{
-						src: 'https://static.ticket.sz-trip.com/epicSoul/image/user/dfk.png',
-						title: '待付款',
-						status: 'WAIT_PAYMENT'
+				defaultAvatar: "https://changshu.js-dyyj.com/uploads/20250326/516242619f0772bee371a60684618c01.png",
+				userStats: {
+					following: "140",
+					followers: "2462",
+					likes: "5.4万",
+				},
+				agentList: [{
+						avatar: "https://epic.js-dyyj.com/uploads/20250728/d27ef6e6c26877da7775664fed376c6f.png",
 					},
 					{
-						src: 'https://static.ticket.sz-trip.com/epicSoul/image/user/dfh.png',
-						title: '待使用/发货',
-						status: 'PAYMENT_SUCCESSFULLY'
+						avatar: "https://epic.js-dyyj.com/uploads/20250728/d7bf0dd2f3f272afba687b525a7c575c.png",
 					},
 					{
-						src: 'https://static.ticket.sz-trip.com/epicSoul/image/user/dsh.png',
-						title: '待收货',
-						status: 'POST'
+						avatar: "https://epic.js-dyyj.com/uploads/20250728/d27ef6e6c26877da7775664fed376c6f.png",
 					},
-					// {
-					// 	src: 'https://changshu.js-dyyj.com/uploads/20250326/3f13d3a10dd0f88e764e3ddf1157c108.png',
-					// 	title: '待评价',
-					// 	status: 'WAIT_COMMENT'
-					// },
 					{
-						src: 'https://static.ticket.sz-trip.com/epicSoul/image/user/sh.png',
-						title: '退款/售后',
-						status: 'WAIT_REFUND,REFUND_SUCCESS,REFUND_REFUSAL,REFUND_ERROR,REFUND_PART'
+						avatar: "https://epic.js-dyyj.com/uploads/20250728/d7bf0dd2f3f272afba687b525a7c575c.png",
 					},
 				],
-				cyList: [
+				menuItems: [{
+						title: "账号与安全",
+						icon: "🔒"
+					},
+					{
+						title: "购物车",
+						icon: "🛒"
+					},
 					{
-						src: 'https://static.ticket.sz-trip.com/cgc/images/user/gwc.png',
-						title: '购物车',
-						path: '/subPackages/user/gwc',
-						isShow: true
+						title: "地址管理",
+						icon: "📍"
 					},
-					// {
-					// 	src: 'https://static.ticket.sz-trip.com/cgc/images/user/kfdh.png',
-					// 	title: '客服电话',
-					// 	path: '',
-					// 	isShow: true
-					// },
 					{
-						src: 'https://static.ticket.sz-trip.com/cgc/images/user/shdz.png',
-						title: '收货地址',
-						path: '/subPackages/user/travelerList',
-						isShow: true
+						title: "卡券中心",
+						icon: "🎫"
 					},
 					{
-						src: 'https://static.ticket.sz-trip.com/cgc/images/user/ysgl.png',
-						title: '隐私管理',
-						path: '/subPackages/user/privacy',
-						isShow: true
+						title: "帮助与客服",
+						icon: "💬"
 					},
-					// {
-					// 	src: 'https://changshu.js-dyyj.com/uploads/20250326/3e977f62b6cbfeec5a17d945b96b8c8c.png',
-					// 	title: '投诉建议',
-					// 	path: '/subPackages/service/service',
-					// 	isShow: true
-					// },
 				],
-			}
+			};
+		},
+		onLoad() {
+			// 页面加载时的初始化逻辑
+			console.log("iSoul页面加载完成");
 		},
 		onShow() {
-			this.userInfo = (uni.getStorageSync('userInfo') && JSON.parse(uni.getStorageSync('userInfo'))) || this.$store.state.user.userInfo || {}
-			console.log(this.userInfo)
-			// this.dfkList = []
-			// this.nowDateTime = parseInt(new Date().getTime() / 1000)
-			// this.Post({}, "/api/user/userInfo").then((res) => {
-			// 	if (res.data) {
-			// 		this.userInfo = res.data;
-			// 		// this.getDfk()
-
-			// 		// 是否展示商户核销
-			// 		this.Post({},'/api/merchants/is_merchant').then(res => {
-			// 			this.cyList[6].isShow = res.data
-			// 		})
-			// 	}
-			// });
+			this.userInfo =
+				(uni.getStorageSync("userInfo") &&
+					JSON.parse(uni.getStorageSync("userInfo"))) ||
+				this.$store.state.user.userInfo || {};
+			console.log(this.userInfo);
 		},
 		methods: {
-			// 个人信息或登录
-			gotoProfile() {
-				// 有token去个人信息，没有去登录
-				if(this.userInfo.token) {
-					uni.navigateTo({
-						url: '/subPackages/user/profile'
-					})
-				}else {
-					uni.navigateTo({
-						url: '/pages/login/login'
-					})
-				}
-			},
-			timeup(index) {
-				// return this.dfkList.splice(index,1)
+			// 返回上一页
+			goBack() {
+				uni.navigateBack();
 			},
-			setOrderId(id) {
-				let that = this;
-				that.orderId = id;
-				that.Post({
-						order_id: id,
-						type: "miniprogram",
-						platform: 'miniprogram'
-					},
-					'/api/pay/unify'
-				).then(res => {
-					if (res.data) {
-						uni.requestPayment({
-							nonceStr: res.data.nonceStr,
-							package: res.data.package,
-							paySign: res.data.paySign,
-							signType: res.data.signType,
-							timeStamp: res.data.timeStamp
-						});
-					}
+			// 关注用户
+			followUser() {
+				uni.showToast({
+					title: "关注成功",
+					icon: "success",
 				});
 			},
-			// 待付款
-			getDfk() {
-				this.differTimeList = []
-				let params = {
-					offset: this.dfkList.length,
-					limit: 10,
-					status: 'WAIT_PAYMENT',
-				}
-				this.Post(params, '/api/order/orderList').then(res => {
-					this.isLoading = false
-					if (res) {
-						this.dfkList = [...this.dfkList, ...res.data]
-						this.dfkList.forEach(item => {
-							// 获取时间差,订单关闭时间-当前时间，若存在即展示倒计时differTimeList
-							let del;
-							if (moment(item.close_time).diff(moment()) > 0) {
-								del = moment.utc(moment(item.close_time).diff(moment())).format('HH:mm:ss')
-							} else {
-								del = '00:00:00'
-							}
-							this.differTimeList.push(del)
-						})
-						console.log(this.differTimeList);
-						console.log('this.differTimeList：' + this.differTimeList[0].slice(0, 2))
-					}
-				})
-			},
-			goToOrderDetail(item) {
+			// 发送私信
+			sendMessage() {
 				uni.navigateTo({
-					url: '/subPackages/order/detail?id=' + item.order_id
+					url: "/pages/chat/chat",
 				});
 			},
-			getChild(list) {
-				let arr = []
-				for (let i = 0; i < list.length; i++) {
-					if (list[i].product_model == "ticket") {
-						console.log(list[i]);
-						arr.push(list[i])
-						break
-					}
+			// 处理菜单点击
+			handleMenuClick(item) {
+				switch (item.title) {
+					case "账号与安全":
+						uni.navigateTo({
+							url: "/subPackages/user/privacy",
+						});
+						break;
+					case "购物车":
+						uni.navigateTo({
+							url: "/subPackages/user/gwc",
+						});
+						break;
+					case "地址管理":
+						uni.navigateTo({
+							url: "/subPackages/user/travelerList",
+						});
+						break;
+					case "卡券中心":
+						uni.navigateTo({
+							url: "/subPackages/user/coupon",
+						});
+						break;
+					case "帮助与客服":
+						uni.showModal({
+							title: "客服电话",
+							content: "0515-69186109\n服务时间：周一至周五\n9:00-12:00，13:00-18:00",
+							confirmText: "拨打",
+							success: (res) => {
+								if (res.confirm) {
+									uni.makePhoneCall({
+										phoneNumber: "0515-69186109",
+									});
+								}
+							},
+						});
+						break;
+					default:
+						uni.showToast({
+							title: item.title,
+							icon: "none",
+						});
 				}
-				console.log(arr);
-				if (arr.length > 0) {
-					return arr[0]
+			},
+			// 个人信息或登录
+			gotoProfile() {
+				// 有token去个人信息，没有去登录
+				if (this.userInfo.token) {
+					uni.navigateTo({
+						url: "/subPackages/user/profile",
+					});
 				} else {
-					return list[0]
+					uni.navigateTo({
+						url: "/pages/login/login",
+					});
 				}
-
-			},
-			goCoupon() {
-				uni.navigateTo({
-					url: "/subPackages/user/coupon",
-				});
 			},
-			goKeFu() {
-				uni.navigateTo({
-					url: "/subPackages/publicservices/ServiceOnline",
-				});
-			},
-			// open(){
-			//   this.$refs.popup.open('center')
-			// },
-			gotoUrl(item, index) {
-				if (item.title == "客服电话") {
-					this.$refs.popup.open()
-					return;
+
+			// 数字资产权益点击
+			handleAssetAction(action) {
+				switch (action) {
+					case "待核销":
+						uni.navigateTo({
+							url: "/subPackages/order/trades?status=PAYMENT_SUCCESSFULLY",
+						});
+						break;
+					case "待发货":
+						uni.navigateTo({
+							url: "/subPackages/order/trades?status=POST",
+						});
+						break;
+					case "退货/退款":
+						uni.navigateTo({
+							url: "/subPackages/order/trades?status=WAIT_REFUND",
+						});
+						break;
+					case "历史记录":
+						uni.navigateTo({
+							url: "/subPackages/order/trades",
+						});
+						break;
 				}
-				uni.navigateTo({
-					url: item.path
-				})
 			},
-			qidai() {
-				uni.showToast({
-					title: '功能建设中...',
-					icon: 'none'
-				})
+			// 有感商品点击
+			handleGoodsAction(action) {
+				switch (action) {
+					case "购物车":
+						uni.navigateTo({
+							url: "/subPackages/user/gwc",
+						});
+						break;
+					case "待发货":
+						uni.navigateTo({
+							url: "/subPackages/order/trades?status=POST",
+						});
+						break;
+					case "退货/退款":
+						uni.navigateTo({
+							url: "/subPackages/order/trades?status=WAIT_REFUND",
+						});
+						break;
+					case "评价":
+						uni.navigateTo({
+							url: "/subPackages/order/trades?status=WAIT_COMMENT",
+						});
+						break;
+				}
 			},
-			goTrades(item) {
-				if (item) {
+			// 纪念册卡片点击
+			handleMemorialClick(index) {
+				if (index === 0) {
 					uni.navigateTo({
-						url: "/subPackages/order/trades?type=" + item.title,
+						url: "/subPackages/readingBody/index",
 					});
 				} else {
 					uni.navigateTo({
-						url: "/subPackages/order/trades",
+						url: "/subPackages/video/video",
 					});
 				}
 			},
-			//判断是否关注公众号
-			isGz(item) {
-				this.$refs.pop.openPop(
-					'https://yjks.oss-cn-shanghai.aliyuncs.com/uploads/20230517/db9eb60e0abfea8be1075b406fefe551.jpg');
-				// this.Post({}, '/api/wechat/getSubcribeInfo').then(res => {
-				// 	if (res.data) {
-				// uni.navigateTo({
-				// 	url:'/subPackages/webPage/webPage?url='+'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU2NjQwNTYxNg==#wechat_redirect'
-				// })
-				// 	} else {
-				// console.log(this.$refs.pop);
-				// 	}
-				// });
-			},
-		}
-	}
+		},
+	};
 </script>
 
 <style scoped lang="scss">
-	view{
+	view {
 		box-sizing: border-box;
 	}
-	
-	::v-deep .uni-countdown {
-		font-size: 20px !important;
 
-		::v-deep .uni-countdown__splitor {
-			font-size: 20px !important;
-		}
+	.profile-container {
+		background: white;
+		min-height: 100vh;
+		padding-bottom: 200rpx;
+		color: white;
 	}
 
-	.bg {
-		min-height: 100vh;
-		overflow-x: hidden;
-		background: url('https://static.ticket.sz-trip.com/epicSoul/image/user/bg.png') no-repeat;
-		background-size: 100% auto;
-		background-color: #F7F7F7;
-		padding-bottom: 100rpx;
+	/* 状态栏占位 */
+	.status-bar-placeholder {
+		height: var(--status-bar-height);
+		width: 100%;
 	}
 
-	.title {
-		font-weight: bold;
-		font-size: 36rpx;
-		color: #333333;
-		position: absolute;
-		top: 110rpx;
-		left: 50%;
-		transform: translate(-50%, 0);
+	/* 顶部导航 */
+	.header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 40px;
 	}
 
-	.topBox {
-		width: 750rpx;
-		height: 373rpx;
-		padding: 100rpx 0 0 26rpx;
-		box-sizing: border-box;
+	.back-btn,
+	.more-btn {
+		width: 60rpx;
+		height: 60rpx;
 		display: flex;
-		margin-top: 90rpx;
-
-		.avatar-box {
-			width: 120rpx;
-			height: 120rpx;
-			background: #FFFFFF;
-			border-radius: 50%;
-			overflow: hidden;
-		}
-
-		.headImg {
-			width: 120rpx;
-			height: 120rpx;
-			border-radius: 50%;
-		}
-
-		.username {
-			margin: 40rpx 0 0 28rpx;
-			font-weight: 500;
-			font-size: 40rpx;
-			color: #000000;
-		}
-		
-		.personalCenter {
-			width: 165rpx;
-			height: 59rpx;
-			background: rgba(24, 135, 145, 1);
-			border-radius: 29rpx 0rpx 0rpx 29rpx;
-			margin: 40rpx 0 0 auto;
-			font-weight: bold;
-			font-size: 28rpx;
-			color: #FFFFFF;
-		}
-	}
-
-	.orderBox {
-		width: 697rpx;
-		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 23rpx 0rpx rgba(80, 80, 80, 0.12);
-		border-radius: 20rpx;
-		margin: -48rpx auto 0;
-		padding-bottom: 30.6rpx;
-
-		.moreBox {
-			height: 84rpx;
-			margin: auto;
-			font-size: 31rpx;
-			font-family: PingFang SC;
-			font-weight: bold;
-			color: #000000;
-			padding-left: 26rpx;
-
-			span {
-				padding-right: 18rpx;
-				font-size: 27rpx;
-				font-family: PingFang SC;
-				font-weight: 500;
-				box-sizing: border-box;
-
-				img {
-					width: 12rpx;
-					height: 21rpx;
-					margin-left: 12rpx;
-				}
-			}
-		}
-
-		.orderItem {
-			font-size: 27rpx;
-			font-family: PingFang SC;
-			font-weight: 500;
-			color: #000000;
-			width: 25%;
-			text-align: center;
-
-			image {
-				height: 60rpx;
-			}
-		}
-	}
-
-	.lxwm {
-		width: 696rpx;
-		height: 447rpx;
-		background: #FFFFFF;
-		box-shadow: 0px 4rpx 12rpx 0px rgba(150, 149, 149, 0.3);
-		border-radius: 20rpx;
-		margin: auto;
-		padding: 27rpx 19rpx 0 19rpx;
-		font-size: 31rpx;
-		font-family: PingFang SC;
+		align-items: center;
+		justify-content: center;
+		font-size: 40rpx;
+		color: white;
+	}
+
+	.dots {
+		font-size: 32rpx;
 		font-weight: bold;
-		color: #000000;
+	}
 
-		.midBox {
-			padding: 26rpx 43rpx 21rpx 44rpx;
-			box-sizing: border-box;
-
-			img {
-				width: 265rpx;
-				height: 252rpx;
-				border-radius: 15rpx;
-			}
-		}
-
-		.botBox {
-			padding: 0 30rpx 0 51rpx;
-			font-size: 27rpx;
-			font-family: PingFang SC;
-			font-weight: bold;
-			color: #000000;
-		}
-	}
-
-	.cygj {
-		width: 697rpx;
-		background: #FFFFFF;
-		border-radius: 20rpx;
-		margin: 30rpx auto 0;
-		padding: 0 27rpx;
-		font-size: 28rpx;
-		font-family: PingFang SC;
-		font-weight: 500;
-		color: #000000;
-		box-sizing: border-box;
+	/* 用户信息区域 */
+	.user-section {
+		display: flex;
+		align-items: center;
+		padding: 0 40rpx 30rpx;
+	}
+
+	.user-avatar {
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 50%;
+		overflow: hidden;
+		margin-right: 30rpx;
+	}
+
+	.avatar-img {
+		width: 100%;
+		height: 100%;
+	}
 
-		.cyItem {
-			height: 106rpx;
-			display: flex;
-			align-items: center;
-			border-bottom: 1rpx solid #D8D8D8;
+	.user-info {
+		flex: 1;
+	}
 
-			.headIcon {
-				width: 42rpx;
-				height: 42rpx;
-				margin-right: 15rpx;
-			}
+	.username {
+		font-size: 36rpx;
+		font-weight: bold;
+		color: white;
+		margin-bottom: 10rpx;
+	}
 
-			.rightIcon {
-				width: 20rpx;
-				height: 20rpx;
-			}
-		}
+	.user-id {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.8);
+		margin-bottom: 10rpx;
+	}
 
-		.cyItem:last-child {
-			border: none;
-		}
+	.location {
+		display: flex;
+		align-items: center;
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.8);
 	}
 
-	.my-swipe {
-		// width: 100%;
-		margin: 0 30rpx;
-		margin-top: 37.3rpx;
+	.location-icon,
+	.info-icon {
+		margin-right: 8rpx;
 	}
 
-	swiper {
-		height: 111rpx !important;
+	/* 城市艺术漫游 */
+	.city-art {
+		padding: 0 40rpx 20rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
 	}
 
-	.dfkBox {
-		width: 100%;
-		height: 111rpx;
-		background: #F7F7F7;
-		margin: 0 auto 30.64rpx;
-		// padding: 0.25rem;
+	.city-title {
 		display: flex;
+		align-items: center;
+		font-size: 28rpx;
+		color: rgba(255, 255, 255, 0.9);
 	}
 
-	.dfkBox image {
-		width: 137rpx;
-		height: 111rpx;
-		border-radius: 13rpx;
-		flex-shrink: 0;
-		// margin-right: 16.7rpx;
+	.pin-icon {
+		margin-right: 8rpx;
 	}
 
-	.dfkBox .contentBox {
-		padding-left: 5rpx;
-		padding-right: 5rpx;
-		height: 111rpx;
-		width: 100%;
+	.city-name {
+		font-size: 28rpx;
+		color: white;
+		font-weight: bold;
+	}
+
+	.gender-icon {
+		width: 40rpx;
+		height: 40rpx;
+		background: rgba(255, 255, 255, 0.2);
+		border-radius: 50%;
 		display: flex;
-		justify-content: space-around;
 		align-items: center;
+		justify-content: center;
+		font-size: 24rpx;
 	}
 
-	// .van-count-down{
-	// 	font-size: 0.39rem;
-	// 	font-family: PingFang SC;
-	// 	font-weight: 400;
-	// 	color: #FB6E4D;
-	// }
+	/* 统计数据 */
+	.stats-section {
+		display: flex;
+		justify-content: space-around;
+		margin-top: 80rpx;
+		padding-bottom: 50rpx;
+	}
 
-	.orderBtn {
-		width: 152rpx;
-		height: 56rpx;
-		background: linear-gradient(270deg, #FC5109, #FDC43A);
-		;
-		border-radius: 28rpx;
+	.stat-item {
 		text-align: center;
-		line-height: 56rpx;
-		font-size: 27rpx;
-		font-family: PingFang SC;
-		font-weight: 400;
-		color: #FFFFFF;
-		// margin-left: 50rpx;
-		// margin-right: 20rpx;
-	}
-
-	#contact {
-		-webkit-tap-highlight-color: transparent;
-		background-color: rgba(0, 0, 0, 0);
-		border-radius: 0;
-		box-sizing: border-box;
-		color: transparent;
-		cursor: pointer;
-		overflow: hidden;
-		padding: 0;
-		position: relative;
+	}
+
+	.stat-number {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: white;
+		margin-bottom: 8rpx;
+	}
+
+	.stat-label {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.8);
+	}
+
+	/* 操作按钮 */
+	.action-buttons {
+		display: flex;
+		padding: 0 40rpx 40rpx;
+		gap: 20rpx;
+	}
+
+	.follow-btn {
+		flex: 1;
+		background: #ff4757;
+		border-radius: 50rpx;
+		padding: 20rpx;
 		text-align: center;
-		text-decoration: none;
-		border: transparent 0px solid;
+		color: white;
+		font-size: 28rpx;
+		font-weight: bold;
+	}
+
+	.message-btn {
+		flex: 1;
+		background: rgba(255, 255, 255, 0.2);
+		border-radius: 50rpx;
+		padding: 20rpx;
+		text-align: center;
+		color: white;
+		font-size: 28rpx;
+		font-weight: bold;
+	}
+
+	/* 待激活的Agent */
+	.agent-section {
+		margin: 0 47rpx;
+		border-radius: 20rpx;
+		margin-bottom: 30rpx;
+		overflow: hidden;
 		display: flex;
 		align-items: center;
+		padding: 30rpx 0;
+	}
+
+	.agent-header {
+		margin-right: 30rpx;
+		flex-shrink: 0;
+	}
+
+	.agent-title {
 		font-size: 28rpx;
-		font-family: PingFang SC;
-		font-weight: 500;
 		color: #000000;
 	}
 
-	button::after {
-		border: none;
-		background-color: rgba(0, 0, 0, 0);
+	.agent-content {
+		flex: 1;
+	}
+
+	.agent-scroll {
+		width: 430rpx;
+		white-space: nowrap;
+	}
+
+	.agent-scroll::-webkit-scrollbar {
+		display: none;
+	}
+
+	.agent-scroll {
+		-ms-overflow-style: none;
+		scrollbar-width: none;
+	}
+
+	.agent-avatars {
+		display: inline-flex;
+		gap: 20rpx;
+	}
+
+	.agent-avatar {
+		width: 104rpx;
+		height: 104rpx;
+		border-radius: 50%;
+		overflow: hidden;
+		flex-shrink: 0;
+	}
+
+	.agent-img {
+		width: 100%;
+		height: 100%;
+	}
+
+	/* 数字资产权益 */
+	.digital-assets {
+		margin: 0 30rpx 0rpx;
+	}
+
+	.asset-card {
+		border-radius: 20rpx;
+		overflow: hidden;
+	}
+
+	.asset-bg {
+		padding: 40rpx 30rpx 30rpx;
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		position: relative;
+		overflow: hidden;
 	}
 
-	.more {
-		width: 100vw;
-		height: 100vh;
-		background-color: rgba(0, 0, 0, .5);
-		position: fixed;
+	.asset-bg::before {
+		content: '';
+		position: absolute;
 		top: 0;
 		left: 0;
+		right: 0;
+		bottom: 0;
+		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="85" cy="15" r="8" fill="rgba(255,255,255,0.1)"/><circle cx="15" cy="85" r="6" fill="rgba(255,255,255,0.08)"/><circle cx="70" cy="70" r="4" fill="rgba(255,255,255,0.06)"/></svg>');
+		pointer-events: none;
+	}
+
+	.asset-title {
+		font-size: 32rpx;
+		color: white;
+		font-weight: 600;
+		position: relative;
+		z-index: 1;
+	}
+
+	.asset-actions {
+		display: flex;
+		padding: 20rpx 0;
+		
+		background: white;
+		font-size: 25rpx;
+	}
+
+	.asset-action {
+		flex: 1;
 		display: flex;
 		flex-direction: column;
-		justify-content: space-around;
 		align-items: center;
+		padding: 0 10rpx;
+		font-size: 24rpx;
+		color: #666;
+		position: relative;
+	}
+
+	.asset-action.active {
+		color: #ff4757;
+	}
+
+	.action-icon {
+		width: 36rpx;
+		height: 36rpx;
+		border-radius: 50%;
+		margin-bottom: 12rpx;
+	}
 
-		image {
-			width: 646rpx;
-			height: 959rpx;
-		}
-
-		img {
-			width: 80rpx;
-			height: 80rpx;
-		}
-	}
-	
-	.consult-popup {
-		width: 487rpx;
-		height: 367rpx;
-		background: #F0F0F0;
+	.action-icon.red {
+		background: #ff4757;
+	}
+
+	.action-icon.gray {
+		background: #ccc;
+	}
+
+	/* 有感商品 */
+	.feeling-goods {
+		margin: 20rpx 30rpx 30rpx;
+	}
+
+	.goods-card {
 		border-radius: 20rpx;
-		padding: 65rpx 0 23rpx;
-		font-weight: bold;
+		overflow: hidden;
+	}
+
+	.goods-bg {
+		padding: 40rpx 30rpx 20rpx;
+		position: relative;
+	}
+
+	.goods-title {
 		font-size: 32rpx;
-		color: #000000;
-		text-align: center;
-		
-		.consult-subtitle {
-			font-weight: 500;
-			font-size: 27rpx;
-			color: #333333;
-			margin-top: 43rpx;
-		}
-		
-		.consult-btns {
-			display: flex;
-			margin-top: 75rpx;
-			
-			view {
-				width: 50%;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #00AEA0;
-				line-height: 54rpx;
-			}
-			view:first-child {
-				border-right: 1rpx solid #D8D8D8;
-				color: #000000;
-			}
-		}
-	}
-
-	.confirm{
-		height: 58rpx;
-		line-height: 58rpx;
-		background: none;
+		color: white;
 		font-weight: bold;
-		font-size: 32rpx;
-		color: #00AEA0;
+		margin-bottom: 10rpx;
+	}
+
+	.goods-brand {
+		font-size: 36rpx;
+		color: white;
+		font-weight: bold;
+		margin-bottom: 5rpx;
+	}
+
+	.goods-subtitle {
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.8);
+	}
+
+	.goods-actions {
+		display: flex;
+		background: white;
+	}
+
+	.goods-action {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 20rpx 10rpx;
+		font-size: 24rpx;
+		color: #666;
+	}
+
+	.goods-action.active {
+		color: #ff4757;
+	}
+
+	/* 数字资产纪念册 */
+	.memorial-section {
+		margin: 0 47rpx;
+		margin-bottom: 30rpx;
+	}
+
+	.memorial-divider {
+		display: flex;
+		align-items: center;
+		padding: 30rpx 0;
+		margin-bottom: 30rpx;
+	}
+
+	.divider-line {
+		flex: 1;
+		height: 2rpx;
+		background: #e0e0e0;
+	}
+
+	.divider-text {
+		padding: 0 30rpx;
+		font-size: 28rpx;
+		color: #000000;
+		font-weight: 500;
+		white-space: nowrap;
+	}
+
+	.memorial-cards {
+		display: flex;
+		gap: 20rpx;
+	}
+
+	.memorial-card {
+		flex: 1;
+		border-radius: 10rpx;
+		overflow: hidden;
+		background: white;
+	}
+
+	.memorial-img {
+		width: 100%;
+		height: 425rpx;
+	}
+
+	.memorial-info {
+		padding: 20rpx 10rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.memorial-title {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-size: 22rpx;
+		color: #000000;
+		flex: 1;
+	}
+
+	.memorial-more {
+		font-size: 14rpx;
+		color: #999;
+	}
+
+	/* 底部菜单 */
+	.bottom-menu {
+		padding: 40rpx 30rpx;
+		background: white;
+		margin: 0 30rpx;
+		border-radius: 20rpx;
+		margin-bottom: 30rpx;
+	}
+
+	.menu-item {
+		padding: 30rpx 0;
+		border-bottom: 1rpx solid #f5f5f5;
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.menu-item:last-child {
+		border-bottom: none;
+	}
+
+	.user-top {}
+
+	.digital-img {
+		height: 265rpx;
+		width: 100%;
+		border-radius: 20rpx;
 	}
 </style>
\ No newline at end of file