fix-send-message
Change-Id: I43a2f333a56eea499c960b057cd796b1621c771b
diff --git a/src/pages/UserCenter/UserFriends.css b/src/pages/UserCenter/UserFriends.css
index e69de29..2533959 100644
--- a/src/pages/UserCenter/UserFriends.css
+++ b/src/pages/UserCenter/UserFriends.css
@@ -0,0 +1,83 @@
+.friend-card {
+ background-color: #fff5e1;
+ border-radius: 16px;
+ padding: 20px;
+ margin-bottom: 20px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+ display: flex;
+ align-items: center;
+ gap: 20px;
+}
+
+.friend-avatar {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+ object-fit: cover;
+ border: 2px solid #ddd;
+}
+
+.friend-info {
+ flex: 1;
+}
+
+.friend-info h4 {
+ margin: 0;
+ font-size: 1.2em;
+ color: #333;
+}
+
+.friend-info p {
+ margin: 5px 0 0;
+ color: #666;
+ font-size: 0.9em;
+}
+.chat-modal-content {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 420px;
+ max-width: 90%;
+ background: #fffefc;
+ border-radius: 12px;
+ padding: 24px;
+ transform: translate(-50%, -50%);
+ box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+ z-index: 1010;
+ font-family: 'Arial', sans-serif;
+}
+
+.chat-modal-content textarea {
+ border: 1px solid #ccc;
+ border-radius: 8px;
+ font-size: 14px;
+ padding: 10px;
+ font-family: inherit;
+ transition: border-color 0.2s;
+}
+
+.chat-modal-content textarea:focus {
+ border-color: #409eff;
+ outline: none;
+ box-shadow: 0 0 5px rgba(64, 158, 255, 0.5);
+}
+.chat-actions button {
+ padding: 8px 20px;
+ border-radius: 6px;
+ font-weight: bold;
+ transition: background-color 0.2s;
+}
+
+.chat-actions button:hover {
+ filter: brightness(1.1);
+}
+
+.chat-actions button:last-child:hover {
+ background-color: #ff4d4f;
+}
+.status-msg {
+ margin-top: 10px;
+ font-size: 14px;
+ color: #666;
+ font-style: italic;
+}