fix: 修復本地搜索文章鏈接無法跳轉bugs

feat: 當點擊評論框時，valine背景圖片隱藏
feat: 網頁進入動畫效果可關閉
style: 部分css和js 調整

source/css/_layout/head.styl

@@ -19,14 +19,14 @@
       padding: 0 .5rem
       width: 100%
 
-  #site_title,
-  #site_subtitle,
-  #scroll_down .scroll-down-effects
+  #site-title,
+  #site-subtitle,
+  #scroll-down .scroll-down-effects
     text-align: center
     text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
     line-height: 1.5
 
-  #site_title
+  #site-title
     margin: 0
     color: var(--white)
     font-size: 1.85em
@@ -34,7 +34,7 @@
     +minWidth768()
       font-size: 2.85em
 
-  #site_subtitle
+  #site-subtitle
     color: var(--light-grey)
     font-size: 1.15em
 
@@ -57,7 +57,7 @@
       font-size: 1.43em
       cursor: pointer
 
-  #scroll_down
+  #scroll-down
     position: absolute
     bottom: 0
     width: 100%
@@ -76,7 +76,7 @@
     +maxWidth768()
       height: 14rem
 
-  #page_site-info
+  #page-site-info
     position: absolute
     top: 10rem
     padding: 0 .5rem
@@ -228,7 +228,6 @@ _:future,
 
   &.show
     opacity: 1
-    animation: headerNoOpacity 1s
 
   #blog_name
     flex: 1

source/css/_layout/mobile-sidebar.styl

@@ -19,6 +19,9 @@
     background: var(--sidebar-bg)
     transition: all .5s
 
+    &.open
+      transform: translate3d(-100%, 0, 0)
+
     & > .mobile_author_icon
       padding: 1.3rem 1.5rem 0
       text-align: center

source/css/_layout/post.styl

@@ -291,9 +291,6 @@ img
   iframe
     margin: 0 0 1rem
 
-  & > .page-title
-    margin-top: .4rem
-
   .post-outdate-notice
     position: relative
     margin: 0 0 1rem

source/css/_layout/third-party.styl

@@ -1,5 +1,5 @@
 #vcomment
-  font-size: 1.15em
+  font-size: 1.1em
 
   .vbtn
     border: none
@@ -13,6 +13,9 @@
     textarea
       background: url(hexo-config('valine.bg')) 100% 100% no-repeat
 
+      &:focus
+        background: none
+
   .vimg
     transition: all .3s