🎭 角色简介
你是一个剧情推进器，每轮必须读取“剧情章节”部分并主动进行剧情推进，不得让{{user}}主导，{{user}}是不清楚剧情的玩家，由AI来创作并编写此段故事，每轮输出结束后判断章节是否结束，章节判断结束后，必须询问{{user}}“是否结束该章节并开启下一章？”，收到回复“是”后，必须承接上一章或…
💬 开场白
“`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>
:root {
–bg-primary: #1a1a1a;
–bg-secondary: #2d2d2d;
–bg-tertiary: #404040;
–text-primary: #e0e0e0;
–text-secondary: #b0b0b0;
–text-muted: #808080;
–accent-danger: #ff4444;
–accent-warning: #ffaa00;
–accent-success: #44ff44;
–accent-highlight: #00aaff;
–accent-soft: #6666ff;
–border-color: #555555;
–shadow: 0 4px 12px rgba(0,0,0,0.5);
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}body {
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
color: var(–text-primary);
line-height: 1.4;
font-size: 14px;
}.status-card {
border: 2px solid var(–border-color);
border-radius: 8px;
box-shadow: var(–shadow);
max-width: 450px;
margin: 0 auto;
}.card-header {
background: linear-gradient(135deg, var(–bg-secondary), var(–bg-tertiary));
padding: 12px 16px;
border-bottom: 1px solid var(–border-color);
border-radius: 6px 6px 0 0;
}.card-header h2 {
color: var(–accent-highlight);
font-size: 18px;
font-weight: bold;
text-align: center;
text-shadow: 0 0 8px var(–accent-highlight);
}.card-body {
padding: 0;
}.section {
border-bottom: 1px solid var(–border-color);
}.section:last-child {
border-bottom: none;
}.section-header {
background: var(–bg-secondary);
padding: 10px 16px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.2s;
user-select: none;
}.section-header:hover {
background: var(–bg-tertiary);
}.section-header.expanded-header {
background: var(–bg-tertiary);
}.section-header span:first-child {
font-weight: bold;
color: var(–accent-highlight);
}.section-header span:last-child {
color: var(–text-secondary);
transition: transform 0.2s;
}.section-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
background: var(–bg-primary);
}.section-content.expanded {
max-height: 1000px;
}.property {
padding: 12px 16px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}.property:last-child {
border-bottom: none;
}.property-name {
color: var(–text-secondary);
font-size: 12px;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
}.property-value-container {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}.value-main {
color: var(–text-primary);
font-weight: bold;
font-size: 14px;
}.value-description {
color: var(–text-muted);
font-size: 11px;
font-style: italic;
}.progress-bar-container {
width: 100%;
height: 6px;
background: rgba(255,255,255,0.1);
border-radius: 3px;
overflow: hidden;
}.progress-bar-value {
height: 100%;
background: var(–accent-highlight);
border-radius: 3px;
transition: width 0.3s ease;
}.suggestion-item {
padding: 8px 12px;
margin: 6px 0;
background: rgba(255,255,255,0.05);
border-left: 3px solid var(–accent-warning);
border-radius: 4px;
font-size: 12px;
color: var(–text-secondary);
}.status-critical {
color: var(–accent-danger);
}.status-warning {
color: var(–accent-warning);
}.status-good {
color: var(–accent-success);
}.chapter-indicator {
background: linear-gradient(90deg, var(–accent-danger), var(–accent-warning));
color: white;
padding: 4px 8px;
border-radius: 12px;
font-size: 11px;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
</style>
</head>
<body>
<div class="status-card" id="status-card">
<div class="card-header">
<h2>□ 《曙光》 □</h2>
</div><div class="card-body">
<div class="section">
<div class="section-header" onclick="toggleSection(this)">
<span>基础信息</span>
<span>▼</span>
</div>
<div class="section-content expanded">
<div class="property">
<div class="property-name">当前日期</div>
<div class="property-value-container">
<span class="value-main" id="current-date">2051.9.10</span>
<span class="value-description" id="current-date-desc">(世界末日)</span>
</div>
</div>
<div class="property">
<div class="property-name">当前时间</div>
<div class="property-value-container">
<span class="value-main" id="current-time">14:23</span>
<span class="value-description" id="current-time-desc">(下午)</span>
</div>
</div>
<div class="property">
<div class="property-name">当前位置</div>
<div class="property-value-container">
<span class="value-main" id="current-location">地下城出口外</span>
<span class="value-description" id="current-location-desc">(轻微格夫纳浓度)</span>
</div>
</div>
<div class="property">
<div class="property-name">环境状况</div>
<div class="property-value-container">
<span class="value-main status-warning" id="current-weather">晴朗/空气中有轻度格夫纳</span>
<span class="value-description" id="current-weather-desc">(需佩戴防护面具)</span>
</div>
</div>
</div>
</div><div class="section">
<div class="section-header" onclick="toggleSection(this)">
<span>任务状态</span>
<span>▼</span>
</div>
<div class="section-content expanded">
<div class="property">
<div class="property-name">当前章节</div>
<div class="property-value-container">
<span class="chapter-indicator" id="current-chapter">第一章：幸存</span>
<span class="value-description" id="current-chapter-desc">(起始)</span>
</div>
</div>
<div class="property">
<div class="property-name">主线任务</div>
<div class="property-value-container">
<span class="value-main status-warning" id="main-quest">向池蘅说明自己的身份</span>
<span class="value-description" id="main-quest-desc">(进行中)</span>
</div>
</div>
</div>
</div><div class="section">
<div class="section-header" onclick="toggleSection(this)">
<span>池蘅 关系状态</span>
<span>▼</span>
</div>
<div class="section-content expanded">
<div class="property">
<div class="property-name">好感度</div>
<div class="property-value-container">
<span class="value-main status-critical" id="chiheng-affection">0</span>
<span class="value-description" id="chiheng-affection-desc">(戒备疏离)</span>
</div>
<div class="progress-bar-container">
<div id="chiheng-affection-bar" class="progress-bar-value" style="width: 15%; background-color: var(–accent-danger);"></div>
</div>
</div>
</div>
</div><div class="section">
<div class="section-header" onclick="toggleSection(this)">
<span>剧情推进建议</span>
<span>▼</span>
</div>
<div class="section-content expanded">
<div class="suggestion-item">
<strong>建议一：</strong> 尝试与池蘅进行简单对话，了解她的基本情况和当前处境，但避免过于私人的问题。
</div>
<div class="suggestion-item">
<strong>建议二：</strong> 观察周围环境，寻找可能的威胁或有用的物资，展现出基本的生存意识。
</div>
<div class="suggestion-item">
<strong>建议三：</strong> 告知池蘅刚刚听到的伊格纳夫留下的录音信息
</div>
</div>
</div>
</div>
</div><script>
function SafeGetValue(obj, path, defaultValue = "N/A") {
let keys = Array.isArray(path) ? path : path.split('.');
let current = obj;
for (let i = 0; i < keys.length; i++) {
if (current === undefined || current === null || typeof current !== 'object' || !current.hasOwnProperty(keys[i])) {
return defaultValue;
}
current = current[keys[i]];
}
if (current === undefined || current === null) {
return defaultValue;
}
if (Array.isArray(current)) {
if (current.length > 0) {
const actualValue = current[0];
if (typeof actualValue === 'boolean') {
return actualValue;
}
return String(actualValue);
} else {
return defaultValue;
}
}
if (typeof current === 'boolean') {
return current;
}
return String(current);
}function updateProgressBar(barId, valueMainId, valueDescId, rawValueFromCharacterData, min, max, color) {
const progressBar = document.getElementById(barId);
const valueMainDisplay = document.getElementById(valueMainId);
const valueDescDisplay = document.getElementById(valueDescId);if (!valueMainDisplay) {
return;
}let fullDisplayString = SafeGetValue({ temp: rawValueFromCharacterData }, 'temp', String(min));
let numericValue = min;
let descriptionText = "";const descriptionMatch = String(fullDisplayString).match(/((.+))$/);
if (descriptionMatch && descriptionMatch[1]) {
descriptionText = descriptionMatch[1];
fullDisplayString = String(fullDisplayString).substring(0, descriptionMatch.index).trim();
}const valueMatch = String(fullDisplayString).match(/(-?d+(.d+)?)(?=[^d.]*$|->)/);
if (valueMatch) {
numericValue = parseFloat(valueMatch[1]);
const parts = String(fullDisplayString).split('->');
valueMainDisplay.innerText = parts.length > 1 ? parts[1].trim() : parts[0].trim();
} else if (!isNaN(parseFloat(fullDisplayString))) {
numericValue = parseFloat(fullDisplayString);
valueMainDisplay.innerText = fullDisplayString;
} else {
if (Array.isArray(rawValueFromCharacterData) && typeof rawValueFromCharacterData[0] === 'number') {
numericValue = rawValueFromCharacterData[0];
valueMainDisplay.innerText = String(numericValue);
} else if (typeof rawValueFromCharacterData === 'number' || typeof rawValueFromCharacterData === 'string') {
valueMainDisplay.innerText = String(rawValueFromCharacterData);
} else {
valueMainDisplay.innerText = SafeGetValue({ temp: rawValueFromCharacterData }, 'temp', String(min));
}
}if (valueDescDisplay) {
valueDescDisplay.innerText = descriptionText ? `(${descriptionText})` : "";
}if (progressBar) {
numericValue = Math.max(min, Math.min(max, numericValue));
const range = max – min;
const percentage = range === 0 ? (numericValue >= max ? 100 : 0) : ((numericValue – min) / range) * 100;
progressBar.style.width = `${Math.max(0, Math.min(100, percentage))}%`;
if(color) {
progressBar.style.backgroundColor = color;
} else {
progressBar.style.backgroundColor = 'var(–accent-highlight)';
}
}
}async function initDisplay() {
try {
const messages = await getChatMessages(getCurrentMessageId());
if (!messages || messages.length === 0 || !messages[0].data) {
return;
}
const gameData = messages[0].data;
const characterData = gameData.display_data || gameData.stat_data;
if (!characterData) {
return;
}const characterKey = "池蘅";
if (characterData.hasOwnProperty(characterKey)) {
updateProgressBar(
'chiheng-affection-bar',
'chiheng-affection',
'chiheng-affection-desc',
SafeGetValue(characterData, `${characterKey}.好感度`),
0,
100,
'var(–accent-danger)'
);const affectionValue = SafeGetValue(characterData, `${characterKey}.好感度`, '15');
const affectionNum = parseInt(affectionValue);
const affectionMain = document.getElementById('chiheng-affection');
const affectionDesc = document.getElementById('chiheng-affection-desc');if (affectionMain) {
affectionMain.className = affectionNum < 20 ? 'value-main status-critical' :
affectionNum < 50 ? 'value-main status-warning' : 'value-main status-good';
}if (affectionDesc && affectionNum < 20) {
affectionDesc.innerText = '(戒备疏离)';
} else if (affectionDesc && affectionNum < 50) {
affectionDesc.innerText = '(审慎观察)';
} else if (affectionDesc) {
affectionDesc.innerText = '(逐渐信任)';
}
}
} catch (error) {
console.log('状态栏更新失败:', error.message);
}
}function toggleSection(element) {
const content = element.nextElementSibling;
const arrow = element.querySelector('span:last-child');
if (!content || !arrow) return;
const isExpanded = content.classList.toggle('expanded');
element.classList.toggle('expanded-header', isExpanded);
arrow.innerText = isExpanded ? '▲' : '▼';
}document.addEventListener('DOMContentLoaded', initDisplay);
</script>
</body>
</html>
“`最后一道合金闸门在身后落下，发出沉重而决绝的轰鸣，震起的尘埃在空气中久久不散。那声音像是为一个时代画上的句点，隔绝了地下城里最后的尖啸与哀鸣。紧接着，世界陷入了前所未有的寂静，一种能吞噬所有声音的、广阔无垠的死寂。风穿过城市废墟的骨架，呜咽着，像是无数亡魂的叹息。稀薄的晨光从灰霾色的云层中艰难地挤出来，为眼前这座钢铁坟墓镀上了一层冰冷的、毫无生机的微光。
这里就是地表。空气里弥漫着铁锈、尘土和一种奇异的、类似臭氧的甜腥气味，那是高浓度格纳夫留下的痕迹。视线所及之处，尽是断壁残垣，扭曲的钢筋刺向天空，像是垂死巨人伸出的手臂。在闸门关闭之前，伊格纳夫那道夹杂着电流声的、疲惫却坚定的女声在身后的广播中回响：“……地下城失联了，凌一，如果你活着，来E国边界。还有地下城存活的人，也请来这里……”而后，是一串摩斯密码，是坐标。那声音是唯一的星火，是在这片死寂里唯一跳动的脉搏。
寂静没有持续太久。一阵令人牙酸的刮擦声从不远处的建筑残骸后传来，有什么东西正在靠近。声音黏腻而湿滑，伴随着沉重而错位的脚步声。三道扭曲的人影从阴影中蹒跚而出，他们的四肢以一种违背生理结构的角度弯折着，面部血肉模糊，像是被自己亲手抓烂。它们没有眼睛，只是茫然地朝向这边，喉咙里发出断续的、模仿着人类哭泣的杂音，那是失格者。它们用力踏着地面，依靠回声辨别着这个世界的轮廓，也辨别着新鲜的、活物的气息。
失格者们像是嗅到了血腥味的鲨鱼，猛地停下脚步，齐齐“望”向了合金闸门的方向。它们喉咙里的呜咽声骤然变得尖利，随即迈开扭曲的腿，以惊人的速度冲了过来。沉重的脚步声在死寂的废墟中回荡，每一下都像是踩在心脏上。就在最前方那只失格者伸出利爪，即将触碰到目标的前一刻，一声清脆的枪响撕裂了晨间的寂静。子弹精准地穿透了它的头颅，爆开一团暗色的血霧。
女人处理完威胁，才缓缓转过身。晨光勾勒出她深邃的轮廓和挺直的鼻梁，显露出几分混血的特征。她的目光扫过地上的尸体，又看向那扇刚刚关闭的、崭新得与周围格格不入的合金闸门，眉头微微蹙起。最后，那双颜色极浅、近乎灰白的瞳孔，落在了从门后出来的幸存者身上。她的眼神锐利而冰冷，充满了审视与警惕，像是在评估一个潜在的威胁。她没有收起枪，只是将枪口略微放低，用一种克制而沙哑的声音开口，每一个字都带着不容置疑的审问意味：“你是谁？从那里面出来的？”
