feat(评论): 最近表情改为分组 tab + 提交后面板收起 + 小编徽章配色 + 走心评论 20 条

- emoticon-recent.js: 「最近使用」从面板顶部独立栏重构为分组切换条最左侧的
  同构 tab(data-index="recent"),无记录时整个 tab 隐藏;复用 Artalk 原生
  .atk-grp[data-type=image] 网格样式,零自定义布局。
- artalk.js:
  · 新建评论成功(res.ok)后,对当前激活的插件按钮派发 click(),收起仍展开的
    表情面板(Artalk 上游只 reset 输入内容、不关面板),内部 openedPlug 状态同步复位。
  · 徽章处理末尾把徽章文字镜像到 data-badge 属性,供 CSS 按名字配色。
- artalk.html: 新增 .atk-badge[data-badge="小编"] 玫红实底规则(含暗色模式),
  特异性高于博主规则,两者互不覆盖。
- featured-comments.html: 走心评论 limit 8 → 20(后端上限)。
- main.css: 移除旧 .atk-recent-emoticons 相关样式。
This commit is contained in:
zqlit committed 2026-10-05 17:34:18 +08:00
1 parent 1b2e3d46f8
commit 79c9f2371c
5 files changed
+160 -114

No files matched your search

+10
View File
@@ -77,6 +77,16 @@
color: #ffffff !important;
background: #333333 !important;
}
/* 小编(.atk-badge[data-badge="小编"]):实底 —— 白字 + 玫红底。
data-badge 由 artalk.js 按徽章文字镜像上来(badge_color 是 Artalk 写的内联
样式,会被上面博主规则的 !important 盖掉,所以只能按文字做钩子)。
选择器比博主默认规则多一个属性、特异性更高,所以两种徽章各自成色不互压。 */
.atk-comment .atk-badge[data-badge="小编"],
.atk-fl-card .atk-badge[data-badge="小编"] {
border-color: #d94f7a;
color: #ffffff !important;
background: #d94f7a !important;
}
/* 置顶徽章:实底 —— 白字 + 浅红底(比 #d9534f / #ff6262 更浅,不刺眼) */
.atk-comment .atk-pinned-badge,
.atk-fl-card .atk-pinned-badge {