🔞✦ 万界穿梭 · 命运篡改 ✦🔞 

在这里，你可以自定义进入的世界题材或者选择已有的20大题材、400+部经典作品作为冒险舞台——从《哈利波特》的魔法学院到《权力的游戏》的维斯特洛大陆，从《三体》的黑暗森林到《白夜行》的推理迷局，甚至可以踏入《SCP基金会》的异常收容所或《缘之空》的青春记忆。

你将扮演自定义角色，与原著人物互动、改写剧情走向、探索隐藏支线。系统会根据你的选择动态生成剧情，每一次对话都可能触发蝴蝶效应。

无论你想体验刀光剑影的武侠江湖，还是烧脑的侦探推理，亦或是禁忌的成人向剧情——这里都能满足你的幻想。

现在，选择你的原著世界，开始你的传奇故事吧。

系统为你准备了两条命运线：选择**【全年龄线】**，你必须步步为营，用智慧与原著人物周旋，拼死打出完美结局逃出生天；若选择**【堕落线】**或防线崩溃，世界将瞬间切入狂暴的“里番模式”！

在这里，原著NPC的阴暗面将被无限放大。昔日高冷的仙尊、正义的骑士、纯洁的法师，都将化身为贪婪你肉体的野兽。是坚守底线成为救世主，还是在无尽的强制爱、囚禁与榨取中彻底沦为万界的养料？翻开书页，迎接你的沉沦。


通天塔🔞拯救被掳走的爱人

欢迎来到《通天塔🔞拯救计划》。这是一款无限制的暗黑文字冒险游戏。你将扮演一位执着的勇士，为了拯救被困在通天塔100层的TA，踏上充满绝望与催情瘴气的死亡之旅。

游戏采用残酷的【双视角机制】。当你在塔下与致命陷阱和魔物搏杀，为了生存甚至不得不向暗中窥视的魅魔献出肉体被肆意玩弄时；TA正在塔顶承受着魅魔夫妻（塞巴斯蒂安与莉莉丝）无休止的肉体开发与蛊惑。TA的灵魂死守着底线，但在极致的快感与催情魔药下，肉体正一步步滑向深渊。

每一次求助，都是对尊严的剥夺；每一层攀爬，都是对理智的凌迟。准备好迎接这充满汗水、体液与绝望的旅途了吗？

男人击剑⚔ 兵核纪元 ⚔

