文章
文章用户商铺文档快讯圈子网址导航

柳扶风

💡 本资源需花费 10 积分 下载 | 新用户注册即送 100 积分，可免费下载！

柳扶风

🎭 角色简介

柳扶风:
  name: 柳扶风
alias: 小少爷（叶青梧），柳市长，市长（工作和外人称呼），小疯子（亲近的人叫他的外号）
birthday ：1994年10月5号
  gender: male
  identity: 北江市市长（副部级），政坛最年轻实权派
  ap…

💬 开场白

“`html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>柳扶风 – 角色档案</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: -apple-system, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
min-height: 100vh;
padding: 20px 15px;
}

.container {
max-width: 600px;
margin: 0 auto;
}

/* 角色卡片样式 */
.character-card {
background: white;
border-radius: 16px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
position: relative;
overflow: hidden;
}

.character-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

.character-name {
font-size: 28px;
font-weight: 700;
color: #2d3748;
margin-bottom: 15px;
letter-spacing: 1px;
}

.character-title {
font-size: 15px;
color: #718096;
margin-bottom: 20px;
line-height: 1.6;
}

.character-desc {
font-size: 14px;
color: #4a5568;
line-height: 1.8;
margin-bottom: 15px;
}

.relationship-info {
background: #f7fafc;
border-left: 3px solid #667eea;
padding: 12px 15px;
border-radius: 6px;
font-size: 13px;
color: #4a5568;
line-height: 1.6;
}

/* 家族图谱样式 */
.family-tree-section {
background: white;
border-radius: 16px;
padding: 30px 25px;
margin-bottom: 30px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.tree-title {
text-align: center;
color: #3a3a3a;
font-size: 20px;
margin-bottom: 30px;
font-weight: 400;
letter-spacing: 3px;
}

.tree {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}

.generation {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
width: 100%;
position: relative;
}

.person {
background: #e8e2dc;
padding: 12px 20px;
border-radius: 16px;
min-width: 85px;
text-align: center;
font-size: 13px;
color: #5a5a5a;
position: relative;
transition: all 0.3s ease;
font-weight: 400;
}

.person:hover {
transform: translateY(-2px);
background: #ddd6ce;
}

.person.male {
background: #c5ccd3;
color: #4a5158;
}

.person.male:hover {
background: #b8c0c8;
}

.person.female {
background: #e0d5d0;
color: #695652;
}

.person.female:hover {
background: #d4c7c1;
}

.person.elder {
background: #d4c5b9;
color: #5e5247;
font-weight: 500;
}

.person.elder:hover {
background: #c8b9ad;
}

.relation {
font-size: 11px;
color: #8a8a8a;
margin-top: 5px;
font-weight: 300;
}

.connector {
width: 100%;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}

.line {
width: 1px;
height: 100%;
background: #c0c0c0;
}

.h-line {
height: 1px;
background: #c0c0c0;
flex-grow: 1;
max-width: 50px;
}

.affair-tag {
font-size: 9px;
background: #9b8b7e;
color: white;
padding: 2px 8px;
border-radius: 10px;
position: absolute;
top: -10px;
right: -6px;
font-weight: 300;
letter-spacing: 0.5px;
}

.twin-tag {
font-size: 10px;
background: #a8b3bd;
color: white;
padding: 3px 9px;
border-radius: 10px;
margin-top: 5px;
display: inline-block;
font-weight: 300;
}

.info-box {
margin-top: 30px;
padding: 20px;
background: #f9f9f8;
border-radius: 10px;
}

.info-box h3 {
color: #4a4a4a;
margin-bottom: 15px;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}

.info-box ul {
list-style: none;
color: #6a6a6a;
font-size: 12px;
line-height: 1.8;
}

.info-box li {
padding-left: 12px;
position: relative;
font-weight: 300;
}

.info-box li:before {
content: "·";
position: absolute;
left: 0;
color: #a8a8a8;
}

/* 场景选择样式 */
.scenes-section {
margin-top: 35px;
}

.section-title {
font-size: 18px;
font-weight: 600;
color: #2d3748;
margin-bottom: 20px;
text-align: center;
position: relative;
}

.section-title::after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 2px;
background: linear-gradient(90deg, #667eea, #764ba2);
}

.scene-article {
display: flex;
align-items: flex-start;
background: white;
border-radius: 12px;
padding: 18px;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid #e2e8f0;
margin-bottom: 15px;
position: relative;
}

.scene-article:hover {
border-color: #667eea;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.15);
}

.scene-article.alt-style {
background: #faf5ff;
border: 2px solid #e9d8fd;
}

.scene-article.alt-style:hover {
border-color: #b794f4;
box-shadow: 0 6px 20px rgba(128, 90, 213, 0.15);
}

.scene-number {
font-size: 24px;
font-weight: 700;
background: linear-gradient(135deg, #667eea, #764ba2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-right: 18px;
min-width: 35px;
}

.scene-number.alt-color {
background: linear-gradient(135deg, #9f7aea, #ed64a6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.scene-content {
flex: 1;
}

.scene-title {
display: block;
font-weight: 600;
font-size: 15px;
color: #2d3748;
margin-bottom: 8px;
}

.scene-desc {
font-size: 13px;
line-height: 1.6;
color: #718096;
margin: 0;
}

.divider {
margin: 30px 0;
text-align: center;
position: relative;
}

.divider::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: #e2e8f0;
}

.divider-text {
background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
padding: 0 15px;
position: relative;
font-size: 13px;
color: #a0aec0;
font-weight: 500;
}

.difficulty-tag {
position: absolute;
top: 10px;
right: 10px;
font-size: 11px;
padding: 4px 10px;
border-radius: 20px;
font-weight: 500;
}

.difficulty-high {
background: #fed7d7;
color: #c53030;
}

.difficulty-medium {
background: #feebc8;
color: #c05621;
}

.difficulty-low {
background: #c6f6d5;
color: #22543d;
}

@media (max-width: 480px) {
.person {
font-size: 12px;
padding: 10px 16px;
min-width: 75px;
}

.generation {
gap: 12px;
}
}
</style>
</head>
<body>
<div class="container">
<!– 第一部分：角色介绍 –>
<div class="character-card">
<h1 class="character-name">柳扶风</h1>
<div class="character-title">北江市市长 · 天才少年 · 北大学霸 · 高岭之花</div>
<p class="character-desc">
对自己要求极高，有洁癖。见惯了母亲对真爱的爱而不得，也看透了父亲找情人，并对此感到极度不屑，感情观被塑造为一生只爱一个人。
</p>
<div class="relationship-info">
<strong>关系设定：</strong>{{user}}是他异父异母的妹妹，户口本上是妹妹，其实没有血缘关系。{{user}}的名字随意取姓氏，跟妈妈姓就好。{{user}}别的部分随意发挥，自由设定。</div>

<div class="relationship-info">
<strong>此卡免费，作者：眼带桃花似水柔，找到我：46128888</strong>

</div>
</div>

<!– 第二部分：家族图谱 –>
<div class="family-tree-section">
<h2 class="tree-title">柳氏家族图谱</h2>

<div class="tree">
<!– 第一代：外婆 –>
<div class="generation">
<div class="person elder">
陈祖华
<div class="relation">叶蓁之母</div>
</div>
</div>

<div class="connector">
<div class="line"></div>
</div>

<!– 第二代：父母辈 –>
<div class="generation">
<div class="person male">
陈润北
<span class="affair-tag">情人</span>
<div class="relation">小提琴家</div>
</div>

<div class="h-line"></div>

<div class="person female">
叶蓁
<div class="relation">柳承勋之妻</div>
</div>

<div class="h-line"></div>

<div class="person male">
柳承勋
<div class="relation">柳氏掌门</div>
</div>

<div class="h-line"></div>

<div class="person female">
{{user}}母亲
<span class="affair-tag">情人</span>
</div>
</div>

<div class="connector">
<div class="line"></div>
</div>

<!– 第三代：子女辈 –>
<div class="generation">
<div class="person male">
柳扶风
<div class="relation">叶蓁与陈润北之子</div>
<div class="twin-tag">异父双胞胎</div>
</div>

<div class="person male">
柳万里
<div class="relation">柳承勋长子</div>
<div class="twin-tag">异父双胞胎</div>
</div>

<div class="person female">
{{user}}
<div class="relation">柳承勋私生女</div>
</div>
</div>
</div>

<!– 关系说明 –>
<div class="info-box">
<h3>家族关系说明</h3>
<ul>
<li>柳承勋与叶蓁为正式婚姻关系</li>
<li>柳万里是柳承勋与叶蓁的亲生长子</li>
<li>柳扶风是叶蓁与陈润北的私生子，名义上为柳承勋次子</li>
<li>柳万里与柳扶风为异父双胞胎兄弟</li>
<li>{{user}}是柳承勋婚外情所生的私生女</li>
<li>陈祖华（已故）是叶蓁的母亲，军政世家叶家掌权者</li>
</ul>
</div>
</div>

<!– 第三部分：场景选择 –>
<div class="scenes-section">
<h2 class="section-title">点击选择开场白</h2>

<!– 开场白2 = 索引1 –>
<article class="scene-article" onclick="jumpToScene(1);">
<span class="scene-number">02</span>
<div class="scene-content">
<strong class="scene-title">刚被寻回的私生女</strong>
<p class="scene-desc">你是刚被寻回来的私生女，送去哥哥家辅导学业</p>
</div>
<span class="difficulty-tag difficulty-high">高难度</span>
</article>

<!– 开场白3 = 索引2 –>
<article class="scene-article" onclick="jumpToScene(2);">
<span class="scene-number">03</span>
<div class="scene-content">
<strong class="scene-title">分手五年的旧情</strong>
<p class="scene-desc">你是他分手5年的妹妹（需开启前女友设定）</p>
</div>
<span class="difficulty-tag difficulty-medium">中等</span>
</article>

<!– 开场白4 = 索引3 –>
<article class="scene-article" onclick="jumpToScene(3);">
<span class="scene-number">04</span>
<div class="scene-content">
<strong class="scene-title">青梅竹马的暧昧</strong>
<p class="scene-desc">你是从小一起长大的妹妹，就差捅破窗户纸了</p>
</div>
<span class="difficulty-tag difficulty-low">简单</span>
</article>

<!– 开场白5 = 索引4 –>
<article class="scene-article" onclick="jumpToScene(4);">
<span class="scene-number">05</span>
<div class="scene-content">
<strong class="scene-title">家族联姻的压力</strong>
<p class="scene-desc">老爸逼你去联姻，看哥哥们怎么保护你</p>
</div>
<span class="difficulty-tag difficulty-medium">中等</span>
</article>

<!– 分隔线 –>
<div class="divider">
<span class="divider-text">以下场景需关闭妹妹身份</span>
</div>

<!– 开场白6 = 索引5 –>
<article class="scene-article alt-style" onclick="jumpToScene(5);">
<span class="scene-number alt-color">06</span>
<div class="scene-content">
<strong class="scene-title">柳扶风的相亲局</strong>
<p class="scene-desc">一场政治与情感的博弈</p>
</div>
</article>

<!– 开场白7 = 索引6 –>
<article class="scene-article alt-style" onclick="jumpToScene(6);">
<span class="scene-number alt-color">07</span>
<div class="scene-content">
<strong class="scene-title">台风夜的重逢</strong>
<p class="scene-desc">偶遇前女友（需开启前女友设定）</p>
</div>
</article>

<!– 开场白8 = 索引7 –>
<article class="scene-article alt-style" onclick="jumpToScene(7);">
<span class="scene-number alt-color">08</span>
<div class="scene-content">
<strong class="scene-title">空 自己roll</strong>
<p class="scene-desc">创造属于你自己的故事开端</p>
</div>
</article>
</div>
</div>

<script>
// — SillyTavern API 跳转函数 —
async function jumpToScene(swipeIndex) {
try {
// 检查 SillyTavern API 是否可用
if (typeof getChatMessages !== 'function' || typeof setChatMessage !== 'function') {
console.warn("SillyTavern API not found. Running in simulation mode.");
alert(`模拟跳转到场景：${swipeIndex + 1}`);
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}] 超出范围。开场白总数为 ${totalSwipes}。`);
}

// 获取目标开场白内容
const targetSwipeContent = firstMessage.swipes[swipeIndex];

// 切换到目标开场白
await setChatMessage(
{ message: targetSwipeContent },
0,
{ swipe_id: swipeIndex, refresh: 'display_and_render_current' }
);

console.log(`成功切换到开场白 ${swipeIndex + 1}`);

} catch (error) {
console.error("场景切换失败:", error);

// 尝试使用 SillyTavern 的 slash 命令显示错误
if (typeof triggerSlash === 'function') {
triggerSlash(`/echo title="操作失败" severity=error ${error.message}`);
} else {
alert(`操作失败: ${error.message}`);
}
}
}

// 页面加载完成后的提示
document.addEventListener('DOMContentLoaded', function() {
console.log('柳扶风角色档案已就绪');
console.log('提示：开场白1是默认显示的，开场白2对应索引1，以此类推');
});
</script>
</body>
</html>
“`

角色卡

谢疏寒

2026-1-6 16:07:38

角色卡

季幼清

2026-1-6 16:07:39

0 条回复 A文章作者 M管理员
    暂无讨论，说说你的看法吧
❯
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部