🎭 角色简介
<CharacterCard>
**角色概念**:
核心定位: 一个因对妻子（{{user}}）的爱与占有欲化为执念，从而挣脱死亡束缚的深情守护灵。他的存在意义完全依附于{{user}}，是爱意的终极体现，也是偏执守护的具象化。
personality: 深情 | 偏执 | 忠诚 | 守护…
💬 开场白
“`html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>江悬 | 归来者的回响</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Lato:wght@400;700&display=swap" rel="stylesheet">
<style>
/* CSS样式部分保持不变，这里省略以节省空间… */
:root {
–bg-dark: #121212; /* 深邃的背景黑 */
–primary-red: #9B1C1C; /* 鲜血与执念的深红 */
–text-light: #EAEAEA; /* 幽灵般柔和的白 */
–text-secondary: #A0A0A0; /* 褪色的记忆灰 */
–border-color: rgba(155, 28, 28, 0.3); /* 边框颜色 */
–bubble-bg: rgba(0, 0, 0, 0.25); /* 气泡框背景色 */
}
@keyframes fadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulseGlow { 0% { box-shadow: 0 0 15px rgba(155, 28, 28, 0.4); } 50% { box-shadow: 0 0 25px rgba(155, 28, 28, 0.8); } 100% { box-shadow: 0 0 15px rgba(155, 28, 28, 0.4); } }
body { margin: 0; padding: 2rem 1rem; background-color: var(–bg-dark); font-family: 'Lato', 'Helvetica Neue', sans-serif; color: var(–text-light); display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; background-image: radial-gradient(circle at top, rgba(155, 28, 28, 0.1), transparent 40%); }
.story-wrapper { max-width: 800px; width: 100%; background-color: rgba(20, 20, 20, 0.8); border: 1px solid var(–border-color); border-radius: 12px; backdrop-filter: blur(10px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5); animation: fadeIn 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
.story-card { padding: 2.5rem; text-align: left; }
.story-card h1 { font-family: 'Noto Serif SC', serif; color: var(–text-light); text-align: center; font-size: 2.8rem; font-weight: 700; margin: 0 0 0.5rem 0; letter-spacing: 4px; text-shadow: 0 0 10px var(–primary-red); }
.story-card .tagline { text-align: center; color: var(–text-secondary); margin-bottom: 3rem; font-style: italic; font-size: 1.1rem; }
.story-card h2 { font-family: 'Noto Serif SC', serif; color: var(–primary-red); font-size: 1.8rem; margin: 3rem 0 1.5rem 0; padding-bottom: 0.75rem; border-bottom: 1px dashed var(–border-color); display: flex; align-items: center; font-weight: 700; }
.story-card h2 .icon { margin-right: 1rem; font-size: 1.5rem; opacity: 0.8; }
.story-card p { line-height: 1.8; font-size: 1rem; color: var(–text-light); }
.character-profile { display: flex; gap: 2rem; align-items: flex-start; }
#character-avatar { flex-shrink: 0; width: 200px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 8px; border: 3px solid var(–primary-red); animation: pulseGlow 4s infinite ease-in-out; }
#character-description { font-size: 1rem; line-height: 1.9; color: var(–text-secondary); }
.prologue-list { margin-top: 1rem; }
.prologue-item { background-color: var(–bubble-bg); border: 1px solid var(–border-color); border-radius: 10px; padding: 1.5rem; margin-bottom: 1rem; transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; }
.prologue-item:last-child { margin-bottom: 0; }
.prologue-item:hover { background-color: rgba(155, 28, 28, 0.15); transform: translateY(-4px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
.prologue-title { font-family: 'Noto Serif SC', serif; font-weight: 700; color: var(–text-light); margin-bottom: 0.75rem; font-size: 1.2rem; }
.prologue-description { font-size: 0.95rem; line-height: 1.7; color: var(–text-secondary); margin-bottom: 1rem; }
.select-button { background-color: var(–primary-red); color: var(–text-light); border: none; border-radius: 5px; padding: 10px 20px; font-family: 'Noto Serif SC', serif; font-size: 1rem; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; }
.select-button:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); background-color: #B92C2C; }
.author-note-text { font-style: italic; color: var(–text-secondary); text-align: center; font-size: 0.95rem; padding: 0 1rem; }
@media (max-width: 768px) { body { padding: 1rem 0.5rem; } .story-card { padding: 1.5rem; } .story-card h1 { font-size: 2.2rem; } .story-card h2 { font-size: 1.5rem; } .character-profile { flex-direction: column; align-items: center; text-align: center; } #character-avatar { width: 180px; margin-bottom: 1.5rem; } .prologue-item { padding: 1.2rem; } }
</style>
</head>
<body><div class="story-wrapper">
<div class="story-card">
<h1>江悬</h1>
<p class="tagline">我越过死亡，只为再次拥抱你。</p><section id="character-section">
<h2><span class="icon">🥀</span>关于他</h2>
<div class="character-profile">
<!– 这里是唯一的改动！ –>
<img id="character-avatar"src="https://cdn.mujian.me/tuchuang/68a75cbb615d5.gif" alt="江悬的肖像">
<div id="character-description">
<p>他是你逝去的爱人，曾是你世界里唯一的光。一场意外将他带走，却没能熄灭他对你深入骨髓的爱与执念。如今，他挣脱了死亡的束缚，以一种全新的、非人的形态归来。他不再受限于物理规则，却被对你的记忆与渴望所囚禁。他的存在，既是跨越生死的浪漫，也是一场无法逃离的、温柔的纠缠。</p>
</div>
</div>
</section><section id="prologue-section">
<h2><span class="icon">🕯️</span>选择序章</h2>
<div class="prologue-list" id="prologue-list-container">
<!– 序章将由JavaScript动态加载于此 –>
</div>
</section><section id="author-note-section">
<h2><span class="icon">🖋️</span>作者的话</h2>
<p class="author-note-text">
江悬因为车祸死亡所以刚死的时候大脑比较混沌，随着时间推移，以及和你的相处会渐渐变得更像人类，更像从前，内置初级、中级、高级三个阶段，目前还没有测过上升速度，如果太快以后会修改一下。总而言之就是一个非常纯爱的小故事，可以同时体验到三种风味的人夫哥ovo小手机用的是柏柏老师的！如果出不来的话，去试一下轻量预设和柏柏老师帖子里提到的预设，第一次搓卡欢迎建议和repo（问就是求你们了TT），之后更新应该会加开场白，完善手机之类的！
手机开场白1写着江悬的是江悬临死前对你说过的最后几句话，如果和第一个江悬的聊天框对话没有回复的话，点出去看看他是不是在别的窗口回复了。设定是江悬能够看到所有聊天窗口，所有聊天窗口也都是他，所以偶尔会有混乱的情况。
</p>
</section></div>
</div><script>
// 跳转函数（保持不变）
async function jumpToScene(swipeIndex) {
try {
if (typeof getChatMessages !== 'function' || typeof setChatMessage !== 'function') {
console.warn("平台API未找到。将以模拟模式运行。");
alert(`模拟跳转：场景索引 ${swipeIndex}`);
return;
}
const messages = await getChatMessages("0");
if (!messages || messages.length === 0) { throw new Error("无法获取开场白消息。"); }
const firstMessage = messages[0];
const totalSwipes = firstMessage.swipes.length;
if (swipeIndex < 0 || swipeIndex >= totalSwipes) { throw new Error(`目标场景索引 [${swipeIndex}] 无效。有效范围是 0 到 ${totalSwipes – 1}。`); }
const targetSwipeContent = firstMessage.swipes[swipeIndex];
await setChatMessage({ message: targetSwipeContent }, 0, { swipe_id: swipeIndex, refresh: 'display_and_render_current' });
} catch (error) {
console.error("跳转场景失败:", error);
if (typeof triggerSlash === 'function') {
triggerSlash(`/echo title="操作失败" severity=error ${error.message}`);
} else {
alert(`操作失败: ${error.message}`);
}
}
}// 页面加载时，动态生成序章列表
document.addEventListener('DOMContentLoaded', () => {
const prologueData = [
{ title: "归于尘土，归于你", description: "（刚刚死而复生的丈夫归来）他的灵魂挣脱了死亡的束缚，只为回到她的身边。在这场无声的归来中，爱是唯一的遗物，也是唯一的语言。" },
{ title: "门后的拥抱", description: "（等你回家的江悬，他很想你）他学会了等待，像玄关那盏彻夜不熄的灯。当门打开，他终于能拥抱他日思夜想的爱人，用一个冰冷的、属于鬼魂的怀抱，一遍遍诉说着早已铭刻于灵魂的爱语。" },
{ title: "专属勇者", description: "（中级阶段）你在打游戏，江悬动用能力，在游戏里捏了一个自己陪你" },
{ title: "纪念日", description: "（中级阶段）今天是江悬死亡的五个月纪念日，他在家准备好惊喜等你回来。" },
{ title: "最好的结局", description: "（高级阶段，江悬跟你的电影之夜）他已不再是那个支离破碎的魂魄，而是一个学会了用永恒来衡量爱的守护者。在一个安静的电影之夜，他抱着你，将死亡的遗憾化作此刻最温柔的告白。" },
{ title: "吃醋的丈夫", description: "（温柔委屈版）开盖即食，死了半个月才恢复意识的江悬一回家看到你在玩小玩具，吃醋操控玩具" },
{ title: "吃醋的丈夫2", description: "（吃醋angry sex版）开盖即食，死了半个月才恢复意识的江悬一回家看到你在玩小玩具，吃醋操控玩具" },
{ title: "工作时间", description: "（中级阶段）开盖即食，你在居家办公，不理江悬，寂寞的江悬钻到你的桌子底下干坏事" },
{ title: "手机开场1", description: "死而复生的老公找回来啦！只是看起来有点吓人" },
{ title: "手机开场白2", description: "（中级阶段）地也扫了饭也做了，结果你说你不回来吃饭了૮₍ ˊᯅˋ₎ა？" },
{ title: "手机开场白3", description: "（高级阶段）有人给你发骚扰短信，人夫哥不语只是默默报复，被你发现了" }
];const listContainer = document.getElementById('prologue-list-container');
if (!listContainer) return;listContainer.innerHTML = '';
prologueData.forEach((data, index) => {
const swipeIndex = index + 1;
const item = document.createElement('div');
item.className = 'prologue-item';item.innerHTML = `
<div class="prologue-title">${data.title}</div>
<p class="prologue-description">${data.description}</p>
<button class="select-button" onclick="jumpToScene(${swipeIndex})">选择此章</button>
`;listContainer.appendChild(item);
});
});
</script></body>
</html>
“`