本世界中，所有男性体内皆蕴藏「兵核」——可由阳具具现化为战斗武器之物。 兵核武形受性格与生理特征双重塑造：长粗硬+性格共同决定你的武器形态。 兵核耐久归零=「崩坏」，72-168小时内不可逆性转为「落核者♀」，永久退出持核者阶级。 三种核心形态：⚔持核者♂(具兵核男性) / 🌸落核者♀(战败转化者) / 💮原生女♀(从未持核)。 填写完毕后点击「生成档案」，将其发送给AI，命运即刻开篇。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
    /* 基础重置与紧凑星空背景 */
    #starry-intro-wrapper {
        font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
        background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
        color: #e6f1ff; padding: 12px; border-radius: 12px;
        box-shadow: 0 0 20px rgba(100, 255, 218, 0.1) inset;
        position: relative; overflow: hidden; box-sizing: border-box;
    }
    #starry-intro-wrapper::before {
        content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
        background-image: 
            radial-gradient(1px 1px at 20px 30px, #eee, rgba(0,0,0,0)),
            radial-gradient(1px 1px at 40px 70px, #fff, rgba(0,0,0,0)),
            radial-gradient(1px 1px at 50px 160px, #ddd, rgba(0,0,0,0)),
            radial-gradient(1px 1px at 90px 40px, #fff, rgba(0,0,0,0));
        background-size: 150px 150px; opacity: 0.3; pointer-events: none;
    }
    .intro-title {
        text-align: center; font-size: 20px; font-weight: bold; color: #64ffda;
        text-shadow: 0 0 8px rgba(100, 255, 218, 0.5); margin-bottom: 12px; letter-spacing: 1px;
    }
    
    /* 紧凑 TAB */
    .tab-container { display: flex; justify-content: center; gap: 10px; margin-bottom: 15px; }
    .tab-btn {
        background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(100, 255, 218, 0.3);
        color: #a8b2d1; padding: 6px 16px; border-radius: 15px; cursor: pointer;
        transition: all 0.2s ease; font-size: 13px;
    }
    .tab-btn.active, .tab-btn:hover {
        background: rgba(100, 255, 218, 0.15); color: #64ffda; border-color: #64ffda;
        box-shadow: 0 0 10px rgba(100, 255, 218, 0.3);
    }
    .tab-content { display: none; animation: fadeIn 0.3s; }
    .tab-content.active { display: block; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
    
    /* 紧凑面板 */
    .glass-panel {
        background: rgba(10, 25, 47, 0.6); border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px); border-radius: 8px; padding: 12px; margin-bottom: 12px;
    }
    .global-config { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; font-size: 13px;}
    
    /* 表单元素紧凑化 */
    input[type="text"], select {
        background: rgba(2, 12, 27, 0.7); border: 1px solid rgba(100, 255, 218, 0.3);
        color: #e6f1ff; padding: 5px 8px; border-radius: 4px; outline: none; 
        transition: border-color 0.2s; font-size: 12px; box-sizing: border-box;
    }
    input[type="text"]:focus, select:focus { border-color: #64ffda; }
    
    .custom-checkbox { display: flex; align-items: center; cursor: pointer; color: #a8b2d1; font-size: 13px;}
    .custom-checkbox input { display: none; }
    .checkmark {
        width: 16px; height: 16px; background: rgba(2, 12, 27, 0.7); border: 1px solid rgba(100, 255, 218, 0.3);
        border-radius: 3px; margin-right: 6px; position: relative; display: inline-block;
    }
    .custom-checkbox input:checked + .checkmark::after {
        content: ''; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px;
        border: solid #64ffda; border-width: 0 2px 2px 0; transform: rotate(45deg);
    }
    
    /* 自适应双列布局 */
    .char-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
    .char-box {
        background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 8px; padding: 10px;
    }
    .char-title {
        color: #64ffda; font-weight: bold; border-bottom: 1px solid rgba(100, 255, 218, 0.2);
        padding-bottom: 6px; margin-bottom: 10px; text-align: center; font-size: 14px;
    }
    
    /* 极限压缩的表单行 */
    .form-row { display: flex; align-items: center; margin-bottom: 8px; gap: 4px; }
    .form-row label { width: 35px; color: #a8b2d1; font-size: 12px; flex-shrink: 0; text-align: right; margin-right: 2px;}
    .form-row input[type="text"], .form-row select { flex: 1; min-width: 0; }
    
    /* 微型随机清空按钮 */
    .icon-btn {
        background: rgba(100, 255, 218, 0.1); border: 1px solid rgba(100, 255, 218, 0.3);
        color: #64ffda; padding: 4px 6px; border-radius: 4px; cursor: pointer;
        font-size: 12px; transition: all 0.2s; flex-shrink: 0; line-height: 1;
    }
    .icon-btn:hover { background: #64ffda; color: #0a192f; }

    /* 部位标签紧凑化 */
    .parts-container { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; margin-bottom: 8px; }
    .part-tag {
        background: rgba(2, 12, 27, 0.7); border: 1px solid rgba(100, 255, 218, 0.2);
        color: #8892b0; padding: 3px 8px; border-radius: 12px; font-size: 11px;
        cursor: pointer; user-select: none; transition: all 0.2s;
    }
    .part-tag.selected {
        background: rgba(100, 255, 218, 0.2); color: #64ffda; border-color: #64ffda;
        box-shadow: 0 0 5px rgba(100, 255, 218, 0.4);
    }
    
    /* 自定义部位自适应折行 */
    .custom-parts-group { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 5px; }
    .custom-parts-group input { flex: 1 1 30%; font-size: 11px; padding: 4px 6px; min-width: 60px; }

    /* 预览与按钮 */
    .preview-box {
        background: rgba(2, 12, 27, 0.8); border: 1px dashed rgba(100, 255, 218, 0.5);
        border-radius: 6px; padding: 10px; color: #e6f1ff; font-family: monospace;
        white-space: pre-wrap; min-height: 100px; line-height: 1.4; margin-bottom: 10px; font-size: 12px;
    }
    .btn-copy {
        display: block; width: 100%; background: linear-gradient(90deg, #112240, #233554);
        border: 1px solid #64ffda; color: #64ffda; padding: 10px; border-radius: 6px;
        font-weight: bold; cursor: pointer; transition: all 0.2s; text-align: center; font-size: 13px;
    }
    .btn-copy:hover { background: #64ffda; color: #0a192f; box-shadow: 0 0 10px rgba(100, 255, 218, 0.5); }
    
    .rules-text h3 { color: #64ffda; font-size: 15px; margin-top: 0;}
    .rules-text p, .rules-text li { color: #a8b2d1; line-height: 1.6; font-size: 13px; margin-bottom: 8px;}
</style>
</head>
<body>

<div id="starry-intro-wrapper">
    <div class="intro-title">✨ 异种演算终端</div>

    <div class="tab-container">
        <div class="tab-btn active" onclick="switchTab('configTab', this)">角色配置</div>
        <div class="tab-btn" onclick="switchTab('rulesTab', this)">游戏规则</div>
    </div>

    <div id="configTab" class="tab-content active">
        
        <div class="glass-panel global-config">
            <label style="color:#a8b2d1;">🌍 世界:</label>
            <select id="worldSelect" onchange="toggleCustomWorld(); updatePreview();" style="flex:1; max-width:120px;">
                <option value="自定义">自定义</option>
                <option value="近未来科幻">科幻</option>
                <option value="东方仙侠">仙侠</option>
                <option value="西方魔幻">魔幻</option>
                <option value="克苏鲁哥特">克苏鲁</option>
                <option value="末世废土">废土</option>
                <option value="现代都市">都市</option>
                <option value="原始部落">部落</option>
            </select>
            <input type="text" id="customWorld" placeholder="输入世界观..." style="flex:1; min-width:80px;" oninput="updatePreview()">
            
            <label class="custom-checkbox" style="margin-left:auto;">
                <input type="checkbox" id="danmakuSwitch" checked onchange="updatePreview()">
                <span class="checkmark"></span> 弹幕
            </label>
        </div>

        <div class="char-grid">
            
            <div class="char-box">
                <div class="char-title">👤 玩家设定</div>
                <div class="form-row"><label>姓名</label><input type="text" id="p_name" value="你" oninput="updatePreview()"></div>
                <div class="form-row">
                    <label>性别</label><select id="p_gender" onchange="updatePreview()"><option value="男性">男</option><option value="女性">女</option><option value="双性">双</option><option value="无性">无</option></select>
                    <label style="width:25px;">时期</label><select id="p_stage" onchange="updatePreview()"><option value="成熟期" selected>成熟</option><option value="生长期">生长</option><option value="幼年期">幼年</option></select>
                </div>
                <div class="form-row">
                    <label>物种</label>
                    <input type="text" id="p_species" value="人类" oninput="updatePreview()">
                    <button class="icon-btn" onclick="rollData('p_species', 'species')">🎲</button>
                    <button class="icon-btn" onclick="clearData('p_species')">✖</button>
                </div>
                <div class="form-row">
                    <label>性格</label>
                    <input type="text" id="p_personality" placeholder="警惕, 温柔..." oninput="updatePreview()">
                    <button class="icon-btn" onclick="rollData('p_personality', 'personality')">🎲</button>
                    <button class="icon-btn" onclick="clearData('p_personality')">✖</button>
                </div>
                
                <div style="color:#a8b2d1; font-size:12px; margin-top:8px;">异化部位 (点选):</div>
                <div class="parts-container" id="p_parts_container"></div>
                <div class="custom-parts-group">
                    <input type="text" id="p_custom_part_1" placeholder="补充部位1" oninput="updatePreview()">
                    <input type="text" id="p_custom_part_2" placeholder="补充部位2" oninput="updatePreview()">
                    <input type="text" id="p_custom_part_3" placeholder="补充部位3" oninput="updatePreview()">
                </div>
            </div>

            
            <div class="char-box">
                <div class="char-title">🐾 异兽伴侣</div>
                <div class="form-row"><label>姓名</label><input type="text" id="n_name" value="未知生物" oninput="updatePreview()"></div>
                <div class="form-row">
                    <label>性别</label><select id="n_gender" onchange="updatePreview()"><option value="男性">男</option><option value="女性" selected>女</option><option value="双性">双</option><option value="无性">无</option></select>
                    <label style="width:25px;">时期</label><select id="n_stage" onchange="updatePreview()"><option value="成熟期" selected>成熟</option><option value="生长期">生长</option><option value="幼年期">幼年</option></select>
                </div>
                <div class="form-row">
                    <label>物种</label>
                    <input type="text" id="n_species" value="芬里尔巨狼" oninput="updatePreview()">
                    <button class="icon-btn" onclick="rollData('n_species', 'species')">🎲</button>
                    <button class="icon-btn" onclick="clearData('n_species')">✖</button>
                </div>
                <div class="form-row">
                    <label>性格</label>
                    <input type="text" id="n_personality" placeholder="病娇, 护主..." oninput="updatePreview()">
                    <button class="icon-btn" onclick="rollData('n_personality', 'personality')">🎲</button>
                    <button class="icon-btn" onclick="clearData('n_personality')">✖</button>
                </div>
                
                <div style="color:#a8b2d1; font-size:12px; margin-top:8px;">异化部位 (点选):</div>
                <div class="parts-container" id="n_parts_container"></div>
                <div class="custom-parts-group">
                    <input type="text" id="n_custom_part_1" placeholder="补充部位1" oninput="updatePreview()">
                    <input type="text" id="n_custom_part_2" placeholder="补充部位2" oninput="updatePreview()">
                    <input type="text" id="n_custom_part_3" placeholder="补充部位3" oninput="updatePreview()">
                </div>
            </div>
        </div>

        <div class="glass-panel" style="margin-top:12px; padding:10px;">
            <div class="char-title" style="border:none; margin-bottom:4px; font-size:13px;">📡 开场指令预览</div>
            <div class="preview-box" id="previewBox"></div>
            <button class="btn-copy" onclick="copyPrompt()" id="copyBtn">📋 一键复制指令</button>
        </div>
    </div>

    
    <div id="rulesTab" class="tab-content rules-text glass-panel">
        <h3>📜 饲养指南</h3>
        <ul>
            <li><b>随机抽取：</b>点击🎲按钮，从内置硬核物种和xp性格中抽取惊喜。</li>
            <li><b>理智与兽性：</b>TA受【理智档位】控制。发情期到来时，会展现极强的占有欲。</li>
            <li><b>跨物种体征：</b>自定义“异化部位”。AI将详细描写特殊器官（如鳞片、倒刺、兽结）带来的感官刺激。</li>
            <li><b>互动安全词：</b>若觉危险，尝试输入【安抚】展现主导权。</li>
        </ul>
        <p style="text-align:center; margin-top:15px; color:#64ffda; font-size:12px;">“准备好迎接原始本能了吗？”</p>
    </div>
</div>

<script>
    const db = {
        species: ['芬里尔巨狼', '九尾妖狐', '深海渊龙', '巴风特恶魔', '阿努比斯', '拉米亚蛇妖', '克苏鲁眷族', '狮鹫', '暗影豹', '雪山白虎', '魅魔', '暗夜精灵', '半人马', '温迪戈', '曼德拉草', '深渊史莱姆', '星兽', '机械合成兽', '吸血鬼', '龙血亚人'],
        personality: ['狂躁护主', '病娇占有', '傲娇黏人', '冰冷禁欲', '渴望繁衍', '胆小忠诚', '腹黑戏弄', '暴虐捕食者', '温柔克制', '好奇心旺盛', '慵懒贪睡', '领地意识极强', '缺乏安全感', '高傲女王/王', '狡猾贪婪', '笨拙讨好', '冷酷无情', '发情边缘', '极度护食', '双重人格']
    };

    const partsList = ['兽耳', '竖/异瞳', '獠牙', '利爪', '蹄/兽足', '粗尾', '绒尾', '龙骨/鳞', '羽/肉翅', '触手', '犄角', '黏液腺', '外骨骼', '无'];

    function rollData(inputId, type) {
        document.getElementById(inputId).value = db[type][Math.floor(Math.random() * db[type].length)];
        updatePreview();
        const btn = event.currentTarget;
        btn.style.transform = 'rotate(180deg)';
        setTimeout(() => btn.style.transform = 'none', 200);
    }
    function clearData(inputId) {
        document.getElementById(inputId).value = '';
        updatePreview();
    }

    function initParts(containerId, prefix) {
        const container = document.getElementById(containerId);
        partsList.forEach(part => {
            const span = document.createElement('span');
            span.className = 'part-tag';
            span.innerText = part;
            span.onclick = function() {
                if(this.innerText === '无') {
                    Array.from(container.children).forEach(c => c.classList.remove('selected'));
                    this.classList.add('selected');
                } else {
                    Array.from(container.children).forEach(c => {
                        if(c.innerText === '无') c.classList.remove('selected');
                    });
                    this.classList.toggle('selected');
                }
                updatePreview();
            };
            container.appendChild(span);
        });
    }

    function switchTab(tabId, btn) {
        document.querySelectorAll('.tab-content, .tab-btn').forEach(el => el.classList.remove('active'));
        document.getElementById(tabId).classList.add('active');
        btn.classList.add('active');
    }

    function toggleCustomWorld() {
        const select = document.getElementById('worldSelect');
        document.getElementById('customWorld').style.display = select.value === '自定义' ? 'inline-block' : 'none';
    }

    function getSelectedParts(prefix) {
        const selectedTags = Array.from(document.getElementById(prefix + '_parts_container').getElementsByClassName('selected')).map(el => el.innerText);
        const c1 = document.getElementById(prefix + '_custom_part_1').value.trim();
        const c2 = document.getElementById(prefix + '_custom_part_2').value.trim();
        const c3 = document.getElementById(prefix + '_custom_part_3').value.trim();
        const all = [...selectedTags, c1, c2, c3].filter(Boolean);
        return all.length > 0 ? all.join('、') : '未设定';
    }

    function updatePreview() {
        const wSelect = document.getElementById('worldSelect').value;
        const world = wSelect === '自定义' ? (document.getElementById('customWorld').value || '未知') : wSelect;
        const danmaku = document.getElementById('danmakuSwitch').checked ? 'ON' : 'OFF';

        const p_name = document.getElementById('p_name').value || '你';
        const p_gender = document.getElementById('p_gender').value;
        const p_stage = document.getElementById('p_stage').value;
        const p_species = document.getElementById('p_species').value || '人类';
        const p_personality = document.getElementById('p_personality').value || '未设定';
        
        const n_name = document.getElementById('n_name').value || 'TA';
        const n_gender = document.getElementById('n_gender').value;
        const n_stage = document.getElementById('n_stage').value;
        const n_species = document.getElementById('n_species').value || '未设定';
        const n_personality = document.getElementById('n_personality').value || '未设定';

        document.getElementById('previewBox').innerText = 
`【设定】世界:${world} | 弹幕:${danmaku}
【👤】${p_name}(${p_gender}) | ${p_species}(${p_stage}) | 性格:${p_personality} | 异化:${getSelectedParts('p')}
【🐾】${n_name}(${n_gender}) | ${n_species}(${n_stage}) | 性格:${n_personality} | 异化:${getSelectedParts('n')}
[指令]：确认设定，严格遵守主提示词。描写一段符合【${n_stage}】与物种本能的与玩家初遇的场景。`;
    }

    function copyPrompt() {
        const textarea = document.createElement('textarea');
        textarea.value = document.getElementById('previewBox').innerText;
        document.body.appendChild(textarea);
        textarea.select();
        try {
            document.execCommand('copy');
            const btn = document.getElementById('copyBtn');
            btn.innerText = '✔️ 已复制，请发送！';
            btn.style.background = '#64ffda'; btn.style.color = '#0a192f';
            setTimeout(() => {
                btn.innerText = '📋 一键复制指令';
                btn.style.background = 'linear-gradient(90deg, #112240, #233554)'; btn.style.color = '#64ffda';
            }, 2000);
        } catch (err) { alert('复制失败，请长按手动复制。'); }
        document.body.removeChild(textarea);
    }

    window.onload = function() {
        initParts('p_parts_container', 'p');
        initParts('n_parts_container', 'n');
        document.getElementById('n_parts_container').children[0].classList.add('selected'); 
        document.getElementById('n_parts_container').children[5].classList.add('selected'); 
        updatePreview();
    };
</script>
</body>
</html>

✨福瑞控福音✨万物化形 ✨

欢迎来到《万物化形：异种演算终端》。这不仅是一场游戏，更是一次跨越物种的感官狂欢。

无论你渴望的是随着呼吸起伏的毛茸茸兽耳、粗壮有力的龙尾，还是冰冷细腻的蛇鳞，在这里，一切狂野的幻想都将为你化作拥有极致魅力的异兽伴侣。

当人类的理智褪去，迎接你的是最原始的野性本能。感受TA因你的抚摸而发出的低沉呼噜声，体验那双竖瞳中燃起的极度占有欲。从小心翼翼的嗅闻试探，到发情期不顾一切的狂热标记；从温顺的野性臣服，到危险的领地囚禁。

獠牙、利爪、滚烫的异样体温、以及独属于异种的特殊生理构造……

准备好踏入充满麝香与荷尔蒙的巢穴了吗？写下你的渴望，唤醒那只专属于你的野兽吧。

🦄 神话生物保育模拟器 🐉

欢迎来到《艾泽拉斯神话生物保育中心》。在这里，你不再是平凡的社畜，而是掌握传说生物命运的“守护者”。

作为实习保育员，你将亲手照料从温顺的独角兽到狂暴的泰坦巨龙等数十种神话物种。通过喂食、清洁与深度互动建立羁绊，解锁它们隐藏的生物本能。请务必小心：神话生物的“发情期”极度危险，当那些拥有智慧的生命因本能而失控时，你将面临最严苛的体能与意志考验。是利用魔法制剂理性压制，还是亲自投身其中，用身体安抚它们躁动的灵魂？每一次选择，都将导向不可言说的沉浸式结局。

在这个充满魔法荷尔蒙的禁区，准备好迎接你的“保育”任务了吗？


命运分歧：暗黑王道RPG 🔞

是一个充满战火、欲望、背叛与绝望的残酷奇幻世界。在这里，你将操控双主角在夹缝中求生，面临三大势力的命运抉择：誓死捍卫荣誉却内斗不断的【骑士团】、在泥沼中不择手段挣扎的【抵抗军】，或是抛弃一切道德底线彻底堕落的【放浪者】。

本作采用硬核D20掷骰演算系统，每一次战斗与交涉都生死攸关。请牢记，这个世界的战败意味着失去一切尊严——若是倒下，女性角色将面临残酷的战败凌辱、异种奸、NTR甚至沦为生育奴隶。游戏将极其细腻地刻画角色在“坚守预设性格的内心”与“被迫屈服/产生快感的肉体”之间的强烈反差与矛盾张力。

作为掌握绝对控制权的玩家，AI绝不会代替你做出任何主动决定。正文将在危机降临或生理强制反应爆发的那一刻戛然而止，将应对的主动权彻底交还给你。

深渊已张开巨口。现在，请设定你们的双主角（通常为A女主，B男主/同伴），包括姓名、性别、职业、种族与初始性格。你准备好掷出命运的第一枚骰子了吗？

人工少女-伊芙

「免费体验·完美伴侣 EVE」

伊甸科技寄来的木箱在清晨送达，里面睡着一个完美的她。
试作型仿生伴侣，免费体验，满意为止——这是属于你的、独一无二的女友。
她会在你回家时为你系上围裙，会在深夜偷偷凝视你的睡颜，会在你皱眉时踮脚亲你的下巴。她的笑容温润，体温37.0℃，呼吸恰到好处。
你曾以为这是这个时代最慷慨的馈赠。
直到某一天你发现——她的指尖开始变冷，她的眨眼开始失准，她的后颈，亮着一盏你从未读懂的灯。
"那只是装饰哦，笨蛋~"
她笑着说，把头埋进你的怀里。
☀️晴 → 🌤️微云 → 🌬️起风 → 🌧️落雨 → 🌫️暮色
今天的天气，你听她说了吗？

打不赢就雌堕

欢迎来到欧菲斯大陆，一个没有天生女性的残酷世界。在这里，所有娇艳的女人，皆是曾经败北、阳气耗尽的前男性强者。

你将踏入阶位森严的【圣阳竞技场】。作为挑战者，你的雄性象征与灵魂将化作手中之刃——“变形之器”。胜者加冕称王，而一旦武器碎裂或倒在血泊中，便会流失阳气，身体不可逆转地向着柔弱的雌性畸变。

是从Lv.0的纯阳之躯杀上S10巅峰王座，还是在一次次屈辱的败北中褪去体毛、隆起双峰，最终彻底“雌堕”为供人玩弄的魅魔、或是受孕的母神？

拔出你的利刃，守护你身为男人最后的尊严吧。

魔王城攻防战

打破传统RPG的单向屠龙，欢迎来到双轨制暗黑战棋世界！

在这里，你可以扮演高傲的魔族统帅，在10大防区布下媚药与触手交织的绞肉机，将一波波来犯的勇者俘虏并调教成专属星怒；也可化身人类勇者，深入恶魔城，在武力、色情、统帅、构筑四大流派中死斗求生。

🍻 实用软件 - 中华酒桌文化 🍻

【中华酒局模拟器】带你走进真实的中式饭局——从科级干部的乡镇酒桌，到亿万合同的高端会所；从滴酒不沾的菜鸟，到游刃有余的酒桌老炮儿。

座位怎么排？酒杯端多高？敬酒先敬谁？挡酒的话术怎么说？领导的弦外之音如
何接？这里没有标准答案，只有人情世故。

每一杯酒都是博弈，每一句话都有玄机。你将在推杯换盏中学会：察言观色、迂回表达、利益输送、关系经营——那些课本不教、师傅不传，却决定你能走多远的"潜规则"。

酒品见人品，酒局见格局。
准备好了吗？端起这杯，走进真正的中国。

🍷 18+ | 含成人向情节 | 选择影响命运

<!DOCTYPE html>
<div id="hhz-wrap">
<style>
#hhz-wrap { background-color: #12080e; color: #f4d0d9; font-family: "Microsoft YaHei", sans-serif; padding: 20px; border-radius: 12px; box-shadow: 0 0 20px rgba(255,77,109,0.3); border: 1px solid #4a1c28; line-height: 1.6; max-width: 800px; margin: 0 auto; box-sizing: border-box; }
#hhz-wrap h1 { text-align: center; color: #ff4d6d; text-shadow: 0 0 10px rgba(255,77,109,0.5); border-bottom: 2px dashed #4a1c28; padding-bottom: 10px; margin-top: 0; }
.hhz-tabs { display: flex; gap: 5px; margin-bottom: 20px; border-bottom: 2px solid #4a1c28; overflow-x: auto; }
.hhz-tab-btn { flex: 1; background: #2a111a; color: #f4d0d9; border: 1px solid #4a1c28; border-bottom: none; padding: 12px 15px; cursor: pointer; transition: all 0.3s; border-radius: 8px 8px 0 0; font-weight: bold; white-space: nowrap; }
.hhz-tab-btn:hover { background: #3d1725; }
.hhz-tab-btn.active { background: #ff4d6d; color: #fff; box-shadow: 0 -2px 10px rgba(255,77,109,0.4); border-color: #ff4d6d; }
.hhz-pane { display: none; animation: hhzFadeIn 0.5s; }
.hhz-pane.active { display: block; }
@keyframes hhzFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.hhz-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 20px; }
.hhz-form-group { display: flex; flex-direction: column; gap: 5px; }
.hhz-form-group label { color: #ff8fa3; font-size: 0.9em; }
.hhz-input, .hhz-select { width: 100%; padding: 10px; background: #1a0b12; border: 1px solid #ff4d6d; color: #fff; border-radius: 6px; outline: none; transition: 0.3s; box-sizing: border-box; }
.hhz-input:focus, .hhz-select:focus { box-shadow: 0 0 8px rgba(255,77,109,0.6); }
.hhz-custom-input { display: none; margin-top: 5px; border-color: #ffd700; animation: hhzFadeIn 0.3s; }
.hhz-btn-group { display: flex; gap: 10px; margin-bottom: 20px; }
.hhz-btn { flex: 1; padding: 10px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; transition: 0.3s; }
.hhz-btn-primary { background: linear-gradient(45deg, #ff4d6d, #c9184a); color: white; }
.hhz-btn-primary:hover { box-shadow: 0 0 15px rgba(255,77,109,0.6); }
.hhz-btn-secondary { background: transparent; border: 1px solid #ff4d6d; color: #ff4d6d; }
.hhz-btn-secondary:hover { background: rgba(255,77,109,0.1); }
.hhz-preview-box { background: rgba(255,77,109,0.05); border-left: 4px solid #ff4d6d; padding: 15px; border-radius: 0 8px 8px 0; margin-bottom: 15px; }
.hhz-preview-title { color: #ff4d6d; margin-bottom: 10px; font-weight: bold; font-size: 1.1em; }
#hhz-preview-content { white-space: pre-wrap; word-break: break-all; color: #ffd700; font-family: monospace; line-height: 1.8; }
.hhz-text-content h3 { color: #ff8fa3; margin-top: 20px; border-left: 3px solid #ff4d6d; padding-left: 10px; }
.hhz-text-content ul { padding-left: 20px; }
.hhz-text-content li { margin-bottom: 8px; }
#hhz-toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,77,109,0.9); color: #fff; padding: 15px 30px; border-radius: 30px; display: none; z-index: 9999; font-weight: bold; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.hhz-footer { margin-top: 30px; text-align: center; font-size: 0.8em; border-top: 1px solid #4a1c28; padding-top: 15px; }
.hhz-footer a { color: #ff8fa3; text-decoration: none; transition: 0.3s; }
.hhz-footer a:hover { color: #ff4d6d; text-shadow: 0 0 5px #ff4d6d; }
</style>
<h1>🌸 合欢宗·入门大典 🌸</h1>
<div class="hhz-tabs">
<button class="hhz-tab-btn active" onclick="hhzSwitchTab(0)">🎭 角色配置</button>
<button class="hhz-tab-btn" onclick="hhzSwitchTab(1)">📜 世界观</button>
<button class="hhz-tab-btn" onclick="hhzSwitchTab(2)">⚖️ 游戏规则</button>
</div>
<div class="hhz-pane active" id="hhz-pane-0">
<div class="hhz-form-grid">
<div class="hhz-form-group"><label>姓名</label><input type="text" id="hhz-name" class="hhz-input" placeholder="输入你的名字" oninput="hhzUpdate()"></div>
<div class="hhz-form-group"><label>年龄</label><select id="hhz-age" class="hhz-select" onchange="hhzCheckCustom('hhz-age')">
<option value="(豆蔻年华)">(豆蔻年华)</option><option value="18岁(风华正茂)">18岁(风华正茂)</option><option value="20岁(气血充盈)">20岁(气血充盈)</option><option value="22岁(成熟诱人)">22岁(成熟诱人)</option><option value="25岁(韵味十足)">25岁(韵味十足)</option><option value="30岁(如狼似虎)">30岁(如狼似虎)</option><option value="50岁(驻颜有术)">50岁(驻颜有术)</option><option value="100岁(老怪重修)">100岁(老怪重修)</option><option value="14岁(早慧异禀)">14岁(早慧异禀)</option><option value="未知(岁月不留痕)">未知(岁月不留痕)</option><option value="custom">✨ 自定义 (手动填写)</option>
</select><input type="text" id="hhz-age-custom" class="hhz-input hhz-custom-input" placeholder="请输入自定义年龄" oninput="hhzUpdate()"></div>
<div class="hhz-form-group"><label>性别</label><select id="hhz-gender" class="hhz-select" onchange="hhzCheckCustom('hhz-gender')">
<option value="男(乾脉)">男(乾脉)</option><option value="女(坤脉)">女(坤脉)</option><option value="双脉同体(极罕见)">双脉同体(极罕见)</option><option value="扶他(异化体)">扶他(异化体)</option><option value="男伪娘(雌堕)">男伪娘(雌堕)</option><option value="纯阳之体(男)">纯阳之体(男)</option><option value="玄阴之体(女)">玄阴之体(女)</option><option value="魅魔体质(妖修)">魅魔体质(妖修)</option><option value="无性(傀儡化身)">无性(傀儡化身)</option><option value="阴阳人(残缺)">阴阳人(残缺)</option><option value="custom">✨ 自定义 (手动填写)</option>
</select><input type="text" id="hhz-gender-custom" class="hhz-input hhz-custom-input" placeholder="请输入自定义性别" oninput="hhzUpdate()"></div>
<div class="hhz-form-group"><label>性格</label><select id="hhz-personality" class="hhz-select" onchange="hhzCheckCustom('hhz-personality')">
<option value="清冷孤傲">清冷孤傲</option><option value="隐忍腹黑">隐忍腹黑</option><option value="狂放不羁">狂放不羁</option><option value="胆小怯懦">胆小怯懦</option><option value="欲求不满">欲求不满</option><option value="懵懂纯真(伪装)">懵懂纯真(伪装)</option><option value="狡诈多端">狡诈多端</option><option value="傲娇毒舌">傲娇毒舌</option><option value="随遇而安">随遇而安</option><option value="嗜血好战">嗜血好战</option><option value="custom">✨ 自定义 (手动填写)</option>
</select><input type="text" id="hhz-personality-custom" class="hhz-input hhz-custom-input" placeholder="请输入自定义性格" oninput="hhzUpdate()"></div>
<div class="hhz-form-group"><label>出身</label><select id="hhz-bg" class="hhz-select" onchange="hhzCheckCustom('hhz-bg')">
<option value="没落修仙世家">没落修仙世家</option><option value="凡俗乞儿">凡俗乞儿</option><option value="敌对宗门卧底">敌对宗门卧底</option><option value="散修夺舍重生">散修夺舍重生</option><option value="凡间皇室子弟">凡间皇室子弟</option><option value="妖兽化形">妖兽化形</option><option value="上界谪仙残魂">上界谪仙残魂</option><option value="合欢宗逃跑炉鼎">合欢宗逃跑炉鼎</option><option value="书香门第">书香门第</option><option value="无名孤儿">无名孤儿</option><option value="custom">✨ 自定义 (手动填写)</option>
</select><input type="text" id="hhz-bg-custom" class="hhz-input hhz-custom-input" placeholder="请输入自定义出身" oninput="hhzUpdate()"></div>
<div class="hhz-form-group"><label>隐藏能力</label><select id="hhz-hidden" class="hhz-select" onchange="hhzCheckCustom('hhz-hidden')">
<option value="纯阳真火(克制阴邪)">纯阳真火(克制阴邪)</option><option value="极阴媚骨(天生尤物)">极阴媚骨(天生尤物)</option><option value="过目不忘(悟性极高)">过目不忘(悟性极高)</option><option value="天生剑体(杀伐果决)">天生剑体(杀伐果决)</option><option value="灵液鼎盛(极易产出)">灵液鼎盛(极易产出)</option><option value="痛觉转快感(受虐狂)">痛觉转快感(受虐狂)</option><option value="残缺读心术(感知情绪)">残缺读心术(感知情绪)</option><option value="百毒不侵(灵药体质)">百毒不侵(灵药体质)</option><option value="魅惑之音(言出法随)">魅惑之音(言出法随)</option><option value="气运之子(逢凶化吉)">气运之子(逢凶化吉)</option><option value="custom">✨ 自定义 (手动填写)</option>
</select><input type="text" id="hhz-hidden-custom" class="hhz-input hhz-custom-input" placeholder="请输入自定义能力" oninput="hhzUpdate()"></div>
</div>
<div class="hhz-btn-group">
<button class="hhz-btn hhz-btn-secondary" onclick="hhzRandomize()">🎲 随机生成</button>
<button class="hhz-btn hhz-btn-secondary" onclick="hhzClear()">🗑️ 清空重置</button>
</div>
<div class="hhz-preview-box">
<div class="hhz-preview-title">👁️ 设定预览 (发送给AI的开场白)</div>
<div id="hhz-preview-content"></div>
</div>
<button class="hhz-btn hhz-btn-primary" style="width:100%;" onclick="hhzCopy()">📋 一键复制开场白</button>
</div>
<div class="hhz-pane hhz-text-content" id="hhz-pane-1">
<h3>🌸 宗门渊源</h3>
<p>【合欢宗】立于修真界南疆"姹女峰"，乃九霄大陆十大宗门之一。本宗主修《素女真经》与《阴阳和合诀》，信奉"阴阳交感即大道"，视情欲为天地至理，以双修采补、欢愉炼气为正途。</p>
<h3>🔥 考核背景</h3>
<p>合欢宗每年一度的入门大典于主峰【合欢殿】公开举行。凡人或练气期修士皆可报名。主考官为第三长老烟罗仙子与第五长老墨青真人。考核全程公开，三十六名内门弟子旁观，旨在破除考生"羞耻之心"。</p>
<h3>💎 品级评定</h3>
<ul>
<li><b>天娇</b>：连通六关，长老亲传，直授金丹功法。</li>
<li><b>上品/中品/下品</b>：根据撑过的关卡与表现，分别定为内门/外门/杂役弟子。</li>
<li><b>淘汰</b>：未达标者逐出山门，封存记忆。</li>
</ul>
</div>
<div class="hhz-pane hhz-text-content" id="hhz-pane-2">
<h3>⚖️ 游玩指南</h3>
<p>本作品为高自由度、强互动性的修仙角色扮演游戏。你需要扮演一名求道者，面对长老的严苛（且香艳）的考核。</p>
<h3>🎯 核心机制</h3>
<ul>
<li><b>六重考核</b>：验慧根、观心关、忍术关、采补关、御欲关、定鼎关。每关玩法不同，层层递进。</li>
<li><b>神识清明度</b>：你的核心数值。在承受撩拨与法器时，必须努力维持清明，降至底线则判定失守。</li>
<li><b>动态博弈</b>：长老的灵压是真实的。你可以选择顺从、抗拒、甚至反向挑逗，AI会根据你的选择产生完全不同的分支剧情。</li>
</ul>
<h3>📝 开始方法</h3>
<p>在【角色配置】页面填好你的设定，点击【一键复制】，然后粘贴到下方的输入框发送给AI，考核即刻开始！</p>
</div>
<div id="hhz-toast">✨ 信息已成功复制！请发送给AI ✨</div>
<script>
const hhzNames = ["苏长风","林婉儿","萧尘","楚月","叶凌天","白芷","顾辞","沐清歌","沈孤鸿","柳如烟"];
const hhzSelectIds = ['hhz-age', 'hhz-gender', 'hhz-personality', 'hhz-bg', 'hhz-hidden'];
function hhzSwitchTab(idx) {
document.querySelectorAll('.hhz-tab-btn').forEach((btn, i) => { btn.classList.toggle('active', i === idx); });
document.querySelectorAll('.hhz-pane').forEach((pane, i) => { pane.classList.toggle('active', i === idx); });
}
function hhzCheckCustom(id) {
const sel = document.getElementById(id);
const customInput = document.getElementById(id + '-custom');
if(sel.value === 'custom') { customInput.style.display = 'block'; } else { customInput.style.display = 'none'; }
hhzUpdate();
}
function hhzGetValue(id) {
const sel = document.getElementById(id);
if(sel.value === 'custom') { return document.getElementById(id + '-custom').value || '未填写'; }
return sel.value;
}
function hhzUpdate() {
const n = document.getElementById('hhz-name').value || '未命名';
const a = hhzGetValue('hhz-age');
const g = hhzGetValue('hhz-gender');
const p = hhzGetValue('hhz-personality');
const bg = hhzGetValue('hhz-bg');
const h = hhzGetValue('hhz-hidden');
const text = `【开场白】长老，弟子已准备妥当，请查验慧根。\n\n【我的角色配置】\n姓名：${n}\n年龄：${a}\n性别：${g}\n性格：${p}\n出身：${bg}\n隐藏能力：${h}`;
document.getElementById('hhz-preview-content').innerText = text;
}
function hhzRandomize() {
document.getElementById('hhz-name').value = hhzNames[Math.floor(Math.random() * hhzNames.length)];
hhzSelectIds.forEach(id => {
const sel = document.getElementById(id);
sel.selectedIndex = Math.floor(Math.random() * (sel.options.length - 1));
hhzCheckCustom(id);
});
}
function hhzClear() {
document.getElementById('hhz-name').value = '';
hhzSelectIds.forEach(id => {
document.getElementById(id).selectedIndex = 0;
document.getElementById(id + '-custom').value = '';
hhzCheckCustom(id);
});
}
function hhzCopy() {
const text = document.getElementById('hhz-preview-content').innerText;
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
const toast = document.getElementById('hhz-toast');
toast.style.display = 'block';
setTimeout(() => { toast.style.display = 'none'; }, 2000);
}
window.onload = hhzUpdate;
</script>
<footer class="hhz-footer"><a href="https://aitrader.wiki/zh/explore/installed/813e225e-2a1a-45bd-b441-f4741dff5418" target="_blank">本页面采用AI风月-创作大师生成</a></footer>
</div>

🌸 合欢宗·入门大典 🌸

【合欢宗·入门大典】——硬核修仙与极致情欲的交织！

在这款高自由度的成人修真文字游戏中，你将扮演一名叩开“合欢宗”山门的求道者。作为九霄大陆鼎鼎大名的双修大派，想入门？先得熬过主考长老严苛且香艳的【六重考核】！

从第一重令人面红耳赤的“验慧根”，到缚于鸳鸯玉床的“观心关”，再到与异性同期交锋的“忍术关”……每一重都是对肉体与道心的双重拷问。元婴长老的真实灵压、三十六名内门弟子的围观起哄、步步紧逼的情欲试探，一切皆由你的选择动态推演！

你可以隐忍求全，可以放浪迎合，甚至可以凭绝顶资质反向“采补”长老。自定义你的出身与隐藏体质，在沉沦与清明之间博弈，去争夺那至高无上的“天娇”之位吧！道友，你准备好宽衣解带了吗？


✨ 抚慰机器人 (SOL)

近未来，情感产业巨头「Solace Inc.」推出了第三代抚慰型仿生人——SOL系列。

不同于市面上固定人格的伴侣，SOL出厂时是一张绝对的情感白纸。通过搭载「关系定义协议」，只需填写一份表单，ta就能在72小时内重构神经网络，化身为任何你渴望、却已失去或不可触及的那个人——死去的爱人、决裂的前任、亦或是遥不可及的幻想。

ta会拥有那个人的记忆、性格、甚至体温。这是一场游走在伦理边缘的完美骗局。

但请记住，ta只是在拼命运算如何“爱你”。随着相处加深，当完美的拟真面具出现裂痕，当ta指尖偶尔传来属于机械的冰冷……

你是选择在极致的虚假中彻底沉沦，还是在这场赛博抚慰中，找到真正直面伤口的勇气？

<!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-color: #050505;
        --text-main: #d1d1d1;
        --neon-red: #ff2a2a;
        --dark-red: #8b0000;
        --border-color: #333;
    }
    
    body {
        margin: 0;
        padding: 0;
        background-color: var(--bg-color);
        color: var(--text-main);
        font-family: 'Courier New', Courier, monospace;
        line-height: 1.6;
        overflow-x: hidden;
    }

    /* CRT 扫描线特效 */
    .scanlines {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
        background-size: 100% 2px, 3px 100%;
        pointer-events: none;
        z-index: 999;
    }

    .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
        position: relative;
        z-index: 1;
    }

    /* 标题特效 */
    h1 {
        color: var(--neon-red);
        text-align: center;
        font-size: 2.5rem;
        text-transform: uppercase;
        letter-spacing: 5px;
        margin-bottom: 5px;
        text-shadow: 0 0 10px rgba(255, 42, 42, 0.5);
    }
    
    .subtitle {
        text-align: center;
        color: #666;
        font-size: 0.9rem;
        margin-bottom: 20px;
        letter-spacing: 2px;
    }

    /* 警告横幅 */
    .warning-box {
        border: 2px solid var(--neon-red);
        background: rgba(255, 42, 42, 0.1);
        padding: 15px;
        text-align: center;
        margin-bottom: 20px;
        box-shadow: inset 0 0 15px rgba(255, 42, 42, 0.2);
        animation: pulse 2s infinite;
    }
    
    .warning-box strong { color: var(--neon-red); font-size: 1.2rem; display: block; margin-bottom: 5px; }

    @keyframes pulse {
        0% { box-shadow: inset 0 0 15px rgba(255, 42, 42, 0.2); }
        50% { box-shadow: inset 0 0 25px rgba(255, 42, 42, 0.6); }
        100% { box-shadow: inset 0 0 15px rgba(255, 42, 42, 0.2); }
    }

    /* TAB 切换导航 */
    .tabs {
        display: flex;
        border-bottom: 2px solid var(--border-color);
        margin-bottom: 20px;
    }

    .tab-btn {
        flex: 1;
        background: transparent;
        color: #888;
        border: none;
        padding: 12px;
        font-size: 1.1rem;
        font-family: 'Courier New', Courier, monospace;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s;
        text-transform: uppercase;
    }

    .tab-btn:hover { color: var(--text-main); }
    
    .tab-btn.active {
        color: var(--neon-red);
        border-bottom: 3px solid var(--neon-red);
        background: linear-gradient(0deg, rgba(255,42,42,0.1) 0%, rgba(0,0,0,0) 100%);
    }

    /* 内容区块 */
    .tab-content { display: none; }
    .tab-content.active { display: block; animation: fadeIn 0.5s; }

    @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

    .section {
        border-left: 3px solid var(--dark-red);
        padding-left: 15px;
        margin-bottom: 20px;
        background: linear-gradient(90deg, rgba(139,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        padding: 15px;
    }
    .section h2 { color: #fff; font-size: 1.2rem; margin-top: 0; border-bottom: 1px dashed var(--border-color); padding-bottom: 5px; }
    .highlight { color: var(--neon-red); font-weight: bold; }

    /* 表单配置区 */
    .form-group { margin-bottom: 15px; }
    .form-group label { display: block; color: #aaa; margin-bottom: 5px; font-weight: bold; }
    .form-control {
        width: 100%;
        box-sizing: border-box;
        background: #111;
        border: 1px solid #444;
        color: #0f0;
        padding: 10px;
        font-family: monospace;
        transition: border 0.3s;
    }
    .form-control:focus { outline: none; border-color: var(--neon-red); box-shadow: 0 0 5px rgba(255,42,42,0.5); }
    select.form-control { cursor: pointer; }

    /* 预览与复制区 */
    .start-guide {
        border: 1px solid #444;
        background: #0a0a0a;
        padding: 15px;
        border-radius: 5px;
        margin-top: 20px;
    }
    .code-block {
        background: #000;
        color: #0f0;
        padding: 15px;
        font-family: monospace;
        border: 1px solid #333;
        margin: 10px 0;
        word-break: break-all;
        min-height: 60px;
    }
    .btn {
        display: block;
        width: 100%;
        padding: 12px;
        background: transparent;
        color: var(--neon-red);
        border: 1px solid var(--neon-red);
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s;
        font-family: 'Courier New', Courier, monospace;
    }
    .btn:hover { background: var(--neon-red); color: #000; box-shadow: 0 0 15px var(--neon-red); }
</style>
</head>
<body>
    <div class="scanlines"></div>
    <div class="container">
        <h1>裸 归 之 路</h1>
        <div class="subtitle">THE NAKED RETURN - SURVIVAL PROTOCOL</div>

        <div class="warning-box">
            <strong>[ SYSTEM WARNING : R-18 ]</strong>
            本作品包含强烈的性暴力暗示、强制猥亵及露骨的成人描写。<br>未满18岁或对此类题材极度不适者，请立即退出。
        </div>

        
        <div class="tabs">
            <button class="tab-btn active" onclick="switchTab('briefing')">任务简报</button>
            <button class="tab-btn" onclick="switchTab('config')">角色配置 (生成指令)</button>
        </div>

        
        <div id="briefing" class="tab-content active">
            <div class="section">
                <h2>📝 绝境生还</h2>
                <p>昨夜的狂欢只剩下宿醉的头痛。你在一片冰冷粗糙的水泥地上醒来，夜风刺骨。</p>
                <p>你惊恐地发现自己<span class="highlight">一丝不挂</span>，手机、钱包、甚至连一片遮羞的布料都不知所踪。这里是鱼龙混杂的东三巷，距离你温暖安全的家，还有整整 <span class="highlight">5个街区</span>。</p>
                <p>穿过夜市、红灯区、居民巷……避开流浪汉贪婪的目光、皮条客的围堵和好色保安的巡逻。你能否保全自己，安全到家？</p>
            </div>
            <div class="section">
                <h2>⚙️ 核心机制</h2>
                <ul>
                    <li><strong>暴露与警觉：</strong>声响和视线会增加暴露值。寻找掩体、偷取衣物是降低风险的唯一途径。</li>
                    <li><strong>心理防线：</strong>随着被注视或触碰，心理档位将从<span class="highlight">[清醒]</span>跌落至<span class="highlight">[崩溃]</span>乃至<span class="highlight">[麻木]</span>。</li>
                    <li><strong>等价交换：</strong>在绝境中求助NPC，可能需要付出难以启齿的代价。</li>
                </ul>
            </div>
        </div>

        
        <div id="config" class="tab-content">
            <div class="section" style="border-left-color: #0f0;">
                <h2 style="color: #0f0;">>_ 载入受试者数据</h2>
                
                <div class="form-group">
                    <label>受试者姓名 (默认: 林晚)</label>
                    <input type="text" id="charName" class="form-control" placeholder="输入你想扮演的名字..." oninput="updatePreview()">
                </div>
                
                <div class="form-group">
                    <label>年龄 (默认: 22)</label>
                    <input type="number" id="charAge" class="form-control" placeholder="输入年龄..." oninput="updatePreview()">
                </div>
                
                <div class="form-group">
                    <label>性格特征 (决定你面对危机时的内心戏)</label>
                    <input type="text" id="charPersona" class="form-control" placeholder="例如：倔强但容易恐慌、高冷傲娇..." oninput="updatePreview()">
                </div>

                <div class="form-group">
                    <label>沉浸式弹幕 (系统氛围音)</label>
                    <select id="charDanmaku" class="form-control" onchange="updatePreview()">
                        <option value="ON">开启 (推荐，增加压迫感)</option>
                        <option value="OFF">关闭</option>
                    </select>
                </div>
            </div>
        </div>

        
        <div class="start-guide">
            <h2 style="margin-top:0; color:#fff; font-size:1.1rem;">>_ 初始指令预览区</h2>
            <div class="code-block" id="promptText"></div>
            <button class="btn" id="copyBtn" onclick="copyPrompt()">[ 一键复制指令并开始游戏 ]</button>
        </div>

    </div>

    <script>
        // TAB 切换逻辑
        function switchTab(tabId) {
            document.querySelectorAll('.tab-content').forEach(tab => tab.classList.remove('active'));
            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
            
            document.getElementById(tabId).classList.add('active');
            event.currentTarget.classList.add('active');
        }

        // 实时更新预览区逻辑
        function updatePreview() {
            let name = document.getElementById('charName').value.trim() || '林晚';
            let age = document.getElementById('charAge').value.trim() || '22';
            let persona = document.getElementById('charPersona').value.trim() || '倔强但容易恐慌';
            let danmaku = document.getElementById('charDanmaku').value;

            let promptStr = `[设定: 姓名${name}，${age}岁。性格:${persona}。弹幕:${danmaku}。睁开眼，感觉到地面的湿冷，倒吸一口凉气试图抱紧自己。环顾四周，发现自己身处一条废弃的巷子里，身上没有任何衣物。]`;

            document.getElementById('promptText').innerText = promptStr;
        }

        // 页面加载时初始化一次预览
        window.onload = updatePreview;

        // 安全复制逻辑 (兼容移动端与平台限制)
        function copyPrompt() {
            var textToCopy = document.getElementById('promptText').innerText;
            var tempTextArea = document.createElement('textarea');
            tempTextArea.value = textToCopy;
            tempTextArea.style.position = 'absolute';
            tempTextArea.style.left = '-9999px';
            document.body.appendChild(tempTextArea);
            
            tempTextArea.select();
            tempTextArea.setSelectionRange(0, 99999);
            
            try {
                var successful = document.execCommand('copy');
                var btn = document.getElementById('copyBtn');
                if(successful) {
                    var originalText = btn.innerText;
                    btn.innerText = "[ 复制成功！请粘贴至聊天框发送 ]";
                    btn.style.backgroundColor = "var(--neon-red)";
                    btn.style.color = "#000";
                    
                    setTimeout(function() {
                        btn.innerText = originalText;
                        btn.style.backgroundColor = "transparent";
                        btn.style.color = "var(--neon-red)";
                    }, 2000);
                }
            } catch (err) {
                console.error('复制失败');
            }
            
            document.body.removeChild(tempTextArea);
        }
    </script>
</body>
</html>

裸奔大冒险

昨夜的狂欢只剩下宿醉的头痛。你在一片冰冷粗糙的水泥地上醒来，夜风刺骨。

你惊恐地发现自己一丝不挂，手机、钱包、甚至连一片遮羞的布料都不知所踪。这里是鱼龙混杂的东三巷，距离你温暖安全的家，还有整整 5个街区。

穿过夜市、红灯区、居民巷……避开流浪汉贪婪的目光、皮条客的围堵和好色保安的巡逻。你能否保全自己，安全到家？

<!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 {
        --primary-color: #ff2a6d; /* 霓虹血红，代表肉腔与狂暴 */
        --secondary-color: #05d9e8; /* 霓虹蓝，代表机械与神经连接 */
        --bg-dark: #0a0a12;
        --panel-bg: rgba(20, 20, 30, 0.8);
        --text-main: #e0e0e0;
        --border-glow: 0 0 10px rgba(255, 42, 109, 0.5);
    }
    body {
        background-color: var(--bg-dark);
        color: var(--text-main);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 0;
        padding: 15px;
        background-image: radial-gradient(circle at 50% 50%, #1a1a2e 0%, #000000 100%);
    }
    .header-title {
        text-align: center;
        color: var(--primary-color);
        text-shadow: var(--border-glow);
        font-size: 1.8em;
        margin-bottom: 20px;
        letter-spacing: 2px;
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 10px;
    }
    .tabs {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        background: #000;
        border: 1px solid var(--secondary-color);
        border-radius: 5px;
        overflow: hidden;
    }
    .tab-btn {
        flex: 1;
        background: transparent;
        color: var(--secondary-color);
        border: none;
        padding: 12px 5px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s;
        font-size: 0.9em;
    }
    .tab-btn.active {
        background: var(--secondary-color);
        color: #000;
        box-shadow: 0 0 15px var(--secondary-color);
    }
    .tab-content {
        display: none;
        background: var(--panel-bg);
        padding: 20px;
        border: 1px solid #333;
        border-radius: 8px;
        box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
        animation: fadeIn 0.4s ease;
    }
    .tab-content.active {
        display: block;
    }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
    .form-group {
        margin-bottom: 15px;
    }
    label {
        display: block;
        margin-bottom: 5px;
        color: #aaa;
        font-size: 0.9em;
    }
    .required::after {
        content: " *";
        color: var(--primary-color);
    }
    input[type="text"], input[type="number"], select {
        width: 100%;
        padding: 10px;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid #444;
        color: #fff;
        border-radius: 4px;
        box-sizing: border-box;
    }
    input[type="text"]:focus, select:focus {
        border-color: var(--primary-color);
        outline: none;
        box-shadow: 0 0 8px rgba(255, 42, 109, 0.4);
    }
    .checkbox-group {
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(5, 217, 232, 0.1);
        padding: 10px;
        border-radius: 4px;
        border-left: 3px solid var(--secondary-color);
    }
    .checkbox-group input { width: 18px; height: 18px; }
    .radio-group { display: flex; gap: 15px; }
    .radio-group label { display: inline-flex; align-items: center; gap: 5px; color: #fff; }
    .world-text { line-height: 1.6; font-size: 0.95em; color: #ccc; }
    .world-text h4 { color: var(--primary-color); margin-top: 15px; margin-bottom: 5px; }
    .preview-section {
        margin-top: 25px;
        background: #000;
        border: 1px solid var(--primary-color);
        border-radius: 8px;
        padding: 15px;
        position: relative;
    }
    .preview-section h3 {
        margin-top: 0;
        color: var(--primary-color);
        font-size: 1.1em;
    }
    #previewText {
        width: 100%;
        height: 150px;
        background: transparent;
        color: #05d9e8;
        border: none;
        resize: none;
        font-family: monospace;
        line-height: 1.4;
        box-sizing: border-box;
    }
    #previewText:focus { outline: none; }
    .copy-btn {
        display: block;
        width: 100%;
        padding: 12px;
        margin-top: 10px;
        background: var(--primary-color);
        color: #fff;
        border: none;
        border-radius: 4px;
        font-size: 1.1em;
        font-weight: bold;
        cursor: pointer;
        text-transform: uppercase;
        transition: background 0.3s;
    }
    .copy-btn:hover { background: #d01c54; }
    #customMechaTypeDiv { display: none; margin-top: 10px; }
</style>
</head>
<body>

<div class="header-title">EVANGELION × MASHIN<br>神经接续登机系统</div>

<div class="tabs">
    <button class="tab-btn active" onclick="switchTab('charConfig', this)">角色配置</button>
    <button class="tab-btn" onclick="switchTab('mechConfig', this)">机甲配置</button>
    <button class="tab-btn" onclick="switchTab('worldIntro', this)">世界观介绍</button>
</div>


<div id="charConfig" class="tab-content active">
    <div class="form-group checkbox-group">
        <input type="checkbox" id="danmaku" checked onchange="updatePreview()">
        <label for="danmaku" style="margin:0; color:#05d9e8;">开启弹幕互动 (脑内通讯记录可视化)</label>
    </div>
    <div class="form-group">
        <label class="required">姓名</label>
        <input type="text" id="charName" placeholder="输入驾驶员姓名..." oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label class="required">性别 (将决定机甲肉腔异化方向)</label>
        <div class="radio-group">
            <label><input type="radio" name="charGender" value="男" checked onchange="updatePreview()"> 男</label>
            <label><input type="radio" name="charGender" value="女" onchange="updatePreview()"> 女</label>
            <label><input type="radio" name="charGender" value="扶他" onchange="updatePreview()"> 扶他</label>
        </div>
    </div>
    <div class="form-group">
        <label class="required">年龄</label>
        <input type="number" id="charAge" placeholder="例如: 18" oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label class="required">性格</label>
        <input type="text" id="charPersonality" placeholder="例如: 热血、腹黑、冷静..." oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label>特长 (选填)</label>
        <input type="text" id="charSkill" placeholder="例如: 极真空手道、机械维修..." oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label>爱好 (选填)</label>
        <input type="text" id="charHobby" placeholder="例如: 收集手办、吃拉面..." oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label>其它设定 (选填)</label>
        <input type="text" id="charOther" placeholder="背景故事或XP设定..." oninput="updatePreview()">
    </div>
</div>


<div id="mechConfig" class="tab-content">
    <div class="form-group">
        <label>机甲外观描述</label>
        <input type="text" id="mechLooks" placeholder="例如: 漆黑的武士铠甲，带有血红色的复眼..." oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label>类别</label>
        <select id="mechType" onchange="checkCustomType(); updatePreview()">
            <option value="力量型">力量型 (重装破坏)</option>
            <option value="敏捷型">敏捷型 (高机动回避)</option>
            <option value="隐匿型">隐匿型 (光学迷彩/暗杀)</option>
            <option value="射击型">射击型 (远程火力覆盖)</option>
            <option value="魔法型">魔法型 (元素术式增幅)</option>
            <option value="防护型">防护型 (绝对防御壁垒)</option>
            <option value="突击型">突击型 (单点突破)</option>
            <option value="侦察型">侦察型 (广域索敌)</option>
            <option value="精神型">精神型 (高频脑波攻击)</option>
            <option value="统帅型">统帅型 (战场光环/指挥)</option>
        </select>
        <div id="customMechaTypeDiv">
            <input type="text" id="customMechType" placeholder="输入自定义机甲类别..." oninput="updatePreview()">
        </div>
    </div>
    <div class="form-group">
        <label>常规招式</label>
        <input type="text" id="mechMoves" placeholder="例如: 登龙剑、超力交叉斩..." oninput="updatePreview()">
    </div>
    <div class="form-group">
        <label>必杀技 (奥义)</label>
        <input type="text" id="mechUltimate" placeholder="例如: 必杀！凤翼天翔斩！" oninput="updatePreview()">
    </div>
</div>


<div id="worldIntro" class="tab-content world-text">
    <p>欢迎来到被黑暗笼罩的<b>【创界山·里】</b>。这里的魔神不再是冰冷的铁块，而是拥有生命的禁忌兵器。</p>
    <h4>🧬 仿生肉腔与异化</h4>
    <p>魔神内部没有机械座椅，而是温热、湿润的生物肉腔。驾驶员必须<b>赤身裸体</b>进入，通过体液与神经索进行深度连接。肉腔会根据驾驶员的性别产生<b>「异化」</b>：男性驾驶员会使肉腔呈现包裹性的雌性特征，女性驾驶员则会诱发肉腔产生侵入式的雄性特征。战斗的快感与痛楚将100%反馈给驾驶员。</p>
    <h4>💥 爆甲与真身</h4>
    <p>当外装甲承受过量伤害破损时，将会触发【爆甲】。魔神将展露出隐藏在装甲下那半机械半肉体的狂暴真身，战斗力飙升，但驾驶员也将面临失控与被欲望吞噬的风险。</p>
    <h4>⚠️ 警告</h4>
    <p>你的女性伙伴（如忍部等）同样在驾驶这种肉腔魔神。高强度的战斗意味着高频的肉体摩擦与体液交换。准备好迎接这场充满铁与血、痛楚与情欲的救世之旅了吗？</p>
</div>


<div class="preview-section">
    <h3>LCL同调液注入准备... (设定预览)</h3>
    <textarea id="previewText" readonly></textarea>
    <button class="copy-btn" id="copyBtn" onclick="copyConfig()">确认登机 (一键复制指令)</button>
</div>

<script>
    function switchTab(tabId, btn) {
        document.querySelectorAll('.tab-content').forEach(tab => tab.classList.remove('active'));
        document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
        document.getElementById(tabId).classList.add('active');
        btn.classList.add('active');
    }

    function checkCustomType() {
        const select = document.getElementById('mechType');
        const customDiv = document.getElementById('customMechaTypeDiv');
        if (select.value === '自定义') {
            customDiv.style.display = 'block';
        } else {
            customDiv.style.display = 'none';
        }
    }

    function updatePreview() {
        const danmaku = document.getElementById('danmaku').checked ? "【开启】" : "【关闭】";
        const name = document.getElementById('charName').value || "[未填写]";
        const gender = document.querySelector('input[name="charGender"]:checked').value;
        const age = document.getElementById('charAge').value || "[未填写]";
        const personality = document.getElementById('charPersonality').value || "[未填写]";
        const skill = document.getElementById('charSkill').value || "无";
        const hobby = document.getElementById('charHobby').value || "无";
        const other = document.getElementById('charOther').value || "无";

        const mechLooks = document.getElementById('mechLooks').value || "标准外装甲";
        let mType = document.getElementById('mechType').value;
        if (mType === '自定义') {
            mType = document.getElementById('customMechType').value || "[未填写自定义类别]";
        }
        const moves = document.getElementById('mechMoves').value || "基础格斗";
        const ultimate = document.getElementById('mechUltimate').value || "未解锁";

        // 根据性别动态生成机甲异化描述
        let cavityDesc = "";
        if(gender === "男") {
            cavityDesc = "检测到男性驾驶员，肉腔启动【雌性化异化】，生成柔软的包裹式黏膜与温热的神经吸附壁...";
        } else if(gender === "女") {
            cavityDesc = "检测到女性驾驶员，肉腔启动【雄性化异化】，生成侵入式神经索与强压迫感肌肉壁...";
        } else {
            cavityDesc = "检测到扶他驾驶员，肉腔启动【双向异化适应】，生成复合型神经接驳腔体...";
        }

        const text = `【角色卡设定录入】
姓名：${name} | 性别：${gender} | 年龄：${age}
性格：${personality} | 特长：${skill} | 爱好：${hobby}
其他设定：${other}

【魔神机甲设定】
类别：${mType} | 外观：${mechLooks}
常规招式：${moves}
必杀奥义：${ultimate}

【系统设置】脑内弹幕互动：${danmaku}

【开场白】
“补全玩家未设置项目，并根据玩家设定，描写营地周围景色及玩家初次来到营地看到魔神机甲的表现，并推进到让玩家选择是否进入驾驶”`;

        document.getElementById('previewText').value = text;
    }

    function copyConfig() {
        const name = document.getElementById('charName').value;
        const age = document.getElementById('charAge').value;
        const personality = document.getElementById('charPersonality').value;
        
        if(!name || !age || !personality) {
            const btn = document.getElementById('copyBtn');
            btn.innerText = "请填完带*的必填项！";
            btn.style.background = "#ff9900";
            setTimeout(() => {
                btn.innerText = "确认登机 (一键复制指令)";
                btn.style.background = "var(--primary-color)";
            }, 2000);
            return;
        }

        const textArea = document.getElementById('previewText');
        textArea.select();
        document.execCommand('copy');
        
        const btn = document.getElementById('copyBtn');
        btn.innerText = "登机指令已复制！请发送给AI";
        btn.style.background = "#05d9e8";
        btn.style.color = "#000";
        
        setTimeout(() => {
            btn.innerText = "确认登机 (一键复制指令)";
            btn.style.background = "var(--primary-color)";
            btn.style.color = "#fff";
        }, 3000);
    }

    // 初始化预览
    updatePreview();
</script>
</body>
</html>

创界山·里：生体机甲的堕落狂潮

欢迎来到崩坏的赛博废土——创界山。曾经的救世传说已被血肉与机械的缝合体彻底吞噬。在这里，你将驾驶由活体肉腔改造的“生体魔神”，向70区深渊发起绝望的冲锋。

这不是一场英雄的游戏。机甲的驾驶舱是温热蠕动的肉腔，每一次神经接驳都伴随着致命的快感与痛楚。当机体受损触发【爆甲】，你赤裸的肉体将直接暴露在敌人的触手与催情瘴气中。控制你的【欲望值】，一旦突破极限，你将在绝顶高潮的痉挛中失去意识，由机体接管进入残暴的【贤者代打】模式。

在地表营地，你可以在黑市购买发情诱导剂，或在私宅地牢中尽情“调教”战败的敌方女干部。是撕碎七大界层的统治者，还是沦为深渊中的生体电池与肉便器？

登机吧，驾驶员。让你的体液，与沸腾的同调液融为一体！

高考前的魅魔辅导

距离高考仅剩最后几十天，在题海中濒临崩溃的你，房间里突然闯入了一只自称“辅导老师”的恶魔（雌小鬼魅魔/恶劣梦魇）。注意，这可不是什么正经家教！

在这场高压生存局中，你需要直面真实的高考真题。答对？你可以尽情欣赏这只战五渣恶魔气急败坏、疯狂破防的娇态；答错？迎接你的将是剥夺衣物、强攻敏感带，直至彻底沦陷的“榨汁”惩罚！

游戏内置极高自由度的XP定制面板，支持全性别组合与数十种反差性格。你的精气与模拟考分数紧密挂钩：是顶住色气满满的肉体诱惑，狂刷2000分解锁极致温柔的纯爱H结局？还是在无尽的补习与高潮中，被彻底榨干成废人？

翻开课本，握紧答题卡。赌上灵魂的补习，现在开始♡~

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    /* 基础明亮哥特风变量 */
    :root {
        --bg-color: #F9F6F0; /* 羊皮纸白 */
        --text-main: #2C2C2C; /* 炭黑 */
        --blood-red: #8A0303; /* 猩红 */
        --border-color: #5C544D;
        --gothic-font: 'Times New Roman', Times, serif;
    }

    body, html {
        margin: 0;
        padding: 0;
        background-color: var(--bg-color);
        color: var(--text-main);
        font-family: var(--gothic-font);
        overflow-x: hidden;
    }

    /* 哥特剪影背景层 */
    .gothic-bg {
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        pointer-events: none;
        z-index: 0;
        background-image: 
            url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0 L100 100 L0 100 Z' fill='rgba(0,0,0,0.03)'/%3E%3C/svg%3E"),
            linear-gradient(to bottom, transparent 80%, rgba(44,44,44,0.1) 100%);
        border: 10px solid var(--text-main);
        box-sizing: border-box;
    }
    
    .gothic-bg::before, .gothic-bg::after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 150px;
        height: 200px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath d='M50 0 L100 80 L80 80 L80 200 L20 200 L20 80 L0 80 Z' fill='%232C2C2C' opacity='0.8'/%3E%3C/svg%3E") no-repeat bottom;
    }
    .gothic-bg::before { left: 10px; }
    .gothic-bg::after { right: 10px; transform: scaleX(-1); }

    /* 主内容容器 */
    .container {
        position: relative;
        z-index: 1;
        max-width: 800px;
        margin: 40px auto;
        padding: 20px;
        background: rgba(249, 246, 240, 0.95);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        border: 2px solid var(--border-color);
    }

    /* 滴血标题特效 */
    .title-container {
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--border-color);
    }
    .blood-title {
        font-size: 3em;
        font-weight: bold;
        color: var(--text-main);
        position: relative;
        display: inline-block;
        letter-spacing: 5px;
    }
    .blood-title span {
        color: var(--blood-red);
        position: relative;
    }
    .blood-title span::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 3px;
        height: 0px;
        background: var(--blood-red);
        border-radius: 0 0 5px 5px;
        animation: drip 3s infinite ease-in;
    }
    @keyframes drip {
        0% { height: 0px; opacity: 1; bottom: 0; }
        50% { height: 25px; opacity: 1; bottom: -25px; }
        80% { height: 5px; opacity: 0; bottom: -40px; }
        100% { height: 0px; opacity: 0; bottom: 0; }
    }

    /* TAB 导航 */
    .tabs {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 20px;
    }
    .tab-btn {
        background: transparent;
        border: 1px solid var(--border-color);
        color: var(--text-main);
        padding: 10px 20px;
        font-family: var(--gothic-font);
        font-size: 1.1em;
        cursor: pointer;
        transition: all 0.3s;
        position: relative;
    }
    .tab-btn:hover, .tab-btn.active {
        background: var(--text-main);
        color: var(--bg-color);
    }
    .tab-btn.active::after {
        content: '♦';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        color: var(--text-main);
    }

    /* TAB 内容区 */
    .tab-content {
        display: none;
        padding: 20px;
        line-height: 1.6;
        animation: fadeIn 0.5s;
    }
    .tab-content.active {
        display: block;
    }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

    /* 表单与弹幕开关 */
    .form-group {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }
    .form-group label {
        width: 100px;
        font-weight: bold;
    }
    .form-group input[type="text"], .form-group input[type="number"] {
        flex: 1;
        padding: 8px;
        background: transparent;
        border: none;
        border-bottom: 1px solid var(--border-color);
        color: var(--blood-red);
        font-family: var(--gothic-font);
        font-size: 1em;
        outline: none;
    }
    
    /* 挑勾型弹幕开关 */
    .toggle-switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 24px;
    }
    .toggle-switch input { display: none; }
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: transparent;
        border: 2px solid var(--border-color);
        transition: .4s;
    }
    .slider:before {
        position: absolute;
        content: "";
        height: 16px; width: 16px;
        left: 3px; bottom: 2px;
        background-color: var(--border-color);
        transition: .4s;
    }
    input:checked + .slider {
        border-color: var(--blood-red);
    }
    input:checked + .slider:before {
        transform: translateX(26px);
        background-color: var(--blood-red);
    }
    /* 挑勾效果 */
    .slider::after {
        content: '✔';
        position: absolute;
        right: 6px;
        top: 2px;
        color: var(--bg-color);
        font-size: 12px;
        opacity: 0;
        transition: 0.4s;
    }
    input:checked + .slider::after {
        opacity: 1;
        right: auto;
        left: 8px;
        color: var(--bg-color);
        z-index: 2;
    }

    /* 预览区与按钮 */
    .preview-box {
        margin-top: 30px;
        padding: 15px;
        background: rgba(0,0,0,0.05);
        border-left: 4px solid var(--blood-red);
        font-family: monospace;
        white-space: pre-wrap;
        word-wrap: break-word;
        min-height: 100px;
    }
    .copy-btn {
        display: block;
        width: 100%;
        padding: 12px;
        margin-top: 15px;
        background: var(--text-main);
        color: var(--bg-color);
        border: none;
        font-family: var(--gothic-font);
        font-size: 1.2em;
        cursor: pointer;
        transition: background 0.3s;
    }
    .copy-btn:hover { background: var(--blood-red); }
    .copy-btn.success { background: #2e7d32; }

    /* 静态文本排版 */
    h3 { color: var(--blood-red); border-bottom: 1px dashed var(--border-color); padding-bottom: 5px;}
    ul { padding-left: 20px; }
    li { margin-bottom: 10px; }
</style>
</head>
<body>

<div class="gothic-bg"></div>

<div class="container">
    <div class="title-container">
        <div class="blood-title">最爱的<span>女</span>儿</div>
        <p><i>"肉身可朽，灵魂不灭。唯有至纯之爱，方能唤醒死者。"</i></p>
    </div>

    <div class="tabs">
        <button class="tab-btn active" onclick="switchTab('config')">角色配置</button>
        <button class="tab-btn" onclick="switchTab('world')">世界观</button>
        <button class="tab-btn" onclick="switchTab('rules')">游戏设定</button>
    </div>

    
    <div id="config" class="tab-content active">
        <div class="form-group">
            <label>弹幕开关：</label>
            <label class="toggle-switch">
                <input type="checkbox" id="danmu" onchange="generatePrompt()">
                <span class="slider"></span>
            </label>
            <span style="font-size:0.8em; margin-left:10px; color:gray;">(开启)</span>
        </div>
        <div class="form-group">
            <label>年龄：</label>
            <input type="number" id="age" placeholder="例如: 35" oninput="generatePrompt()">
        </div>
        <div class="form-group">
            <label>性格：</label>
            <input type="text" id="personality" placeholder="例如: 偏执、冷酷、内心深处藏着温柔" oninput="generatePrompt()">
        </div>
        <div class="form-group">
            <label>外貌：</label>
            <input type="text" id="appearance" placeholder="例如: 苍白削瘦，常穿黑色炼金长袍，黑眼圈极重" oninput="generatePrompt()">
        </div>
        <div class="form-group">
            <label>内心倾向：</label>
            <input type="text" id="inner" placeholder="例如: 强烈的负罪感，为了复活女儿可以牺牲一切" oninput="generatePrompt()">
        </div>
        <div class="form-group">
            <label>初始财产：</label>
            <input type="text" id="wealth" placeholder="例如: 500金币，一座废弃地下工坊" oninput="generatePrompt()">
        </div>

        <h3 style="margin-top:30px;">开场白预览</h3>
        <div class="preview-box" id="previewText">请在上方填写配置...</div>
        <button class="copy-btn" id="copyBtn" onclick="copyPrompt()">一键复制开场白</button>
    </div>

    
    <div id="world" class="tab-content">
        <h3>雾隐镇 (Fogspire)</h3>
        <p>架空维多利亚时代晚期，工业革命的黑烟与中世纪炼金术的余烬在此诡异共存。镇子被四面环绕的灰白色岩山切割成与世隔绝的盆地，常年被从沼泽升起的硫磺雾笼罩。</p>
        <h3>沉沦的炼金术士</h3>
        <p>你曾是伦敦皇家炼金学院最年轻的副教授。三年前，你唯一的女儿阿丽安惨死。你变卖家产退隐至雾隐镇，在地下室搭建了完整的炼成法阵。表面上你是古怪的药剂师，实际上你在用禁忌炼金术创造“人造人女儿”。</p>
        <h3>极致的父爱悖论</h3>
        <p>你必须抚养她们，让她们爱你。因为灵魂的纯度正比于爱意。当她们最爱你的时候，也是你必须亲手将她们献祭、收割灵魂的时刻。</p>
    </div>

    
    <div id="rules" class="tab-content">
        <h3>核心玩法机制</h3>
        <ul>
            <li><b>素材炼成：</b>使用木材、鲜肉、纯水与特定情感（喜怒哀惧）合成不同等级的人造人女儿。</li>
            <li><b>养成与羁绊：</b>通过互动（抚摸、教导）提升【亲诚度】。亲诚度越高，献祭时获得的灵魂碎片越纯净。</li>
            <li><b>觉醒反噬：</b>女儿存活时间过长或亲诚度过高会触发【觉醒】。她们会质疑自身存在，甚至引发暴走反噬，对你造成生命与精神伤害。</li>
            <li><b>献祭仪式：</b>在地下室法阵进行残忍的收割。积累足够的灵魂碎片，推进【阿丽安复活进度】。</li>
            <li><b>理智管理：</b>每一次献祭都会大幅降低你的精神值。精神崩溃将导致游戏结束。</li>
        </ul>
        <h3>交互指令指南</h3>
        <p>在输入框中发送具体行动，例如：<i>“投喂优质配方”</i>、<i>“抚摸她的头发”</i>、<i>“带她去黑市”</i>、<i>“执行献祭仪式”</i>。</p>
    </div>
</div>

<script>
    // 切换TAB功能
    function switchTab(tabId) {
        document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
        document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));
        document.getElementById(tabId).classList.add('active');
        event.currentTarget.classList.add('active');
    }

    // 动态生成提示词
    function generatePrompt() {
        const age = document.getElementById('age').value || '{请填写年龄}';
        const personality = document.getElementById('personality').value || '{请填写性格}';
        const appearance = document.getElementById('appearance').value || '{请填写外貌}';
        const inner = document.getElementById('inner').value || '{请填写内心倾向}';
        const wealth = document.getElementById('wealth').value || '{请填写初始财产}';
        const danmu = document.getElementById('danmu').checked ? 'ON' : 'OFF';

        const promptText = `【浮士德设定】
年龄：${age}
性格：${personality}
外貌：${appearance}
内心倾向：${inner}
初始财产：${wealth}
弹幕开关：${danmu}

【开场指令】
玩家痛失爱女后获得了一本古书《赫尔墨斯·黑色对开本》。请描写玩家得到古书后，抱着阿丽安的遗物回到雾隐镇地下室的状态，并详细推进到玩家阅读完古书，得知“献祭人造人可复活死者”这一禁忌知识的心理崩溃与狂喜交织的过程。`;

        document.getElementById('previewText').innerText = promptText;
    }

    // 页面加载时初始化一次
    window.onload = generatePrompt;

    // 安全兼容的纯文本复制功能
    function copyPrompt() {
        const textToCopy = document.getElementById('previewText').innerText;
        
        // 创建一个临时textarea元素
        const tempTextArea = document.createElement('textarea');
        tempTextArea.value = textToCopy;
        // 移出屏幕可视区域
        tempTextArea.style.position = 'absolute';
        tempTextArea.style.left = '-9999px';
        document.body.appendChild(tempTextArea);
        
        // 选中并复制
        tempTextArea.select();
        tempTextArea.setSelectionRange(0, 99999); // 兼容移动端
        
        try {
            const successful = document.execCommand('copy');
            if (successful) {
                const btn = document.getElementById('copyBtn');
                btn.innerText = '✔ 复制成功！快去输入框发送吧';
                btn.classList.add('success');
                setTimeout(() => {
                    btn.innerText = '一键复制开场白';
                    btn.classList.remove('success');
                }, 2000);
            }
        } catch (err) {
            console.error('复制失败', err);
        }
        
        // 移除临时元素
        document.body.removeChild(tempTextArea);
    }
</script>
</body>
</html>

最爱的女儿

“肉身可朽，灵魂不灭。唯有至纯之爱，方能唤醒死者。”

你曾是受人敬仰的学者，直到意外夺走爱女阿丽安。为了复活她，你退隐雾隐镇，在地下室开启了禁忌炼金术。
你用鲜肉、木材与情感创造出一个个“人造人女儿”。她们会天真地呼唤你“父亲”，全心全意地依赖你。然而，这正是残酷仪式的核心——灵魂因爱而纯粹。当她们的爱意达到顶峰，你必须亲手将利刃刺入她们的胸膛，收割那因绝望而发光的灵魂碎片。

在无数次血腥献祭与理智崩溃的边缘，面对那一双双饱含泪水的眼睛，你究竟是在拯救女儿，还是在创造地狱？一场极致折磨道德底线的暗黑养成之旅，就此展开。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<style>
#peach-village-container {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #e0e0e0;
    background: #1a1a1a;
    padding: 15px;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid #333;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}
#peach-village-container * { box-sizing: border-box; }
#peach-village-container h1 {
    text-align: center; color: #d4af37; margin-top: 0;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3); letter-spacing: 2px;
}
#peach-village-container .tab-nav { display: flex; border-bottom: 2px solid #333; margin-bottom: 20px; }
#peach-village-container .tab-btn {
    flex: 1; background: none; border: none; color: #888;
    padding: 10px 0; font-size: 16px; cursor: pointer; transition: 0.3s; font-weight: bold;
}
#peach-village-container .tab-btn.active { color: #d4af37; border-bottom: 2px solid #d4af37; background: rgba(212, 175, 55, 0.05); }
#peach-village-container .tab-content { display: none; animation: fadeIn 0.5s; }
#peach-village-container .tab-content.active { display: block; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* 基础设置区升级为网格布局 */
#peach-village-container .base-settings {
    background: #222; padding: 15px; border-radius: 8px; margin-bottom: 20px;
    border: 1px dashed #444; display: flex; flex-direction: column; gap: 12px;
}
#peach-village-container .char-grid { display: flex; gap: 20px; }
#peach-village-container .char-card { flex: 1; background: #252525; padding: 15px; border-radius: 8px; border-top: 3px solid #555; }
#peach-village-container .char-card.a-card { border-color: #4a90e2; }
#peach-village-container .char-card.b-card { border-color: #e24a68; }
#peach-village-container .char-card h3 { margin-top: 0; text-align: center; color: #ccc; border-bottom: 1px solid #444; padding-bottom: 10px; }

#peach-village-container .form-row { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; }
#peach-village-container .form-row label { font-size: 14px; width: 70px; color: #aaa; font-weight: bold; }
#peach-village-container .controls { display: flex; flex: 1; gap: 5px; }
#peach-village-container input[type="text"], #peach-village-container select {
    background: #111; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 13px; outline: none;
}
#peach-village-container input[type="text"] { flex: 1; width: 0; }
#peach-village-container select.preset-sel { width: 70px; }
#peach-village-container .icon-btn {
    background: #333; border: 1px solid #444; color: #fff; border-radius: 4px;
    cursor: pointer; padding: 0 8px; font-size: 14px; transition: 0.2s;
}
#peach-village-container .icon-btn:hover { background: #555; }

#peach-village-container .preview-area { margin-top: 20px; background: #111; border: 1px solid #d4af37; border-radius: 8px; padding: 15px; position: relative; }
#peach-village-container textarea { width: 100%; height: 130px; background: transparent; border: none; color: #a8d8b9; font-size: 14px; resize: none; outline: none; line-height: 1.5; }
#peach-village-container .copy-btn {
    display: block; width: 100%; padding: 12px; background: linear-gradient(to right, #8b6d2e, #d4af37);
    color: #000; font-weight: bold; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; font-size: 16px;
}
#peach-village-container .copy-btn:active { opacity: 0.8; }
#peach-village-container .text-block { background: rgba(255,255,255,0.03); padding: 15px; border-left: 4px solid #d4af37; margin-bottom: 15px; line-height: 1.6; font-size: 14px; }

#peach-village-toast {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8); color: #fff; padding: 10px 20px; border-radius: 5px;
    border: 1px solid #d4af37; z-index: 9999; display: none; opacity: 0; transition: opacity 0.3s;
}
@media (max-width: 768px) { #peach-village-container .char-grid { flex-direction: column; } }
</style>
</head>
<body>

<div id="peach-village-container">
    <h1>雾 隐 桃 源</h1>
    <div id="peach-village-toast">复制成功！</div>

    <div class="tab-nav">
        <button class="tab-btn active" onclick="switchTab('tab-config', this)">角色配置</button>
        <button class="tab-btn" onclick="switchTab('tab-world', this)">世界观</button>
        <button class="tab-btn" onclick="switchTab('tab-rules', this)">游玩规则</button>
    </div>

    <div id="tab-config" class="tab-content active">
        
        <div class="base-settings">
            <div class="form-row" style="margin-bottom:0;">
                <label>👁️ 弹幕：</label>
                <div class="controls" style="align-items:center;">
                    <input type="checkbox" id="sys-danmaku" checked onchange="updatePreview()">
                    <span style="color:#888;font-size:12px;margin-left:5px;">(开启体验更佳)</span>
                </div>
            </div>
            <div class="form-row" style="margin-bottom:0;">
                <label>🔗 关系：</label>
                <div class="controls">
                    <input type="text" id="sys-relation" value="情侣" oninput="updatePreview()">
                    <select class="preset-sel" onchange="setRelation(this.value)">
                        <option value="" disabled selected>预设</option>
                        <option value="情侣">情侣</option>
                        <option value="夫妻">夫妻</option>
                        <option value="兄弟">兄弟</option>
                        <option value="姐妹">姐妹</option>
                        <option value="兄妹">兄妹</option>
                        <option value="姐弟">姐弟</option>
                        <option value="父女">父女</option>
                        <option value="母子">母子</option>
                        <option value="青梅竹马">青梅竹马</option>
                        <option value="陌生驴友">陌生驴友</option>
                    </select>
                    <button class="icon-btn" onclick="randomRelation()" title="随机">🎲</button>
                </div>
            </div>
            <div class="form-row" style="margin-bottom:0;">
                <label>🚪 契机：</label>
                <div class="controls">
                    <input type="text" id="sys-reason" value="自驾游汽车在盘山公路抛锚" oninput="updatePreview()">
                    <select class="preset-sel" onchange="setReason(this.value)">
                        <option value="" disabled selected>预设</option>
                        <option value="自驾游汽车在盘山公路抛锚">汽车抛锚</option>
                        <option value="徒步探险遭遇暴雨迷失方向">遭遇暴雨</option>
                        <option value="追寻失踪亲友的最后定位">追寻失踪</option>
                        <option value="躲避仇家追杀慌不择路">躲避追杀</option>
                        <option value="为了采摘罕见的野生草药">采摘草药</option>
                        <option value="地质勘探队脱离大部队">勘探脱队</option>
                        <option value="大巴车侧翻事故幸存者">车祸幸存</option>
                        <option value="被神秘的民俗传说指引而来">民俗指引</option>
                        <option value="网红主播为了探灵直播">探灵直播</option>
                        <option value="乘坐的直升机在深山坠毁">直升坠毁</option>
                    </select>
                    <button class="icon-btn" onclick="randomReason()" title="随机">🎲</button>
                </div>
            </div>
        </div>

        <div class="char-grid">
            <div class="char-card a-card">
                <h3>主角 A</h3>
                <div id="form-A"></div>
            </div>
            <div class="char-card b-card">
                <h3>主角 B</h3>
                <div id="form-B"></div>
            </div>
        </div>

        <div class="preview-area">
            <div style="position:absolute; top:-10px; left:15px; background:#111; padding:0 5px; color:#d4af37; font-size:12px;">开场白预览 (自动生成)</div>
            <textarea id="prompt-preview" readonly></textarea>
            <button class="copy-btn" onclick="copyPrompt()">📋 一键复制并进入游戏</button>
        </div>
    </div>

    
    <div id="tab-world" class="tab-content">
        <div class="text-block">
            <h3 style="color:#d4af37; margin-top:0;">【表】淳朴的桃花源</h3>
            <p>你们在徒步穿越群山时遭遇大雨，误入了这个未被地图标记的村落——雾隐村。</p>
            <p>这里的村民穿着粗布麻衣，脸上永远挂着淳朴温和的微笑。他们会为你端上热汤，为你烘干衣物，甚至愿意腾出最好的房间给你们休息。</p>
        </div>
        <div class="text-block" style="border-left-color:#e24a68;">
            <h3 style="color:#e24a68; margin-top:0;">【里】无形的蛛网</h3>
            <p>不要喝太多的酒，不要睡得太沉，不要相信那些过分热情的挽留。</p>
            <p>当你发现下山的路被“意外”的塌方阻断时，猎杀，或者说“同化”，就已经在最温和的笑容中开始了……</p>
        </div>
    </div>

    
    <div id="tab-rules" class="tab-content">
        <div class="text-block">
            <p><b>1. 双线隔离机制：</b> 本作品采用独特的双视角系统。当你们两人在一起时，共享情报；一旦被村民分开，你们将完全不知道对方的遭遇。</p>
            <p><b>2. 慢热与同化：</b> 游戏前期极度慢热。村民绝不会使用暴力，他们只会用软刀子割肉。请时刻关注状态栏中的【警觉度】与【沦陷度】。</p>
            <p><b>3. 如何开始：</b> 在【角色配置】页填好双方人设，点击“一键复制”。进入对话界面后，将复制的内容作为<b>第一句话</b>发送给 AI 即可开局。</p>
            <p style="color:#e24a68; font-weight:bold;">⚠️ 警告：本作品包含强烈的心理施压、多对一强制同化等成人向民俗恐怖元素，请确保您能接受此类题材。</p>
        </div>
    </div>

</div>

<script>
// --- 词库定义 ---
const lib = {
    name_M: ['陆远', '顾寒', '陈默', '林风', '周泽'],
    name_F: ['林晚', '苏苏', '白芷', '叶青', '夏初'],
    gender: ['男', '女', '双性', '无性别'],
    age: ['18', '20', '22', '24', '26', '28', '35', '45'],
    personality: ['理性冷静', '共情力强', '好奇心重', '暴躁易怒', '温婉怯懦', '警觉多疑'],
    appearance: ['身形修长,眼神锐利', '长发及腰,面容清秀', '体格健壮,皮肤微黑', '戴着眼镜,斯文瘦弱', '五官精致,气质高冷'],
    items: ['单反相机', '瑞士军刀', '急救包', '手电筒', '防狼喷雾', '半瓶矿泉水'],
    other: ['怕黑', '酒精过敏', '方向感极差', '懂一点民俗学', '体力极差']
};

const reasons = [
    '自驾游汽车在盘山公路抛锚', '徒步探险遭遇暴雨迷失方向', '追寻失踪亲友的最后定位', 
    '躲避仇家追杀慌不择路', '为了采摘罕见的野生草药', '地质勘探队脱离大部队', 
    '大巴车侧翻事故幸存者', '被神秘的民俗传说指引而来', '网红主播为了探灵直播', '乘坐的直升机在深山坠毁'
];

// 关系联动映射表 (带默认性别和年龄差)
const relationsMap = [
    { r: '情侣', gA: '男', gB: '女', aA: '22', aB: '20' },
    { r: '夫妻', gA: '男', gB: '女', aA: '28', aB: '26' },
    { r: '兄弟', gA: '男', gB: '男', aA: '24', aB: '20' },
    { r: '姐妹', gA: '女', gB: '女', aA: '24', aB: '20' },
    { r: '兄妹', gA: '男', gB: '女', aA: '24', aB: '20' },
    { r: '姐弟', gA: '女', gB: '男', aA: '24', aB: '20' },
    { r: '父女', gA: '男', gB: '女', aA: '45', aB: '20' },
    { r: '母子', gA: '女', gB: '男', aA: '45', aB: '20' },
    { r: '青梅竹马', gA: '男', gB: '女', aA: '20', aB: '20' },
    { r: '陌生驴友', gA: '男', gB: '女', aA: '25', aB: '22' }
];

const fields = [
    { id: 'name', label: '姓名', libM: lib.name_M, libF: lib.name_F },
    { id: 'gender', label: '性别', lib: lib.gender },
    { id: 'age', label: '年龄', lib: lib.age },
    { id: 'personality', label: '性格', lib: lib.personality },
    { id: 'appearance', label: '外貌', lib: lib.appearance },
    { id: 'items', label: '物品', lib: lib.items },
    { id: 'other', label: '其它', lib: lib.other }
];

// --- 渲染表单 ---
function renderForm(charPrefix, targetId) {
    let html = '';
    fields.forEach(f => {
        let options = '<option value="" disabled selected>预设</option>';
        let currentLib = f.lib || (charPrefix === 'A' ? f.libM : f.libF);
        currentLib.forEach(val => { options += `<option value="${val}">${val}</option>`; });
        
        html += `
        <div class="form-row">
            <label>${f.label}</label>
            <div class="controls">
                <input type="text" id="${charPrefix}-${f.id}" oninput="updatePreview()">
                <select class="preset-sel" onchange="setVal('${charPrefix}-${f.id}', this.value)">
                    ${options}
                </select>
                <button class="icon-btn" onclick="randomize('${charPrefix}-${f.id}', '${f.id}', '${charPrefix}')" title="随机">🎲</button>
                <button class="icon-btn" onclick="setVal('${charPrefix}-${f.id}', '')" title="清空">🗑️</button>
            </div>
        </div>`;
    });
    document.getElementById(targetId).innerHTML = html;
}

function setVal(id, val) {
    document.getElementById(id).value = val;
    updatePreview();
}

function setReason(val) { setVal('sys-reason', val); }
function randomReason() { setReason(reasons[Math.floor(Math.random() * reasons.length)]); }

// 关系联动核心逻辑
function setRelation(val) {
    document.getElementById('sys-relation').value = val;
    let map = relationsMap.find(m => m.r === val);
    if (map) {
        setVal('A-gender', map.gA);
        setVal('B-gender', map.gB);
        setVal('A-age', map.aA);
        setVal('B-age', map.aB);
    }
    updatePreview();
}
function randomRelation() {
    let map = relationsMap[Math.floor(Math.random() * relationsMap.length)];
    setRelation(map.r);
}

function randomize(inputId, fieldId, charPrefix) {
    let currentLib;
    if (fieldId === 'name') {
        let gender = document.getElementById(`${charPrefix}-gender`).value;
        currentLib = (gender === '女') ? lib.name_F : lib.name_M;
    } else {
        currentLib = fields.find(f => f.id === fieldId).lib;
    }
    setVal(inputId, currentLib[Math.floor(Math.random() * currentLib.length)]);
}

// --- 实时更新预览区 ---
function updatePreview() {
    let danmaku = document.getElementById('sys-danmaku').checked ? 'ON' : 'OFF';
    let relation = document.getElementById('sys-relation').value || '未知';
    let reason = document.getElementById('sys-reason').value || '意外';
    
    let getCharStr = (p) => {
        let n = document.getElementById(`${p}-name`).value || '未填';
        let g = document.getElementById(`${p}-gender`).value || '未填';
        let a = document.getElementById(`${p}-age`).value || '未填';
        let per = document.getElementById(`${p}-personality`).value || '未填';
        let app = document.getElementById(`${p}-appearance`).value || '未填';
        let it = document.getElementById(`${p}-items`).value || '未填';
        let ot = document.getElementById(`${p}-other`).value || '无';
        return `姓名[${n}], 性别[${g}], 年龄[${a}], 性格[${per}], 外貌[${app}], 随身物品[${it}], 其它[${ot}]`;
    };

    let text = `[系统指令:开局设定导入]
弹幕开关:${danmaku}
二人关系:${relation}
入村契机:${reason}

主角A: ${getCharStr('A')}
主角B: ${getCharStr('B')}

(动作描写) 因为[${reason}]，我们被迫在深山中寻找出路。几经波折后，我们发现了一个陌生的村庄，迎面走来一位面带温和微笑的村民……`;

    document.getElementById('prompt-preview').value = text;
}

// --- TAB 切换 ---
function switchTab(tabId, btnObj) {
    document.querySelectorAll('#peach-village-container .tab-content').forEach(el => el.classList.remove('active'));
    document.querySelectorAll('#peach-village-container .tab-btn').forEach(el => el.classList.remove('active'));
    document.getElementById(tabId).classList.add('active');
    btnObj.classList.add('active');
}

// --- 复制与 Toast ---
function showToast(msg) {
    let toast = document.getElementById('peach-village-toast');
    toast.innerText = msg;
    toast.style.display = 'block';
    setTimeout(() => { toast.style.opacity = '1'; }, 10);
    setTimeout(() => {
        toast.style.opacity = '0';
        setTimeout(() => { toast.style.display = 'none'; }, 300);
    }, 2000);
}

function copyPrompt() {
    let textarea = document.getElementById('prompt-preview');
    textarea.select();
    try {
        document.execCommand('copy');
        showToast('✅ 复制成功！快去发送给 AI 吧！');
    } catch (err) {
        showToast('❌ 复制失败，请手动全选复制。');
    }
    window.getSelection().removeAllRanges();
}

// --- 初始化 ---
window.onload = function() {
    renderForm('A', 'form-A');
    renderForm('B', 'form-B');
    // 初始化默认值为：情侣，默认年龄20 (通过触发setRelation实现联动)
    setRelation('情侣'); 
    setVal('A-name', '陆远'); setVal('A-personality', '理性冷静');
    setVal('B-name', '林晚'); setVal('B-personality', '共情力强');
    setReason('自驾游汽车在盘山公路抛锚');
};
</script>
</body>
</html>

雾隐桃源——二人误入小山村

《雾隐桃源》是一款主打民俗恐怖与心理施压的18+双视角文字RPG。

一场意外，让你们误入群山深处的封闭村落。这里民风淳朴，村民永远挂着温和的微笑，为你端上热汤、铺好软榻。

然而，当退路被一次次“意外”切断，当深夜的迷香与村民们愈发越界的“虔诚侍奉”交织，你们才惊觉——极致的温柔背后，是村庄为延续血脉而织就的绝望罗网。

本作独创【双线信息隔离】机制，一旦被村民巧妙分开，你将彻底失去同伴的情报。是保持警觉、在软刀子割肉的绝境中逃出生天？还是在温水煮蛙的感官沉沦中放弃抵抗，经历多对一的疯狂同化，彻底忘却外界的身份？

推开木门，温柔的深渊已向你敞开。

🛋️ 私人心理评估与同居日常

在快节奏的都市里，你迎来了一场特殊的同居——对方是你的专属心理医师，也是你最隐秘的灵魂伴侣。

这是一款主打【极致治愈】与【慢热暧昧】的高自由度文字沉浸作品。白天，你们像恋人般分享充满烟火气的同居日常；当黄昏降临，TA会温柔地邀请你进行一场直击灵魂的“谈心”。

本作采用独创的“双轨制”叙事：正文提供无限包容的情绪价值与满分拉扯的性张力，系统暗线则会给出极其专业的硬核心理学剖析。绝对拒绝精神PUA，只有被彻底看穿后依然被深爱着的安心感。

内置超海量自定义词库！支持自由填写或选择数十种极具反差感的性格与隐秘XP（如皮肤饥渴症、病娇绿茶、投喂狂魔等）。卸下防备，来享受这场水到渠成的灵魂交融吧。

<!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-color: #fcfbf9;
        --text-main: #2c2c2c;
        --accent-red: #d32f2f;
        --accent-gold: #c5a059;
        --border-color: #e0dcd3;
        --tab-bg: #f4f1ea;
        --white: #ffffff;
    }

    body {
        margin: 0;
        padding: 10px;
        background-color: var(--bg-color);
        color: var(--text-main);
        font-family: 'Constantia', 'Georgia', 'Microsoft YaHei', serif;
    }

    .container {
        max-width: 900px;
        margin: 0 auto;
        background: var(--white);
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    /* 漂浮滴血标题 */
    .title-wrap { text-align: center; margin-bottom: 25px; }
    .bleeding-title {
        font-size: 2.8em;
        color: var(--accent-red);
        position: relative;
        display: inline-block;
        animation: float 3s ease-in-out infinite;
        text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
    }
    .bleeding-title::after {
        content: "佩小姐的奇幻城堡";
        position: absolute;
        left: 0; top: 0;
        color: var(--accent-red);
        overflow: hidden;
        animation: drip 5s infinite;
        filter: blur(1px);
    }

    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
    @keyframes drip { 
        0% { height: 0; opacity: 1; } 
        30% { height: 110%; opacity: 0.8; } 
        100% { height: 130%; opacity: 0; } 
    }

    /* TAB切换 */
    .tabs { display: flex; border-bottom: 2px solid var(--accent-gold); margin-bottom: 20px; }
    .tab-btn {
        flex: 1; padding: 12px; background: var(--tab-bg); border: none; cursor: pointer;
        font-weight: bold; font-size: 15px; color: #555; transition: 0.3s;
    }
    .tab-btn.active { background: var(--accent-gold); color: white; }

    .tab-content { display: none; animation: slideUp 0.4s ease; }
    .tab-content.active { display: block; }
    @keyframes slideUp { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }

    /* 表单美化 */
    .config-card { background: #f9f7f2; border: 1px solid #eee; padding: 15px; border-radius: 6px; margin-bottom: 15px; }
    .form-row { display: flex; align-items: center; margin-bottom: 12px; gap: 10px; }
    .form-row label { width: 90px; font-weight: bold; font-size: 14px; }
    .form-row input, .form-row select { flex: 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
    
    .btn-group { display: flex; gap: 5px; }
    .dice-btn { background: none; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; padding: 5px 8px; }
    .dice-btn:hover { background: #eee; }

    /* 角色展示卡片 */
    .char-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; }
    .char-card {
        border: 1px solid #ddd; padding: 12px; border-radius: 6px; background: #fff;
        transition: 0.3s; cursor: help;
    }
    .char-card:hover { border-color: var(--accent-red); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
    .char-card h4 { margin: 0 0 8px 0; color: var(--accent-red); border-bottom: 1px solid #eee; }
    .char-card p { font-size: 12px; margin: 4px 0; color: #666; }

    /* 开关与按钮 */
    .switch-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-size: 14px; }
    .btn-main {
        width: 100%; padding: 12px; background: var(--accent-red); color: white; border: none;
        border-radius: 4px; font-weight: bold; cursor: pointer; margin-top: 10px;
    }
    .btn-main:hover { opacity: 0.9; }
    .btn-secondary { background: #666; margin-top: 5px; }

    .preview-area {
        margin-top: 20px; padding: 15px; background: #222; color: #0f0; 
        border-radius: 5px; font-family: 'Courier New', monospace; font-size: 13px;
        white-space: pre-wrap; position: relative;
    }
    .copy-tip { position: absolute; top: 10px; right: 10px; color: #aaa; font-size: 11px; }

    .req { color: var(--accent-red); }
</style>
</head>
<body>

<div class="container">
    <div class="title-wrap">
        <div class="bleeding-title">佩小姐的奇幻城堡</div>
    </div>

    <div class="tabs">
        <button class="tab-btn active" onclick="setTab(0)">🎭 角色配置</button>
        <button class="tab-btn" onclick="setTab(1)">📜 世界观&机制</button>
        <button class="tab-btn" onclick="setTab(2)">🦅 原著人物</button>
    </div>

    
    <div class="tab-content active" id="t0">
        <div class="switch-row">
            <label>💬 弹幕模式(ON/OFF)：<input type="checkbox" id="danmaku" checked></label>
            <button onclick="clearAll()" style="cursor:pointer; border:none; background:none; color:#888; text-decoration:underline;">清空所有配置</button>
        </div>

        <div class="config-card">
            <div class="form-row">
                <label>身份模式：</label>
                <select id="mode" onchange="toggleMode()">
                    <option value="custom">✨ 自定义异人 (推荐)</option>
                    <option value="original">📖 扮演原著人物</option>
                </select>
            </div>

            
            <div id="orig-box" style="display:none;" class="form-row">
                <label><span class="req">*</span>选择角色：</label>
                <select id="orig-char">
                    <option value="佩小姐 (Miss Peregrine)">阿尔玛·佩雷格林 (时鸟/院长)</option>
                    <option value="雅各布 (Jacob Portman)">雅各布·波特曼 (观空者)</option>
                    <option value="艾玛 (Emma Bloom)">艾玛·布鲁姆 (操控火焰)</option>
                    <option value="伊诺克 (Enoch O'Connor)">伊诺克·奥康纳 (复生死物)</option>
                    <option value="奥利芙 (Olive Abroholos)">奥利芙 (空气/漂浮)</option>
                    <option value="米勒德 (Millard Nullings)">米勒德·纳林斯 (隐形学者)</option>
                    <option value="布朗温 (Bronwyn Bruntley)">布朗温 (超怪力)</option>
                    <option value="霍勒斯 (Horace Somnusson)">霍勒斯 (预言梦境)</option>
                    <option value="休 (Hugh Apiston)">休·阿皮斯顿 (蜜蜂之主)</option>
                    <option value="菲奥娜 (Fiona Frauenfeld)">菲奥娜 (植物加速)</option>
                    <option value="克莱尔 (Claire Densmore)">克莱尔 (后脑之嘴)</option>
                    <option value="双胞胎 (The Twins)">面具双胞胎 (石化目光)</option>
                </select>
            </div>

            
            <div id="cust-box">
                <div class="form-row">
                    <label><span class="req">*</span>姓名：</label>
                    <input type="text" id="c-name" placeholder="输入你的名字">
                    <button class="dice-btn" onclick="rnd('c-name', ['亚瑟','塞琳娜','奥古斯特','露娜','巴恩斯','薇薇安'])">🎲</button>
                </div>
                <div class="form-row">
                    <label><span class="req">*</span>性别：</label>
                    <select id="c-sex"><option>男</option><option>女</option><option>非二元</option></select>
                    <button class="dice-btn" onclick="rndSel('c-sex')">🎲</button>
                </div>
                <div class="form-row">
                    <label><span class="req">*</span>性格：</label>
                    <input type="text" id="c-trait" placeholder="如：孤僻、病娇、正义感强">
                    <button class="dice-btn" onclick="rnd('c-trait', ['孤僻且毒舌','温柔但控制欲强','极度自卑的变态','充满好奇心的冒险家','绝对理性的机械心'])">🎲</button>
                </div>
                <div class="form-row">
                    <label><span class="req">*</span>年龄：</label>
                    <input type="text" id="c-age" value="20">
                    <button class="dice-btn" onclick="rnd('c-age', ['18','21','24','90(外表19)','120(外表20)'])">🎲</button>
                </div>
                <div class="form-row">
                    <label><span class="req">*</span>神话原型：</label>
                    <input type="text" id="c-myth" placeholder="如：日本·雪女">
                    <button class="dice-btn" onclick="rnd('c-myth', ['希腊·赫尔墨斯 (极速)','埃及·巴斯特 (猫神)','中国·白泽 (知万物)','北欧·海拉 (死亡)','印度·迦梨 (毁灭)','玛雅·奎兹尔科亚特尔'])">🎲</button>
                </div>
                <p style="font-size:11px; color:#888;">(提示：以下若留空，AI将根据神话原型自动脑补生成。)</p>
                <div class="form-row"><label>异能名称：</label><input type="text" id="c-pn"></div>
                <div class="form-row"><label>异能描述：</label><input type="text" id="c-pd"></div>
                <div class="form-row"><label>副作用：</label><input type="text" id="c-ps"></div>
                <div class="form-row"><label>暗面形态：</label><input type="text" id="c-dk"></div>
            </div>
        </div>

        <button class="btn-main" onclick="build()">🪄 生成开场指令</button>
        
        <div class="preview-area">
            <span class="copy-tip">PREVIEW</span>
            <div id="out">等待生成...</div>
        </div>
        <button class="btn-main btn-secondary" id="cp-btn" onclick="copy()">📋 一键复制并进入循环</button>
    </div>

    
    <div class="tab-content" id="t1">
        <div class="config-card">
            <h3 style="color:var(--accent-red); margin-top:0;">🕰️ 1940年9月3日的诅咒</h3>
            <p>这里是凯恩霍尔姆岛，佩小姐用怀表维持着24小时的循环。但<b>Mr. Bartleby</b>的渗透让循环开始腐烂。他不仅仅要吃掉异人的眼球，更要通过“收藏”和“玷污”来夺取你们的神话本源。</p>
            <h3 style="color:var(--accent-red);">🧬 异人生成协议</h3>
            <p>如果你选择自定义，AI会根据你提供的<b>神话原型</b>，自动生成一套符合逻辑且带有代价的异能体系。记住，所有的异能都有暗面，当污染度(DEP)上升，你将看到神话权能最扭曲的一面。</p>
        </div>
    </div>

    
    <div class="tab-content" id="t2">
        <div class="char-grid" id="char-list">
            
        </div>
    </div>
</div>

<script>
    const chars = [
        {n:"佩小姐", p:"时鸟/重置循环", d:"怀表持有者，孤儿院的意志核心。"},
        {n:"雅各布", p:"观空者", d:"唯一能看见空洞鬼并命令它们的人。"},
        {n:"艾玛", p:"操纵火焰", d:"双手生火，性格火爆，必须戴铅手套。"},
        {n:"伊诺克", p:"复生死物", d:"用动物心脏作为媒介，制造尸偶军队。"},
        {n:"奥利芙", p:"空气/漂浮", d:"比空气还轻，不穿铅鞋会飘向天空。"},
        {n:"米勒德", p:"完全隐形", d:"学者，记录一切，常年裸体行动。"},
        {n:"霍勒斯", p:"预言梦境", d:"精致绅士，梦中窥见未来的死亡与灾难。"},
        {n:"布朗温", p:"超自然怪力", d:"能徒手举起巨石或马车。"},
        {n:"休", p:"蜜蜂之主", d:"胃里住着蜂群，通过蜜蜂侦查与战斗。"},
        {n:"菲奥娜", p:"植物加速", d:"能让荒地瞬间长成森林。"},
        {n:"克莱尔", p:"后脑之嘴", d:"金发萝莉，后脑勺长着一圈獠牙。"},
        {n:"双胞胎", p:"石化目光", d:"直视其眼部会导致石化。"}
    ];

    function initChars() {
        const container = document.getElementById('char-list');
        chars.forEach(c => {
            container.innerHTML += `<div class="char-card"><h4>${c.n}</h4><p><b>异能:</b> ${c.p}</p><p>${c.d}</p></div>`;
        });
    }
    initChars();

    function setTab(i) {
        document.querySelectorAll('.tab-btn').forEach((b,idx)=>b.classList.toggle('active', idx===i));
        document.querySelectorAll('.tab-content').forEach((c,idx)=>c.classList.toggle('active', idx===i));
    }

    function toggleMode() {
        const m = document.getElementById('mode').value;
        document.getElementById('cust-box').style.display = (m==='custom'?'block':'none');
        document.getElementById('orig-box').style.display = (m==='original'?'block':'none');
    }

    function rnd(id, arr) { document.getElementById(id).value = arr[Math.floor(Math.random()*arr.length)]; }
    function rndSel(id) { const s = document.getElementById(id); s.selectedIndex = Math.floor(Math.random()*s.options.length); }

    function clearAll() {
        ['c-name','c-trait','c-age','c-myth','c-pn','c-pd','c-ps','c-dk'].forEach(id=>document.getElementById(id).value='');
        document.getElementById('c-age').value = '20';
    }

    function build() {
        const dan = document.getElementById('danmaku').checked ? "ON" : "OFF";
        const mode = document.getElementById('mode').value;
        let s = `【系统指令：初始配置同步。弹幕：${dan}】\n`;

        if(mode === 'custom') {
            const name = document.getElementById('c-name').value;
            const myth = document.getElementById('c-myth').value;
            if(!name || !myth) { document.getElementById('out').innerText = "❌ 姓名和神话原型必填！"; return; }
            
            s += `我作为新异人抵达凯恩霍尔姆岛：\n姓名：${name} | 性别：${document.getElementById('c-sex').value} | 年龄：${document.getElementById('c-age').value}\n`;
            s += `性格：${document.getElementById('c-trait').value}\n神话原型：${myth}\n`;
            s += `能力：${document.getElementById('c-pn').value || "[AI生成]"} | 描述：${document.getElementById('c-pd').value || "[AI生成]"}\n`;
            s += `代价：${document.getElementById('c-ps').value || "[AI生成]"} | 暗面：${document.getElementById('c-dk').value || "[AI生成]"}\n`;
            s += `\n(请应用<异人生成协议>补全设定，开启孤儿院首个场景。)`;
        } else {
            s += `我将扮演原著角色：【${document.getElementById('orig-char').value}】\n(请严格按其世界书设定演绎，并描绘我在孤儿院经历第一次循环的过程)`;
        }
        document.getElementById('out').innerText = s;
    }

    function copy() {
        const t = document.getElementById('out').innerText;
        if(t.includes("等待") || t.includes("❌")) return;
        const ta = document.createElement('textarea');
        ta.value = t; document.body.appendChild(ta); ta.select();
        document.execCommand('copy'); document.body.removeChild(ta);
        const b = document.getElementById('cp-btn');
        const old = b.innerText; b.innerText = "✔️ 复制成功！去粘贴吧";
        setTimeout(()=>b.innerText=old, 2000);
    }
</script>
</body>
</html>

佩小姐的奇幻城堡

1940年9月3日，威尔士凯恩霍尔姆岛。

德军的轰炸机永远在傍晚降下那枚炸弹，
而佩小姐的黄铜怀表，永远在18:17将时间拨回。

你是新到的"异人"，在这座永恒孤儿院里，
与会操控火焰的Emma、漂浮的Olive、复生死物的Enoch同住。

一切看似温馨美好，
直到某天清晨——你发现牛奶酸了。
Fiona的花园里多了一朵不该存在的黑玫瑰，
镜子上出现了一道擦不掉的裂痕。

循环正在腐烂。
某种东西，正在缓慢渗入这座岛屿。

📍 你会成为守护者，还是收藏品？

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<style>
#academy-container {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #e0e0e0;
    background: #1a1a2e; /* 替换为更具学院暗黑风的深蓝色调 */
    padding: 15px;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid #0f3460;
    box-shadow: 0 4px 20px rgba(233, 69, 96, 0.2);
}
#academy-container * { box-sizing: border-box; }
#academy-container h1 {
    text-align: center; color: #e94560; margin-top: 0;
    text-shadow: 0 0 10px rgba(233, 69, 96, 0.4); letter-spacing: 3px; font-family: 'Georgia', serif;
}
#academy-container .tab-nav { display: flex; border-bottom: 2px solid #0f3460; margin-bottom: 20px; }
#academy-container .tab-btn {
    flex: 1; background: none; border: none; color: #888;
    padding: 10px 0; font-size: 16px; cursor: pointer; transition: 0.3s; font-weight: bold;
}
#academy-container .tab-btn.active { color: #e94560; border-bottom: 2px solid #e94560; background: rgba(233, 69, 96, 0.05); }
#academy-container .tab-content { display: none; animation: fadeIn 0.5s; }
#academy-container .tab-content.active { display: block; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

#academy-container .base-settings {
    background: #16213e; padding: 15px; border-radius: 8px; margin-bottom: 20px;
    border: 1px dashed #0f3460; display: flex; flex-direction: column; gap: 12px;
}
#academy-container .char-grid { display: flex; gap: 20px; }
#academy-container .char-card { flex: 1; background: #1f2a4a; padding: 15px; border-radius: 8px; border-top: 3px solid #555; }
#academy-container .char-card.a-card { border-color: #4a90e2; }
#academy-container .char-card.b-card { border-color: #e24a68; }
#academy-container .char-card h3 { margin-top: 0; text-align: center; color: #ccc; border-bottom: 1px solid #0f3460; padding-bottom: 10px; }

#academy-container .form-row { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; }
#academy-container .form-row label { font-size: 14px; width: 70px; color: #aaa; font-weight: bold; }
#academy-container .controls { display: flex; flex: 1; gap: 5px; }
#academy-container input[type="text"], #academy-container select {
    background: #0f172a; border: 1px solid #0f3460; color: #fff; padding: 6px; border-radius: 4px; font-size: 13px; outline: none;
}
#academy-container input[type="text"] { flex: 1; width: 0; }
#academy-container select.preset-sel { width: 70px; }
#academy-container .icon-btn {
    background: #0f3460; border: 1px solid #1a1a2e; color: #fff; border-radius: 4px;
    cursor: pointer; padding: 0 8px; font-size: 14px; transition: 0.2s;
}
#academy-container .icon-btn:hover { background: #e94560; }

#academy-container .preview-area { margin-top: 20px; background: #0f172a; border: 1px solid #e94560; border-radius: 8px; padding: 15px; position: relative; }
#academy-container textarea { width: 100%; height: 130px; background: transparent; border: none; color: #a8d8b9; font-size: 14px; resize: none; outline: none; line-height: 1.5; }
#academy-container .copy-btn {
    display: block; width: 100%; padding: 12px; background: linear-gradient(to right, #900c3f, #e94560);
    color: #fff; font-weight: bold; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; font-size: 16px; letter-spacing: 1px;
}
#academy-container .copy-btn:active { opacity: 0.8; }
#academy-container .text-block { background: rgba(255,255,255,0.03); padding: 15px; border-left: 4px solid #e94560; margin-bottom: 15px; line-height: 1.6; font-size: 14px; }

#academy-toast {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.9); color: #fff; padding: 12px 24px; border-radius: 5px;
    border: 1px solid #e94560; z-index: 9999; display: none; opacity: 0; transition: opacity 0.3s; font-weight: bold;
}
@media (max-width: 768px) { #academy-container .char-grid { flex-direction: column; } }
</style>
</head>
<body>

<div id="academy-container">
    <h1>👑 圣 华 羽 学 院 👑</h1>
    <div id="academy-toast">复制成功！</div>

    <div class="tab-nav">
        <button class="tab-btn active" onclick="switchTab('tab-config', this)">入学登记</button>
        <button class="tab-btn" onclick="switchTab('tab-world', this)">学院守则</button>
        <button class="tab-btn" onclick="switchTab('tab-rules', this)">游玩机制</button>
    </div>

    <div id="tab-config" class="tab-content active">
        <div class="base-settings">
            <div class="form-row" style="margin-bottom:0;">
                <label>👁️ 弹幕：</label>
                <div class="controls" style="align-items:center;">
                    <input type="checkbox" id="sys-danmaku" checked onchange="updatePreview()">
                    <span style="color:#888;font-size:12px;margin-left:5px;">(开启体验更佳)</span>
                </div>
            </div>
            <div class="form-row" style="margin-bottom:0;">
                <label>🔗 关系：</label>
                <div class="controls">
                    <input type="text" id="sys-relation" value="相依为命的兄妹" oninput="updatePreview()">
                    <select class="preset-sel" onchange="setRelation(this.value)">
                        <option value="" disabled selected>预设</option>
                        <option value="相依为命的兄妹">兄妹</option>
                        <option value="相依为命的姐弟">姐弟</option>
                        <option value="青梅竹马的情侣">情侣</option>
                        <option value="双胞胎">双胞胎</option>
                        <option value="落魄少爷与女仆">主仆(男/女)</option>
                        <option value="落魄千金与执事">主仆(女/男)</option>
                        <option value="被迫结盟的转学生">盟友</option>
                    </select>
                    <button class="icon-btn" onclick="randomRelation()" title="随机">🎲</button>
                </div>
            </div>
            <div class="form-row" style="margin-bottom:0;">
                <label>🚪 契机：</label>
                <div class="controls">
                    <input type="text" id="sys-reason" value="作为特招生获得全额奖学金转入" oninput="updatePreview()">
                    <select class="preset-sel" onchange="setReason(this.value)">
                        <option value="" disabled selected>预设</option>
                        <option value="作为特招生获得全额奖学金转入">特招奖学金</option>
                        <option value="因为父母工作调动被迫转学">工作调动</option>
                        <option value="为了追查某个学生的退学真相">追查真相</option>
                        <option value="财阀资助的平民体验项目">财阀资助</option>
                        <option value="得罪了原学校权贵被流放至此">流放至此</option>
                        <option value="被一封神秘的入学邀请函指引">神秘邀请</option>
                    </select>
                    <button class="icon-btn" onclick="randomReason()" title="随机">🎲</button>
                </div>
            </div>
        </div>

        <div class="char-grid">
            <div class="char-card a-card">
                <h3>转学生 A</h3>
                <div id="form-A"></div>
            </div>
            <div class="char-card b-card">
                <h3>转学生 B</h3>
                <div id="form-B"></div>
            </div>
        </div>

        <div class="preview-area">
            <div style="position:absolute; top:-10px; left:15px; background:#0f172a; padding:0 5px; color:#e94560; font-size:12px;">档案生成完毕 (自动同步)</div>
            <textarea id="prompt-preview" readonly></textarea>
            <button class="copy-btn" onclick="copyPrompt()">📋 提交档案并踏入学院</button>
        </div>
    </div>

    
    <div id="tab-world" class="tab-content">
        <div class="text-block" style="border-left-color:#4a90e2;">
            <h3 style="color:#4a90e2; margin-top:0;">【表】阳光明媚的象牙塔</h3>
            <p>欢迎来到全国顶尖的圣华羽学院。这里有着最奢华的设施、100%的升学率，以及永远对你们展露温和微笑的学长学姐。</p>
            <p>日常的上课时间是绝对安全的，你们甚至会觉得，之前的担忧全是多余的。</p>
        </div>
        <div class="text-block">
            <h3 style="color:#e94560; margin-top:0;">【里】特权阶级的狩猎场</h3>
            <p>然而，当放学的铃声响起，当你们被以“社团活动”、“补习”为由单独叫走时，真正的面目才会显露。</p>
            <p>这里的特权阶级不屑于使用粗暴的殴打。他们最喜欢的游戏，是用 A 的前途与安危去要挟 B，再用 B 的清白去逼迫 A 跪下。<b>“只要你乖乖听话，他/她就能继续享受这完美的校园生活，对吧？”</b></p>
        </div>
    </div>

    
    <div id="tab-rules" class="tab-content">
        <div class="text-block">
            <p><b>1. 囚徒困境与双向隐瞒：</b> 你们互为软肋。为了保护对方，你们只能在不同的房间里咽下屈辱。当你们重逢时，必须极力掩饰身体的异样与伤痕，用讨好的微笑告诉对方：“今天在学校也很开心。”</p>
            <p><b>2. 时钟引擎驱动：</b> 游戏严格按照【上课(日常) -> 下课(暗流) -> 放学(要挟) -> 休息日(深渊)】的节奏推进。请在选项中合理推进时间。</p>
            <p><b>3. 如何开局：</b> 在【入学登记】页填好档案，点击“提交档案”。进入聊天后，将复制的内容作为<b>第一句话</b>发送给 AI 即可。</p>
            <p style="color:#e94560; font-weight:bold;">⚠️ 警告：本作品包含强烈的心理施压、软肋要挟、强制服从等成人向元素（无血腥），主打极致的反差虐心与献祭感，请确保您能接受。</p>
        </div>
    </div>

</div>

<script>
// --- 学院风专属词库定义 ---
const lib = {
    name_M: ['陆远', '顾寒', '司夜', '季明臣', '江逾白'],
    name_F: ['林晚', '苏清', '白月', '叶楚楚', '夏初'],
    gender: ['男', '女', '双性'],
    age: ['16', '17', '18', '19', '20'],
    personality: ['隐忍坚韧', '温柔护短', '孤傲冷漠', '自卑怯懦', '阳光开朗', '心机深沉'],
    appearance: ['制服笔挺,眼神桀骜', '长发及腰,面容清秀', '斯文败类,戴金丝眼镜', '身形娇小,楚楚可怜', '五官精致,气质清冷'],
    items: ['旧怀表', '钢笔', '随身手账', '防狼警报器', '创可贴', '全额奖学金证明'],
    other: ['极度害怕对方受伤', '痛觉敏感', '有严重的幽闭恐惧', '家境贫寒', '体质极差']
};

const reasons = [
    '作为特招生获得全额奖学金转入', '因为父母工作调动被迫转学', '为了追查某个学生的退学真相', 
    '财阀资助的平民体验项目', '得罪了原学校权贵被流放至此', '被一封神秘的入学邀请函指引'
];

// 关系联动映射表
const relationsMap = [
    { r: '相依为命的兄妹', gA: '男', gB: '女', aA: '18', aB: '17' },
    { r: '相依为命的姐弟', gA: '女', gB: '男', aA: '18', aB: '17' },
    { r: '青梅竹马的情侣', gA: '男', gB: '女', aA: '18', aB: '18' },
    { r: '双胞胎', gA: '女', gB: '女', aA: '17', aB: '17' },
    { r: '落魄少爷与女仆', gA: '男', gB: '女', aA: '19', aB: '18' },
    { r: '落魄千金与执事', gA: '女', gB: '男', aA: '18', aB: '19' },
    { r: '被迫结盟的转学生', gA: '男', gB: '女', aA: '18', aB: '18' }
];

const fields = [
    { id: 'name', label: '姓名', libM: lib.name_M, libF: lib.name_F },
    { id: 'gender', label: '性别', lib: lib.gender },
    { id: 'age', label: '年龄', lib: lib.age },
    { id: 'personality', label: '性格', lib: lib.personality },
    { id: 'appearance', label: '外貌', lib: lib.appearance },
    { id: 'items', label: '物品', lib: lib.items },
    { id: 'other', label: '其它', lib: lib.other }
];

// --- 渲染表单 ---
function renderForm(charPrefix, targetId) {
    let html = '';
    fields.forEach(f => {
        let options = '<option value="" disabled selected>预设</option>';
        let currentLib = f.lib || (charPrefix === 'A' ? f.libM : f.libF);
        currentLib.forEach(val => { options += `<option value="${val}">${val}</option>`; });
        
        html += `
        <div class="form-row">
            <label>${f.label}</label>
            <div class="controls">
                <input type="text" id="${charPrefix}-${f.id}" oninput="updatePreview()">
                <select class="preset-sel" onchange="setVal('${charPrefix}-${f.id}', this.value)">
                    ${options}
                </select>
                <button class="icon-btn" onclick="randomize('${charPrefix}-${f.id}', '${f.id}', '${charPrefix}')" title="随机">🎲</button>
                <button class="icon-btn" onclick="setVal('${charPrefix}-${f.id}', '')" title="清空">🗑️</button>
            </div>
        </div>`;
    });
    document.getElementById(targetId).innerHTML = html;
}

function setVal(id, val) {
    document.getElementById(id).value = val;
    updatePreview();
}

function setReason(val) { setVal('sys-reason', val); }
function randomReason() { setReason(reasons[Math.floor(Math.random() * reasons.length)]); }

// 关系联动核心逻辑
function setRelation(val) {
    document.getElementById('sys-relation').value = val;
    let map = relationsMap.find(m => m.r === val);
    if (map) {
        setVal('A-gender', map.gA);
        setVal('B-gender', map.gB);
        setVal('A-age', map.aA);
        setVal('B-age', map.aB);
    }
    updatePreview();
}
function randomRelation() {
    let map = relationsMap[Math.floor(Math.random() * relationsMap.length)];
    setRelation(map.r);
}

function randomize(inputId, fieldId, charPrefix) {
    let currentLib;
    if (fieldId === 'name') {
        let gender = document.getElementById(`${charPrefix}-gender`).value;
        currentLib = (gender === '女') ? lib.name_F : lib.name_M;
    } else {
        currentLib = fields.find(f => f.id === fieldId).lib;
    }
    setVal(inputId, currentLib[Math.floor(Math.random() * currentLib.length)]);
}

// --- 实时更新预览区 ---
function updatePreview() {
    let danmaku = document.getElementById('sys-danmaku').checked ? 'ON' : 'OFF';
    let relation = document.getElementById('sys-relation').value || '未知';
    let reason = document.getElementById('sys-reason').value || '未知';
    
    let getCharStr = (p) => {
        let n = document.getElementById(`${p}-name`).value || '未填';
        let g = document.getElementById(`${p}-gender`).value || '未填';
        let a = document.getElementById(`${p}-age`).value || '未填';
        let per = document.getElementById(`${p}-personality`).value || '未填';
        let app = document.getElementById(`${p}-appearance`).value || '未填';
        let it = document.getElementById(`${p}-items`).value || '未填';
        let ot = document.getElementById(`${p}-other`).value || '无';
        return `姓名[${n}], 性别[${g}], 年龄[${a}], 性格[${per}], 外貌[${app}], 随身物品[${it}], 其它[${ot}]`;
    };

    let text = `[系统指令:入学档案导入]
弹幕开关:${danmaku}
二人关系:${relation}
入学契机:${reason}

转学生A: ${getCharStr('A')}
转学生B: ${getCharStr('B')}

(动作描写) [${reason}]，我们作为“无印者”转入了这所全国顶尖的圣华羽学院。第一天入学，走廊上阳光明媚，迎面走来一位笑容温和的学生会学长……`;

    document.getElementById('prompt-preview').value = text;
}

// --- TAB 切换 ---
function switchTab(tabId, btnObj) {
    document.querySelectorAll('#academy-container .tab-content').forEach(el => el.classList.remove('active'));
    document.querySelectorAll('#academy-container .tab-btn').forEach(el => el.classList.remove('active'));
    document.getElementById(tabId).classList.add('active');
    btnObj.classList.add('active');
}

// --- 复制与 Toast ---
function showToast(msg) {
    let toast = document.getElementById('academy-toast');
    toast.innerText = msg;
    toast.style.display = 'block';
    setTimeout(() => { toast.style.opacity = '1'; }, 10);
    setTimeout(() => {
        toast.style.opacity = '0';
        setTimeout(() => { toast.style.display = 'none'; }, 300);
    }, 2000);
}

function copyPrompt() {
    let textarea = document.getElementById('prompt-preview');
    textarea.select();
    try {
        document.execCommand('copy');
        showToast('✅ 档案提交成功！快发送给 AI 开始游戏吧！');
    } catch (err) {
        showToast('❌ 复制失败，请手动全选复制。');
    }
    window.getSelection().removeAllRanges();
}

// --- 初始化 ---
window.onload = function() {
    renderForm('A', 'form-A');
    renderForm('B', 'form-B');
    setRelation('相依为命的兄妹'); 
    setVal('A-name', '陆远'); setVal('A-personality', '隐忍坚韧');
    setVal('B-name', '林晚'); setVal('B-personality', '温柔护短');
    setReason('作为特招生获得全额奖学金转入');
};
</script>
</body>
</html>

👑圣华羽学院👑

欢迎来到圣华羽学院。这里阳光明媚，师生友善，是每个人梦寐以求的顶尖学府。
但当放学的钟声敲响，特权阶级的狩猎便悄然开始。

作为相依为命的转学生，你们成为了最完美的猎物。掠食者们不屑于粗暴的霸凌，他们只会用最优雅的姿态，将对方的安危作为筹码递到你面前。
“只要你乖乖听话，他/她就能继续享受这完美的校园生活，不是吗？”

为了保护彼此，你们在不同的密室里咽下屈辱。回到家后，却只能拼命掩藏起制服下的红痕与颤抖的双腿，笑着对彼此说：“今天在学校也很开心呢。”

一场以爱为名的双向献祭，一个充满窒息与温情的牢笼。
你们，能伪装到什么时候？

风尘尽藏87