feat(小程序): 优化玩伴会话与家长发消息

banban-mini/src/pages/chat/index.scss

@@ -14,15 +14,8 @@
     font-weight: 700;
     color: #1A1A1A;
     display: block;
-    margin-bottom: 12px;
     line-height: 1.2;
   }
-
-  .page-subtitle {
-    font-size: 28px;
-    color: #666666;
-    line-height: 1.4;
-  }
 }
 
 .conversation-list {
@@ -74,19 +67,49 @@
 .conversation-header {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   margin-bottom: 12px;
 
-  .conversation-name {
-    font-size: 32px;
-    font-weight: 600;
-    color: #1A1A1A;
-  }
-
   .conversation-time {
     font-size: 24px;
     color: #999999;
     flex-shrink: 0;
+    margin-left: 16px;
+  }
+}
+
+.conversation-name-wrap {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  min-width: 0;
+}
+
+.conversation-name {
+  font-size: 32px;
+  font-weight: 600;
+  color: #1A1A1A;
+  margin-right: 12px;
+}
+
+.conversation-tag {
+  height: 40px;
+  padding: 0 14px;
+  border-radius: 999px;
+  font-size: 22px;
+  line-height: 40px;
+  color: #FFFFFF;
+
+  &.child {
+    background: #5B8FF9;
+  }
+
+  &.parent {
+    background: #36CFC9;
+  }
+
+  &.ai {
+    background: #FF8C42;
   }
 }
 
@@ -106,6 +129,13 @@
   }
 }
 
+.conversation-meta {
+  display: block;
+  margin-top: 10px;
+  font-size: 24px;
+  color: #A0A0A0;
+}
+
 .unread-badge {
   min-width: 36px;
   height: 36px;
@@ -123,3 +153,31 @@
     font-weight: 600;
   }
 }
+
+.loading {
+  min-height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  text {
+    font-size: 30px;
+    color: #999999;
+  }
+}
+
+.empty-card {
+  background: #FFFFFF;
+  border-radius: 20px;
+  margin: 0 24px;
+  padding: 48px 32px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+  text-align: center;
+}
+
+.empty-title {
+  display: block;
+  font-size: 34px;
+  font-weight: 700;
+  color: #1A1A1A;
+}