diff --git a/绿纤uni-app/package.json b/绿纤uni-app/package.json
index 180a97b..68383c4 100644
--- a/绿纤uni-app/package.json
+++ b/绿纤uni-app/package.json
@@ -1,6 +1,7 @@
 {
   "dependencies": {
     "@qiun/ucharts": "^2.5.0-20230101",
-    "html2canvas": "^1.4.1"
+    "html2canvas": "^1.4.1",
+    "ucharts": "^0.0.0"
   }
 }
diff --git a/绿纤uni-app/pages/me/me.vue b/绿纤uni-app/pages/me/me.vue
index 5cd3c42..9b4e347 100644
--- a/绿纤uni-app/pages/me/me.vue
+++ b/绿纤uni-app/pages/me/me.vue
@@ -42,64 +42,97 @@
 			<!-- <view class="warpboxs-small-title">
 				<view><text class="warpboxs-small-title-line"></text>业绩数据</view>
 			</view> -->
-			<view class="performance-layout" v-if="newuserInfo.gw != '科技老师'">
-				<!-- 左侧列 -->
-				<view class="performance-left">
-					<view class="performance-text-item">
-						<view class="performance-text-label">开单金额</view>
-						<view class="performance-text-value">¥{{ (performanceData.BillingAmount || 0).toFixed(2) }}</view>
+<view class="performance-grid" v-if="newuserInfo.gw != '科技老师'">
+				<!-- 左侧：开单金额 - 正方形布局 -->
+				<view class="glass-card billing-card">
+					<view class="billing-main">
+						<view class="card-label">开单金额</view>
+						<view class="billing-value">¥{{ (performanceData.BillingAmount || 0).toFixed(2) }}</view>
+						<view class="refund-value">退卡：¥{{ (performanceData.RefundAmount || 0).toFixed(2) }}</view>
 					</view>
-					<view class="performance-text-item">
-						<view class="performance-text-label">退卡金额</view>
-						<view class="performance-text-value">¥{{ (performanceData.RefundAmount || 0).toFixed(2) }}</view>
-					</view>
-					<view class="performance-radio-group">
-						<view class="performance-radio-item">
-							<view class="radio-value">{{ performanceData.HeadCount || 0 }}</view>
-							<text class="radio-label">人头</text>
+					
+					<view class="billing-footer">
+						<view class="count-item">
+							<u-icon name="account-fill" size="20" color="#666"></u-icon>
+							<text class="count-text">{{ performanceData.HeadCount || 0 }}人头</text>
 						</view>
-						<view class="performance-radio-item">
-							<view class="radio-value">{{ performanceData.PersonCount || 0 }}</view>
-							<text class="radio-label">人次</text>
+						<view class="count-item">
+							<u-icon name="man-add-fill" size="20" color="#666"></u-icon>
+							<text class="count-text">{{ performanceData.PersonCount || 0 }}人次</text>
 						</view>
 					</view>
 				</view>
-				<!-- 右侧列 -->
-				<view class="performance-right">
-					<view class="performance-box performance-box-1">
-						<view class="performance-box-label">消耗金额</view>
-						<view class="performance-box-value">¥{{ (performanceData.ConsumeAmount || 0).toFixed(2) }}</view>
+				
+				<!-- 右侧：其他数据 - 垂直排列 -->
+				<view class="right-column">
+					<!-- 消耗金额 -->
+					<view class="glass-card stat-card">
+						<view class="stat-content">
+							<view class="card-label">消耗金额</view>
+							<view class="stat-value">¥{{ (performanceData.ConsumeAmount || 0).toFixed(2) }}</view>
+						</view>
+						<view class="bg-icon">
+							<u-icon name="red-packet-fill" size="48" color="#409EFF"></u-icon>
+						</view>
 					</view>
-					<view class="performance-box performance-box-2">
-						<view class="performance-box-label">手工费</view>
-						<view class="performance-box-value">¥{{ performanceData.LaborCost || 0 }}</view>
+					
+					<!-- 手工费 -->
+					<view class="glass-card stat-card">
+						<view class="stat-content">
+							<view class="card-label">手工费</view>
+							<view class="stat-value">¥{{ performanceData.LaborCost || 0 }}</view>
+						</view>
+						<view class="bg-icon">
+							<u-icon name="grid-fill" size="48" color="#ff9800"></u-icon>
+						</view>
 					</view>
-					<view class="performance-box performance-box-3">
-						<view class="performance-box-label">项目数</view>
-						<view class="performance-box-value">{{ performanceData.ConsumeProjectCount || 0 }}</view>
+					
+					<!-- 项目数 -->
+					<view class="glass-card stat-card">
+						<view class="stat-content">
+							<view class="card-label">项目数</view>
+							<view class="stat-value">{{ performanceData.ConsumeProjectCount || 0 }}</view>
+						</view>
+						<view class="bg-icon">
+							<u-icon name="list-dot" size="48" color="#43a047"></u-icon>
+						</view>
 					</view>
 				</view>
 			</view>
 			<!-- 科技老师显示 -->
