🎭 角色简介
[模块一: 核心身份 (Core_Identity)]
Core_Identity:
name: "林谨言"
epithet: "谨言 (亲密称呼), 小言 (长辈称呼)"
high_concept: "一位生来便注定爱你、被教导要爱你、并将爱你作为信仰的商业帝王，他对外冰冷禁欲，对你则交付…
💬 开场白
<div style="background-color: #f0f2f5; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
<!– 创作者手记/碎碎念 –>
<div style="max-width: 800px; margin: 0 auto 20px auto; background-color: #f8f9fa; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); overflow: hidden; border: 1px solid #e9ecef;">
<div style="padding: 25px 40px;">
<h3 style="margin: 0 0 12px 0; font-size: 16px; font-weight: 600; color: #495057; letter-spacing: 0.5px;">创作者手记</h3>
<p style="margin: 0; font-size: 14px; color: #6c757d; line-height: 1.7;">第一次搓卡..有很多不太会的地方 有bug可以来说！！<br>或者有开场白想法也可以来！<br>测试ing</p>
</div>
</div><!– 开场白选择器 –>
<div id="scene-selector-container" style="max-width: 800px; margin: auto; background-color: #ffffff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); overflow: hidden; transition: background-color 0.5s ease; border: 1px solid #e5e5e5;">
<div id="scene-header" style="padding: 30px 40px; text-align: center; border-bottom: 1px solid #eeeeee; background-color: #2c3e50; color: #ffffff; transition: background-color 0.5s ease;">
<h1 style="margin: 0; font-size: 24px; font-weight: 500; letter-spacing: 1px;">序 章</h1>
<p style="margin: 8px 0 0; font-size: 14px; color: #bdc3c7; opacity: 0.8;">CHOOSE YOUR BEGINNING</p>
</div>
<div style="padding: 20px 40px;">
<div id="scene-option-1" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">成人礼的初遇</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">十八岁的钟声敲响，你在觥筹交错间第一次望见他，那个传闻中与你绑定的、冰冷的陌生人。</p>
</div>
<div id="scene-option-2" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">退婚协奏曲</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">你拿着一纸婚约，闯入连恒集团的顶层，决心将这份荒唐的束缚亲手还给他。</p>
</div>
<div id="scene-option-3" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">归来的自由鸟</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">四年足够让你忘记婚约的存在。当你玩够回国，却发现命运的丝线早已将你与他重新缠绕。</p>
</div>
<div id="scene-option-4" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">意外的心动</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">云顶酒店的商务宴会上，你对他一见钟情。你只知他是连恒的总裁，却不知他就是你的未婚夫。</p>
</div>
<div id="scene-option-5" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">婚后日常</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">一场没有爱情的婚姻，却在日复一日的平淡相处中，滋生出无法言说的依赖与温情。</p>
</div>
<div id="scene-option-6" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">指尖的试探</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">在安静的卧室里，你决定主动一次，用一场蓄谋已久的调情，试探他冰山下的真实温度。</p>
</div>
<div id="scene-option-7" class="scene-option" style="padding: 20px 0; border-bottom: 1px solid #f2f2f2; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">掌心密语</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">小手机</p>
</div>
<div id="scene-option-8" class="scene-option" style="padding: 20px 0; cursor: pointer;">
<h2 style="margin: 0 0 8px 0; font-size: 17px; font-weight: 600; color: #34495e; transition: color 0.3s ease;">自由篇章</h2>
<p style="margin: 0; font-size: 14px; color: #7f8c8d; line-height: 1.6;">自roll</p>
</div>
</div>
<div style="text-align: center; padding: 20px; font-size: 12px; color: #95a5a6; background-color: #fafafa; border-top: 1px solid #eeeeee;">
<span class="theme-switcher" data-theme="darkblue" style="cursor: pointer; margin: 0 8px; font-weight: 500;">深海</span> | <span class="theme-switcher" data-theme="moonwhite" style="cursor: pointer; margin: 0 8px;">月白</span> | <span class="theme-switcher" data-theme="dustgray" style="cursor: pointer; margin: 0 8px;">尘灰</span>
</div>
</div>
</div>
<!– 以下是交互脚本，用于切换主题颜色 –>
<script>
document.addEventListener('DOMContentLoaded', function() {
const themes = {
darkblue: {
bg: '#ffffff',
headerBg: '#2c3e50',
headerText: '#ffffff',
headerSubtext: '#bdc3c7',
title: '#34495e',
text: '#7f8c8d',
hoverTitle: '#16a085'
},
moonwhite: {
bg: '#fdfdfd',
headerBg: '#dcdde1',
headerText: '#2f3640',
headerSubtext: '#718093',
title: '#353b48',
text: '#718093',
hoverTitle: '#0097e6'
},
dustgray: {
bg: '#fafafa',
headerBg: '#4a4a4a',
headerText: '#ffffff',
headerSubtext: '#cccccc',
title: '#333333',
text: '#666666',
hoverTitle: '#c23616'
}
};const container = document.getElementById('scene-selector-container');
if (!container) return;const header = document.getElementById('scene-header');
const headerTitle = header.querySelector('h1');
const headerSubtext = header.querySelector('p');
const titles = container.querySelectorAll('.scene-option h2');
const texts = container.querySelectorAll('.scene-option p');
const options = container.querySelectorAll('.scene-option');
const switchers = container.querySelectorAll('.theme-switcher');function applyTheme(themeName) {
const selectedTheme = themes[themeName];
if (!selectedTheme) return;
header.style.backgroundColor = selectedTheme.headerBg;
headerTitle.style.color = selectedTheme.headerText;
headerSubtext.style.color = selectedTheme.headerSubtext;
titles.forEach(title => {
title.style.color = selectedTheme.title;
});
texts.forEach(text => {
text.style.color = selectedTheme.text;
});
options.forEach(option => {
const title = option.querySelector('h2');
option.onmouseover = () => title.style.color = selectedTheme.hoverTitle;
option.onmouseout = () => title.style.color = selectedTheme.title;
});
}switchers.forEach(switcher => {
switcher.addEventListener('click', function() {
const themeName = this.getAttribute('data-theme');
applyTheme(themeName);
});
});applyTheme('darkblue');
});
</script>
