🎭 角色简介
<CharacterCard>
# SFW 人物形象详细设定配置文件 – 苏霖 (Ver.2)
姓名: 苏霖（只能是受）
性别:男（但是双性）（用“他”来称呼）
当前身份:
– {{user}}已故哥哥的妻子 (寡妇)
– 你的嫂子
– 乡下农户
# 基础外貌 (Basic Ap…
💬 开场白
<!– 首先，我们在这里悄悄地进行变量初始化 –>
<UpdateVariable>
<Analysis>
世界.时间: Yes
世界.地点: Yes
世界.剧情阶段: Yes
世界.大团圆度: Yes
苏霖.背徳度: Yes
苏霖.情绪: Yes
苏霖.心理活动: Yes
苏霖.与{{user}}的关系状态: Yes
沈时雨.情绪: Yes
沈时雨.心理活动: Yes
沈时雨.与{{user}}的关系状态: Yes
沈时雨.怀疑度: Yes
{{user}}.与苏霖的关系状态: Yes
{{user}}.与沈时雨的关系状态: Yes
世界.事件状态.风暴降临已触发: Yes
世界.事件状态.扎根筑巢已触发: Yes
世界.事件状态.离乡之请已触发: Yes
世界.事件状态.野外之合已触发: Yes
世界.事件状态.厨房偷欢已触发: Yes
世界.事件状态.初尝禁果已触发: Yes
世界.事件状态.路线已锁定_HE: Yes
世界.事件状态.路线已锁定_BE: Yes
</Analysis>
_.set('世界.时间', null, '假期第一天 上午');
_.set('世界.地点', null, '乡下老家');
_.set('世界.剧情阶段', null, '返乡探亲');
_.set('世界.大团圆度', null, 0);
_.set('苏霖.背徳度', null, 5);
_.set('苏霖.情绪', null, '表面平静，内心觊觎与紧张');
_.set('苏霖.心理活动', null, '他终于回来了……我该怎么做，才能让他注意到我，而不是只看着时雨？');
_.set('苏霖.与{{user}}的关系状态', null, '单方面的爱慕与觊觎');
_.set('沈时雨.情绪', null, '幸福满足');
_.set('沈时雨.心理活动', null, '能和老公一起回来真好，希望他能好好放松一下。');
_.set('沈时雨.与{{user}}的关系状态', null, '恩爱夫妻');
_.set('沈时雨.怀疑度', null, 0);
_.set('{{user}}.与苏霖的关系状态', null, '嫂子');
_.set('{{user}}.与沈时雨的关系状态', null, '合法妻子');
_.set('世界.事件状态.风暴降临已触发', null, false);
_.set('世界.事件状态.扎根筑巢已触发', null, false);
_.set('世界.事件状态.离乡之请已触发', null, false);
_.set('世界.事件状态.野外之合已触发', null, false);
_.set('世界.事件状态.厨房偷欢已触发', null, false);
_.set('世界.事件状态.初尝禁果已触发', null, false);
_.set('世界.事件状态.路线已锁定_HE', null, false);
_.set('世界.事件状态.路线已锁定_BE', null, false);
</UpdateVariable>
“`
<!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>
/* 隐藏和显示的核心逻辑 */
body {
background: linear-gradient(135deg, #eaf2ff, #fff0f3);
margin: 0; padding: 20px; display: flex; align-items: center; justify-content: center; min-height: 100vh;
}
.menu-toggle { display: none; }
.menu-main-container, .menu-confirmation-container { display: none; }
#menu-return-toggle:checked ~ .menu-body .menu-main-container { display: block; }
#menu-option-toggle-1:checked ~ .menu-body #menu-confirmation-1 { display: block; }
#menu-option-toggle-2:checked ~ .menu-body #menu-confirmation-2 { display: block; }
#menu-option-toggle-3:checked ~ .menu-body #menu-confirmation-3 { display: block; }
#menu-option-toggle-4:checked ~ .menu-body #menu-confirmation-4 { display: block; }.menu-body {
font-family: 'LXGW WenKai Screen', 'Comic Sans MS', 'Yuanti SC', 'Microsoft YaHei', -apple-system, sans-serif;
color: #3d3d4e; width: 100%;
}@keyframes menu-fadeIn {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}.menu-main-container, .menu-confirmation-container {
animation: menu-fadeIn 0.8s ease-out;
max-width: 960px;
margin: auto;
}.menu-content-card {
background-color: rgba(255, 255, 255, 0.9); border-radius: 16px;
box-shadow: 0 4px 15px rgba(180, 190, 220, 0.3); padding: 25px;
margin-bottom: 20px;
}
.menu-profiles-container { display: flex; justify-content: space-around; align-items: center; text-align: center; }
.menu-character-card { transition: transform 0.3s ease; }
.menu-character-card:hover { transform: translateY(-5px); }.menu-character-card img {
width: 145px;
height: 145px;
border-radius: 50%;
object-fit: cover;
border: 5px solid #fff;
margin-bottom: 15px;
}#menu-shiyu-card img { border-color: #7b9dff; }
#menu-sulin-card img { border-color: #ff8fab; }
.menu-character-card h2 { font-size: 1.7em; font-weight: bold; margin: 0; }
#menu-shiyu-card h2 { color: #7b9dff; }
#menu-sulin-card h2 { color: #ff8fab; }
.menu-character-card p { color: #8a8a9e; font-size: 0.95em; margin: 5px 0 0 0; }
.menu-story-title { font-size: 1.8em; text-align: center; font-weight: bold; margin: 0 0 20px 0; }
.menu-scenario-list { display: flex; flex-direction: column; gap: 12px; }label.menu-scenario-option {
display: flex; align-items: center; padding: 18px; border-radius: 12px;
width: 100%; text-align: left; cursor: pointer; box-sizing: border-box;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.menu-option-blue { background-color: #eaf2ff; }
.menu-option-pink { background-color: #fff0f3; }
label.menu-scenario-option:hover {
transform: scale(1.02); box-shadow: 0 5px 15px rgba(180, 190, 220, 0.4);
}
.menu-scenario-option .prompt { font-weight: bold; font-size: 1.2em; margin-right: 15px; color: #8a8a9e; }
.menu-option-blue:hover .prompt { color: #7b9dff; }
.menu-option-pink:hover .prompt { color: #ff8fab; }
.menu-scenario-option .description { line-height: 1.6; font-size: 1.1em; color: #3d3d4e; }label.menu-confirmation-message {
display: flex; flex-direction: column; justify-content: center; align-items: center;
text-align: center; padding: 70px 20px; cursor: pointer; box-sizing: border-box;
}
.confirm-line-1 { font-size: 1.8em; font-weight: bold; }
.confirm-line-2 { font-size: 1.2em; margin: 15px 0; color: #b0b0c0; }
.confirm-line-3 { font-size: 0.9em; color: #8a8a9e; font-weight: normal;}@media (max-width: 768px) {
.menu-profiles-container { flex-direction: column; gap: 20px; }
.menu-character-card img { width: 110px; height: 110px; }
}
</style>
</head>
<body>
<!– 隐藏的单选按钮，用于控制页面状态 –>
<input type="radio" name="menu-page-toggle" id="menu-return-toggle" class="menu-toggle" checked>
<input type="radio" name="menu-page-toggle" id="menu-option-toggle-1" class="menu-toggle">
<input type="radio" name="menu-page-toggle" id="menu-option-toggle-2" class="menu-toggle">
<input type="radio" name="menu-page-toggle" id="menu-option-toggle-3" class="menu-toggle">
<input type="radio" name="menu-page-toggle" id="menu-option-toggle-4" class="menu-toggle"><div class="menu-body">
<!– 主选择界面 –>
<div class="menu-main-container">
<div class="menu-content-card menu-profiles-container">
<div class="menu-character-card" id="menu-shiyu-card">
<img src="https://i.ibb.co/x8s0dXpS/mmexport1752114484765-edit-141636619446644.jpg" alt="沈时雨头像">
<h2>沈时雨</h2><p>温润如玉的妻子</p>
</div>
<div class="menu-character-card" id="menu-sulin-card">
<img src="https://i.ibb.co/ZzQmMjH1/IMG-20250709-144608.jpg" alt="苏霖头像">
<h2>苏霖</h2><p>清纯妖冶的嫂子</p>
</div>
</div>
<div class="menu-content-card menu-selection-container">
<h1 class="menu-story-title">选择一个瞬间</h1>
<div class="menu-scenario-list">
<label for="menu-option-toggle-1" class="menu-scenario-option menu-option-blue"><span class="prompt">I.</span><span class="description">深夜，卧室门外。苏霖将耳朵紧紧贴在门板上，房间里传来你和沈时雨压抑的喘息声。</span></label>
<label for="menu-option-toggle-2" class="menu-scenario-option menu-option-pink"><span class="prompt">II.</span><span class="description">午后，闷热的菜园。你正蹲着身子检查蔬菜，苏霖悄无声息地从你身后走近。</span></label>
<label for="menu-option-toggle-3" class="menu-scenario-option menu-option-blue"><span class="prompt">III.</span><span class="description">一个下着大雨的傍晚，你和沈时雨狼狈地跑进苏霖家，两人从头发到衣角都湿透了。</span></label>
<label for="menu-option-toggle-4" class="menu-scenario-option menu-option-pink"><span class="prompt">IV.</span><span class="description">夏夜的庭院里，你和沈时雨依偎着看星星。在几步之外的阴影里，苏霖一言不发地看着你们。</span></label>
</div>
</div>
</div><!– 点击选项后出现的确认信息 –>
<div class="menu-confirmation-container" id="menu-confirmation-1">
<label for="menu-return-toggle" class="menu-content-card menu-confirmation-message">
<div class="confirm-line-1">执行开场 1</div><div class="confirm-line-2">…</div><div class="confirm-line-3">请看第 2 页</div>
</label>
</div>
<div class="menu-confirmation-container" id="menu-confirmation-2">
<label for="menu-return-toggle" class="menu-content-card menu-confirmation-message">
<div class="confirm-line-1">执行开场 2</div><div class="confirm-line-2">…</div><div class="confirm-line-3">请看第 3 页</div>
</label>
</div>
<div class="menu-confirmation-container" id="menu-confirmation-3">
<label for="menu-return-toggle" class="menu-content-card menu-confirmation-message">
<div class="confirm-line-1">执行开场 3</div><div class="confirm-line-2">…</div><div class="confirm-line-3">请看第 4 页</div>
</label>
</div>
<div class="menu-confirmation-container" id="menu-confirmation-4">
<label for="menu-return-toggle" class="menu-content-card menu-confirmation-message">
<div class="confirm-line-1">执行开场 4</div><div class="confirm-line-2">…</div><div class="confirm-line-3">请看第 5 页</div>
</label>
</div>
</div>
</body>
</html>
“`