feat: 添加点赞动画效果和优化点赞图标

- 新增点赞动画效果，使用CSS动画实现点赞时的缩放效果
- 替换点赞图标为红色版本，并在点赞时显示动画
- 在评论列表和详情页统一使用新的点赞图标
- 添加Like组件用于显示点赞动画
- 优化代码结构，调整部分样式和布局

css/index.css

@@ -1630,6 +1630,20 @@ a {
   width: 16px;
   height: 16px;
 }
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item .operate-icon.operate-like-icon.pitch {
+  animation: liftAndReset 0.3s forwards;
+}
+@keyframes liftAndReset {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
 #answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit:hover::after {
   content: "";
   width: 100%;

css/index.less

@@ -1964,6 +1964,22 @@ a {
                                 &.operate-like-icon {
                                     width: 16px;
                                     height: 16px;
+
+                                    &.pitch {
+                                        animation: liftAndReset 0.3s forwards;
+                                    }
+
+                                    @keyframes liftAndReset {
+                                        0% {
+                                            transform: scale(1);
+                                        }
+                                        50% {
+                                            transform: scale(1.2);
+                                        }
+                                        100% {
+                                            transform: scale(1);
+                                        }
+                                    }
                                 }
                             }
 
@@ -2516,10 +2532,9 @@ a {
     }
 }
 
-
 .numberwords {
     color: #b9b8b8;
     text-align: right;
     // padding: 0 14px;
     margin-right: 40px;
-}
+}