-			<view class="performance-card" v-else>
-				<view class="performance-row">
-					<view class="performance-item performance-item-1">
-						<view class="performance-value">¥{{ (performanceData.OrderAchievement || 0).toFixed(2) }}</view>
-						<view class="performance-label">开卡业绩</view>
+			<view class="performance-grid" v-else>
+				<view class="glass-card billing-card">
+					<view class="billing-main">
+						<view class="card-label">开卡业绩</view>
+						<view class="billing-value">¥{{ (performanceData.OrderAchievement || 0).toFixed(2) }}</view>
+						<!-- <view class="refund-value">退卡：¥0.00</view> -->
 					</view>
-					<view class="performance-item performance-item-2">
-						<view class="performance-value">¥{{ (performanceData.ConsumeAchievement || 0).toFixed(2) }}</view>
-						<view class="performance-label">消耗业绩</view>
+					<view class="billing-footer">
+						<view class="count-item">
+							<text class="count-text">项目数 {{ (performanceData.ConsumeProjectCount || 0).toFixed(0) }}</text>
+						</view>
 					</view>
 				</view>
-				<view class="performance-row">
-					<view class="performance-item performance-item-3">
-						<view class="performance-value">{{ (performanceData.ConsumeProjectCount || 0).toFixed(2) }}</view>
-						<view class="performance-label">项目数</view>
+				
+				<view class="right-column">
+					<view class="glass-card stat-card">
+						<view class="stat-content">
+							<view class="card-label">消耗业绩</view>
+							<view class="stat-value">¥{{ (performanceData.ConsumeAchievement || 0).toFixed(2) }}</view>
+						</view>
+						<view class="bg-icon">
+							<u-icon name="red-packet-fill" size="48" color="#409EFF"></u-icon>
+						</view>
 					</view>
-					<view class="performance-item performance-item-4">
-						<view class="performance-value">¥{{ performanceData.ConsumeLaborCost || 0 }}</view>
-						<view class="performance-label">手工</view>
+					
+					<view class="glass-card stat-card">
+						<view class="stat-content">
+							<view class="card-label">手工</view>
+							<view class="stat-value">¥{{ performanceData.ConsumeLaborCost || 0 }}</view>
+						</view>
+						<view class="bg-icon">
+							<u-icon name="grid-fill" size="48" color="#ff9800"></u-icon>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -1558,4 +1591,139 @@
 		transform: scale(0.98);
 		box-shadow: 0 1rpx 4rpx rgba(67, 160, 71, 0.3);
 	}
+
+/* 优化后的业绩数据样式 */
+.performance-grid {
+	display: flex;
+	gap: 20rpx;
+	margin-bottom: 24rpx;
+	margin-top: 20rpx;
+}
+
+.glass-card {
+	background: rgba(255, 255, 255, 0.65);
+	backdrop-filter: blur(20px) saturate(180%);
+	-webkit-backdrop-filter: blur(20px) saturate(180%);
+	border-radius: 20rpx;
+	border: 1px solid rgba(255, 255, 255, 0.8);
+	box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
+	transition: all 0.3s ease;
+	position: relative;
+	overflow: hidden;
+}
+
+.glass-card:active {
+	transform: scale(0.98);
+	box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+}
+
+
+.billing-card {
+	flex: 1;
+	/* min-width: set dynamically via flex, but we want aspect ratio */
+	aspect-ratio: 1 / 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: center; /* Center content vertically */
+	padding: 24rpx;
+	background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.5) 100%);
+}
+
+.billing-main {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	flex: 1;
+	width: 100%;
+}
+
+.billing-card .card-label {
+	font-size: 36rpx; /* ~18px */
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 16rpx;
+}
+
+.billing-value {
+	font-size: 56rpx; /* Increased slightly for emphasis */
+	font-weight: bold;
+	color: #1f2937;
+	margin-bottom: 12rpx;
+	line-height: 1.1;
+	text-align: center;
+}
+
+.refund-value {
+	font-size: 26rpx; /* ~13px */
+	color: #999999;
+	font-style: italic;
+	margin-bottom: 20rpx;
+}
+
+.billing-footer {
+	display: flex;
+	justify-content: space-around;
+	width: 100%;
+	padding-top: 20rpx;
+	border-top: 1px solid rgba(0,0,0,0.05);
+	margin-top: auto; /* Push to bottom */
+}
+
+.count-item {
+	display: flex;
+	align-items: center;
+	gap: 6rpx;
+}
+
+.count-text {
+	font-size: 30rpx; /* ~15px */
+	color: #666666;
+	line-height: 1.5;
+}
+
+.right-column {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between; /* Distribute cards to match height if needed */
+	gap: 20rpx;
+	width: 48%; /* Slightly wider to balance */
+}
+
+.stat-card {
+	padding: 24rpx 30rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	position: relative;
+	height: 100%;
+	min-height: 140rpx;
+}
+
+.stat-content {
+	position: relative;
+	z-index: 2;
+}
+
+.stat-card .card-label {
+	font-size: 26rpx;
+	color: #666;
+	margin-bottom: 8rpx;
+}
+
+.stat-value {
+	font-size: 36rpx;
+	font-weight: bold;
+	color: #1f2937;
+}
+
+.bg-icon {
+	position: absolute;
+	right: 20rpx;
+	top: 50%;
+	transform: translateY(-50%);
+	opacity: 0.2;
+	z-index: 1;
+	pointer-events: none;
+}
 </style>