diff --git a/themes/Ying/assets/js/modules/artalk.js b/themes/Ying/assets/js/modules/artalk.js
index 8196286e..38ae2995 100644
--- a/themes/Ying/assets/js/modules/artalk.js
+++ b/themes/Ying/assets/js/modules/artalk.js
@@ -677,9 +677,9 @@ artalk.on('comment-rendered', function(node) {
var badgeWrap = el.querySelector('.atk-badge-wrap');
if (badgeWrap && badgeWrap.parentNode !== nickEl) nickEl.appendChild(badgeWrap);
- // 1) 头衔徽章（金色，管理员在后台手动设置，仅次于系统徽章）
+ // 1) 头衔徽章（金色，管理员在后台手动设置，仅次于系统徽章；配色走 .atk-title-badge 类）
if (data.title_name && !nickEl.querySelector('.atk-title-badge')) {
- injectBadge(nickEl, 'atk-title-badge', data.title_name, '头衔: ' + data.title_name, '#b8860b', 'rgba(197,136,27,.16)');
+ injectBadge(nickEl, 'atk-title-badge', data.title_name, '头衔: ' + data.title_name);
}
// 2) 友链
if (linkMatch) injectBadge(nickEl, 'atk-link-badge', '友链', '友链: ' + linkMatch);
@@ -693,8 +693,8 @@ artalk.on('comment-rendered', function(node) {
}
} catch (e) { /* 徽章注入失败不影响评论 */ }
- // ── 置顶评论卡片化：管理员置顶且内容含「友链自助申请」的评论，
- // 整条解析成申请入口卡片（点击打开申请弹窗），其余置顶评论不受影响。
+ // ── 友链申请入口卡片：评论内容就是约定 URL（https://usj.cc/link-apply）时，
+ // 整条评论解析成申请入口卡片（点击打开申请弹窗），其余评论不受影响。
try {
var d2 = null;
if (node && typeof node.getData === 'function') d2 = node.getData();
@@ -703,9 +703,9 @@ artalk.on('comment-rendered', function(node) {
var el2 = null;
if (node && node.$el) el2 = node.$el;
else if (node && typeof node.getEl === 'function') el2 = node.getEl();
- if (!d2 || !d2.is_pinned || !el2) return;
- var content = String(d2.content || '');
- if (content.indexOf('友链自助申请') === -1) return;
+ if (!d2 || !el2) return;
+ var content = String(d2.content || '').trim().replace(/\/+$/, '').toLowerCase();
+ if (content !== 'https://usj.cc/link-apply') return;
if (el2.querySelector('.atk-fl-apply')) return;
el2.classList.add('atk-fl-apply');
@@ -735,22 +735,21 @@ artalk.on('comment-rendered', function(node) {
var contentEl = main.querySelector('.atk-content');
var card = document.createElement('div');
card.className = 'atk-fl-apply';
- card.style.cssText = 'display:flex;align-items:center;gap:12px;padding:14px 16px;margin:6px 0 2px;' +
- 'background:var(--bg-card,#fff);border:1px solid var(--theme-main-30,rgba(7,193,96,.3));' +
- 'border-radius:10px;transition:border-color .2s,box-shadow .2s;';
+ // 跟随评论列表原生观感：白底 + 细边框，只有按钮带主题色
+ card.style.cssText = 'display:flex;align-items:center;gap:12px;padding:12px 14px;margin:2px 0;' +
+ 'background:var(--bg-card,#fff);border:1px solid var(--border-main,#eeeeee);' +
+ 'border-radius:10px;transition:border-color .2s,background .2s;';
card.innerHTML =
- '
' +
+ '' +
'' +
'' +
'' + nickText.replace(/' +
'' +
- '' +
- '友链自助申请' +
- ' · 想和我交换友链？点这里填写申请，审核结果会邮件通知你' +
- '' +
+ '想和我交换友链？点击申请，审核结果会邮件通知你' +
'' +
- '›';
+ '申请友链';
// 昵称行追加官方徽章（博主），样式与评论区徽章一致
if (sysBadge) {
var bw = sysBadge.cloneNode(true);
@@ -771,11 +770,10 @@ artalk.on('comment-rendered', function(node) {
});
el2.addEventListener('mouseenter', function () {
card.style.borderColor = 'var(--theme-main,#07c160)';
- card.style.boxShadow = '0 2px 12px var(--theme-main-20,rgba(7,193,96,.2))';
+ card.style.background = 'var(--bg-card,#fff)';
});
el2.addEventListener('mouseleave', function () {
- card.style.borderColor = 'var(--theme-main-30,rgba(7,193,96,.3))';
- card.style.boxShadow = 'none';
+ card.style.borderColor = 'var(--border-main,#eeeeee)';
});
} catch (e) { /* 卡片化失败不影响评论 */ }
});
diff --git a/themes/Ying/layouts/partials/artalk.html b/themes/Ying/layouts/partials/artalk.html
index ee1d801c..43aefb13 100644
--- a/themes/Ying/layouts/partials/artalk.html
+++ b/themes/Ying/layouts/partials/artalk.html
@@ -56,6 +56,22 @@
border: 1px solid rgba(107,114,128,0.15);
font-weight: 600;
}
+ /* 头衔徽章（金色）——与友链/友圈/官职同风格：浅底彩字描边 */
+ .atk-title-badge {
+ display: inline-block;
+ margin-left: 4px;
+ padding: 0 6px;
+ font-size: 12px;
+ font-weight: 600;
+ border-radius: 3px;
+ line-height: 18px;
+ vertical-align: middle;
+ pointer-events: none;
+ white-space: nowrap;
+ color: #b8860b;
+ background: rgba(184,134,11,0.08);
+ border: 1px solid rgba(184,134,11,0.22);
+ }
[data-theme="dark"] .atk-link-badge {
color: #34d399;
background: rgba(52,211,153,0.12);
@@ -71,17 +87,29 @@
background: rgba(148,163,184,0.1);
border-color: rgba(148,163,184,0.18);
}
+ [data-theme="dark"] .atk-title-badge {
+ color: #fbbf24;
+ background: rgba(251,191,36,0.12);
+ border-color: rgba(251,191,36,0.2);
+ }
- /* 覆盖 Artalk 原版 .atk-badge（博主）/ .atk-pinned-badge（置顶）尺寸 */
+ /* 覆盖 Artalk 原版 .atk-badge（博主）尺寸/配色 —— 改成与友链/友圈/官职
+ 同风格的浅底描边款（原版黑底白字过于突兀），黑字保留博主辨识度 */
.atk-comment>.atk-main>.atk-header .atk-badge {
font-size: 12px;
padding: 0 6px;
- font-weight: 500;
+ font-weight: 600;
line-height: 18px;
border-radius: 3px;
vertical-align: middle;
- color: #fff !important;
- background: #1a1a1a !important;
+ color: #374151 !important;
+ background: rgba(55,65,81,0.06) !important;
+ border: 1px solid rgba(55,65,81,0.18);
+ }
+ [data-theme="dark"] .atk-comment>.atk-main>.atk-header .atk-badge {
+ color: #e5e7eb !important;
+ background: rgba(229,231,235,0.08) !important;
+ border-color: rgba(229,231,235,0.2);
}
.atk-comment>.atk-main>.atk-header .atk-pinned-badge {
font-size: 12px;