修改促销、优化页面布局

Change-Id: Iae813b5b6557efa7059fe6d94bc32e96c984e4ea
diff --git a/src/pages/FriendMoments/FriendMoments.css b/src/pages/FriendMoments/FriendMoments.css
index edab68f..d383c27 100644
--- a/src/pages/FriendMoments/FriendMoments.css
+++ b/src/pages/FriendMoments/FriendMoments.css
@@ -1,12 +1,3 @@
-.user-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 1.5px solid #ddd;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
-}
-
 .friend-moments-container {
   margin: 0 auto;
   background: #f8f3ef;
@@ -90,9 +81,13 @@
 .delete-btn {
   background: none;
   border: none;
-  color: #f44;
+  color: rgb(139, 31, 31);
   cursor: pointer;
-  font-size: 12px;
+  /* font-size: 12px; */
+}
+
+.delete-btn:hover {
+  background: #e9ded2;
 }
 
 .modal-overlay {
@@ -188,17 +183,6 @@
   margin-bottom: 10px;
 }
 
-.feed-title {
-  font-size: 1.2em;
-  font-weight: bold;
-  margin-bottom: 8px;
-}
-
-.feed-content {
-  margin-bottom: 12px;
-  line-height: 1.5;
-}
-
 .feed-images {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
@@ -235,13 +219,6 @@
   color: #555;
 }
 
-.delete-btn {
-  background: none;
-  border: none;
-  color: #f44336;
-  cursor: pointer;
-}
-
 .comment-box {
   margin-top: 12px;
 }
@@ -284,6 +261,8 @@
 }
 
 .comment-user {
+  margin-bottom: 0.5%;
+  font-size: 1.2em;
   font-weight: bold;
   color: #333;
 }
@@ -310,6 +289,7 @@
   font-size: 0.9em;
   cursor: pointer;
   padding: 0;
+  margin-left: 0px;
 }
 
 .nested-replies {