细节优化 ✅

src/components/Comment/Comment.less

@@ -60,7 +60,7 @@
 
 
         a {
-          color: #280F25;
+          color: var(--vh-black-56);
           box-shadow: inset 0 -.12rem #60a5fa;
           transition: box-shadow .2s ease-in-out, color .2s ease-in-out;
 
@@ -405,9 +405,18 @@
       }
     }
 
+    .wl-emoji-popup .wl-tab-wrapper {
+      max-height: 126.88px;
+    }
+
     // 图片
     img {
-      &:not(.wl-user-avatar, .wl-reaction-list img, .wl-panel img) {
+      &:not(.wl-user-avatar, .wl-reaction-list img, .wl-panel img, .tk-owo-emotion) {
+        box-sizing: border-box;
+        padding: 0.188rem;
+        margin: 0.188rem 0;
+        border: solid 1px #E8E8E8;
+        display: block;
         max-height: 66px;
         object-fit: contain;
         cursor: zoom-in;
@@ -422,7 +431,8 @@
     }
 
     a {
-      color: var(--vh-black-100);
+      color: var(--vh-black-56);
+      line-height: 1.288;
     }
 
     code {

src/scripts/ViewImage.ts

@@ -10,7 +10,7 @@ const ViewImgList: string[] = [
   // Twikoo 评论区图片
   ".vh-comment>.twikoo>.tk-comments img:not(.tk-avatar-img,.tk-owo-emotion,.OwO-item img)",
   // Waline 评论区图片
-  ".vh-comment div[data-waline] img:not(.wl-user-avatar,.wl-avatar img,.wl-reaction-list img,.wl-panel img)"
+  ".vh-comment div[data-waline] img:not(.wl-user-avatar,.tk-owo-emotion,.wl-avatar img,.wl-reaction-list img,.wl-panel img)"
 ];
 // 初始化
 export default async () => {

src/styles/ArticleBase.less

@@ -75,7 +75,7 @@
 
       // 其下面的 a 标签样式
       a {
-        color: #280F25;
+        color: var(--vh-black-56);
         box-shadow: inset 0 -.12rem #60a5fa;
         transition: box-shadow .2s ease-in-out, color .2s ease-in-out;