From dae81ba4a18190060d569acf9a002ce47928c358 Mon Sep 17 00:00:00 2001
From: qing <1776177662@qq.com>
Date: Wed, 29 Jul 2026 10:53:29 +0800
Subject: [PATCH] =?UTF-8?q?style(dnfs):=20=E7=BE=8E=E5=8C=96=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=8F=91=E5=B8=96=E7=94=A8=E6=88=B7=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E4=B8=BA=E5=A4=B4=E5=83=8F+=E6=98=B5=E7=A7=B0=E8=83=B6?=
 =?UTF-8?q?=E5=9B=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- dnfs.js: owner 纯文本改为首字符圆形头像 + 昵称，空值兜底匿名
- theme.css: 新增 Owner Chip 样式段，复用主题变量自动适配深色模式
---
 static/public/css/theme.css | 32 ++++++++++++++++++++++++++++++++
 static/public/js/dnfs.js    | 30 ++++++++++++++++++++----------
 2 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/static/public/css/theme.css b/static/public/css/theme.css
index 786dcf3..04fe2ce 100644
--- a/static/public/css/theme.css
+++ b/static/public/css/theme.css
@@ -224,6 +224,38 @@ input[type="button"]:disabled {
 .recommend-list .card h3 { transition: color 0.15s; }
 .recommend-list .card p { font-size: 0.9rem; line-height: 1.6; color: var(--fg-secondary); }
 
+/* ===== Owner Chip (dnfs 发帖用户) ===== */
+.card-owner {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    margin-top: 0.2rem;
+}
+.owner-avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    border-radius: 50%;
+    background: var(--accent-soft);
+    color: var(--accent-dark);
+    border: 1px solid var(--accent);
+    font-size: 0.7rem;
+    font-weight: 700;
+    flex-shrink: 0;
+    user-select: none;
+}
+.owner-name {
+    font-size: 0.8rem;
+    font-weight: 600;
+    color: var(--fg-secondary);
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 /* ===== Minimap (dnfs) ===== */
 .minimap {
     position: fixed;
diff --git a/static/public/js/dnfs.js b/static/public/js/dnfs.js
index afbdbec..563761e 100644
--- a/static/public/js/dnfs.js
+++ b/static/public/js/dnfs.js
@@ -269,17 +269,27 @@ function load_notes(main_node) {
 		ttl.appendChild(ttl1);
 		card.appendChild(ttl);
 		let wrt_div = document.createElement('p');
-		let vit_div = document.createElement('p');
-		let lke_div = document.createElement('p');
-		let srd_div = document.createElement('p');
-		wrt_div.textContent = "用户：" + item.owner;
-		vit_div.textContent = "观看数：" + item.visit_count;
-		lke_div.textContent = "点赞数：" + item.like_count;
-		srd_div.textContent = "分享数：" + item.share_count;
+		//let vit_div = document.createElement('p');
+		//let lke_div = document.createElement('p');
+		//let srd_div = document.createElement('p');
+		// 发帖用户：头像圆点（取昵称首字符）+ 昵称，样式见 theme.css 的 Owner Chip 段
+		wrt_div.className = "card-owner";
+		let owner_text = (item.owner == null || item.owner === "") ? "匿名" : String(item.owner);
+		let owner_avatar = document.createElement('span');
+		owner_avatar.className = "owner-avatar";
+		owner_avatar.textContent = owner_text.trim().charAt(0).toUpperCase() || "?";
+		let owner_name = document.createElement('span');
+		owner_name.className = "owner-name";
+		owner_name.textContent = owner_text;
+		wrt_div.appendChild(owner_avatar);
+		wrt_div.appendChild(owner_name);
+		//vit_div.textContent = "观看数：" + item.visit_count;
+		//lke_div.textContent = "点赞数：" + item.like_count;
+		//srd_div.textContent = "分享数：" + item.share_count;
 		ttl.appendChild(wrt_div);
-		ttl.appendChild(vit_div);
-		ttl.appendChild(lke_div);
-		ttl.appendChild(srd_div);
+		//ttl.appendChild(vit_div);
+		//ttl.appendChild(lke_div);
+		//ttl.appendChild(srd_div);
 		let ctt = document.createElement('p');
 		renderMarkdown(ctt, item.content);
 		card.appendChild(ctt)