update

source/less/_article.less

@@ -177,7 +177,7 @@
                 margin-right: 7px;
             }
         }
-        
+
     }
     pre {
         display: block;
@@ -333,6 +333,12 @@
   padding: 1.5em 0;
   border-radius: 8px;
 
+  border: 1px solid transparent;
+  .enable-trans();
+  &:hover{
+      border: 1px solid fade(@theme-bg-quote, 50%);
+  }
+  
   .gutter{
     color: #999999;
     width: 24px;
@@ -341,6 +347,10 @@
     text-align: right;
     border-width: 0;
     background-color: darken(@theme-bg-main, 5%);
+
+    &:hover{
+
+    }
   }
   .code{
       padding-left: 8px;

source/less/_main.less

@@ -29,24 +29,21 @@
                 &:hover{
                     border: 1px solid fade(@theme-bg-quote, 70%);
                 }
-                .vcontrol{
-                    .col.col-80.text-right{
-                        .vsubmit.vbtn{
-                            border: none;
-                            padding-left: 2.4em;
-                            padding-right: 2.4em;
-                            background-color: fade(@theme-bg-header, 90%);
-                            color: @theme-text-in-header;
-                            border-radius: @border-radius-width/2;
-                            .enable-trans();
-                            &:hover {
-                              background: darken(@theme-bg-header, 10%);
-                            }
-                            &:active {
-                              background: lighten(@theme-bg-header, 20%);
-                            }
-                        }
-                    }
+
+            }
+            button{
+                border: none;
+                padding-left: 2.4em;
+                padding-right: 2.4em;
+                background-color: fade(@theme-bg-header, 90%);
+                color: @theme-text-in-header;
+                border-radius: @border-radius-width/2;
+                .enable-trans();
+                &:hover {
+                  background: darken(@theme-bg-header, 10%);
+                }
+                &:active {
+                  background: lighten(@theme-bg-header, 20%);
                 }
             }
         }
@@ -216,12 +213,8 @@
             padding-left:  @gap;
             padding-right: @gap;
             width:~"calc(100% - 0 * @{gap})";
-            border: 1px solid transparent;
-            .enable-trans();
-            &:hover{
-                border: 1px solid fade(@theme-bg-quote, 50%);
-            }
         }
+        
         img {
             max-width: 100%;
         }