added ai评论

themes/Ying/assets/css/main.css

@@ -3860,3 +3860,53 @@ html[data-theme="light"] .atk-loading-spinner svg circle {
 
 
 
+/* AI Comment (Embedded in Artalk) */
+.atk-comment.atk-ai-comment {
+    /* Subtle distinction background */
+    /* background: var(--bankuai-color); */
+    border-radius: 8px;
+    padding: 15px;
+    margin-bottom: 5px;
+    /* border: 1px solid transparent; Prepare for dark mode */
+}
+
+/* Ensure avatar size matches Artalk but with AI flair */
+.atk-comment.atk-ai-comment .atk-avatar img {
+    border: 2px solid #fff;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    transition: transform 0.3s ease;
+}
+
+.atk-comment.atk-ai-comment:hover .atk-avatar img {
+    transform: rotate(10deg);
+}
+
+/* Custom AI Badge */
+.atk-comment.atk-ai-comment .atk-badge {
+    display: inline-block;
+    padding: 1px 6px;
+    font-size: 11px;
+    line-height: 1.4;
+    color: #fff;
+    background: linear-gradient(135deg, #60a5fa, #3b82f6);
+    border-radius: 4px;
+    font-weight: 500;
+    margin-left: 5px;
+    vertical-align: text-bottom;
+}
+
+/* Dark Mode Adaptation */
+[data-theme="dark"] .atk-comment.atk-ai-comment {
+    /* background: rgba(255, 255, 255, 0.03); */
+    /* border: 1px solid rgba(255, 255, 255, 0.05); */
+}
+
+[data-theme="dark"] .atk-comment.atk-ai-comment .atk-avatar img {
+    border-color: #333;
+}
+
+[data-theme="dark"] .ai-comment-card .atk-content p {
+    color: var(--text-content-dark-color);
+}
+
+