update

source/css/_layout/third-party.styl

@@ -67,29 +67,29 @@ if hexo-config('mermaid.enable')
   .mermaid-wrap
     position: relative
     margin: 0 0 20px
-    text-align: center
     background: var(--card-bg)
+    text-align: center
 
     .mermaid-open-btn
       position: absolute
       top: 8px
       right: 8px
       z-index: 2
+      display: flex
+      justify-content: center
+      align-items: center
+      padding: 0
       width: 34px
       height: 25px
-      padding: 0
       border: none
       border-radius: 20%
-      display: flex
-      align-items: center
-      justify-content: center
+      background: #D3D3D3
+      box-shadow: 0 4px 10px rgba(0, 0, 0, .15)
+      color: #fff
       font-size: 0
       line-height: 1
-      background: #D3D3D3
-      color: #fff
       cursor: pointer
-      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15)
-      transition: background 0.2s ease, transform 0.2s ease
+      transition: background .2s ease, transform .2s ease
 
       i
         font-size: 16px
@@ -97,16 +97,16 @@ if hexo-config('mermaid.enable')
 
       &:hover,
       &:focus-visible
-        transform: translateY(-1px)
-        background: #C0C0C0
         outline: none
+        background: #C0C0C0
+        transform: translateY(-1px)
 
     & > svg
-      height: 100%
       max-width: 100%
+      height: 100%
       cursor: grab
-      touch-action: none
       user-select: none
+      touch-action: none
 
       &:active
         cursor: grabbing