修改样式

src/components/ListCard/index.scss

@@ -1,7 +1,8 @@
 .listCard {
-  background: linear-gradient(90deg, rgba(183, 248, 113, 0.5) 0%, rgba(183, 248, 113, 0.1) 100%);
+  // background: linear-gradient(90deg, rgba(183, 248, 113, 0.5) 0%, rgba(183, 248, 113, 0.1) 100%);
   border-radius: 20px;
   border-width: 0.5px;
+  background: linear-gradient(90deg, #CCFFF2 0%, rgba(204, 255, 242, 0.30) 100%);
 }
 
 .listItem {
@@ -70,10 +71,35 @@
   margin-bottom: 4px;
 }
 
+.ntprIcon {
+  width: 20px;
+}
+
+.ntprTag {
+  gap: 2px;
+}
+
+.typeLine {
+  width: 7px;
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '';
+    width: 1px;
+    height: 8px;
+    border-radius: 99px;
+    background: rgba(0, 0, 0, 0.25);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
 .bottom-info {
   display: flex;
   align-items: center;
-  margin-top: 4px;
+  margin-top: 8px;
   column-gap: 4px;
 }
 
@@ -141,6 +167,8 @@
   flex-shrink: 0;
   color: #000000;
   font-size: 11px;
+  font-weight: 500;
+  line-height: 20px;
 }
 
 .tag-text-max {
@@ -278,6 +306,9 @@
 
   .localAreaTitle {
     flex-shrink: 0;
+    font-size: 12px;
+    line-height: 20px;
+    font-weight: 600;
   }
 
   .smoothTitle {
@@ -297,11 +328,22 @@
     height: 14px;
   }
 
+  .iconListPlayingGame {
+    width: 73px;
+    height: 18px;
+  }
+
+  .localAreaContainer {
+    display: flex;
+    gap: 4px;
+  }
+
   .localArea {
     border: 0.5px solid #FFFFFFA6;
     border-radius: 50%;
     flex-shrink: 0;
   }
+
   .localAreaText {
     white-space: nowrap;
     overflow: hidden;