公开统计
941热度分
59消息量
27,914世界书字符
25,483固定设定字符
R本地导出未包含卡图
字段状态
- 卡片 JSON可下载
- 描述与标签已包含
- 完整提示词正文导出未提供
- 卡图资源仅文件名引用
原卡能力
以下状态来自本地公开导出字段；样式与模板仅提供安全预览/下载，不在本站自动执行。
- 自定义渲染模板未提供
- 注入样式 CSS已包含
- 正则替换规则已包含
- 记忆 Schema未提供
- 开场页已包含
- 默认模型设置未提供
- 图片引用已包含
图片引用
cover: n0mo7da4oro9kdmicdakes30.webpbackground: wwzc6g2zs6q51tyjyirlu1h8.webp导出中只有文件名引用，未包含实际图片二进制资源。
注入样式预览
下载 CSS共 39,236 字符；仅作为文本显示，不会在本站执行。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>虐阴协会 - 世界观与角色定制</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="day-mode"> <!-- 初始设置为白天模式 -->
<!-- 可跳过的开场动画 -->
<div id="introAnimation" class="intro-animation">
<div class="intro-content">
<h1>欢迎来到 虐阴协会</h1>
<p>一切的起点，亦是终点。</p>
<button id="skipIntro" class="action-button">跳过开场动画</button>
</div>
</div>
<!-- 全局动态漂浮物和天气背景层 -->
<div class="global-floating-elements"></div>
<div class="weather-overlay rain-effect"></div> <!-- 默认下雨 -->
<div class="main-container">
<header class="page-header">
<div class="title-main">虐阴 协 会</div>
<div class="title-sub">T H E · A S S O C I A T I O N</div>
<div class="divider"></div>
</header>
<!-- 昼夜模式切换按钮 -->
<button id="themeToggle" class="theme-toggle">🌙</button>
<!-- 标签导航 -->
<nav class="tab-navigation">
<button class="tab-button active" data-tab="worldview">世界观</button>
<button class="tab-button" data-tab="timeline">时间轴</button>
<button class="tab-button" data-tab="route-selection">路线选择</button>
<button class="tab-button" data-tab="character-config">角色配置</button>
</nav>
<!-- 内容区域 -->
<div class="content-wrapper">
<!-- 世界观内容 -->
<section id="worldview" class="tab-content active">
<div class="section-title">00 · 世 界 观 概 览</div>
<div class="content-card">
<p>在遥远的彼方，或近在咫尺的黑暗中，存在着一个不为人知的隐秘组织——“虐阴协会”。他们以人类深层欲望为食，以扭曲的法则维系着平衡，亦或是混乱。加入他们，成为猎物、猎手，抑或是那个试图打破一切的破局者。</p>
<p>这个世界由欲望与痛苦交织，每一个选择都将你推向深渊的更深处，或是揭示隐藏在光明下的真相。请谨慎做出你的选择，因为一旦踏入，便无回头之路。</p>
</div>
</section>
<!-- 时间轴内容 -->
<section id="timeline" class="tab-content">
<div class="section-title">00 · 时 间 轴</div>
<div class="content-card">
<h3 class="card-subtitle">【起源】未知纪元</h3>
<p>协会的成立时间无从考证，其历史被层层迷雾包裹。有传言称，它与人类文明的诞生同步，只是以不同的形态存在于世。</p>
<h3 class="card-subtitle">【崛起】17世纪</h3>
<p>随着社会隐秘欲望的滋生，协会开始浮出水面。通过渗透上层社会，他们建立起严密的内部体系，并制定了“狩猎法则”。</p>
<h3 class="card-subtitle">【繁盛】19世纪末-20世纪初</h3>
<p>工业革命带来的社会变革与人性的异化，为协会提供了前所未有的“猎场”。“狩猎”行动达到顶峰，无数人在暗中沦为祭品。</p>
<h3 class="card-subtitle">【危机】20世纪末</h3>
<p>信息时代的到来，威胁着协会的隐秘性。内部出现裂痕，一些成员开始质疑其存在的意义。外部则有少数“破局者”试图揭露真相。</p>
<h3 class="card-subtitle">【当下】混沌纪元</h3>
<p>协会处于一个关键的十字路口。它能否在光明的审视下继续存在？你，将扮演怎样的角色，影响这个古老组织的命运？</p>
</div>
</section>
<!-- 路线选择 (原内容) -->
<section id="route-selection" class="tab-content">
<div class="section-title">01 · 选择 路 线</div>
<div class="content-card">
<div class="card-subtitle">🅰 猎 物 · 受虐者视角</div>
<div class="card-description">你是被协会选中的目标。恐惧、屈辱、挣扎——或者沉沦。</div>
<div class="options-group">
<button class="option-button route-option" data-route="A1">A1 紫竹铃</button>
<button class="option-button route-option" data-route="A2">A2 自建角色</button>
</div>
</div>
<div class="content-card">
<div class="card-subtitle">🅱 猎 手 · 执行者视角</div>
<div class="card-description">你是协会的刀刃。任务、手段、权力——以及深渊的凝视。</div>
<div class="options-group">
<button class="option-button route-option" data-route="B1">B1 棋手</button>
<button class="option-button route-option" data-route="B2">B2 新任执行官</button>
<button class="option-button route-option" data-route="B3">B3 核心成员</button>
</div>
</div>
<div class="content-card">
<div class="card-subtitle">🅲 破 局 者 · 调查者视角</div>
<div class="card-description">你试图揭开真相。但真相的代价，你承受得起吗？</div>
<div class="options-group">
<button class="option-button route-option" data-route="C1">C1 调查记者</button>
<button class="option-button route-option" data-route="C2">C2 朋友</button>
<button class="option-button route-option" data-route="C3">C3 警方</button>
</div>
</div>
<div class="content-card">
<div class="card-subtitle">🅳 自 由 模 式</div>
<div class="card-description">自定义你的身份、立场与故事起点。</div>
<div class="options-group">
<button class="option-button route-option" data-route="D1">D1 完全自定义</button>
</div>
</div>
</section>
<!-- 角色信息 (原内容，改造为表单) -->
<section id="character-config" class="tab-content">
<div class="section-title">02 · 角 色 信 息</div>
<div class="section-description">选择预设角色将跳过此页，或点击下方【随机生成】。</div>
<div class="content-card">
<div class="form-group">
<label for="charName">姓 名</label>
<input type="text" id="charName" placeholder="留空则由系统随机生成">
</div>
<div class="form-group">
<label for="charAge">年 龄</label>
<input type="number" id="charAge" placeholder="留空则由系统随机生成" min="16" max="99">
</div>
<div class="form-group">
<label>身 材</label>
<div class="options-group radio-group" id="bodyShapeOptions">
<button class="option-button select-char-option" data-category="bodyShape" data-value="娇小纤细">娇小纤细</button>
<button class="option-button select-char-option" data-category="bodyShape" data-value="匀称标准">匀称标准</button>
<button class="option-button select-char-option" data-category="bodyShape" data-value="丰满圆润">丰满圆润</button>
<button class="option-button select-char-option" data-category="bodyShape" data-value="高挑健美">高挑健美</button>
<button class="option-button select-char-option" data-category="bodyShape" data-value="自定义">自定义</button>
</div>
</div>
<div class="form-group">
<label>私 密 特 征</label>
<div class="section-description">根据角色性别选择</div>
<div class="feature-group female">
<div class="feature-title">♀ 阴部特征</div>
<div class="options-group radio-group" id="femalePrivateOptions">
<button class="option-button select-char-option" data-category="privateFemale" data-value="紧致敏感">紧致敏感</button>
<button class="option-button select-char-option" data-category="privateFemale" data-value="花唇肥厚">花唇肥厚</button>
<button class="option-button select-char-option" data-category="privateFemale" data-value="阴蒂突出">阴蒂突出</button>
<button class="option-button select-char-option" data-category="privateFemale" data-value="处女">处女</button>
<button class="option-button select-char-option" data-category="privateFemale" data-value="自定义">自定义</button>
</div>
</div>
<div class="feature-group male">
<div class="feature-title">♂ 阳具特征</div>
<div class="options-group radio-group" id="malePrivateOptions">
<button class="option-button select-char-option" data-category="privateMale" data-value="粗大">粗大</button>
<button class="option-button select-char-option" data-category="privateMale" data-value="标准">标准</button>
<button class="option-button select-char-option" data-category="privateMale" data-value="短小">短小</button>
<button class="option-button select-char-option" data-category="privateMale" data-value="自定义">自定义</button>
</div>
</div>
</div>
<div class="form-group">
<label>职 业</label>
<div class="options-group radio-group" id="occupationOptions">
<button class="option-button select-char-option" data-category="occupation" data-value="学生">学生</button>
<button class="option-button select-char-option" data-category="occupation" data-value="白领">白领</button>
<button class="option-button select-char-option" data-category="occupation" data-value="教师">教师</button>
<button class="option-button select-char-option" data-category="occupation" data-value="护士">护士</button>
<button class="option-button select-char-option" data-category="occupation" data-value="模特">模特</button>
<button class="option-button select-char-option" data-category="occupation" data-value="家庭主妇">家庭主妇</button>
<button class="option-button select-char-option" data-category="occupation" data-value="自定义">自定义</button>
</div>
</div>
</div>
<div class="section-title">03 · 开 场 白 预 览</div>
<div class="content-card">
<textarea id="openingLinePreview" rows="8" readonly placeholder="您的角色信息和开场白将在这里生成..." class="preview-textarea"></textarea>
</div>
<div class="action-buttons-group">
<button id="randomizeCharacter" class="action-button primary">随机生成角色</button>
<button id="previewOpening" class="action-button secondary">预览开场白</button>
<button id="copyCharacterInfo" class="action-button tertiary">复制角色信息</button>
<span id="copyFeedback" class="copy-feedback">已复制！</span>
</div>
</section>
</div> <!-- end content-wrapper -->
<footer class="page-footer">
<div class="divider"></div>
<p>感谢你涉足这片禁忌之地。</p>
</footer>
</div> <!-- end main-container -->
<script src="script.js"></script>
</body>
</html>
/* 通用样式与重置 */
body {
margin: 0;
padding: 0;
font-family: 'Times New Roman', Times, serif; /* 保持serif */
background: linear-gradient(135deg, #1a0a0a 0%, #2d1215 50%, #1a0a0a 100%);
color: #e8d5b0;
line-height: 1.6;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: flex-start; /* 内容从顶部开始 */
overflow-x: hidden; /* 防止横向滚动 */
position: relative;
transition: background-color 0.5s ease, color 0.5s ease;
}
/* 昼夜模式 */
body.night-mode {
background: linear-gradient(135deg, #1a0a0a 0%, #2d1215 50%, #1a0a0a 100%);
color: #e8d5b0;
}
body.day-mode {
background: linear-gradient(135deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);
color: #333;
}
body.day-mode .page-header .title-main,
body.day-mode .section-title,
body.day-mode .card-subtitle,
body.day-mode label {
color: #555;
}
body.day-mode .page-header .title-sub,
body.day-mode .section-description,
body.day-mode .page-footer p,
body.day-mode .content-card .
/* 预览已截断；下载 CSS 可查看完整内容。 */查看已核验的原始字段
{
"renderTemplate": null,
"assistantRegexReplace": [],
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "dd94om4v6ujwbftprfbnuzht.html",
"options": {
"items": [
{
"order": 0,
"label": "🅰️ A1扮演紫竹铃",
"type": "SET-INPUT",
"value": "我选择A1。我要扮演紫竹铃（林竹），从收到那条消息的夜晚开始。"
},
{
"order": 1,
"label": "🅰️ A2 自建受虐者",
"type": "SET-INPUT",
"value": "我选择A2。我想创建自己的角色作为协会的新目标。请引导我创建角色。"
},
{
"order": 2,
"label": "第一人称",
"type": "SET-INPUT",
"value": "【用户是第一人称】"
},
{
"order": 3,
"label": "第二人称",
"type": "SET-INPUT",
"value": "【用户是第二人称】"
}
]
},
"defaultModelSettings": null,
"cover": "n0mo7da4oro9kdmicdakes30.webp",
"background": "wwzc6g2zs6q51tyjyirlu1h8.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。