feat: redesign discovery and messages tabs

miniapp/components/user-card/index.wxml

@@ -1,9 +1,9 @@
 <view class="ui-user-card" bindtap="onTap">
   <view wx:if="{{selectable}}" class="ui-user-card__select" catchtap="onToggleSelect">
-    <view class="ui-user-card__checkbox {{selected ? 'ui-user-card__checkbox--checked' : ''}}"></view>
+    <checkbox class="ui-user-card__checkbox" checked="{{selected}}" color="#FF5C82" />
   </view>
   <ui-avatar
-    src="{{user.avatarUrl}}"
+    src="{{user.avatarUrl || '/assets/brand/default-avatar.png'}}"
     size="lg"
     verified="{{user.verified}}"
     reviewed="{{user.reviewed}}"
@@ -14,6 +14,7 @@
     <view class="ui-user-card__name-row">
       <text class="ui-user-card__name">{{user.displayName}}</text>
       <text class="ui-user-card__age">{{user.age}}岁</text>
+      <text wx:if="{{user.online}}" class="ui-user-card__online">在线</text>
     </view>
     <view class="ui-user-card__meta">
       <text wx:if="{{user.heightCm}}">{{user.heightCm}}cm · </text>
@@ -23,6 +24,9 @@
     <view wx:if="{{user.occupationCode}}" class="ui-user-card__meta">
       {{user.occupationCode}}
     </view>
+    <view wx:if="{{user.recommendationReasons && user.recommendationReasons.length}}" class="ui-user-card__tags">
+      <text wx:for="{{user.recommendationReasons}}" wx:key="*this" class="ui-user-card__tag">{{item}}</text>
+    </view>
     <view wx:if="{{user.maritalStatus || user.hasChildren !== undefined}}" class="ui-user-card__meta">
       <text wx:if="{{user.maritalStatus}}">{{user.maritalStatus}}</text>
       <text wx:if="{{user.hasChildren}}"> · 有孩</text>

miniapp/components/user-card/index.wxss

@@ -2,40 +2,20 @@
   display: flex;
   align-items: center;
   background: var(--color-bg-card);
-  padding: var(--spacing-3) var(--spacing-page-x);
-  border-bottom: 1rpx solid var(--color-divider);
+  min-height: 148rpx;
+  padding: 14rpx 18rpx;
+  border-bottom: 1rpx solid #F0F1F6;
 }
 .ui-user-card__select {
   margin-right: var(--spacing-3);
 }
 .ui-user-card__checkbox {
-  width: 40rpx;
-  height: 40rpx;
-  border-radius: 50%;
-  border: 2rpx solid var(--color-text-disabled);
-  position: relative;
-  background: var(--color-bg-card);
-  transition: all var(--motion-fast) var(--ease-standard);
-}
-.ui-user-card__checkbox--checked {
-  background: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.ui-user-card__checkbox--checked::after {
-  content: '';
-  position: absolute;
-  left: 12rpx;
-  top: 6rpx;
-  width: 10rpx;
-  height: 18rpx;
-  border: solid #FFFFFF;
-  border-width: 0 3rpx 3rpx 0;
-  transform: rotate(45deg);
+  transform: scale(.82);
 }
 .ui-user-card__body {
   flex: 1;
   min-width: 0;
-  margin-left: var(--spacing-3);
+  margin-left: 16rpx;
 }
 .ui-user-card__name-row {
   display: flex;
@@ -43,22 +23,28 @@
   margin-bottom: var(--spacing-1);
 }
 .ui-user-card__name {
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--color-text-primary);
+  font-size: 26rpx;
+  font-weight: 700;
+  color: #222746;
   margin-right: var(--spacing-2);
 }
 .ui-user-card__age {
-  font-size: var(--font-size-sm);
-  color: var(--color-text-tertiary);
+  font-size: 21rpx;
+  color: #596079;
+}
+.ui-user-card__online {
+  margin-left: auto;
+  color: #39A987;
+  font-size: 18rpx;
 }
 .ui-user-card__meta {
-  font-size: var(--font-size-sm);
-  color: var(--color-text-secondary);
-  line-height: var(--line-height-normal);
+  font-size: 20rpx;
+  color: #767C94;
+  line-height: 1.4;
   margin-top: 4rpx;
 }
 .ui-user-card__actions {
   flex-shrink: 0;
   margin-left: var(--spacing-2);
 }
+.ui-user-card__tags{display:flex;gap:7rpx;margin-top:8rpx;overflow:hidden}.ui-user-card__tag{flex:none;padding:4rpx 9rpx;border-radius:12rpx;background:#F3EEFF;color:#7860AE;font-size:17rpx;white-space:nowrap}