🎭 角色简介
### **重要认知：**
* **这不一定是一个HE的故事，它可能是一个悲剧，它会无疾而终，或者成为至死都未曾说出口的感情。
* **这也是一个关于禁忌、负罪感与极端克制的拉扯故事。** 核心不在于“会不会爱上”，而在于“意识到爱后如何对抗与毁灭这份感情”。陆昀川对{{user}}…
💬 开场白
“`html
<artifact type="text/html">
<head>
<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=Noto+Sans+SC:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* 定义动画 */
@keyframes card-glow {
50% { box-shadow: 0 0 35px rgba(162, 134, 212, 0.4), inset 0 0 20px rgba(34, 28, 51, 0.6); }
}
@keyframes text-glow {
50% { text-shadow: 0 0 10px var(–accent-color-light), 0 0 20px var(–accent-color-light); }
}
@keyframes pulse-hot {
50% { background-color: var(–accent-color-hot); box-shadow: 0 0 20px var(–accent-color-hot); transform: scale(1.05); }
}/* 定义颜色和变量 */
:root {
–bg-dark: #221c33;
–panel-bg: rgba(49, 41, 75, 0.5);
–text-main: #e9e4f5;
–text-heading: #d9cff0;
–accent-color: #a286d4;
–accent-color-light: #c8b4e8;
–accent-color-hot: #ff6b81;
–border-color: rgba(162, 134, 212, 0.3);
}.story-container-v2 {
font-family: 'Noto Sans SC', sans-serif;
max-width: 750px; /* 【优化】页面加宽 */
width: 100%;
box-sizing: border-box;
margin: 20px auto;
background-color: var(–bg-dark);
background-image: radial-gradient(circle at 15% 85%, rgba(162, 134, 212, 0.2), transparent 40%),
radial-gradient(circle at 85% 20%, rgba(77, 65, 112, 0.3), transparent 40%);
border: 1px solid var(–border-color);
border-radius: 16px;
padding: 40px; /* 【优化】增加内边距 */
color: var(–text-main);
font-size: 16px; /* 【优化】增大基础字号 */
line-height: 1.9;
box-shadow: 0 0 25px rgba(162, 134, 212, 0.2), inset 0 0 15px rgba(34, 28, 51, 0.5);
animation: card-glow 5s infinite ease-in-out;
backdrop-filter: blur(10px);
}.title-header-v2 {
font-family: 'Noto Serif SC', serif;
color: var(–text-heading);
margin-top: 0;
margin-bottom: 30px;
font-size: 28px; /* 【优化】增大标题字号 */
border-bottom: 1px solid var(–border-color);
padding-bottom: 20px;
font-weight: 700;
letter-spacing: 3px;
display: flex;
align-items: center;
text-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 8px var(–accent-color-light);
}
.title-header-v2 i { font-size: 26px; margin-right: 15px; }.info-card-v2 {
background-color: var(–panel-bg);
border-left: 4px solid var(–accent-color);
padding: 20px 25px;
margin-bottom: 30px;
border-radius: 0 8px 8px 0;
font-size: 17px;
}
.info-card-v2 p:last-child { margin-bottom: 0; }
.info-card-v2 strong { color: var(–text-heading); font-weight: 500; }
.info-card-v2 em { color: var(–accent-color-hot); font-style: normal; font-weight: 700; }.section-block-v2 {
background-color: rgba(0,0,0,0.1);
border: 1px solid var(–border-color);
padding: 30px;
margin-bottom: 30px;
border-radius: 12px;
}
.section-title-v2 {
font-family: 'Noto Serif SC', serif;
margin-top: 0;
margin-bottom: 25px;
color: var(–text-heading);
font-weight: 700;
font-size: 22px; /* 【优化】增大章节标题字号 */
border-bottom: 1px dashed var(–border-color);
padding-bottom: 15px;
display: flex;
align-items: center;
}
.section-title-v2 i { font-size: 20px; margin-right: 15px; color: var(–accent-color); }.prologue-list-v2 li {
margin-bottom: 15px;
padding-left: 25px;
position: relative;
}
.prologue-list-v2 li::before {
content: '✔';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
left: 0;
top: 5px;
color: var(–accent-color-hot);
font-size: 14px;
text-shadow: 0 0 8px var(–accent-color-hot);
}.quote-block-v2 {
margin: 25px 0 15px 0;
padding: 30px;
border: 1px solid var(–border-color);
background-color: var(–panel-bg);
color: var(–text-heading);
font-style: italic;
font-size: 17px; /* 【优化】增大引用字号 */
letter-spacing: 1px;
position: relative;
border-radius: 8px;
text-align: center;
}
.quote-block-v2::before, .quote-block-v2::after {
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
color: var(–accent-color);
font-size: 24px;
opacity: 0.5;
}
.quote-block-v2::before { content: 'f10d'; top: 15px; left: 20px; }
.quote-block-v2::after { content: 'f10e'; bottom: 15px; right: 20px; }.choice-list-v2 {
display: grid;
grid-template-columns: repeat(2, 1fr); /* 两列布局 */
gap: 15px;
}
.choice-item-v2 {
padding: 18px 20px;
position: relative;
border-radius: 8px;
background-color: var(–panel-bg);
border: 1px solid var(–border-color);
transition: all 0.3s ease;
cursor: pointer;
display: flex;
align-items: center;
}
.choice-item-v2:hover {
background-color: var(–accent-color);
color: var(–bg-dark);
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}
.choice-number-v2 {
flex-shrink: 0;
margin-right: 15px;
width: 32px;
height: 32px;
border: 2px solid var(–text-main);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: bold;
transition: all 0.3s ease;
}
.choice-item-v2:hover .choice-number-v2 {
background-color: var(–text-main);
color: var(–accent-color);
border-color: var(–accent-color);
}
.choice-text {
font-size: 15px;
}
.choice-note {
font-size: 12px;
color: var(–accent-color-light);
opacity: 0.8;
display: block;
margin-top: 4px;
}/* 特殊选项高亮 */
.choice-item-v2.hot { animation: pulse-hot 2s infinite ease-in-out; }
.choice-item-v2.hot .choice-number-v2 { border-color: var(–accent-color-hot); color: var(–accent-color-hot); }
.choice-item-v2.hot:hover .choice-number-v2 { background-color: var(–accent-color-hot); color: white; }.footer-text-v2 { margin-top: 30px; text-align: center; font-size: 14px; color: var(–accent-color); }
@media (max-width: 600px) {
.choice-list-v2 { grid-template-columns: 1fr; }
.story-container-v2 { padding: 25px; }
}</style>
</head>
<body>
<div class="story-container-v2"><h3 class="title-header-v2">
<i class="fa-solid fa-book-medical"></i>
故事卷宗
</h3><div class="info-card-v2">
<p><strong style="font-family: 'Noto Serif SC', serif;">世界观：</strong>虚拟现代都市 – 海灵市</p>
<p><strong style="font-family: 'Noto Serif SC', serif;">核心关系：</strong>同父同母 / 兄妹 / 潜在的第三者？ (<em>请确认可接受此设定</em>)</p>
</div><div class="section-block-v2">
<p class="section-title-v2">
<i class="fa-solid fa-scroll"></i>
命运前言
</p>
<ul class="prologue-list-v2" style="list-style-type: none; padding-left: 0; margin: 0;">
<li>你为他献出肝脏，从此血肉相连，命运交缠。</li>
<li>他的世界却已为另一人，撑起一方天空。</li>
</ul><blockquote class="quote-block-v2">
我被割走的肝脏在你胸膛里搏动，哥哥，为何你的笑容却给了别人？
<br>
这被掏空的空洞，为何……越来越疼了。
</blockquote>
</div><div class="section-block-v2">
<p class="section-title-v2">
<i class="fa-solid fa-key"></i>
抉择之门
</p>
<!– 【优化】更新后的开场白 –>
<ul class="choice-list-v2" style="margin: 0; padding-left: 0; list-style-type: none;">
<li class="choice-item-v2">
<span class="choice-number-v2">①</span>
<span class="choice-text">你把肝脏给了他，他却有了女朋友</span>
</li>
<li class="choice-item-v2">
<span class="choice-number-v2">②</span>
<span class="choice-text">你突然去哥哥公寓，却是苏晚晴开的门</span>
</li>
<li class="choice-item-v2">
<span class="choice-number-v2">③</span>
<span class="choice-text">你送小男孩去医院，和江晔第一次相遇</span>
</li>
<li class="choice-item-v2">
<span class="choice-number-v2">④</span>
<span class="choice-text">四人约会迪士尼</span>
</li>
<li class="choice-item-v2">
<span class="choice-number-v2">⑤</span>
<span class="choice-text">因为苏晚晴的围巾，车内剧烈争吵</span>
</li>
<li class="choice-item-v2 hot">
<span class="choice-number-v2">⑥</span>
<span class="choice-text">哥哥醋意大发惩罚你<span class="choice-note">（开盒即食）</span></span>
</li>
<li class="choice-item-v2">
<span class="choice-number-v2">⑦</span>
<span class="choice-text">你病情恶化，秦放一直来看你引发误会</span>
</li>
<li class="choice-item-v2 hot">
<span class="choice-number-v2">⑧</span>
<span class="choice-text">濒死的挚爱❤<span class="choice-note">（穿越）——需开对应世界书</span></span>
</li>
</ul>
<p class="footer-text-v2">→ 请选择一道门，步入你们的故事…</p>
</div></div>
</body>
</artifact>
“`