🏷️ 更新至3.0.0-RC-1 close #189, close #192, close #223, close #224, close #229, close 232, close #240

source/css/_layout/404.styl

@@ -1,44 +1,80 @@
 if hexo-config('error_404.enable')
-  #nav.error-no-found
-    display: flex
-    flex-direction: column
-    justify-content: center
-    height: 100vh
+  #error-wrap
+    position: absolute
+    top: 50%
+    right: 0
+    left: 0
+    margin: 0 auto
+    padding: 0 1rem
+    max-width: 1000px
+    transform: translate(0, -50%)
 
-    &:before
-      width: 100%
-      height: 100%
-      background-color: alpha($dark-black, .5)
-      content: ''
+    .error-content
+      display: flex
+      flex-direction: row
+      justify-content: center
+      align-items: center
+      margin: 0 1rem
+      height: 18rem
+      border-radius: 8px
+      background: #fff
+      box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
 
-    #error_info
-      position: absolute
-      padding: 0 4rem
-      width: 100%
-      letter-spacing: 3px
-      line-height: 1
-
-      #error_title,
-      #error_subtitle
+      @media screen and (max-width: 768px)
+        flex-direction: column
         margin: 0
-        padding: 0
-        color: $light-grey
-        letter-spacing: 5px
+        height: 25rem
+
+      .error-img
+        flex: 1
+        height: 100%
+        border-top-left-radius: 8px
+        border-bottom-left-radius: 8px
+        background-color: #49b1f5
+        background-position: center
+        background-size: cover
+
+        @media screen and (max-width: 768px)
+          flex: 1
+          width: 100%
+          border-top-right-radius: 8px
+          border-bottom-left-radius: 0
+
+      .error-info
+        flex: 1
+        padding: .5rem
+        text-align: center
+        font-size: 14px
         font-family: $site-name-font
 
-      #error_title
-        font-size: 10rem
+        @media screen and (max-width: 768px)
+          flex: 1.1
+          width: 100%
 
-      #error_subtitle
-        font-size: 2rem
+        .error_title
+          margin-top: -4rem
+          color: $font-color
+          font-size: 9em
 
-  @media screen and (max-width: $sm)
-    #nav.error-no-found
-      #error_info
-        padding: 0 2rem
+          @media screen and (max-width: 768px)
+            margin-top: -3rem
 
-        #error_title
-          font-size: 7rem !important
+        .error_subtitle
+          @extend .limit-more-line
+          margin-top: -3.5rem
+          color: $font-color
+          word-break: break-word
+          font-size: 1.6em
+          -webkit-line-clamp: 2
 
-        #error_subtitle
-          font-size: 1rem !important
+        a
+          position: relative
+          z-index: 1
+          display: inline-block
+          margin-top: .5rem
+          padding: .3rem 1.5rem
+          background: $theme-color
+          color: white
+
+          i
+            padding-right: .3rem

source/css/_layout/aside.styl

@@ -43,10 +43,8 @@
 
         a
           .headline
-            overflow: hidden
+            @extend .limit-one-line
             color: $font-black
-            text-overflow: ellipsis
-            white-space: nowrap
             font-size: .7rem
 
           .length_num
@@ -73,6 +71,7 @@
       position: relative
       z-index: 1
       display: block
+      width: 100%
       background-color: $light-blue
       color: $button-color
       line-height: 1.6rem
@@ -132,13 +131,11 @@
               font-size: .6rem
 
             .aside-post_title
-              display: -webkit-box
-              overflow: hidden
+              @extend .limit-more-line
               padding-left: 10px
               height: 40px
               line-height: 1rem
               -webkit-line-clamp: 2
-              -webkit-box-orient: vertical
 
               &:hover
                 color: $light-blue !important
@@ -155,23 +152,20 @@
 
   .card-archives ul.card-archive-list > .card-archive-list-item,
   .card-categories ul.card-category-list > .card-category-list-item
-    padding: .15rem 1rem
-    cursor: pointer
-    transition: all .5s
-
-    &:hover
-      padding: .15rem .85rem
-      background-color: $light-blue
-
     a
+      display: inline-block
+      padding: .15rem 1rem
+      width: 100%
       color: $font-black
+      transition: all .4s
+
+      &:hover
+        padding: .15rem .85rem
+        background-color: $light-blue
 
       span
         display: inline-block
-        overflow: hidden
         vertical-align: bottom
-        text-overflow: ellipsis
-        white-space: nowrap
 
         &:first-child
           width: 80%
@@ -193,7 +187,30 @@
   .card-categories
     .card-category-list
       &.child
-        padding: 0 0 0 1.2rem
+        padding: 0 0 0 1rem
+
+      > .parent
+        .card-category-list
+          &-name
+            width: 70% !important
+
+          &-count
+            width: 18%
+            text-align: right
+
+          &-icon
+            float: right
+            margin-right: -.35rem
+            padding: .35rem
+            transition: transform .3s
+            transform: rotate(0)
+
+            &.expand
+              transform: rotate(-90deg)
+
+        if hexo-config('aside.card_categories.expand') == false
+          + .child
+            display: none
 
   .card-webinfo
     .webinfo

source/css/_layout/chat.styl

@@ -0,0 +1,8 @@
+// chat
+if hexo-config('chat_btn') == true && hexo-config('chatra.enable')
+  #chatra:not(.chatra--expanded)
+    visibility: hidden !important
+    width: 1px !important
+    height: 1px !important
+    opacity: 0 !important
+    pointer-events: none