style: 修复contrastDetails.html中的样式格式问题并添加新样式

在contrastDetails.html中修复了多余的空白字符，并在contrastDetails.css和contrastDetails.less中添加了新的.top-hand样式类，以改善页面布局和按钮样式。

css/contrastDetails.css

@@ -1,3 +1,48 @@
+.top-hand {
+  width: 1200px;
+  justify-content: space-between;
+  margin: 0 auto 20px;
+}
+.top-hand .top-left {
+  font-weight: 400;
+  color: #7f7f7f;
+  font-size: 14px;
+  line-height: 16px;
+}
+.top-hand .top-left .sum {
+  font-family: "Arial-Black", "Arial Black", sans-serif;
+  font-weight: 900;
+  color: #000000;
+}
+.top-hand .top-right .manage-btn {
+  width: 255px;
+  height: 36px;
+  background-color: #f6f8ff;
+  border: 1px solid #d6dae6;
+  border-radius: 70px;
+  font-size: 15px;
+  color: #000000;
+  text-align: center;
+}
+.top-hand .top-right .manage-btn .icon {
+  margin-right: 6px;
+}
+.top-hand .top-right .manage-btn .line {
+  margin: 0 20px;
+  color: #d7d7d7;
+}
+.top-hand .top-right .save-btn {
+  width: 170px;
+  height: 36px;
+  background-color: #f95d5d;
+  border: 1px #ea6767;
+  border-radius: 158px;
+}
+.top-hand .top-right .save-btn .icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 5px;
+}
 .body {
   border-radius: 12px;
   background: #ffffff;

css/contrastDetails.less

@@ -1,3 +1,55 @@
+.top-hand {
+    width: 1200px;
+    justify-content: space-between;
+    margin: 0 auto 20px;
+    .top-left {
+        font-weight: 400;
+        color: #7f7f7f;
+        font-size: 14px;
+        line-height: 16px;
+
+        .sum {
+            font-family: "Arial-Black", "Arial Black", sans-serif;
+            font-weight: 900;
+            color: #000000;
+        }
+    }
+
+    .top-right {
+        .manage-btn {
+            width: 255px;
+            height: 36px;
+            background-color: rgba(246, 248, 255, 1);
+            border: 1px solid rgba(214, 218, 230, 1);
+            border-radius: 70px;
+
+            font-size: 15px;
+            color: #000000;
+            text-align: center;
+
+            .icon {
+                margin-right: 6px;
+            }
+
+            .line {
+                margin: 0 20px;
+                color: #d7d7d7;
+            }
+        }
+        .save-btn {
+            width: 170px;
+            height: 36px;
+            background-color: rgba(249, 93, 93, 1);
+            border: 1px rgba(234, 103, 103, 1);
+            border-radius: 158px;
+            .icon {
+                width: 24px;
+                height: 24px;
+                margin-right: 5px;
+            }
+        }
+    }
+}
 .body {
     border-radius: 12px;
     background: rgb(255, 255, 255);

html/contrastDetails.html

@@ -12,7 +12,7 @@
         <script src="/js/base.js"></script>
         <script src="/js/encrypt.js"></script>
         <script src="/js/masonry.pkgd.min.js"></script>
-        <style>
+        <style>   
             [v-cloak] {
                 display: none;
             }