优化性能提交新功能

themes/Ying/layouts/partials/artalk.html

@@ -26,6 +26,69 @@
         color: #ffffff !important;
         background: #ff6262 !important;
     }
+    .atk-link-badge,
+    .atk-feed-badge,
+    .atk-rank-badge {
+        display: inline-block;
+        margin-left: 4px;
+        padding: 0 6px;
+        font-size: 12px;
+        font-weight: 500;
+        border-radius: 3px;
+        line-height: 18px;
+        vertical-align: middle;
+        pointer-events: none;
+        white-space: nowrap;
+    }
+    .atk-link-badge {
+        color: #059669;
+        background: rgba(5,150,105,0.08);
+        border: 1px solid rgba(5,150,105,0.15);
+    }
+    .atk-feed-badge {
+        color: #d97706;
+        background: rgba(217,119,6,0.08);
+        border: 1px solid rgba(217,119,6,0.15);
+    }
+    .atk-rank-badge {
+        color: #fff;
+        background: #3b82f6;
+        border: none;
+        font-weight: 600;
+    }
+    [data-theme="dark"] .atk-link-badge {
+        color: #34d399;
+        background: rgba(52,211,153,0.12);
+        border-color: rgba(52,211,153,0.2);
+    }
+    [data-theme="dark"] .atk-feed-badge {
+        color: #fbbf24;
+        background: rgba(251,191,36,0.12);
+        border-color: rgba(251,191,36,0.2);
+    }
+    [data-theme="dark"] .atk-rank-badge {
+        background: #2563eb;
+    }
+
+    /* 覆盖 Artalk 原版 .atk-badge（博主）/ .atk-pinned-badge（置顶）尺寸 */
+    .atk-comment>.atk-main>.atk-header .atk-badge {
+        font-size: 12px;
+        padding: 0 6px;
+        font-weight: 500;
+        line-height: 18px;
+        border-radius: 3px;
+        vertical-align: middle;
+        color: #fff !important;
+        background: #1a1a1a !important;
+    }
+    .atk-comment>.atk-main>.atk-header .atk-pinned-badge {
+        font-size: 12px;
+        padding: 0 6px;
+        font-weight: 500;
+        line-height: 18px;
+        border-radius: 3px;
+        vertical-align: middle;
+    }
 </style>
 <!-- Artalk -->
 <div id="Comments" uk-scrollspy="target: > *; cls: uk-animation-slide-bottom-small; delay: 100">