update

source/css/_page/shuoshuo.styl

@@ -37,18 +37,42 @@
     & > *:last-child
       margin-bottom: 0
 
-  .shuoshuo-tag
-    display: inline-block
-    margin-right: 8px
-    padding: 0 8px
-    width: fit-content
-    border: 1px solid $light-blue
-    border-radius: 12px
-    color: $light-blue
-    font-size: .85em
-    cursor: default
-    transition: all .2s ease-in-out
+  .shuoshuo-footer
+    display: flex
+    align-items: center
 
-    &:hover
-      background: $light-blue
-      color: var(--white)
+    &.flex-between
+      justify-content: space-between
+
+    &.flex-end
+      justify-content: flex-end
+
+    .shuoshuo-tag
+      display: inline-block
+      margin-right: 8px
+      padding: 0 8px
+      width: fit-content
+      border: 1px solid $light-blue
+      border-radius: 12px
+      color: $light-blue
+      font-size: .85em
+      cursor: default
+      transition: all .2s ease-in-out
+
+      &:hover
+        background: $light-blue
+        color: var(--white)
+
+    .shuoshuo-comment-btn
+      padding: 2px
+      color: #90a4ae
+      cursor: pointer
+
+      &:hover
+        color: $light-blue
+
+  .shuoshuo-comment
+    padding-top: 10px
+
+    &.no-comment
+      display: none