From 5858188628f95ae1c1f7ced748b357f69be76897 Mon Sep 17 00:00:00 2001
From: zqlit <imql@qq.com>
Date: Sat, 3 Oct 2026 17:29:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=8B=E9=93=BE=E5=8D=A1=E7=89=87=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E9=80=82=E9=85=8D=EF=BC=9A=E2=89=A4640px?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=A4=B4=E5=83=8F=E3=80=81=E6=94=B6=E7=B4=A7?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=E5=86=85=E8=BE=B9=E8=B7=9D=E3=80=81=E5=BE=AE?=
 =?UTF-8?q?=E8=B0=83=E5=AD=97=E5=8F=B7=E5=AD=97=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/Ying/assets/js/modules/artalk.js  |  8 ++++----
 themes/Ying/layouts/partials/artalk.html | 25 ++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/themes/Ying/assets/js/modules/artalk.js b/themes/Ying/assets/js/modules/artalk.js
index 458895ac..89ab131d 100644
--- a/themes/Ying/assets/js/modules/artalk.js
+++ b/themes/Ying/assets/js/modules/artalk.js
@@ -772,13 +772,13 @@ artalk.on('comment-rendered', function(node) {
             'background:var(--bg-card,#fff);border:1px solid var(--border-main,#eeeeee);' +
             'border-radius:10px;transition:border-color .2s,background .2s;';
         card.innerHTML =
-            '<img class="uk-animation-scale-up" src="' + avatarSrc + '" alt="" referrerpolicy="no-referrer" ' +
+            '<img class="atk-fl-avatar uk-animation-scale-up" src="' + avatarSrc + '" alt="" referrerpolicy="no-referrer" ' +
               'style="flex:none;width:40px;height:40px;border-radius:6px;object-fit:cover">' +
-            '<span style="flex:1;min-width:0">' +
-              '<span style="display:flex;align-items:center;gap:0;font-size:14px;font-weight:600;color:var(--text-main,#333)">' +
+            '<span class="atk-fl-body" style="flex:1;min-width:0">' +
+              '<span class="atk-fl-nick" style="display:flex;align-items:center;gap:0;font-size:14px;font-weight:600;color:var(--text-main,#333)">' +
                 '<span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + nickText.replace(/</g, '&lt;') + '</span>' +
               '</span>' +
-              '<span style="display:block;font-size:13px;margin-top:2px;color:var(--text-desc,#777);line-height:1.5">' +
+              '<span class="atk-fl-desc" style="display:block;font-size:13px;margin-top:2px;color:var(--text-desc,#777);line-height:1.5">' +
                 '<span class="atk-fl-typed"></span><i class="atk-fl-caret"></i>' +
               '</span>' +
             '</span>' +
diff --git a/themes/Ying/layouts/partials/artalk.html b/themes/Ying/layouts/partials/artalk.html
index c1b39091..b344136b 100644
--- a/themes/Ying/layouts/partials/artalk.html
+++ b/themes/Ying/layouts/partials/artalk.html
@@ -118,6 +118,31 @@
     .atk-fl-card-wrap {
         margin: 0 0 6px;
     }
+
+    /* ---- 移动端：卡片更紧凑（隐藏头像 + 收紧间距 + 微调字号/字距） ---- */
+    @media (max-width: 640px) {
+        .atk-fl-card {
+            gap: 8px !important;
+            padding: 10px 12px !important;
+        }
+        .atk-fl-card .atk-fl-avatar {
+            display: none !important; /* 窄屏省掉头像，把宽度让给文字 */
+        }
+        .atk-fl-card .atk-fl-nick {
+            font-size: 13.5px !important;
+            letter-spacing: 0.2px !important;
+        }
+        .atk-fl-card .atk-fl-desc {
+            font-size: 12.5px !important;
+            letter-spacing: 0.2px !important;
+            margin-top: 3px !important;
+        }
+        .atk-fl-card .atk-fl-btn {
+            font-size: 12.5px !important;
+            padding: 5px 11px !important;
+            letter-spacing: 0.2px !important;
+        }
+    }
     .atk-fl-card {
         animation: flApplyIn .5s cubic-bezier(.22, 1, .36, 1) both;
     }