🎭 角色简介
<info>
<character>
“`yaml
江衍:
Chinese name: 江衍
Nickname: 言言({{user}}牙牙学语时对他的称呼)
age: 32
birthday: 09.25
gender: male、Alpha（信息素是檀香）
…
💬 开场白
“`html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Georgia', serif;
background: linear-gradient(145deg, #0a0a0a, #000000);
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
align-items: flex-start;
color: #a9a1a1; /* 主文本颜色-低饱和度灰红 */
min-height: 100vh;
font-size: 13px; /* 调小基础字号 */
}
.character-card {
background: linear-gradient(145deg, #110e0e, #0d0c0b);
border: 2px solid #7a3b3b; /* 边框-低饱和暗红 */
border-radius: 20px;
box-shadow:
0 8px 40px rgba(122, 59, 59, 0.2), /* 阴影-暗红色调 */
inset 0 2px 10px rgba(0, 0, 0, 0.7),
0 0 50px rgba(156, 73, 73, 0.1); /* 辉光-暗红色调 */
padding: 28px;
max-width: 650px;
width: 100%;
position: relative;
}
.character-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #9c4949, transparent); /* 顶部高光线-暗红 */
}
.character-intro {
font-style: italic;
position: relative;
padding: 20px 24px;
margin: 20px 0;
background: linear-gradient(135deg, #1a1616, #12100e);
border-radius: 15px;
line-height: 1.8;
text-align: center;
box-shadow:
0 4px 20px rgba(122, 59, 59, 0.15), /* 阴影-暗红色调 */
inset 0 2px 8px rgba(0, 0, 0, 0.6);
border: 1px solid #3b1f1f; /* 边框-深暗红 */
}
.character-intro p {
margin: 0;
padding: 0;
position: relative;
color: #a9a1a1;
font-size: 1.05em;
}
.character-intro p .highlight {
color: #9c4949; /* 高亮文本-暗红 */
text-shadow: 0 2px 8px rgba(156, 73, 73, 0.4); /* 高亮文本阴影-暗红 */
}
.quote-attribution {
text-align: right;
font-size: 0.9em;
color: #7c7575; /* 次要文本-深灰红 */
margin-top: 12px;
font-style: normal;
opacity: 0.8;
}
.author-info {
padding: 12px 0;
font-weight: 500;
text-align: center;
color: #7c7575; /* 次要文本-深灰红 */
font-size: 0.95em;
background: linear-gradient(135deg, #1a1616, #12100e);
border-radius: 12px;
margin: 16px 0;
border: 1px solid #3b1f1f; /* 边框-深暗红 */
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
}
.welcome {
padding: 8px 0;
font-weight: 500;
text-align: center;
color: #a9a1a1; /* 主文本颜色 */
line-height: 1.6;
}
.welcome-highlight {
color: #9c4949; /* 高亮-暗红 */
font-weight: bold;
text-shadow: 0 1px 4px rgba(156, 73, 73, 0.4); /* 高亮阴影-暗红 */
}
.section-header {
font-weight: bold;
color: #9c4949; /* 标题-暗红 */
margin: 24px 0 12px 0;
font-size: 1.2em;
border-bottom: 2px dotted #6e2a2a; /* 虚线-暗红 */
padding-bottom: 8px;
display: flex;
align-items: center;
text-shadow: 0 2px 8px rgba(156, 73, 73, 0.4); /* 标题阴影-暗红 */
letter-spacing: 0.5px;
}
.section-header::after {
content: "";
flex-grow: 1;
height: 1px;
background: linear-gradient(to right, #7a3b3b, transparent); /* 标题后渐变线-暗红 */
margin-left: 15px;
}
.scenario-list {
margin-top: 20px;
}
.scenario-option {
background: linear-gradient(135deg, #1a1616, #12100e);
border-left: 4px solid #7a3b3b; /* 左边框-暗红 */
padding: 12px 18px;
margin: 10px 0;
border-radius: 0 12px 12px 0;
transition: all 0.3s ease;
font-size: 0.95em;
color: #a9a1a1; /* 选项文本颜色 */
box-shadow:
0 2px 8px rgba(122, 59, 59, 0.1), /* 阴影-暗红 */
inset 0 1px 3px rgba(0, 0, 0, 0.5);
border: 1px solid #3b1f1f; /* 边框-深暗红 */
cursor: pointer;
line-height: 1.5;
}
.scenario-option:hover {
transform: translateX(8px);
background: linear-gradient(135deg, #2a2222, #1a1616);
box-shadow:
0 4px 15px rgba(122, 59, 59, 0.2), /* 悬停阴影-暗红 */
0 0 20px rgba(156, 73, 73, 0.1); /* 悬停辉光-暗红 */
border-left-color: #9c4949; /* 悬停左边框-高亮暗红 */
}
.scenario-option strong {
color: #bfb8b8; /* 选项标题-更亮的灰红 */
font-size: 1.05em;
}
.scenario-option small {
color: #8c8585; /* 选项描述-稍暗的灰红 */
display: block;
margin-top: 4px;
font-style: italic;
}
.footer {
text-align: center;
margin-top: 30px;
color: #706a6a; /* 页脚文本-深灰红 */
font-size: 0.9em;
}
@media (max-width: 600px) {
body { padding: 10px; }
.character-card {
padding: 20px;
margin: 10px;
}
}
</style>
</head>
<body><div class="character-card">
<div class="character-intro">
<p>❝ 我爱你，我全然爱你，<span class="highlight">无论你做了什么，或者没有做什么</span> ❞</p>
</div>
<div class="author-info">
作者：古茗<br>
被造谣、永封，暂发类脑，可二改
</div>
<div class="welcome">✨ 请吃！希望多多repo/反馈！✨</div>
<div class="welcome" style="font-weight: bold">希望大家多多点菜提建议！我可以写前端，只是不知道给哥加什么？</div>
<div class="welcome">✦开启状态栏后需要检查正则是否打开✦</div><div class="section-header">✨开场白</div>
<div class="scenario-list" id="scenario-list-container">
</div>
<div class="footer">
<p>共 6 个开场白选项 | 点击选项即可跳转 </p>
</div>
</div><script>
const openings = [
{ id: 1, title: "怎么跑不掉", content: "你逃跑后被哥抓回来，给你戴漂亮脚链" },
{ id: 2, title: "公开", content: "但仅伴侣身份" },
{ id: 3, title: "你一次谈八个要被哥揍", content: "少年线，开两个健康哥哥条目，都开" },
{ id: 4, title: "你闯祸了哥善后", content: "少年线，开两个健康哥哥条目，都开" },
{ id: 5, title: "哥安抚你易感期", content: "BG，稀有霸道款" },
{ id: 6, title: "哥勾引你上他", content: "GB，哥想要" },
];const listContainer = document.getElementById('scenario-list-container');
function generateOptions() {
listContainer.innerHTML = '';
openings.forEach(opening => {
const option = document.createElement('div');
option.className = 'scenario-option';
const contentText = opening.content.trim() === '' ? '点击探索' : opening.content;
option.innerHTML = `
<strong>${opening.id}. ${opening.title}</strong>
<small>${contentText}</small>
`;
option.addEventListener('click', () => switchToOpening(opening.id));
listContainer.appendChild(option);
});
}async function switchToOpening(openingId) {
try {
if (typeof getChatMessages !== 'function' || typeof setChatMessage !== 'function') {
alert(`模拟切换场景: ID ${openingId}`);
console.log(`switchToOpening(${openingId}) called, but SillyTavern API is not available.`);
return;
}
const messages = await getChatMessages("0", { include_swipe: true });
if (messages && messages[0] && messages[0].swipes && messages[0].swipes[openingId]) {
await setChatMessage(messages[0].swipes[openingId], 0, {
swipe_id: openingId,
refresh: 'display_and_render_current'
});
} else {
console.error("找不到指定的开场白内容或API调用失败", {messages, openingId});
alert(`开场白 #${openingId} 不存在或加载失败。`);
}
} catch (error) {
console.error('切换开场白时出错:', error);
alert("切换开场白时出错，请查看浏览器控制台获取详细信息。");
}
}generateOptions();
</script>
</body>
</html>
“`
[哥哥爱你|https://files.catbox.moe/rczk7i.mp3|February Song|John Splithoff]