update

source/less/_article.less

@@ -626,10 +626,10 @@ pre{
 .btn-copy {
     display: inline-block;
     cursor: pointer;
-    background-color: #eee;
+    background-color: #FCFCFC;
     background-image: linear-gradient(#fcfcfc,#eee);
     border: 1px solid #d5d5d5;
-    border-radius: 3px;
+    border-radius: 2px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -638,15 +638,16 @@ pre{
     font-size: 13px;
     font-weight: 700;
     line-height: 20px;
-    color: #333;
-    -webkit-transition: opacity .3s ease-in-out;
-    -o-transition: opacity .3s ease-in-out;
-    transition: opacity .3s ease-in-out;
+    color: #666;
     padding: 2px 6px;
     position: absolute;
     right: 5px;
     top: 5px;
     opacity: 0;
+    .enable-trans();
+    &:hover{
+      color: #444;
+    }
 }
 .btn-copy span {
     margin-left: 5px;