✨ aplayer的間距調整

🐛 修復tabs外挂標簽與aplayer插件衝突而異常的bugs

source/css/_layout/third-party.styl

@@ -85,3 +85,8 @@ if hexo-config('beautify.enable')
 
 .has-jax
   overflow: auto
+
+//aplayer
+#article-container
+  .aplayer
+    margin: 0 0 1rem

source/css/_mode/darkmode.styl

@@ -288,19 +288,19 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
         > .nav-tabs
           background: #2c2c2c
 
-          a
+          button
             border-top: 2px solid #2c2c2c
             background: #2c2c2c
             color: alpha(#FFFFFF, .6)
 
           .tab:not(.active)
-            a
+            button
               &:hover
                 border-top: 2px solid lighten(#121212, 20)
                 background: lighten(#121212, 20)
 
           .active
-            a
+            button
               background: #121212
 
     // 第三方

source/css/_mode/readmode.styl

@@ -143,12 +143,6 @@ if hexo-config('readmode')
         .tabs
           border: 2px solid rgba(255, 255, 255, .6)
 
-          > .nav-tabs
-            filter: none
-
-            a
-              color: rgba(255, 255, 255, .6)
-
   .read-mode
     #body-wrap
       padding-left: 0 !important
@@ -236,7 +230,7 @@ if hexo-config('readmode')
           > .tab
             border-bottom: 0
 
-            a
+            button
               border-top: none !important
               background: transparent
 
@@ -244,7 +238,7 @@ if hexo-config('readmode')
                 background: none !important
 
             &.active
-              a
+              button
                 text-decoration: underline
 
         > .tab-contents .tab-item-content.active

source/css/_tags/tabs.styl

@@ -20,26 +20,25 @@
         @media screen and (max-width: 768px)
           flex-grow: 1
 
-        a
+        button
           display: block
-          padding: .5rem .8rem
-          outline: 0
+          padding: .5rem 1rem
           border-top: 2px solid $tab-border-color
           background: $tab-botton-bg
           color: $font-color
-          text-align: center
+          width 100%
+          line-height: 2
           transition: all .4s
 
           &:hover
             border-top: 2px solid $tab-button-hover-bg
             background: $tab-button-hover-bg
-            text-decoration: none
 
           i
             width: 1.5em
 
         &.active
-          a
+          button
             border-top: 2px solid $tab-active-border-color
             background: $card-bg
             cursor: default