fixed bug 若干

themes/Ying/assets/css/main.css

@@ -441,27 +441,38 @@ ul {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    align-items: flex-start;
+    align-items: center;
     margin-top: 0;
 }
 
+.header .site-description h2 {
+    display: none;
+}
+
 .header .site-description nav {
     margin: 0;
     padding: 0;
     border: none;
     min-width: 50px;
-    margin-bottom: 10px;
+    margin-bottom: 0;
+    text-align: center;
 }
 
 .header .site-description nav ul a {
     display: inline-block;
-    margin-right: 5px;
+    margin: 0 5px;
     text-decoration: none;
+    transition: all 0.2s ease;
 }
 
+.header .site-description nav ul a i {
+    font-size: 1.15rem;
+    vertical-align: middle;
+}
 
 .header .site-description nav ul a:hover {
-    color: #586069;
+    color: #24292e;
+    transform: scale(1.2);
 }
 
 /* Pjax 页面切换过渡动画 */
@@ -1007,8 +1018,23 @@ h3.diy-h3 {
 .yiyandes {
     font-size: .9rem;
     line-height: 2rem;
-    margin-left: -28.6px;
     margin-top: -2px;
+    cursor: pointer;
+    transition: opacity 0.3s ease;
+}
+
+.yiyandes:hover {
+    opacity: 0.7;
+}
+
+.yiyandes.typing::after {
+    content: '|';
+    animation: blink 1s step-start infinite;
+    margin-left: 2px;
+}
+
+@keyframes blink {
+    50% { opacity: 0; }
 }
 
 /*comments*/
@@ -2214,12 +2240,16 @@ input[type=submit] {
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 26px !important;
+    height: 26px !important;
+    min-width: 26px !important;
 }
 
 .barrage .header-avatar img {
-    width: 100%;
-    height: 100%;
+    width: 26px !important;
+    height: 26px !important;
     object-fit: cover;
+    border-radius: 50%;
 }
 
 .pause {