Merge branch 'dev' of https://github.com/jerryc127/hexo-theme-butterfly into dev

source/css/_layout/third-party.styl

@@ -65,11 +65,51 @@ if hexo-config('waline.bg')
 
 if hexo-config('mermaid.enable')
   .mermaid-wrap
+    position: relative
     margin: 0 0 20px
+    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
+      border: none
+      border-radius: 20%
+      background: #D3D3D3
+      box-shadow: 0 4px 10px rgba(0, 0, 0, .15)
+      color: #fff
+      font-size: 0
+      line-height: 1
+      cursor: pointer
+      transition: background .2s ease, transform .2s ease
+
+      i
+        font-size: 16px
+        line-height: 1
+
+      &:hover,
+      &:focus-visible
+        outline: none
+        background: #C0C0C0
+        transform: translateY(-1px)
+
     & > svg
+      max-width: 100%
       height: 100%
+      cursor: grab
+      user-select: none
+      touch-action: none
+
+      &:active
+        cursor: grabbing
 
   if hexo-config('mermaid.code_write')
     pre > code.mermaid
@@ -184,4 +224,4 @@ if hexo-config('math.use')
 
 +maxWidth768()
   .fancybox__toolbar__column.is-middle
-    display: none
+    display: none