update

source/js/app.js

@@ -22,10 +22,10 @@ var customSearch;
 		$(document, window).scroll(() => {
 			const scrollTop = $(window).scrollTop();
 			const del = scrollTop - pos;
-			if (del >= 80 && scrollTop > 100) {
+			if (del >= 50 && scrollTop > 100) {
 				pos = scrollTop;
 				$wrapper.addClass('sub');
-			} else if (del <= -80) {
+			} else if (del <= -50) {
 				pos = scrollTop;
 				$wrapper.removeClass('sub');
 			}

source/less/_article.less

@@ -195,7 +195,7 @@
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         font-family: @code-font-family;
-        color: fade(@theme-text-main, 75%);
+        color: fade(@theme-text-main, 90%);
     }
     code {
         font-family: @code-font-family;
@@ -398,7 +398,7 @@
   font-size: @small-font-size * .95;
   font-family:@code-font-family;
   line-height: @base-line-height;
-  border-radius: @border-radius;
+  border-radius: @border-code-block;
   .enable-trans();
 
   table{
@@ -427,8 +427,8 @@
   }
 
   &::-webkit-scrollbar {
-    height: 8px;
+    height: @border-code-block;
-    width: 8px;
+    width: @border-code-block;
   }
   // /* Track */
 
@@ -442,7 +442,7 @@
   &::-webkit-scrollbar-thumb {
     background: darken(@theme-bg-code-block, 5%);
     cursor: pointer;
-    border-radius: @border-radius;
+    border-radius: @border-code-block;
     .enable-trans();
     &:hover {
       background: darken(@theme-bg-code-block, 12%);

source/less/_defines.less

@@ -124,9 +124,10 @@
 
 
 // start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-// 圆角半径，可以根据心情随时调整风格
+// 0px: 极端，2px：硬朗，4px：常规，8px：圆润，16px：温柔
-@border-radius: 8px; // 0px: 极端，2px：硬朗，4px：常规，8px：温柔，16px：圆润
+@border-radius: 4px; // 圆角半径，可以根据心情随时调整风格
 @border-left-radius: 4px; // 左边的竖线的宽度
+@border-code-block: 4px; // 代码块的圆角及其滚动条的宽度
 // end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 
 

source/less/_main.less

@@ -164,9 +164,6 @@
         //max-width: 768px;
         background: @theme-bg-card;
         border-radius: @border-radius;
-        @media(max-width: @on-phone) {
-            border-radius: 0;
-        }
         h1{
             font-weight: normal;
             font-size: @article-title-size;
@@ -176,11 +173,17 @@
         &:extend(.z-depth-main);
         .enable-trans();
         &:hover {
-          &:extend(.z-depth-main-raised);
+          box-shadow: @box-shadow-card-raised;
         }
         &:active {
           box-shadow: @box-shadow-card-normal;
         }
+        @media(max-width: @on-phone) {
+            border-radius: 0;
+            &:hover {
+              box-shadow: @box-shadow-card-normal;
+            }
+        }
         .meta {
             margin-bottom: 2*@gap;
             .title {

source/less/_toc.less

@@ -2,7 +2,7 @@
     overflow: auto;
     border-radius: @border-radius;
     position: fixed;
-    top: @header-height + @gap;
+    top: @header-height + 2*@gap;
     display: none;
     .content{
         padding: @gap/2 0;

source/less/_widget.less

@@ -3,19 +3,22 @@
     background: @theme-bg-card;
     margin-bottom: @gap;
     border-radius: @border-radius;
-    @media(max-width: @on-phone) {
-        border-radius: 0;
-        width: 100%;
-    }
-    width: @side-width;
-    max-height: ~"calc(100% - @{header-height} - 4 * @{gap})";
     .enable-trans();
     &:hover {
-        &:extend(.z-depth-main-raised);
+        box-shadow: @box-shadow-card-raised;
     }
     &:active {
         box-shadow: @box-shadow-card-normal;
     }
+    @media(max-width: @on-phone) {
+        border-radius: 0;
+        width: 100%;
+        &:hover {
+            box-shadow: @box-shadow-card-normal;
+        }
+    }
+    width: @side-width;
+    max-height: ~"calc(100% - @{header-height} - 4 * @{gap})";
     .header{
 
         border-top-left-radius: @border-radius;