
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>婚礼惊变 - 剧本介绍</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    background: #0f0f0f;
    color: #d4d4d4;
    padding: 20px;
    min-height: 100vh;
}
.外框 {
    --主色: #b32e2e;
    --深红: #7a1f1f;
    --背景: #141414;
    --卡片背景: #1c1c1e;
    --边框: #3a3a3c;
    --文字: #d4d4d4;
    --弱文字: #9a9a9a;
    --高亮: #e84848;
    max-width: 780px;
    margin: 0 auto;
    background: var(--背景);
    border: 1px solid var(--边框);
    border-radius: 16px;
    padding: 32px 28px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.7);
    color: var(--文字);
}
.外框 h2 {
    font-size: 1.3rem;
    color: #f0f0f0;
    margin: 28px 0 14px;
    border-left: 3px solid var(--主色);
    padding-left: 12px;
}
.外框 h2:first-of-type { margin-top: 0; }
.外框 h3 {
    font-size: 1.05rem;
    color: #ddd;
    margin: 16px 0 8px;
}
.外框 p, .外框 li {
    font-size: 0.92rem;
    line-height: 1.7;
    color: #cfcfcf;
    letter-spacing: 0.01em;
}
.外框 ul { list-style: none; padding-left: 12px; }
.外框 ul li::before { content: "◆ "; color: var(--主色); font-size: 0.75rem; }
.表单区 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.表单行 {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.表单行 label {
    width: 80px;
    font-size: 0.88rem;
    color: #bbbbbb;
    flex-shrink: 0;
}
.表单行 input, .表单行 select, .表单行 textarea {
    flex: 1;
    min-width: 200px;
    background: var(--卡片背景);
    border: 1px solid var(--边框);
    color: #f0f0f0;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s;
}
.表单行 input:focus, .表单行 select:focus, .表单行 textarea:focus {
    border-color: var(--高亮);
}
.表单行 textarea {
    min-height: 60px;
    resize: vertical;
}
.标签组 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.标签 {
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--卡片背景);
    border: 1px solid var(--边框);
    color: #cccccc;
    font-size: 0.82rem;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s;
}
.标签:hover { border-color: #555; }
.标签.选中 {
    background: var(--深红);
    border-color: var(--高亮);
    color: #ffffff;
    font-weight: 600;
}
.标签.自定义 { border-style: dashed; }
.添加行 {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}
.添加行 input {
    flex: 1;
    min-width: 160px;
    background: var(--卡片背景);
    border: 1px solid var(--边框);
    color: #f0f0f0;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
}
.添加行 button {
    background: var(--主色);
    border: none;
    color: #fff;
    padding: 7px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.82rem;
    transition: background 0.2s;
}
.添加行 button:hover { background: #c93e3e; }
.预览区 {
    background: #0d0d0d;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    padding: 20px 18px;
    margin-top: 18px;
    white-space: pre-wrap;
    font-size: 0.88rem;
    line-height: 1.8;
    color: #d8d8d8;
}
.复制行 {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}
.复制行 button {
    background: var(--主色);
    border: none;
    color: #fff;
    padding: 10px 28px;
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.2s;
    min-height: 44px;
}
.复制行 button:hover { background: #c93e3e; }
.玩法标签 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.玩法 {
    background: #1a1a1a;
    border-left: 3px solid var(--主色);
    padding: 14px 16px;
    border-radius: 8px;
    flex: 1 1 200px;
}
.玩法 .名字 { font-weight: 600; color: #f0f0f0; font-size: 0.92rem; }
.玩法 .说明 { font-size: 0.82rem; color: #aaa; margin-top: 4px; }
@media (max-width: 600px) {
    .外框 { padding: 20px 14px; }
    .表单行 label { width: 100%; }
    .表单行 input, .表单行 select, .表单行 textarea { min-width: 100%; }
    .玩法 { flex: 1 1 100%; }
    .复制行 button { width: 100%; }
}
</style>
</head>
<body>
<div class="外框" id="内容根">

    <h2>📖 剧本介绍</h2>
    <p>张浩，你最好的兄弟，今天结婚。新娘苏梓柔，24岁，家里资产几个亿，标准白富美，学校里出了名的高岭之花。她偏偏看上了张浩这个凤凰男。今天本来是大喜的日子，结果婚礼刚办完，张浩的前女友张婳婳突然出现，怯生生地站在宴会厅门口。张浩脸色一变，拉着前女友就钻进了小更衣室。你跟着苏梓柔站在门外，听见里面抱在一起的声音。苏梓柔的白纱还没换下来，眼泪已经把妆冲花了。她的手在发抖。她丈夫在门里面抱着别的女人。你站在她旁边，呼吸都不敢太大。</p>
    <p style="margin-top:10px;color:#aaa;">——玩法特色：NTR、偷窥、露出、被羞辱、报复性性爱、懊悔、纠结挣扎、爱与不爱的的挣扎。纯现实向，一切遵循真实的人性与欲望。</p>

    <h2>🎭 身份预设</h2>
    <div class="表单区">
        <div class="表单行">
            <label>姓名</label>
            <input type="text" id="输入_姓名" value="林越" oninput="刷新预览()">
        </div>
        <div class="表单行">
            <label>年龄</label>
            <input type="number" id="输入_年龄" value="25" oninput="刷新预览()">
        </div>
        <div class="表单行">
            <label>性别</label>
            <select id="输入_性别" onchange="刷新预览()">
                <option value="男" selected>男</option>
                <option value="女">女</option>
                <option value="其他">其他</option>
            </select>
        </div>
        <div class="表单行">
            <label>身份</label>
            <input type="text" id="输入_身份" value="张浩的兄弟，婚礼伴郎" oninput="刷新预览()">
        </div>
        <div class="表单行">
            <label>外貌</label>
            <textarea id="输入_外貌" oninput="刷新预览()">身高178cm，寸头，单眼皮，普通长相，笑起来有点痞。日常爱穿黑t恤和深色外套。</textarea>
        </div>
        <div class="表单行">
            <label>人称视角</label>
            <select id="输入_视角" onchange="刷新预览()">
                <option value="第二人称" selected>第二人称</option>
                <option value="第一人称">第一人称</option>
                <option value="第三人称">第三人称</option>
            </select>
        </div>
        <div class="表单行" style="flex-direction:column;align-items:flex-start;">
            <label style="width:auto;">性癖好（点击标签切换选中）</label>
            <div class="标签组" id="标签组">
                <span class="标签" data-标签="偷窥" onclick="切换标签(this)">偷窥</span>
                <span class="标签" data-标签="露出" onclick="切换标签(this)">露出</span>
                <span class="标签" data-标签="NTR背德" onclick="切换标签(this)">NTR背德</span>
                <span class="标签" data-标签="报复性性爱" onclick="切换标签(this)">报复性性爱</span>
                <span class="标签" data-标签="口交" onclick="切换标签(this)">口交</span>
                <span class="标签" data-标签="足交" onclick="切换标签(this)">足交</span>
                <span class="标签" data-标签="丝袜" onclick="切换标签(this)">丝袜</span>
                <span class="标签" data-标签="镜前" onclick="切换标签(this)">镜前</span>
                <span class="标签" data-标签="语言羞辱" onclick="切换标签(this)">语言羞辱</span>
                <span class="标签" data-标签="公共场合" onclick="切换标签(this)">公共场合</span>
                <span class="标签" data-标签="酒后乱性" onclick="切换标签(this)">酒后乱性</span>
                <span class="标签" data-标签="半推半就" onclick="切换标签(this)">半推半就</span>
                <span class="标签" data-标签="调教" onclick="切换标签(this)">调教</span>
                <span class="标签" data-标签="高潮管理" onclick="切换标签(this)">高潮管理</span>
                <span class="标签" data-标签="气味癖" onclick="切换标签(this)">气味癖</span>
            </div>
            <div class="添加行">
                <input type="text" id="自定义标签输入" placeholder="输入新癖好名称，回车或点击添加">
                <button type="button" onclick="添加自定义标签()">添加</button>
            </div>
        </div>
    </div>

    <h2>📋 配置预览</h2>
    <div class="预览区" id="预览区"></div>
    <div class="复制行">
        <button type="button" id="复制按钮" onclick="复制预览()">一键复制</button>
    </div>

   

</div>

<script>
(function() {
    const 姓名输入 = 获取('输入_姓名');
    const 年龄输入 = 获取('输入_年龄');
    const 性别输入 = 获取('输入_性别');
    const 身份输入 = 获取('输入_身份');
    const 外貌输入 = 获取('输入_外貌');
    const 视角输入 = 获取('输入_视角');
    const 预览区 = 获取('预览区');
    const 复制按钮 = 获取('复制按钮');
    const 标签组 = 获取('标签组');
    const 自定义标签输入 = 获取('自定义标签输入');
    const 开场架构区 = 获取('开场架构区');
    const 已选标签 = new Set();

    function 获取(id) { return document.getElementById(id); }

    function 切换标签(el) {
        const 名 = el.getAttribute('data-标签');
        if (已选标签.has(名)) {
            已选标签.delete(名);
            el.classList.remove('选中');
        } else {
            已选标签.add(名);
            el.classList.add('选中');
        }
        刷新预览();
    }

    function 添加自定义标签() {
        const 值 = 自定义标签输入.value.trim();
        if (!值) return;
        const 已有 = 标签组.querySelectorAll('.标签');
        for (const t of 已有) {
            if (t.getAttribute('data-标签') === 值) { return; }
        }
        const 新标签 = document.createElement('span');
        新标签.className = '标签 自定义';
        新标签.setAttribute('data-标签', 值);
        新标签.textContent = '＋' + 值;
        新标签.onclick = function() { 切换标签(this); };
        标签组.appendChild(新标签);
        自定义标签输入.value = '';
        刷新预览();
    }

    自定义标签输入.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') { 添加自定义标签(); }
    });

    function 刷新预览() {
        const 姓名 = 姓名输入.value.trim() || '未填写';
        const 年龄 = 年龄输入.value.trim() || '未填写';
        const 性别 = 性别输入.value;
        const 身份 = 身份输入.value.trim() || '未填写';
        const 外貌 = 外貌输入.value.trim() || '未填写';
        const 视角 = 视角输入.value;
        const 标签文本 = 已选标签.size > 0 ? Array.from(已选标签).join('、') : '无';

        let 开头 = '';
        if (视角 === '第二人称') {
            开头 = '云州国际酒店。你站在酒店7楼走廊尽头。苏梓柔就在你右手边半步远的地方，白色婚纱拖在地毯上。你甚至能听见自己的心跳。更衣室的门没关严，张浩压着嗓子的声音从里面漏出来。苏梓柔的指甲掐进掌心，可她没动。你听见里面张婳婳的抽泣声断断续续，混着布料摩擦的轻响。苏梓柔忽然偏过头来看你，眼眶红得吓人，她问：“你听见了吗？”她的声音又轻又哑，像从喉咙里撕出来的。';
        } else if (视角 === '第一人称') {
            开头 = '云州国际酒店。我站在酒店7楼走廊尽头。苏梓柔就在我右手边半步远的地方，白色婚纱拖在地毯上。我甚至能听见自己的心跳。更衣室的门没关严，张浩压着嗓子的声音从里面漏出来。苏梓柔的指甲掐进掌心，可她没动。我听见里面张婳婳的抽泣声断断续续，混着布料摩擦的轻响。苏梓柔忽然偏过头来看我，眼眶红得吓人，她问：“你听见了吗？”她的声音又轻又哑，像从喉咙里撕出来的。';
        } else {
            开头 = 姓名 + '站在云州国际酒店7楼走廊尽头。苏梓柔就在' + (性别 === '男' ? '他' : '她') + '右手边半步远的地方，白色婚纱拖在地毯上。' + 姓名 + '甚至能听见自己的心跳。更衣室的门没关严，张浩压着嗓子的声音从里面漏出来。苏梓柔的指甲掐进掌心，可她没动。' + 姓名 + '听见里面张婳婳的抽泣声断断续续，混着布料摩擦的轻响。苏梓柔忽然偏过头来看' + (性别 === '男' ? '他' : '她') + '，眼眶红得吓人，她问：“你听见了吗？”她的声音又轻又哑，像从喉咙里撕出来的。';
        }

        预览区.textContent =
'【玩家角色预设】\n' +
'姓名：' + 姓名 + '\n' +
'年龄：' + 年龄 + '\n' +
'性别：' + 性别 + '\n' +
'身份：' + 身份 + '\n' +
'外貌：' + 外貌 + '\n' +
'人称视角：' + 视角 + '\n' +
'性癖好：' + 标签文本 + '\n' +
'\n' +
'【开场架构】\n' +
开头;

        开场架构区.textContent = 开头;
    }

    function 复制预览() {
        const 文本 = 预览区.textContent;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(文本).then(() => {
                复制按钮.textContent = '已复制';
                setTimeout(() => { 复制按钮.textContent = '一键复制'; }, 1500);
            });
        } else {
            const 临时 = document.createElement('textarea');
            临时.value = 文本;
            document.body.appendChild(临时);
            临时.select();
            document.execCommand('copy');
            document.body.removeChild(临时);
            复制按钮.textContent = '已复制';
            setTimeout(() => { 复制按钮.textContent = '一键复制'; }, 1500);
        }
    }

    window.刷新预览 = 刷新预览;
    window.切换标签 = 切换标签;
    window.添加自定义标签 = 添加自定义标签;
    window.复制预览 = 复制预览;

    // 初始刷新
    刷新预览();
})();
</script>
</body>
</html>


婚礼现场，兄弟把新娘丢给了我

张浩，你最好的兄弟，今天结婚。新娘苏梓柔，24岁，家里资产几个亿，标准白富美，学校里出了名的高岭之花。她偏偏看上了张浩这个凤凰男。今天本来是大喜的日子，结果婚礼刚办完，张浩的前女友张婳婳突然出现，怯生生地站在宴会厅门口。张浩脸色一变，拉着前女友就钻进了小更衣室。你跟着苏梓柔站在门外，听见里面抱在一起的声音。苏梓柔的白纱还没换下来，眼泪已经把妆冲花了。她的手在发抖。她丈夫在门里面抱着别的女人。你站在她旁边，呼吸都不敢太大。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>体育器材室</title>
<style>
.ui-frame {
    --primary: #8b5e3c;
    --secondary: #c9a87c;
    --bg-dark: #1a1410;
    --bg-card: #2a2018;
    --text: #e8ddd0;
    --text-dim: #a89888;
    --accent: #d4423e;
    max-width: 820px;
    margin: 0 auto;
    padding: 16px;
    background: var(--bg-dark);
    color: var(--text);
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.ui-frame * { box-sizing: border-box; }

.ui-frame h1 {
    font-size: 26px;
    text-align: center;
    color: var(--secondary);
    margin: 0 0 4px 0;
    letter-spacing: 4px;
    font-weight: 700;
}
.ui-frame .subtitle {
    text-align: center;
    font-size: 12px;
    color: var(--text-dim);
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.ui-frame .section {
    background: var(--bg-card);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 14px;
    border-left: 3px solid var(--primary);
}
.ui-frame .section-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ui-frame .story-text {
    font-size: 14px;
    color: var(--text);
    line-height: 1.8;
    text-align: justify;
}
.ui-frame .story-text p { margin: 0 0 8px 0; }

.ui-frame .form-field {
    margin-bottom: 10px;
}
.ui-frame .form-field label {
    display: block;
    font-size: 12px;
    color: var(--text-dim);
    margin-bottom: 4px;
}
.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame select,
.ui-frame textarea {
    width: 100%;
    padding: 9px 10px;
    background: #1a1410;
    border: 1px solid #4a3a2a;
    border-radius: 6px;
    color: var(--text);
    font-size: 14px;
    font-family: inherit;
    outline: none;
    min-height: 40px;
    transition: border-color 0.15s;
}
.ui-frame input:focus,
.ui-frame select:focus,
.ui-frame textarea:focus {
    border-color: var(--primary);
}
.ui-frame textarea { resize: vertical; min-height: 60px; }
.ui-frame select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%); background-position: calc(100% - 16px) center, calc(100% - 11px) center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }

.ui-frame .form-row {
    display: flex;
    gap: 10px;
}
.ui-frame .form-row .form-field { flex: 1; }

/* 癖好标签 */
.ui-frame .tags-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 6px;
}
.ui-frame .tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    border: 1px solid #4a3a2a;
    background: #1a1410;
    color: var(--text-dim);
    cursor: pointer;
    user-select: none;
    transition: all 0.15s;
    min-height: 32px;
}
.ui-frame .tag.active {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}
.ui-frame .tag.custom::before {
    content: "+";
    margin-right: 3px;
    font-weight: 700;
    font-size: 11px;
}
.ui-frame .tag-input-row {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
.ui-frame .tag-input-row input {
    flex: 1;
}
.ui-frame .btn-add {
    padding: 9px 16px;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    min-height: 40px;
    white-space: nowrap;
}
.ui-frame .btn-add:active { opacity: 0.8; }

/* 预览区 */
.ui-frame .preview-box {
    background: #1a1410;
    border: 1px dashed #4a3a2a;
    border-radius: 8px;
    padding: 14px;
    font-size: 13px;
    line-height: 1.9;
    color: var(--text);
    white-space: pre-wrap;
    word-break: break-all;
    min-height: 100px;
}
.ui-frame .preview-label {
    font-size: 12px;
    color: var(--secondary);
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 10px;
}
.ui-frame .preview-label:first-child { margin-top: 0; }

.ui-frame .btn-copy {
    display: block;
    width: 100%;
    padding: 13px;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    letter-spacing: 2px;
    margin-top: 14px;
    min-height: 48px;
}
.ui-frame .btn-copy:active { opacity: 0.85; }

/* 规则说明 */
.ui-frame .rules-list {
    font-size: 13px;
    color: var(--text-dim);
    line-height: 1.9;
}
.ui-frame .rules-list span {
    color: var(--secondary);
    font-weight: 700;
}

/* 开场白（已移除独立展示区，仅保留样式以防误用） */
.ui-frame .opening {
    font-size: 14px;
    line-height: 1.9;
    color: var(--text);
    padding: 14px;
    background: #1a1410;
    border-radius: 8px;
    border: 1px solid #3a2a1a;
    text-align: justify;
}

@media (max-width: 480px) {
    .ui-frame { padding: 12px; font-size: 14px; }
    .ui-frame h1 { font-size: 22px; }
    .ui-frame .section { padding: 13px; }
    .ui-frame .form-row { flex-direction: column; gap: 0; }
}
</style>
</head>
<body>
<div class="ui-frame">

<h1>体育器材室</h1>
<div class="subtitle">—— 他跪着求你，她扛着不说 ——</div>

<div class="section">
    <div class="section-title">📖 剧本介绍</div>
    <div class="story-text">
        <p>下午一点四十三分。体育场看台后的走廊里，你的兄弟张浩正拉着你的袖子哭。他的女朋友林芝芝被两个混混堵在器材室里，而他跑出来之后没有报警，没有叫保安，只是在这条空荡荡的走廊上等到了你。</p>
        <p>器材室的铁门就在三十米外。门后面有哭声，有垫子摩擦的声音，有一个女生的尖叫被人捂住又松开。黄毛在里面动手动脚，瘦高个在门口望风站着。</p>
        <p>你现在站在走廊中间。推开门，你可以改变接下来三分钟里所有人的命运。转身走，这件事会以另一种方式继续发生。报警，校方会介入但事情不会因此消失。而如果你什么都不做，张浩会继续哭，林芝芝会继续扛，黄毛会继续占便宜。</p>
        <p>这不是英雄救美的故事。你只是一个恰好站在门口的人。但有时候，站在门口的人决定了屋子里三个人往后几个月怎么活。</p>
        <p><span style="color:#d4423e">玩法特色：</span>写实心理博弈、NTR关系暗线、多分支走向、角色行动痕迹追踪、跨区域冲突线自行推进。</p>
    </div>
</div>

<div class="section">
    <div class="section-title">⚙️ 身份预设</div>

    <div class="form-row">
        <div class="form-field">
            <label>姓名</label>
            <input type="text" id="f-name" value="陈默" placeholder="输入你的名字">
        </div>
        <div class="form-field">
            <label>年龄</label>
            <input type="number" id="f-age" value="20" placeholder="年龄">
        </div>
    </div>

    <div class="form-row">
        <div class="form-field">
            <label>性别</label>
            <select id="f-gender">
                <option value="男" selected>男</option>
                <option value="女">女</option>
                <option value="其他">其他</option>
            </select>
        </div>
        <div class="form-field">
            <label>人称视角</label>
            <select id="f-pov">
                <option value="第二人称" selected>第二人称</option>
                <option value="第一人称">第一人称</option>
                <option value="第三人称">第三人称</option>
            </select>
        </div>
    </div>

    <div class="form-field">
        <label>身份</label>
        <input type="text" id="f-identity" value="临江大学大二学生，张浩的室友兼好兄弟" placeholder="你的身份">
    </div>

    <div class="form-field">
        <label>外貌</label>
        <textarea id="f-appearance" placeholder="你的外貌描述">身高一米七八，偏瘦但有劲。短发，脸型方正，眉毛浓。平时看起来不凶，但真沉下脸的时候有点吓人。</textarea>
    </div>

    
    <div class="form-field">
        <label>性癖好（可多选）</label>
        <div class="tags-wrap" id="tags-wrap"></div>
        <div class="tag-input-row">
            <input type="text" id="tag-custom-input" placeholder="自定义添加...">
            <button class="btn-add" id="btn-add-tag">添加</button>
        </div>
    </div>
</div>

<div class="section">
    <div class="section-title">📋 配置预览</div>
    <div class="preview-box" id="preview-box"></div>
</div>

<button class="btn-copy" id="btn-copy">一键复制</button>

<div class="section" style="margin-top:14px">
    <div class="section-title"></div>
    <div class="rules-list">
        
    </div>
</div>

</div>

<script>
(function() {
    var frame = document.querySelector('.ui-frame');

    // ---- 预设癖好标签 ----
    var presetTags = [
        "露出", "丝袜", "足控", "捆绑", "语言羞辱",
        "公共场合", "窒息", "拍摄", "妊娠", "强迫",
        "NTR", "偷情", "精神操控", "扩张", "高潮管理"
    ];

    var state = {
        name: "陈默",
        age: "20",
        gender: "男",
        pov: "第二人称",
        identity: "临江大学大二学生，张浩的室友兼好兄弟",
        appearance: "身高一米七八，偏瘦但有劲。短发，脸型方正，眉毛浓。平时看起来不凶，但真沉下脸的时候有点吓人。",
        selectedTags: {},
        customTags: []
    };

    var tagsWrap = document.getElementById('tags-wrap');

    function renderTags() {
        var html = '';
        var allTags = presetTags.concat(state.customTags);
        allTags.forEach(function(t) {
            var active = state.selectedTags[t] ? ' active' : '';
            var custom = state.customTags.indexOf(t) !== -1 ? ' custom' : '';
            html += '<div class="tag' + active + custom + '" data-tag="' + t + '">' + t + '</div>';
        });
        tagsWrap.innerHTML = html;
    }

    renderTags();

    tagsWrap.addEventListener('click', function(e) {
        var tagEl = e.target.closest('.tag');
        if (!tagEl) return;
        var tag = tagEl.getAttribute('data-tag');
        if (state.selectedTags[tag]) {
            delete state.selectedTags[tag];
        } else {
            state.selectedTags[tag] = true;
        }
        renderTags();
        updatePreview();
    });

    // 添加自定义标签
    var customInput = document.getElementById('tag-custom-input');
    var btnAdd = document.getElementById('btn-add-tag');

    function addCustomTag() {
        var val = customInput.value.trim();
        if (!val) return;
        var allTags = presetTags.concat(state.customTags);
        if (allTags.indexOf(val) !== -1) {
            customInput.value = '';
            return;
        }
        state.customTags.push(val);
        state.selectedTags[val] = true;
        customInput.value = '';
        renderTags();
        updatePreview();
    }

    btnAdd.addEventListener('click', addCustomTag);
    customInput.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') { e.preventDefault(); addCustomTag(); }
    });

    // ---- 表单绑定 ----
    var fieldMap = {
        'f-name': 'name',
        'f-age': 'age',
        'f-gender': 'gender',
        'f-pov': 'pov',
        'f-identity': 'identity',
        'f-appearance': 'appearance'
    };

    Object.keys(fieldMap).forEach(function(id) {
        var el = document.getElementById(id);
        if (!el) return;
        el.addEventListener('input', function() {
            state[fieldMap[id]] = el.value;
            updatePreview();
        });
        el.addEventListener('change', function() {
            state[fieldMap[id]] = el.value;
            updatePreview();
        });
    });

    // ---- 预览区 ----
    var previewBox = document.getElementById('preview-box');

    function buildOpening() {
        var name = state.name || "你";
        var text = "";
        text += "你还没站稳，张浩的手就攥住了你的袖子。他整个人在抖。走廊里能看到他眼泪掉到地上，砸在水泥地上是个很小的圆点。\n\n";
        text += "“芝芝……芝芝在里面，被两个混混堵了……器材室，就前面那个门，哥，你帮帮我，你帮帮我……”他话说不利索，嘴一开一合，像离了水的鱼。\n\n";
        text += "走廊尽头那扇铁门关着。门里面隐约有哭声，有垫子被拖动的声音，还有一个男的压低了嗓子在笑。\n\n";
        text += "张浩没去叫人。张浩也没冲进去。\n\n";
        text += "他只是在走廊里等到了" + name + "。\n\n";
        text += "三十米外那扇铁门，门后就是林芝芝。";
        return text;
    }

    function updatePreview() {
        var pov = state.pov || "第二人称";
        var tagsArr = Object.keys(state.selectedTags);
        var tagsText = tagsArr.length > 0 ? tagsArr.join("、") : "无";

        var text = "";
        text += "【玩家角色预设】\n";
        text += "姓名：" + (state.name || "陈默") + "\n";
        text += "年龄：" + (state.age || "20") + "岁\n";
        text += "性别：" + (state.gender || "男") + "\n";
        text += "身份：" + (state.identity || "临江大学大二学生") + "\n";
        text += "外貌：" + (state.appearance || "（未填写）") + "\n";
        text += "人称视角：" + pov + "\n";
        text += "性癖好：" + tagsText + "\n";
        text += "\n";
        text += "【开场架构】\n";
        text += buildOpening();

        previewBox.textContent = text;
    }

    updatePreview();

    // ---- 一键复制 ----
    document.getElementById('btn-copy').addEventListener('click', function() {
        var text = previewBox.textContent;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).catch(function() {
                fallbackCopy(text);
            });
        } else {
            fallbackCopy(text);
        }
    });

    function fallbackCopy(text) {
        var ta = document.createElement('textarea');
        ta.value = text;
        ta.style.position = 'fixed';
        ta.style.opacity = '0';
        document.body.appendChild(ta);
        ta.select();
        try { document.execCommand('copy'); } catch(e) {}
        document.body.removeChild(ta);
    }
})();
</script>
</body>
</html>

女友被奸，软蛋兄弟吓得求我进去救人

下午一点四十三分。体育场看台后的走廊里，你的兄弟张浩正拉着你的袖子哭。他的女朋友林芝芝被两个混混堵在器材室里，而他跑出来之后没有报警，没有叫保安，只是在这条空荡荡的走廊上等到了你。器材室的铁门就在三十米外。门后面有哭声，有垫子摩擦的声音，有一个女生的尖叫被人捂住又松开。黄毛在里面动手动脚，瘦高个在门口望风站着。面对这么窝囊的兄弟，和他正在被侵犯的女朋友，你该如何做呢？

<!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=yes, viewport-fit=cover">
    <title>同桌她妈是我网上找的野妈</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            background: #1a1a1a;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: 'Segoe UI', 'PingFang SC', Roboto, 'Helvetica Neue', system-ui, sans-serif;
            padding: 16px;
        }
        .ui-frame {
            max-width: 680px;
            width: 100%;
            margin: 0 auto;
            background: #0d0d0d;
            border: 1px solid #c41230;
            box-shadow: 0 0 25px rgba(196, 18, 48, 0.25);
            border-radius: 24px;
            padding: 24px;
            color: #e0d7d0;
            line-height: 1.5;
            backdrop-filter: blur(4px);
        }
        h1 {
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: 2px;
            color: #c41230;
            text-align: center;
            margin-bottom: 8px;
            text-shadow: 0 0 8px rgba(196, 18, 48, 0.6);
        }
        .subtitle {
            text-align: center;
            font-size: 1rem;
            color: #a39288;
            margin-bottom: 28px;
            border-bottom: 1px dashed #c41230;
            padding-bottom: 16px;
        }
        .intro-block {
            background: rgba(196, 18, 48, 0.08);
            border-left: 4px solid #c41230;
            padding: 16px 18px;
            border-radius: 12px;
            margin-bottom: 24px;
            font-size: 0.95rem;
            color: #cfc3ba;
        }
        .intro-block p {
            margin-bottom: 10px;
        }
        .form-group {
            margin-bottom: 18px;
            display: flex;
            flex-direction: column;
        }
        label {
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 4px;
            color: #b8a59b;
            letter-spacing: 0.5px;
        }
        input, select, textarea {
            background: #1c1c1c;
            border: 1px solid #3a2f2f;
            border-radius: 12px;
            padding: 12px 14px;
            color: #f0e6dd;
            font-size: 0.95rem;
            outline: none;
            transition: 0.2s;
            resize: vertical;
            font-family: inherit;
        }
        input:focus, select:focus, textarea:focus {
            border-color: #c41230;
            box-shadow: 0 0 10px rgba(196, 18, 48, 0.4);
        }
        .tag-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 6px;
        }
        .tag {
            background: #1f1a1a;
            border: 1px solid #4a3a3a;
            color: #c9b8ab;
            padding: 8px 16px;
            border-radius: 24px;
            font-size: 0.85rem;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .tag.selected {
            background: #c41230;
            border-color: #c41230;
            color: #fff;
            font-weight: 600;
            box-shadow: 0 0 12px #c41230aa;
        }
        .tag.custom {
            border-style: dashed;
        }
        .tag.custom::before {
            content: "＋";
            font-weight: 700;
            font-size: 1rem;
        }
        .custom-add {
            display: flex;
            gap: 8px;
            margin-top: 12px;
            align-items: center;
        }
        .custom-add input {
            flex: 2;
            padding: 10px 14px;
        }
        .custom-add button {
            background: #c41230;
            border: none;
            color: white;
            font-weight: bold;
            padding: 10px 18px;
            border-radius: 24px;
            cursor: pointer;
            transition: 0.2s;
            background: #2a1e1e;
            border: 1px solid #c41230;
            color: #c41230;
        }
        .custom-add button:hover {
            background: #c41230;
            color: white;
        }
        .preview-box {
            background: #111010;
            border: 1px solid #332b2b;
            border-radius: 16px;
            padding: 18px;
            margin: 24px 0;
            white-space: pre-wrap;
            font-family: 'Courier New', 'PingFang SC', monospace;
            font-size: 0.9rem;
            color: #dcd0c4;
            max-height: 360px;
            overflow-y: auto;
        }
        .copy-btn {
            width: 100%;
            background: #c41230;
            border: none;
            color: white;
            font-weight: 700;
            font-size: 1.1rem;
            padding: 14px;
            border-radius: 36px;
            cursor: pointer;
            transition: 0.25s;
            letter-spacing: 1px;
            margin-top: 8px;
            box-shadow: 0 6px 18px rgba(196, 18, 48, 0.5);
        }
        .copy-btn:active {
            transform: scale(0.97);
            background: #a30e26;
        }

        @media (max-width: 480px) {
            .ui-frame {
                padding: 16px;
            }
            h1 {
                font-size: 1.6rem;
            }
        }
    </style>
</head>
<body>
<div class="ui-frame">
    <h1>同桌她妈是我网上找的野妈</h1>
    <div class="subtitle">翠湖山庄 · 云澜一中 · NTR母女盖饭</div>

    <div class="intro-block">
        <p><strong>剧本简介：</strong>你是个普通高三生，在网上认了个给你钱、听你叫妈的女人。三个月后奔现，你才发现她是同桌林雪儿的亲妈，苏静。此刻，在她们家别墅主卧，你的鸡巴还插在苏静湿透的骚屄里，而林雪儿推门进来了——那个在学校正眼都不瞧你的大小姐，看着你把她妈操得直哼，整个人僵在门口。母女俩长得极像，都是大奶子白皮肤，一个饥渴寂寞，一个高傲敏感。你的战场从微信转移到了这张大床，还有教室的课桌底下。</p>
        <p><strong>玩法特色：</strong>背德NTR、偷情露出、母女驯服、阶级逆袭、心理战。开局直接色，没有铺垫。</p>
    </div>

    <h2 style="color:#c41230; margin-bottom:12px;">⚙️ 身份预设</h2>
    <div class="form-group">
        <label>姓名</label>
        <input type="text" id="playerName" placeholder="林晓" value="">
    </div>
    <div class="form-group">
        <label>年龄</label>
        <input type="number" id="playerAge" value="18" min="16" max="30">
    </div>
    <div class="form-group">
        <label>性别</label>
        <select id="playerGender">
            <option value="男" selected>男</option>
            <option value="女">女</option>
            <option value="其他">其他</option>
        </select>
    </div>
    <div class="form-group">
        <label>身份</label>
        <input type="text" id="playerRole" value="穷学生，林雪儿的同桌，苏静的网上“儿子”" placeholder="身份">
    </div>
    <div class="form-group">
        <label>外貌</label>
        <textarea id="playerAppearance" rows="2">普通长相，瘦高，校服洗得发白，但脱了衣服鸡巴很大</textarea>
    </div>
    <div class="form-group">
        <label>人称视角</label>
        <select id="narrativeView">
            <option value="第二人称" selected>第二人称</option>
            <option value="第一人称">第一人称</option>
            <option value="第三人称">第三人称</option>
        </select>
    </div>

    <div class="form-group">
        <label>🔥 性癖好（偏好设置）</label>
        <div class="tag-container" id="kinkTags">
            <span class="tag selected">气味癖</span>
            <span class="tag selected">偷情</span>
            <span class="tag">露出</span>
            <span class="tag">母女盖饭</span>
            <span class="tag">足控</span>
            <span class="tag">语言羞辱</span>
            <span class="tag selected">强迫/反抗</span>
            <span class="tag">窒息Play</span>
            <span class="tag">公共场所</span>
            <span class="tag">妊娠/内射</span>
            <span class="tag">精神控制</span>
            <span class="tag">肛门调教</span>
            <span class="tag">电话NTR</span>
            <span class="tag">捆绑</span>
        </div>
        <div class="custom-add">
            <input type="text" id="customKinkInput" placeholder="输入自定义性癖好">
            <button id="addKinkBtn">添加</button>
        </div>
    </div>

    <h2 style="color:#c41230; margin:20px 0 12px;">📋 配置预览</h2>
    <div class="preview-box" id="previewContent">
【玩家角色预设】
姓名：（未填写）
年龄：18
性别：男
身份：穷学生，林雪儿的同桌，苏静的网上“儿子”
外貌：普通长相，瘦高，校服洗得发白，但脱了衣服鸡巴很大
人称视角：第二人称
性癖好：气味癖, 偷情, 强迫/反抗

【开场架构】
别墅主卧。苏静趴在床上，真丝睡裙堆在腰上，撅着白花花的屁股，你的鸡巴正插在她毛茸茸的骚屄里，拔出来一截，全是白浆，满屋子都是苏静骚屄散发的骚味。门突然开了。林雪儿穿着校服，书包还没放下，站在门口，手里的手机啪嗒掉在地上。她的脸跟你身下这个女人有七分像，只是更年轻，更不敢相信自己的眼睛。她盯着你，盯着你和她妈连在一起的地方，嘴唇哆嗦了两下，最后憋出来一句：“……你们在干啥？”
    </div>

    <button class="copy-btn" id="copyBtn">📋 一键复制预览</button>
    <p style="text-align:center; font-size:0.8rem; margin-top:10px; color:#5a4f4f;">复制后可直接粘贴到AI聊天框开始游戏</p>
</div>

<script>
    (function() {
        const playerName = document.getElementById('playerName');
        const playerAge = document.getElementById('playerAge');
        const playerGender = document.getElementById('playerGender');
        const playerRole = document.getElementById('playerRole');
        const playerAppearance = document.getElementById('playerAppearance');
        const narrativeView = document.getElementById('narrativeView');
        const preview = document.getElementById('previewContent');
        const tagContainer = document.getElementById('kinkTags');
        const customInput = document.getElementById('customKinkInput');
        const addBtn = document.getElementById('addKinkBtn');

        function getSelectedKinks() {
            const selected = [];
            document.querySelectorAll('#kinkTags .tag.selected').forEach(tag => {
                selected.push(tag.textContent.replace('＋', '').trim());
            });
            return selected;
        }

        function updatePreview() {
            const name = playerName.value || '林晓';
            const age = playerAge.value || '18';
            const gender = playerGender.value;
            const role = playerRole.value || '穷学生';
            const appearance = playerAppearance.value || '普通';
            const view = narrativeView.value;
            const kinks = getSelectedKinks().join(', ') || '无';

            preview.textContent = `【玩家角色预设】
姓名：${name}
年龄：${age}
性别：${gender}
身份：${role}
外貌：${appearance}
人称视角：${view}
性癖好：${kinks}

【开场架构】
别墅主卧。苏静趴在床上，真丝睡裙堆在腰上，撅着白花花的屁股，你的鸡巴正插在她毛茸茸的骚屄里，拔出来一截，全是白浆，满屋子都是苏静骚屄散发的骚味。门突然开了。林雪儿穿着校服，书包还没放下，站在门口，手里的手机啪嗒掉在地上。她的脸跟你身下这个女人有七分像，只是更年轻，更不敢相信自己的眼睛。她盯着你，盯着你和她妈连在一起的地方，嘴唇哆嗦了两下，最后憋出来一句：“……你们在干啥？”`;
        }

        [playerName, playerAge, playerGender, playerRole, playerAppearance, narrativeView].forEach(el => el.addEventListener('input', updatePreview));

        tagContainer.addEventListener('click', function(e) {
            if (e.target.classList.contains('tag')) {
                e.target.classList.toggle('selected');
                updatePreview();
            }
        });

        function addCustomKink() {
            const val = customInput.value.trim();
            if (!val) return;
            const exists = Array.from(document.querySelectorAll('#kinkTags .tag')).some(t => t.textContent.replace('＋', '').trim() === val);
            if (exists) {
                customInput.value = '';
                customInput.placeholder = '该标签已存在';
                setTimeout(() => { customInput.placeholder = '输入自定义性癖好'; }, 1200);
                return;
            }
            const span = document.createElement('span');
            span.className = 'tag custom';
            span.textContent = val;
            tagContainer.appendChild(span);
            customInput.value = '';
            updatePreview();
        }

        addBtn.addEventListener('click', addCustomKink);
        customInput.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                addCustomKink();
            }
        });

        document.getElementById('copyBtn').addEventListener('click', function() {
            const text = preview.textContent;
            navigator.clipboard.writeText(text).then(() => {
            }).catch(() => {
            });
        });

        updatePreview();
    })();
</script>
</body>
</html>

正在被我鸡巴狂肏骚屄的网友，竟然是高冷同桌的妈妈

你是个普通高三生，在网上认了个给你钱、听你叫妈的女人。三个月后奔现，你才发现她是同桌林雪儿的亲妈，苏静。此刻，在她们家别墅主卧，你的鸡巴还插在苏静湿透的骚屄里，而林雪儿推门进来了——那个在学校正眼都不瞧你的大小姐，看着你把她妈操得直哼，整个人僵在门口。母女俩长得极像，都是大奶子白皮肤，一个饥渴寂寞，一个高傲敏感。你的战场从微信转移到了这张大床，还有教室的课桌底下。

玩法特色：背德NTR、偷情露出、母女驯服、阶级逆袭、心理战。开局直接色，没有铺垫。


<!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>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            background: #0a0a0a;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            padding: 1rem;
        }
        .ui-frame {
            --primary: #c0392b;
            --primary-hover: #a93226;
            --bg-dark: #1a1a1a;
            --bg-card: #2a2a2a;
            --bg-input: #333;
            --text: #e0e0e0;
            --text-secondary: #aaa;
            --border: #555;
            --radius: 8px;
            max-width: 680px;
            width: 100%;
            background: var(--bg-dark);
            border: 1px solid #333;
            box-shadow: 0 0 30px rgba(192, 57, 43, 0.2);
            border-radius: 12px;
            padding: 1.5rem;
            color: var(--text);
        }
        .ui-frame h1 {
            text-align: center;
            font-size: 1.8rem;
            margin-bottom: 0.5rem;
            color: var(--primary);
            letter-spacing: 2px;
        }
        .ui-frame .subtitle {
            text-align: center;
            font-size: 0.9rem;
            color: var(--text-secondary);
            margin-bottom: 1.5rem;
            border-bottom: 1px solid #333;
            padding-bottom: 1rem;
        }
        .ui-frame .intro {
            background: var(--bg-card);
            padding: 1rem;
            border-radius: var(--radius);
            margin-bottom: 1.5rem;
            line-height: 1.7;
            font-size: 0.95rem;
            color: #ccc;
            border-left: 3px solid var(--primary);
        }
        .ui-frame .section-title {
            font-size: 1.1rem;
            font-weight: bold;
            margin: 1.2rem 0 0.8rem;
            color: var(--primary);
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }
        .ui-frame .section-title::before {
            content: '▸';
        }
        .ui-frame .form-group {
            margin-bottom: 1rem;
            display: flex;
            flex-direction: column;
        }
        .ui-frame label {
            font-size: 0.9rem;
            margin-bottom: 0.3rem;
            color: var(--text-secondary);
        }
        .ui-frame input[type="text"],
        .ui-frame input[type="number"],
        .ui-frame select,
        .ui-frame textarea {
            background: var(--bg-input);
            border: 1px solid var(--border);
            color: var(--text);
            padding: 0.6rem 0.8rem;
            border-radius: var(--radius);
            font-size: 0.95rem;
            outline: none;
            transition: border 0.2s;
            font-family: inherit;
        }
        .ui-frame input:focus,
        .ui-frame select:focus,
        .ui-frame textarea:focus {
            border-color: var(--primary);
        }
        .ui-frame textarea {
            resize: vertical;
            min-height: 60px;
        }
        .ui-frame .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 0.3rem;
        }
        .ui-frame .tag {
            background: var(--bg-input);
            border: 1px solid var(--border);
            color: #ccc;
            padding: 0.4rem 0.9rem;
            border-radius: 20px;
            font-size: 0.85rem;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s;
            min-height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
        }
        .ui-frame .tag.selected {
            background: var(--primary);
            border-color: var(--primary);
            color: #fff;
            font-weight: bold;
            box-shadow: 0 0 8px rgba(192, 57, 43, 0.5);
        }
        .ui-frame .tag.custom-tag::after {
            content: ' ＋';
            font-size: 0.75rem;
            opacity: 0.8;
            margin-left: 2px;
        }
        .ui-frame .custom-tag-input {
            display: flex;
            gap: 0.5rem;
            margin-top: 0.5rem;
            align-items: center;
        }
        .ui-frame .custom-tag-input input {
            flex: 1;
        }
        .ui-frame .custom-tag-input button {
            background: var(--primary);
            border: none;
            color: #fff;
            padding: 0.6rem 1.2rem;
            border-radius: var(--radius);
            cursor: pointer;
            font-size: 0.9rem;
            min-height: 44px;
            transition: background 0.2s;
        }
        .ui-frame .custom-tag-input button:hover {
            background: var(--primary-hover);
        }
        /* 紧凑预览区样式 */
        .ui-frame .preview {
            background: var(--bg-card);
            padding: 0.8rem 1rem;
            border-radius: var(--radius);
            margin: 1.5rem 0 1rem;
            line-height: 1.4;
            font-size: 0.95rem;
            white-space: pre-wrap;
            word-break: break-word;
            border: 1px solid #444;
        }
        .ui-frame .preview .preview-section {
            margin-bottom: 0.1rem;
        }
        .ui-frame .preview .preview-section strong {
            color: var(--primary);
            display: block;
            margin-bottom: 0.05rem;
            font-weight: bold;
        }
        .ui-frame .preview .preview-section br + span {
            /* 没有额外间距 */
        }
        .ui-frame .copy-btn {
            width: 100%;
            background: var(--primary);
            border: none;
            color: #fff;
            padding: 0.8rem;
            border-radius: var(--radius);
            font-size: 1rem;
            font-weight: bold;
            cursor: pointer;
            transition: background 0.2s;
            min-height: 48px;
            letter-spacing: 1px;
        }
        .ui-frame .copy-btn:hover {
            background: var(--primary-hover);
        }
        .ui-frame .copy-btn.copied {
            background: #27ae60;
        }
        @media (max-width: 480px) {
            .ui-frame {
                padding: 1rem;
            }
            .ui-frame h1 {
                font-size: 1.5rem;
            }
            .ui-frame .tag {
                padding: 0.4rem 0.7rem;
                font-size: 0.8rem;
            }
            .ui-frame .preview {
                padding: 0.6rem 0.8rem;
            }
        }
    </style>
</head>
<body>
    <div class="ui-frame">
        <h1>我那抗拒的姐姐</h1>
        <div class="subtitle">三居室 · 伦理禁忌 · 身体与意志的撕裂</div>

        <div class="intro">
            你18岁，高三学生。跟父母和22岁的姐姐王瑶瑶挤在一套老旧的三居室里。隔音很差的墙、永远坏着的浴室门锁、姐姐深夜忘记锁上的房门——这些细节在那个凌晨之前，都只是你打飞机时幻想的背景。那天夜里你推开她的门，月光照在她赤裸的身体上，奶子比任何色情小说描写得都白。你捂住她嘴的时候她眼睛瞪得滚圆，指甲在你胳膊上划出血痕，但她不敢叫——爸妈在隔壁。从那一夜开始，这套三居室变成了一座没有出口的牢笼。姐姐恨你恨到骨头里，但她的身体却一次次背叛她；妈妈或许察觉了什么，但她只会低头干活装没看见；爸爸一旦发现，会用皮带抽到你半死。你每一次推开她的房门，都在赌——赌她今天会不会忘记锁门，赌她的反抗会不会吵醒爸妈，赌她的身体会不会比上次更诚实。
        </div>

        <div class="section-title">身份预设</div>
        <div class="form-group">
            <label for="playerName">姓名</label>
            <input type="text" id="playerName" value="王晓" placeholder="输入姓名">
        </div>
        <div class="form-group">
            <label for="playerAge">年龄</label>
            <input type="number" id="playerAge" value="18" placeholder="输入年龄">
        </div>
        <div class="form-group">
            <label for="playerGender">性别</label>
            <select id="playerGender">
                <option>男</option>
                <option>女</option>
                <option>其他</option>
            </select>
        </div>
        <div class="form-group">
            <label for="playerIdentity">身份</label>
            <input type="text" id="playerIdentity" value="高三学生" placeholder="例如：高三学生、无业青年">
        </div>
        <div class="form-group">
            <label for="playerAppearance">外貌</label>
            <textarea id="playerAppearance" placeholder="描述外貌特征">普通长相，戴黑框眼镜，身材偏瘦</textarea>
        </div>
        <div class="form-group">
            <label for="playerPov">人称视角</label>
            <select id="playerPov">
                <option>第二人称</option>
                <option>第一人称</option>
                <option>第三人称</option>
            </select>
        </div>

        <div class="section-title">性癖好（偏好设置）</div>
        <div class="tags-container" id="tagsContainer">
            <span class="tag" data-tag="近亲">近亲</span>
            <span class="tag" data-tag="强奸">强奸</span>
            <span class="tag" data-tag="偷窥">偷窥</span>
            <span class="tag" data-tag="露出">露出</span>
            <span class="tag" data-tag="强迫">强迫</span>
            <span class="tag" data-tag="气味癖">气味癖</span>
            <span class="tag" data-tag="口交">口交</span>
            <span class="tag" data-tag="乳交">乳交</span>
            <span class="tag" data-tag="足交">足交</span>
            <span class="tag" data-tag="捆绑">捆绑</span>
            <span class="tag" data-tag="语言羞辱">语言羞辱</span>
            <span class="tag" data-tag="窒息">窒息</span>
            <span class="tag" data-tag="高潮管理">高潮管理</span>
            <span class="tag" data-tag="扩张">扩张</span>
            <span class="tag" data-tag="妊娠">妊娠</span>
        </div>
        <div class="custom-tag-input">
            <input type="text" id="customTagInput" placeholder="输入自定义癖好，按回车添加">
            <button id="addCustomTagBtn">添加</button>
        </div>

        <div class="section-title">配置预览</div>
        <div class="preview" id="previewArea">
            <div class="preview-section">
                <strong>【玩家角色预设】</strong>
                姓名：<span id="prevName">王浩</span>
                年龄：<span id="prevAge">18</span>岁
                性别：<span id="prevGender">男</span>
                身份：<span id="prevIdentity">高三学生</span>
                外貌：<span id="prevAppearance">普通长相，戴黑框眼镜，身材偏瘦</span>
                人称视角：<span id="prevPov">第二人称</span>
                性癖好：<span id="prevTags">近亲、强奸、偷窥、强迫、气味癖</span>
            </div>
            <div class="preview-section">
                <strong>【开场架构】</strong>
                <span id="prevOpening">王浩从手机屏幕上抬起眼睛，鸡巴涨的难受。色情小说里的描写在你脑子里转，但隔壁传来的翻身声比任何文字都更让你心跳加速。你推开自己的房门，客厅黑着，爸妈的主卧门虚掩，传出父亲低沉的呼噜声。姐姐的房门就在斜对面。你走过去，手搭上门把手——没锁。门无声地开了一条缝，月光从薄纱窗帘漏进来，照在床上那具赤裸的身体上。姐姐睡得很熟，你更靠近一点仔细观察她的嫩屄，一股淡淡的骚味让你更加难受</span>
            </div>
        </div>

        <button class="copy-btn" id="copyBtn">一键复制全部设定</button>
    </div>

    <script>
        (function() {
            const playerNameInput = document.getElementById('playerName');
            const playerAgeInput = document.getElementById('playerAge');
            const playerGenderSelect = document.getElementById('playerGender');
            const playerIdentityInput = document.getElementById('playerIdentity');
            const playerAppearanceTextarea = document.getElementById('playerAppearance');
            const playerPovSelect = document.getElementById('playerPov');
            const tagsContainer = document.getElementById('tagsContainer');
            const customTagInput = document.getElementById('customTagInput');
            const addCustomTagBtn = document.getElementById('addCustomTagBtn');
            const previewArea = document.getElementById('previewArea');
            const copyBtn = document.getElementById('copyBtn');

            const prevName = document.getElementById('prevName');
            const prevAge = document.getElementById('prevAge');
            const prevGender = document.getElementById('prevGender');
            const prevIdentity = document.getElementById('prevIdentity');
            const prevAppearance = document.getElementById('prevAppearance');
            const prevPov = document.getElementById('prevPov');
            const prevTags = document.getElementById('prevTags');
            const prevOpening = document.getElementById('prevOpening');

            const defaultSelected = ['近亲', '强奸', '偷窥', '强迫', '气味癖'];
            const allTags = document.querySelectorAll('.tag');
            allTags.forEach(tag => {
                if (defaultSelected.includes(tag.getAttribute('data-tag'))) {
                    tag.classList.add('selected');
                }
            });

            function updatePreview() {
                prevName.textContent = playerNameInput.value || '未设定';
                prevAge.textContent = playerAgeInput.value || '18';
                prevGender.textContent = playerGenderSelect.value;
                prevIdentity.textContent = playerIdentityInput.value || '未设定';
                prevAppearance.textContent = playerAppearanceTextarea.value || '未设定';
                prevPov.textContent = playerPovSelect.value;

                const selectedTags = [];
                document.querySelectorAll('.tag.selected').forEach(tag => {
                    selectedTags.push(tag.getAttribute('data-tag') || tag.textContent.replace(' ＋', '').trim());
                });
                prevTags.textContent = selectedTags.length > 0 ? selectedTags.join('、') : '无';

                const name = playerNameInput.value || '你';
                const identity = playerIdentityInput.value || '高三学生';
                const openingText = `${name}从手机屏幕上抬起眼睛，鸡巴涨的难受。色情小说里的描写在你脑子里转，但隔壁传来的翻身声比任何文字都更让你心跳加速。你推开自己的房门，客厅黑着，爸妈的主卧门虚掩，传出父亲低沉的呼噜声。姐姐的房门就在斜对面。你走过去，手搭上门把手——没锁。门无声地开了一条缝，月光从薄纱窗帘漏进来，照在床上那具赤裸的身体上。姐姐睡得很熟，你更靠近一点仔细观察她的嫩屄，一股淡淡的骚味让你更加难受`;
                prevOpening.textContent = openingText;
            }

            playerNameInput.addEventListener('input', updatePreview);
            playerAgeInput.addEventListener('input', updatePreview);
            playerGenderSelect.addEventListener('change', updatePreview);
            playerIdentityInput.addEventListener('input', updatePreview);
            playerAppearanceTextarea.addEventListener('input', updatePreview);
            playerPovSelect.addEventListener('change', updatePreview);

            tagsContainer.addEventListener('click', function(e) {
                if (e.target.classList.contains('tag')) {
                    e.target.classList.toggle('selected');
                    updatePreview();
                }
            });

            function addCustomTag(tagName) {
                tagName = tagName.trim();
                if (!tagName) return;
                const existingTags = document.querySelectorAll('.tag');
                for (let tag of existingTags) {
                    let existingName = tag.getAttribute('data-tag') || tag.textContent.replace(' ＋', '').trim();
                    if (existingName === tagName) {
                        return;
                    }
                }
                const newTag = document.createElement('span');
                newTag.className = 'tag custom-tag';
                newTag.setAttribute('data-tag', tagName);
                newTag.textContent = tagName;
                tagsContainer.appendChild(newTag);
                customTagInput.value = '';
                updatePreview();
            }

            addCustomTagBtn.addEventListener('click', function() {
                addCustomTag(customTagInput.value);
            });
            customTagInput.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    e.preventDefault();
                    addCustomTag(customTagInput.value);
                }
            });

            copyBtn.addEventListener('click', function() {
                const textToCopy = previewArea.innerText;
                if (navigator.clipboard && navigator.clipboard.writeText) {
                    navigator.clipboard.writeText(textToCopy).then(() => {
                        showCopied();
                    }).catch(() => {
                        fallbackCopy(textToCopy);
                    });
                } else {
                    fallbackCopy(textToCopy);
                }
            });

            function fallbackCopy(text) {
                const textarea = document.createElement('textarea');
                textarea.value = text;
                textarea.style.position = 'fixed';
                textarea.style.opacity = '0';
                document.body.appendChild(textarea);
                textarea.select();
                try {
                    document.execCommand('copy');
                    showCopied();
                } catch (err) {}
                document.body.removeChild(textarea);
            }

            function showCopied() {
                const originalText = copyBtn.textContent;
                copyBtn.textContent = '已复制';
                copyBtn.classList.add('copied');
                setTimeout(() => {
                    copyBtn.textContent = originalText;
                    copyBtn.classList.remove('copied');
                }, 1500);
            }

            updatePreview();
        })();
    </script>
</body>
</html>


强奸了习惯裸睡的亲姐姐

凌晨两点。你看小电影看的鸡巴难受。想去厕所冲个凉缓缓，路过姐姐房门口——门虚掩着，露出一道缝。你知道她有裸睡的习惯。月光从窗帘缝隙漏进来，照在她身上，奶子比手机屏幕上的任何一个女优都白，大腿微微张开，两腿之间那撮毛被月光勾出轮廓。你鬼使神差推开了门。她被你捂住嘴的那一刻惊醒，眼睛瞪得滚圆，喉咙里挤出变了调的嗯嗯声。她的指甲在你胳膊上划出血痕，膝盖拼命往上顶，嘴挣脱你的手，“你疯了——爸妈在隔壁——”声音压得极低，怕吵醒父母，但每个字都在发抖。你压上去的时候闻到她头发里洗发水的味道，还有别的味道——从她两腿之间散发出来的，腥甜，温热的骚味。

KTV里兄弟女友被富二代拖进包厢后，他跪求我去救人

你被兄弟王自强一通电话叫到金煌KTV。他蹲在走廊里，脸埋在手心，声音发抖：“我没拦住……他们把雨萱带走了。”
推开311包厢的门，彩灯乱晃。几个壮汉横在沙发上，中间那个穿潮牌的富二代正把陈雨萱按在沙发里。她的T恤被推到锁骨，棉质内衣扯到一边，两只硕大的奶子暴露在昏暗的光线下。她咬着嘴唇没出声，眼泪顺着太阳穴淌进头发。
富二代抬头看见你，笑了一下：“你又是谁？”
雨萱看见是你，眼神从绝望变成哀求。
玩法特色：NTR情感拉扯 × 身体沉沦与道德挣扎 × KTV/校园/公寓多场景偷情。她的身体越来越依赖你，她的心在男友和救命恩人之间反复撕扯。而你，是兄弟，还是那个让她动摇的人？


<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课间震动</title>
<style>
.ui-frame {
  --primary: #f2a0b8;
  --secondary: #d97a9e;
  --bg: #fdf5f7;
  --card: #ffffff;
  --text: #3a2e33;
  --muted: #8a7a82;
  --accent: #f7d9e3;
  max-width: 720px;
  margin: 0 auto;
  padding: 16px;
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  box-sizing: border-box;
}
.ui-frame * { box-sizing: border-box; }
.ui-frame h1 {
  font-size: 24px;
  text-align: center;
  color: var(--secondary);
  margin: 4px 0 6px;
  letter-spacing: 2px;
}
.ui-frame h2 {
  font-size: 17px;
  color: var(--secondary);
  border-left: 4px solid var(--primary);
  padding-left: 10px;
  margin: 22px 0 10px;
}
.ui-frame h3 {
  font-size: 15px;
  color: var(--secondary);
  margin: 14px 0 6px;
}
.ui-frame .subtitle {
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 18px;
}
.ui-frame .brief {
  background: var(--card);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 4px 14px rgba(217,122,158,0.08);
  font-size: 14px;
  color: #5a4a52;
}
.ui-frame .card {
  background: var(--card);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 4px 14px rgba(217,122,158,0.08);
  margin-bottom: 12px;
}
.ui-frame label {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin: 8px 0 4px;
}
.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame textarea,
.ui-frame select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--accent);
  border-radius: 8px;
  font-size: 14px;
  color: var(--text);
  background: #fff;
  font-family: inherit;
  outline: none;
}
.ui-frame textarea { resize: vertical; min-height: 52px; }
.ui-frame input:focus,
.ui-frame textarea:focus,
.ui-frame select:focus {
  border-color: var(--primary);
}
.ui-frame .row {
  display: flex;
  gap: 10px;
}
.ui-frame .row > div { flex: 1; }
.ui-frame .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.ui-frame .tag {
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid var(--accent);
  background: #fff;
  color: var(--muted);
  font-size: 13px;
  cursor: pointer;
  user-select: none;
  transition: background .15s, color .15s;
}
.ui-frame .tag.on {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
.ui-frame .tag.custom::before {
  content: "＋";
  margin-right: 4px;
  font-size: 11px;
}
.ui-frame .add-row {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.ui-frame .add-row input { flex: 1; }
.ui-frame .add-row button {
  padding: 8px 14px;
  border: none;
  border-radius: 8px;
  background: var(--primary);
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.ui-frame .preview {
  background: #fffafc;
  border: 1px dashed var(--primary);
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.8;
  white-space: pre-wrap;
  color: #4a3a42;
}
.ui-frame .copy-btn {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 12px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  font-size: 15px;
  letter-spacing: 2px;
  cursor: pointer;
  font-family: inherit;
}
.ui-frame .copy-btn:active { opacity: .85; }
</style>
</head>
<body>
<div class="ui-frame">

  <h1>课间震动</h1>
  <div class="subtitle">遥控器在谁手里，谁就说了算</div>

  <div class="brief">
    你和林晓晓从小学就认识，穿一条裤子长大的交情。高二分到同一个班，她坐你后排，上课老拿笔戳你后背传纸条。这天你去她家写作业，在她没关严的抽屉里翻出一个粉色跳蛋。她端着果汁进来，脸红了，却没抢回去，反而凑过来小声问你“要不要试试”。<br><br>
    你试了。第二天上课她把跳蛋塞给你，手机遥控器在她手里，她的遥控器在你手里。两人互相较劲憋着不出声。可讲台上沈老师早就注意到了。下课铃响，沈老师把手机屏幕转过来——学校监控实时画面，画面里晓晓的腿在抖。<br><br>
    办公室门关上那一刻，沈老师笑了。抽屉拉开，里面一排亮晶晶的东西。从现在起，你和晓晓被捏在她手心里。要么按她说的做，要么监控录像发到家长群。
  </div>

  <h2>身份预设</h2>
  <div class="card">
    <div class="row">
      <div>
        <label>姓名</label>
        <input type="text" id="f-name" value="苏念" placeholder="你的名字">
      </div>
      <div>
        <label>年龄</label>
        <input type="number" id="f-age" value="17">
      </div>
    </div>
    <div class="row">
      <div>
        <label>性别</label>
        <select id="f-sex">
          <option selected>女</option>
          <option>其他</option>
        </select>
      </div>
      <div>
        <label>人称视角</label>
        <select id="f-view">
          <option selected>第二人称</option>
          <option>第一人称</option>
          <option>第三人称</option>
        </select>
      </div>
    </div>
    <label>身份</label>
    <input type="text" id="f-role" value="云城三中高二（7）班学生，林晓晓的闺蜜">
    <label>外貌</label>
    <textarea id="f-look">及肩黑发，皮肤偏白，眼睛不大但看人时很直。身高162，体型偏瘦，锁骨明显。平时穿校服，里面爱套宽松卫衣。不说话时看着挺乖，一开口就露馅。</textarea>
  </div>

  <h3>性癖好（偏好设置）</h3>
  <div class="card">
    <div class="tags" id="tag-box">
      <span class="tag" data-k="露出">露出</span>
      <span class="tag" data-k="捆绑">捆绑</span>
      <span class="tag" data-k="语言羞辱">语言羞辱</span>
      <span class="tag" data-k="公共场合">公共场合</span>
      <span class="tag" data-k="足控">足控</span>
      <span class="tag" data-k="丝袜">丝袜</span>
      <span class="tag" data-k="调教">调教</span>
      <span class="tag" data-k="精神控制">精神控制</span>
      <span class="tag" data-k="高潮管理">高潮管理</span>
      <span class="tag" data-k="道具">道具</span>
      <span class="tag" data-k="偷窥">偷窥</span>
      <span class="tag" data-k="闺蜜互玩">闺蜜互玩</span>
      <span class="tag" data-k="师生">师生</span>
      <span class="tag" data-k="强迫">强迫</span>
      <span class="tag" data-k="气味癖">气味癖</span>
    </div>
    <div class="add-row">
      <input type="text" id="tag-input" placeholder="自定义添加…">
      <button id="tag-add">添加</button>
    </div>
  </div>

  <h2>配置预览</h2>
  <div class="preview" id="preview"></div>
  <button class="copy-btn" id="copy-btn">一键复制</button>

</div>

<script>
(function(){
  var $ = function(id){ return document.getElementById(id); };
  var frame = document.querySelector('.ui-frame');

  function viewText(){
    var v = $('f-view').value;
    return v;
  }

  function collectTags(){
    var list = [];
    document.querySelectorAll('#tag-box .tag.on').forEach(function(t){
      list.push(t.dataset.k || t.textContent.replace('＋','').trim());
    });
    return list;
  }

  function renderPreview(){
    var tags = collectTags();
    var name = $('f-name').value || '（未填写）';
    var age = $('f-age').value || '（未填写）';
    var sex = $('f-sex').value;
    var role = $('f-role').value || '（未填写）';
    var look = $('f-look').value || '（未填写）';
    var view = viewText();
    var tagStr = tags.length ? tags.join('、') : '无';

    var t = '';
    t += '【玩家角色预设】\n';
    t += '姓名：' + name + '\n';
    t += '年龄：' + age + '岁\n';
    t += '性别：' + sex + '\n';
    t += '身份：' + role + '\n';
    t += '外貌：' + look + '\n';
    t += '人称视角：' + view + '\n';
    t += '性癖好偏好：' + tagStr + '\n';
    t += '\n【开场架构】\n';
    t += '你坐在晓晓家书桌前面，手边是摊开的数学练习册，一个字没写。晓晓刚出去拿果汁，你正对着她没关严的抽屉发呆——那个粉色小球你本来不该翻，但你翻了，现在它就在你手心里，还带着一点温热的塑料味。\n\n';
    t += '门被推开。晓晓端着两杯果汁进来，看见你手里的东西，整个人顿了一下。她没立刻抢，先走过来把果汁放桌上，手背蹭了一下你拿跳蛋的那只手，耳朵尖一点点变红。\n\n';
    t += '“你……你怎么翻我抽屉了……”她声音很小，就在你耳边，手指勾住你袖子，“那个是、是我自己买的。”\n\n';
    t += '她没要回去，反而弯下腰把跳蛋往你掌心按了按，声音变软，她小骚屄里散发出一股淡淡的骚味：“你……要不要也试试？就、就在这里，我帮你……或者你自己拿着遥控器。”\n\n';
    t += '窗外天还没黑透，她爸妈九点后才回来。';
    $('preview').textContent = t;
  }

  // 标签点击
  document.querySelectorAll('#tag-box .tag').forEach(function(tag){
    tag.addEventListener('click', function(){
      this.classList.toggle('on');
      renderPreview();
    });
  });

  // 自定义添加
  function addTag(){
    var input = $('tag-input');
    var val = input.value.trim();
    if(!val) return;
    var exists = false;
    document.querySelectorAll('#tag-box .tag').forEach(function(t){
      if((t.dataset.k || t.textContent.replace('＋','').trim()) === val) exists = true;
    });
    if(exists){ input.value=''; return; }
    var span = document.createElement('span');
    span.className = 'tag custom';
    span.dataset.k = val;
    span.textContent = val;
    span.addEventListener('click', function(){
      this.classList.toggle('on');
      renderPreview();
    });
    span.classList.add('on');
    $('tag-box').appendChild(span);
    input.value = '';
    renderPreview();
  }
  $('tag-add').addEventListener('click', addTag);
  $('tag-input').addEventListener('keydown', function(e){
    if(e.key === 'Enter'){ e.preventDefault(); addTag(); }
  });

  // 输入变化
  frame.querySelectorAll('input, textarea, select').forEach(function(el){
    el.addEventListener('input', renderPreview);
    el.addEventListener('change', renderPreview);
  });

  // 一键复制
  $('copy-btn').addEventListener('click', function(){
    var txt = $('preview').textContent;
    if(navigator.clipboard && navigator.clipboard.writeText){
      navigator.clipboard.writeText(txt);
    } else {
      var ta = document.createElement('textarea');
      ta.value = txt;
      ta.style.position = 'fixed';
      ta.style.opacity = '0';
      document.body.appendChild(ta);
      ta.select();
      document.execCommand('copy');
      document.body.removeChild(ta);
    }
  });

  renderPreview();
})();
</script>
</body>
</html>


跟闺蜜上课玩跳蛋，被班主任发现了

你和闺蜜从小学就认识，穿一条裤子长大的交情。现在高二分到同一个班，她坐你后排，上课老拿笔戳你后背传纸条。这天你去她家写作业，在她没关严的抽屉里翻出一个粉色跳蛋。她端着果汁进来，脸红了，却没抢回去，反而凑过来小声问你“要不要试试”。
你试了。她说话算话，第二天上课真把跳蛋塞给你，手机遥控器在她手里，她的遥控器在你手里。两人互相较劲，憋着不出声。讲台上沈老师正在讲古诗词鉴赏，眼神却往你们这排飘了一眼——又一眼。
下课铃响，沈老师走到你们桌前，敲了敲桌面：“你们两个，放学来我办公室一趟。”她把手机屏幕转过来，上面是学校内部监控系统的实时画面，画面里晓晓的腿在抖。
办公室门关上那一刻，沈老师笑了。她说她很早就注意到了。办公桌抽屉拉开，里面一排亮晶晶的东西，晓晓凑过来看了一眼，小声跟你咬耳朵：“比我的多多了。”
从现在起，你和晓晓被捏在她手心里。要么按她说的做，要么监控录像发到家长群。



<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>夜车软卧 · 设定页</title>
<style>
.ui-frame{
  --primary:#c8a24a;
  --accent:#8b1e2d;
  --bg:#0d1117;
  --bg2:#161b24;
  --text:#d8dbe0;
  --dim:#7a8390;
  --line:#242b36;
  max-width:720px;
  margin:0 auto;
  padding:24px 18px 60px;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.ui-frame *{box-sizing:border-box;}
.ui-frame h1{
  font-size:22px;
  letter-spacing:1px;
  margin:0 0 6px;
  color:var(--primary);
  font-weight:700;
}
.ui-frame h2{
  font-size:15px;
  letter-spacing:2px;
  margin:34px 0 14px;
  color:var(--primary);
  font-weight:600;
  border-left:3px solid var(--accent);
  padding-left:10px;
}
.ui-frame .sub{
  font-size:12px;
  color:var(--dim);
  letter-spacing:1px;
  margin-bottom:22px;
}
.ui-frame .intro{
  background:var(--bg2);
  border:1px solid var(--line);
  border-radius:10px;
  padding:16px 16px;
  font-size:14px;
  color:#bcc3cd;
}
.ui-frame .intro p{margin:0 0 10px;}
.ui-frame .intro p:last-child{margin-bottom:0;}
.ui-frame .field{
  margin-bottom:16px;
}
.ui-frame .field label{
  display:block;
  font-size:12px;
  letter-spacing:1px;
  color:var(--dim);
  margin-bottom:6px;
}
.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame select,
.ui-frame textarea{
  width:100%;
  padding:11px 12px;
  background:#0a0e14;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--text);
  font-size:15px;
  font-family:inherit;
  outline:none;
  transition:border-color .15s;
  min-height:44px;
}
.ui-frame input:focus,
.ui-frame select:focus,
.ui-frame textarea:focus{
  border-color:var(--primary);
}
.ui-frame textarea{
  resize:vertical;
  min-height:70px;
  line-height:1.6;
}
.ui-frame .grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ui-frame .tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.ui-frame .tag{
  padding:8px 14px;
  background:#0a0e14;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:13px;
  color:var(--dim);
  cursor:pointer;
  user-select:none;
  transition:all .15s;
  min-height:36px;
  display:flex;
  align-items:center;
}
.ui-frame .tag:hover{
  border-color:#3a4452;
  color:#bcc3cd;
}
.ui-frame .tag.on{
  background:rgba(139,30,45,.25);
  border-color:var(--accent);
  color:#f0d5da;
}
.ui-frame .tag.custom::before{
  content:"＋";
  font-size:11px;
  margin-right:5px;
  color:var(--primary);
}
.ui-frame .tag.on.custom::before{
  content:"✓";
  color:#f0d5da;
}
.ui-frame .addbox{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.ui-frame .addbox input{
  flex:1;
}
.ui-frame .addbox button{
  padding:0 18px;
  background:var(--accent);
  border:none;
  border-radius:8px;
  color:#f2dfe2;
  font-size:14px;
  font-family:inherit;
  cursor:pointer;
  min-height:44px;
  min-width:64px;
  transition:opacity .15s;
}
.ui-frame .addbox button:hover{opacity:.85;}
.ui-frame .preview{
  background:#0a0e14;
  border:1px solid var(--line);
  border-radius:10px;
  padding:18px 16px;
  white-space:pre-wrap;
  font-size:14px;
  line-height:1.75;
  color:#c7ced8;
  font-family:"SF Mono",Menlo,Consolas,monospace;
}
.ui-frame .preview .ph{
  color:var(--dim);
  font-style:italic;
}
.ui-frame .copybar{
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:12px;
}
.ui-frame .copybtn{
  padding:13px 28px;
  background:linear-gradient(135deg,var(--accent),#6e1522);
  border:none;
  border-radius:8px;
  color:#f5e6e9;
  font-size:15px;
  letter-spacing:2px;
  font-family:inherit;
  cursor:pointer;
  min-height:48px;
  transition:transform .1s, opacity .15s;
}
.ui-frame .copybtn:active{transform:scale(.98);}
.ui-frame .copybtn:hover{opacity:.9;}
.ui-frame .tip{
  font-size:11px;
  color:var(--dim);
}
.ui-frame hr{
  border:none;
  border-top:1px solid var(--line);
  margin:30px 0;
}
@media (max-width:480px){
  .ui-frame{padding:18px 14px 50px;font-size:14px;}
  .ui-frame h1{font-size:19px;}
  .ui-frame .grid2{grid-template-columns:1fr;}
  .ui-frame .copybtn{width:100%;}
}
</style>
</head>
<body>
<div class="ui-frame">

  <h1>夜车软卧</h1>
  <div class="sub">Z358 · 江城→云州 · 22:40—10:20 · 十二小时</div>

  <div class="intro">
    <p>硬座超员，列车长把三个女大学生塞进了你所在的那间软卧包厢。门一关，十二个小时谁也走不了。</p>
    <p>苏晚把包扔在中铺，侧脸不看你；姜楠的汗味先飘进来；林小满站在门口小声问"我睡哪"。</p>
    <p>她们都是处女。她们都有男朋友。她们的手机整晚都在响。</p>
    <p><span style="color:#c8a24a;">玩法特色：</span>密闭空间 · 牌局脱衣 · 偷摸 · 露出 · 心理推进 · 三人关系互相牵制 · 男友查岗中断 · 陌生人敲门搅局。你的每一步都留下痕迹，每一步都会影响另外两个人怎么看你。</p>
  </div>

  <h2>身份预设</h2>

  <div class="grid2">
    <div class="field">
      <label>姓名</label>
      <input type="text" id="f-name" placeholder="林晓">
    </div>
    <div class="field">
      <label>年龄</label>
      <input type="number" id="f-age" min="18" max="60" placeholder="年龄">
    </div>
  </div>

  <div class="grid2">
    <div class="field">
      <label>性别</label>
      <select id="f-sex">
        <option>男</option>
        <option>女</option>
        <option>其他</option>
      </select>
    </div>
    <div class="field">
      <label>人称视角</label>
      <select id="f-pov">
        <option selected>第二人称</option>
        <option>第一人称</option>
        <option>第三人称</option>
      </select>
    </div>
  </div>

  <div class="field">
    <label>身份</label>
    <input type="text" id="f-role" placeholder="你上车前是干什么的">
  </div>

  <div class="field">
    <label>外貌</label>
    <textarea id="f-look" placeholder="长相、衣着、身上带什么"></textarea>
  </div>

  <div class="field">
    <label>性癖好（可多选，可自定义添加）</label>
    <div class="tags" id="tagbox">
      <div class="tag" data-v="NTR">NTR</div>
      <div class="tag" data-v="群交">群交</div>
      <div class="tag" data-v="心理操控">心理操控</div>
      <div class="tag" data-v="偷窥">偷窥</div>
      <div class="tag" data-v="露出">露出</div>
      <div class="tag" data-v="调教">调教</div>
      <div class="tag" data-v="处女">处女</div>
      <div class="tag" data-v="口交">口交</div>
      <div class="tag" data-v="乳交">乳交</div>
      <div class="tag" data-v="足交">足交</div>
      <div class="tag" data-v="气味癖">气味癖</div>
      <div class="tag" data-v="汗味">汗味</div>
      <div class="tag" data-v="公共场合">公共场合</div>
      <div class="tag" data-v="服从">服从</div>
      <div class="tag" data-v="羞耻">羞耻</div>
      <div class="tag" data-v="三人行">三人行</div>
    </div>
    <div class="addbox">
      <input type="text" id="custom-tag" placeholder="自定义癖好…">
      <button type="button" id="add-tag">添加</button>
    </div>
  </div>

  <h2>配置预览</h2>
  <div class="preview" id="preview"></div>
  <div class="copybar">
    <button class="copybtn" id="copybtn">一键复制</button>
    <span class="tip">复制后粘到聊天框开始</span>
  </div>

</div>

<script>
(function(){
  var frame=document.querySelector('.ui-frame');
  var nameI=document.getElementById('f-name'),
      ageI=document.getElementById('f-age'),
      sexI=document.getElementById('f-sex'),
      roleI=document.getElementById('f-role'),
      lookI=document.getElementById('f-look'),
      povI=document.getElementById('f-pov'),
      tagbox=document.getElementById('tagbox'),
      customI=document.getElementById('custom-tag'),
      addBtn=document.getElementById('add-tag'),
      preview=document.getElementById('preview'),
      copyBtn=document.getElementById('copybtn');

  // 默认预设值（不给玩家起名，留空提示）
  nameI.value='';
  ageI.value=22;
  roleI.value='学生，隐藏的富二代';
  lookI.value='普通身高，短袖外面套了件薄衬衫，脚上是踩扁后跟的旧运动鞋。背包里一台笔记本、一瓶矿泉水、充电宝。';

  // 标签点击切换
  tagbox.addEventListener('click',function(e){
    var t=e.target.closest('.tag');
    if(!t)return;
    t.classList.toggle('on');
    render();
  });

  // 添加自定义标签
  function addCustom(){
    var v=customI.value.trim();
    if(!v)return;
    var exist=Array.prototype.some.call(tagbox.querySelectorAll('.tag'),function(t){
      return t.dataset.v===v;
    });
    if(exist){
      customI.value='';
      return;
    }
    var d=document.createElement('div');
    d.className='tag custom';
    d.dataset.v=v;
    d.textContent=v;
    tagbox.appendChild(d);
    customI.value='';
    render();
  }
  addBtn.addEventListener('click',addCustom);
  customI.addEventListener('keydown',function(e){
    if(e.key==='Enter'){e.preventDefault();addCustom();}
  });

  function getTags(){
    return Array.prototype.map.call(
      tagbox.querySelectorAll('.tag.on'),
      function(t){return t.dataset.v;}
    );
  }

  function render(){
    var tags=getTags();
    var name=nameI.value.trim()||'林晓';
    var age=ageI.value||'—';
    var sex=sexI.value;
    var role=roleI.value.trim()||'（未填写）';
    var look=lookI.value.trim()||'（未填写）';
    var pov=povI.value;
    var tagStr=tags.length?tags.join('、'):'（未选择）';

    var text=
'【玩家角色预设】\n'+
'姓名：'+name+'\n'+
'年龄：'+age+'岁\n'+
'性别：'+sex+'\n'+
'身份：'+role+'\n'+
'外貌：'+look+'\n'+
'人称视角：'+pov+'\n'+
'性癖好：'+tagStr+'\n\n'+
'【开场架构】\n'+
'半夜，小夜灯也关了，卧铺里乌黑，卧铺的三个女孩子好像都睡着了，这时候你听到一声压抑到几乎听不到的闷哼，然后你闻到一股来自骚屄发情后的气味。那是上铺的女孩，她在自慰，你被这个想法震惊的，鸡巴瞬间硬了\n';

    preview.textContent=text;
  }

  // 输入联动预览
  [nameI,ageI,sexI,roleI,lookI,povI].forEach(function(el){
    el.addEventListener('input',render);
    el.addEventListener('change',render);
  });

  // 复制
  copyBtn.addEventListener('click',function(){
    var txt=preview.textContent;
    if(navigator.clipboard&&navigator.clipboard.writeText){
      navigator.clipboard.writeText(txt)['catch'](function(){fallback(txt);});
    }else{
      fallback(txt);
    }
  });
  function fallback(txt){
    var ta=document.createElement('textarea');
    ta.value=txt;
    ta.style.position='fixed';
    ta.style.opacity='0';
    document.body.appendChild(ta);
    ta.select();
    try{document.execCommand('copy');}catch(e){}
    document.body.removeChild(ta);
  }

  render();
})();
</script>
</body>
</html>


卧铺上三个女学生抠逼的味道冲鼻子

Z358，江城开往云州，22:40发车，次日10:20到站。十二个小时，一节软卧四人间。
你上车时包厢里只有你一个人。十分钟后，门被拉开，三个女大学生拖着行李箱挤了进来——硬座超员，列车长把她们塞进了这个刚好空着三个铺位的包厢。
夜晚，三个人的被窝散发出催情的味道。她们互相都知道对方在自慰。都是女的，都在一个学院，都是心照不宣的秘密。而你要做的，就是掀开她们羞耻的面具。



<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>剧本配置 - 白清寒</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #1a1020;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-family: "Noto Serif SC", "Songti SC", serif;
  padding: 16px;
}

.ui-frame {
  --primary: #d4a373;
  --secondary: #b4536a;
  --bg-dark: #24182e;
  --bg-card: #2e1e3c;
  --text: #f0e2d0;
  --text-muted: #b8a2c0;
  --border: #574064;
  --tag-bg: #3a2748;
  --tag-selected: #d4a373;
  --tag-text: #f0e2d0;
  width: 100%;
  max-width: 720px;
  background: var(--bg-dark);
  border: 1px solid var(--primary);
  border-radius: 16px;
  box-shadow: 0 0 25px rgba(180,83,106,0.35);
  color: var(--text);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

h1 {
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 4px;
  color: var(--primary);
  border-bottom: 1px dashed var(--border);
  padding-bottom: 12px;
}

h2 {
  font-size: 1.2rem;
  color: var(--secondary);
  margin-bottom: 10px;
  border-left: 4px solid var(--secondary);
  padding-left: 8px;
}

.section {
  background: var(--bg-card);
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--border);
}

.section p {
  line-height: 1.7;
  text-indent: 2em;
  color: var(--text-muted);
}

label {
  display: block;
  margin-bottom: 6px;
  color: var(--primary);
  font-weight: bold;
}

input[type="text"], input[type="number"], select, textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  background: #1d1426;
  color: var(--text);
  border-radius: 8px;
  font-size: 1rem;
  margin-bottom: 12px;
  outline: none;
}

textarea {
  min-height: 70px;
  resize: vertical;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 8px rgba(212,163,115,0.5);
}

.form-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.form-row > div {
  flex: 1;
  min-width: 140px;
}

.tags-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.tag {
  background: var(--tag-bg);
  color: var(--tag-text);
  border: 1px solid var(--border);
  padding: 8px 16px;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  font-size: 0.9rem;
}

.tag.selected {
  background: var(--tag-selected);
  color: #1d1426;
  border-color: var(--tag-selected);
  font-weight: bold;
}

.tag.custom {
  border-style: dashed;
}

.tag.custom::before {
  content: "+";
  margin-right: 4px;
}

.add-tag-row {
  display: flex;
  gap: 10px;
}

.add-tag-row input {
  flex: 1;
  margin-bottom: 0;
}

.add-tag-row button {
  background: var(--secondary);
  color: white;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 1px;
}

.add-tag-row button:active {
  transform: scale(0.97);
}

.preview-box {
  background: #1d1426;
  border: 1px solid var(--primary);
  border-radius: 12px;
  padding: 16px;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "Noto Serif SC", serif;
  line-height: 1.8;
  color: var(--text);
  min-height: 200px;
}

.copy-btn {
  background: var(--primary);
  color: #1d1426;
  border: none;
  padding: 12px;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 6px;
  cursor: pointer;
  transition: background 0.2s;
  width: 100%;
}

.copy-btn:hover {
  background: #e2bb8a;
}

.copy-btn:active {
  transform: translateY(1px);
}

.credit {
  text-align: center;
  font-size: 0.75rem;
  color: var(--text-muted);
  letter-spacing: 2px;
}

@media (max-width: 600px) {
  .ui-frame { padding: 14px; }
  h1 { font-size: 1.4rem; }
  .form-row { flex-direction: column; }
  .tag { padding: 6px 12px; }
}
</style>
</head>
<body>
<div class="ui-frame">
  <h1>白清寒·剧本配置</h1>

  <div class="section">
    <h2>剧本介绍</h2>
    <p>青玄宗女帝白清寒，大乘期修为，铁面无私。她捡回一个孤苦无依的少年，收为关门弟子，百般呵护。在女帝眼中，你是最纯洁无辜的孩子，是需要她用全部温柔去庇佑的白纸。所以你“误入”她的浴池，她红着脸替你擦身。你“睡梦中”埋进她的乳沟，她无奈地拍着你的背。你当着她亲儿子萧云的面装乖卖惨，她当着全宗长老的面训斥萧云“污蔑师弟”。</p>
    <p>没有人知道，这个外表天真无邪的少年，是个骨子里装满污秽计谋的邪修。也没有人知道，在白清寒那条保守的白纱仙裙下面，藏着一具拥有G罩杯与夸张肥臀的、万年难遇的纯阴之体。更没有人知道，这位最冰冷的女人，正在一点一点给自己找理由，把你每一次越界的接触，都解释成“母子般”的怜爱。而你，正不紧不慢地，一层一层剥开她的内心。</p>
    <p>玩法特色：心理操控、主动伪装、性爱玩法标签；场景包含浴池偷窥、书房钻案、后山跌倒、大殿装晕等；角色敏感身体档案已实装。</p>
  </div>

  <div class="section">
    <h2>身份预设表单</h2>
    <div class="form-row">
      <div><label>姓名</label><input type="text" id="name" placeholder="林晓" value=""></div>
      <div><label>年龄</label><input type="number" id="age" value="18" min="12" max="200"></div>
      <div><label>性别</label>
        <select id="gender"><option>男</option><option>女</option><option>其他</option></select>
      </div>
    </div>
    <div class="form-row">
      <div><label>身份</label><input type="text" id="role" value="白清寒关门弟子（邪修卧底）"></div>
      <div><label>人称视角</label>
        <select id="person"><option>第二人称</option><option>第一人称</option><option>第三人称</option></select>
      </div>
    </div>
    <label>外貌</label>
    <textarea id="looks">清秀瘦弱，眼神无辜，因受伤而略显苍白。平日里总是一副人畜无害的模样，笑起来带着少年的稚气。</textarea>

    <label style="margin-top:12px;">性癖好（可多选，点击标签切换；下方输入框可自定义添加）</label>
    <div class="tags-group" id="tagsContainer">
      <span class="tag">气味癖</span>
      <span class="tag">露出</span>
      <span class="tag">足交</span>
      <span class="tag">乳交</span>
      <span class="tag">口交</span>
      <span class="tag">后入</span>
      <span class="tag">宫交</span>
      <span class="tag">偷窥</span>
      <span class="tag">调教</span>
      <span class="tag">角色扮演</span>
      <span class="tag">舔阴</span>
      <span class="tag">指奸</span>
      <span class="tag">潮吹控制</span>
      <span class="tag">肛交</span>
      <span class="tag">捆绑</span>
    </div>
    <div class="add-tag-row">
      <input type="text" id="newTagInput" placeholder="输入自定义癖好后点添加或回车">
      <button id="addTagBtn">添加</button>
    </div>
  </div>

  <div class="section">
    <h2>配置预览</h2>
    <div class="preview-box" id="previewBox">加载中...</div>
  </div>

  <button class="copy-btn" id="copyBtn">一键复制预览</button>

  <div class="credit">正道魁首之下，暗流汹涌</div>
</div>

<script>
(function() {
  // 获取所有需要监听的元素
  const nameInput = document.getElementById('name');
  const ageInput = document.getElementById('age');
  const genderSelect = document.getElementById('gender');
  const roleInput = document.getElementById('role');
  const looksTextarea = document.getElementById('looks');
  const personSelect = document.getElementById('person');
  const previewBox = document.getElementById('previewBox');
  const tagsContainer = document.getElementById('tagsContainer');
  const newTagInput = document.getElementById('newTagInput');
  const addTagBtn = document.getElementById('addTagBtn');

  // 存储选中的性癖好标签
  const selectedTags = new Set();

  // 更新预览区
  function updatePreview() {
    const name = nameInput.value.trim() || '林晓';
    const age = ageInput.value || '18';
    const gender = genderSelect.value;
    const role = roleInput.value.trim() || '白清寒关门弟子';
    const looks = looksTextarea.value.trim() || '清秀瘦弱，眼神无辜';
    const person = personSelect.value;

    // 性癖好文本
    let tagText = '';
    if (selectedTags.size > 0) {
      tagText = Array.from(selectedTags).join('、');
    } else {
      tagText = '暂未选择';
    }

    // 来人称视角显示处理
    let personLabel = person;
    let openingFirstLine = '';
    let openingRest = '';
    if (person === '第一人称') {
      openingFirstLine = '我动了动手指，眼皮像被什么压着，好不容易才睁开。';
      openingRest = '入眼是一张极冷极艳的脸，白清寒坐在床沿，一只手还搭在我的后背上，带着温热的灵息，还有她骚屄里散发出的迷人的骚味。她见我将醒，眉头松了松，低声道：“做噩梦了？”我喉咙发干，没来得及答，只觉得自己挨着她极近，近得能闻见她唇上那抹正红口脂的花香。';
    } else if (person === '第三人称') {
      openingFirstLine = '他动了动手指，眼皮似有千斤，挣扎好一阵才睁开。';
      openingRest = '视线里是白清寒那张冷艳的面容，女帝坐在床沿，几缕乌发垂在白纱仙裙上。她一只手搭着他后背，掌心传出的灵力暖意让他身体里的阴寒散了些，还有她骚屄里散发出的迷人的骚味。她看他醒了，眼神柔和三分，低声说：“做噩梦了？”他还未答，便察觉自己离她极近，近到那两团藏在衣襟里的浑圆几乎要贴到他的鼻尖。';
    } else { // 第二人称
      openingFirstLine = '你动了动手指，眼皮像被什么压着，好不容易才睁开。';
      openingRest = '入眼是一张极冷极艳的脸，白清寒坐在床沿，一只手还搭在你的后背上，带着温热的灵息，还有她骚屄里散发出的迷人的骚味。她见你将醒，眉头松了松，低声道：“做噩梦了？”你喉咙发干，没来得及答，只觉得自己挨着她极近，近得能闻见她唇上那抹正红口脂的花香。再看时，她衣襟微微散开一线，露出一小片奶白色的乳肉。';
    }

    const text = `【玩家角色预设】
姓名：${name}
年龄：${age}
性别：${gender}
身份：${role}
外貌：${looks}
人称视角：${personLabel}
性癖好：${tagText}

【开场架构】
${openingFirstLine}${openingRest}`;

    previewBox.innerText = text;
  }

  // 性癖好标签点击处理
  tagsContainer.addEventListener('click', function(e) {
    const target = e.target;
    if (target.classList.contains('tag')) {
      const tagText = target.innerText.trim();
      if (selectedTags.has(tagText)) {
        selectedTags.delete(tagText);
        target.classList.remove('selected');
      } else {
        selectedTags.add(tagText);
        target.classList.add('selected');
      }
      updatePreview();
    }
  });

  // 添加自定义标签
  function addCustomTag() {
    const inputValue = newTagInput.value.trim();
    if (!inputValue) return;
    // 检查是否已存在（包括预设与自定义）
    const allTags = Array.from(tagsContainer.querySelectorAll('.tag')).map(t => t.innerText.trim());
    if (allTags.includes(inputValue)) {
      newTagInput.value = '';
      newTagInput.placeholder = '该标签已存在';
      setTimeout(() => { newTagInput.placeholder = '输入自定义癖好后点添加或回车'; }, 1000);
      return;
    }
    const newTag = document.createElement('span');
    newTag.className = 'tag custom';
    newTag.innerText = inputValue;
    newTag.classList.remove('selected'); // 初始未选中
    tagsContainer.appendChild(newTag);
    newTagInput.value = '';
    // 新标签的点击同样由事件委托处理
  }

  addTagBtn.addEventListener('click', addCustomTag);
  newTagInput.addEventListener('keydown', function(e) {
    if (e.key === 'Enter') {
      e.preventDefault();
      addCustomTag();
    }
  });

  // 一键复制
  document.getElementById('copyBtn').addEventListener('click', function() {
    const text = previewBox.innerText;
    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(text).catch(function() {
        // 静默失败，忽略，不影响使用
      });
    } else {
      // 降级方案：创建临时文本域
      const tempTextarea = document.createElement('textarea');
      tempTextarea.value = text;
      document.body.appendChild(tempTextarea);
      tempTextarea.select();
      try {
        document.execCommand('copy');
      } catch (err) {
        // 静默失败
      }
      document.body.removeChild(tempTextarea);
    }
    // 无弹窗提醒，只短暂改变按钮文字作为视觉反馈
    const btn = document.getElementById('copyBtn');
    const originalText = btn.innerText;
    btn.innerText = '已复制';
    setTimeout(function() { btn.innerText = originalText; }, 800);
  });

  // 初始化所有输入事件
  [nameInput, ageInput, genderSelect, roleInput, looksTextarea, personSelect].forEach(el => {
    el.addEventListener('input', updatePreview);
    el.addEventListener('change', updatePreview);
  });

  // 初始更新
  updatePreview();
})();
</script>
</body>
</html>


师尊，师兄真的不是故意污蔑我

青玄宗女帝白清寒，大乘期修为，铁面无私。她捡回一个孤苦无依的少年，收为关门弟子，百般呵护。在女帝眼中，你是最纯洁无辜的孩子，是需要她用全部温柔去庇佑的白纸。所以你“误入”她的浴池，她红着脸替你擦身。你“睡梦中”埋进她的乳沟，她无奈地拍着你的背。你当着她亲儿子萧云的面装乖卖惨，她当着全宗长老的面训斥萧云“污蔑师弟”。没有人知道，这个外表天真无邪的少年，是个骨子里装满污秽计谋的邪修。
也没有人知道，在白清寒那条保守的白纱仙裙下面，藏着一具拥有G罩杯与夸张肥臀的、万年难遇的纯阴之体。
更没有人知道，这位最冰冷的女人，正在一点一点给自己找理由，把你每一次越界的接触，都解释成“母子般”的怜爱。


<!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, viewport-fit=cover">
<title>仙堕：首席在我胯下折腰</title>
<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: #1a0a0f;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 16px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ui-frame {
    --primary: #c44b6b;
    --secondary: #f0c060;
    --bg-card: #1f0e14;
    --bg-input: #2a121b;
    --text: #ebd0d5;
    --text-dim: #a08090;
    --border: #5a3040;
    --accent: #e07080;
    --tag-bg: #301820;
    --tag-selected: #a03050;
    --tag-text: #f0b0b8;
    --btn-copy: #b84050;
    --btn-hover: #d05060;
    --radius: 12px;
    --radius-sm: 8px;
    width: 100%;
    max-width: 720px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 0 30px rgba(180, 40, 60, 0.25), 0 0 80px rgba(200, 40, 60, 0.08);
    padding: 28px 24px;
    color: var(--text);
    line-height: 1.7;
    min-height: 0;
}
.ui-frame * {
    color: var(--text);
}
.ui-frame h1 {
    font-size: 2rem;
    text-align: center;
    color: var(--secondary);
    letter-spacing: 2px;
    margin-bottom: 6px;
    font-weight: 700;
    text-shadow: 0 0 18px rgba(240, 192, 96, 0.4);
}
.ui-frame h2 {
    font-size: 1.2rem;
    text-align: center;
    color: var(--text-dim);
    margin-bottom: 24px;
    font-weight: 400;
    letter-spacing: 1px;
}
.ui-frame h3 {
    font-size: 1.05rem;
    color: var(--accent);
    margin: 20px 0 10px;
    padding-left: 8px;
    border-left: 3px solid var(--accent);
    font-weight: 600;
}
.ui-frame .intro-block {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 16px 18px;
    margin-bottom: 20px;
    font-size: 0.95rem;
    color: var(--text);
    white-space: pre-wrap;
}
.ui-frame label {
    display: block;
    font-size: 0.9rem;
    color: var(--text-dim);
    margin: 12px 0 4px;
    font-weight: 500;
}
.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame textarea,
.ui-frame select {
    width: 100%;
    padding: 10px 12px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: 0.95rem;
    font-family: inherit;
    outline: none;
    transition: border 0.2s;
    resize: vertical;
    -webkit-appearance: none;
}
.ui-frame input:focus,
.ui-frame textarea:focus,
.ui-frame select:focus {
    border-color: var(--accent);
    box-shadow: 0 0 8px rgba(180, 40, 60, 0.15);
}
.ui-frame select {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c08090' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}
.ui-frame textarea {
    min-height: 70px;
}
.ui-frame .tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 12px;
}
.ui-frame .tag-btn {
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid var(--border);
    background: var(--tag-bg);
    color: var(--tag-text);
    font-size: 0.85rem;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s;
    white-space: nowrap;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-frame .tag-btn.selected {
    background: var(--tag-selected);
    border-color: var(--accent);
    color: #fff;
    box-shadow: 0 0 8px rgba(200, 50, 70, 0.4);
}
.ui-frame .tag-btn .custom-marker {
    margin-right: 4px;
    font-size: 0.75rem;
    opacity: 0.7;
}
.ui-frame .custom-tag-row {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.ui-frame .custom-tag-row input {
    flex: 1;
    min-width: 0;
}
.ui-frame .custom-tag-row button {
    padding: 10px 20px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--accent);
    background: var(--tag-selected);
    color: #fff;
    font-size: 0.9rem;
    cursor: pointer;
    white-space: nowrap;
    min-height: 44px;
    transition: background 0.2s;
}
.ui-frame .custom-tag-row button:hover {
    background: var(--btn-hover);
}
.ui-frame .preview-block {
    background: #0d0508;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 18px;
    margin: 20px 0;
    white-space: pre-wrap;
    font-size: 0.9rem;
    max-height: 420px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.ui-frame .btn-row {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}
.ui-frame .btn-copy {
    flex: 1;
    min-width: 140px;
    padding: 14px 20px;
    border-radius: var(--radius-sm);
    border: none;
    background: var(--btn-copy);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 1px;
    transition: background 0.2s, box-shadow 0.2s;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-frame .btn-copy:hover {
    background: var(--btn-hover);
    box-shadow: 0 0 18px rgba(200, 50, 70, 0.5);
}
.ui-frame .btn-copy:active {
    background: #9a2035;
}
@media (max-width: 480px) {
    .ui-frame {
        padding: 16px 14px;
        border-radius: var(--radius-sm);
    }
    .ui-frame h1 {
        font-size: 1.5rem;
    }
    .ui-frame .tag-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}
</style>
</head>
<body>

<div class="ui-frame">

    <h1>仙堕</h1>
    <h2>首席在我胯下折腰</h2>

    
    <h3>📖 故事简介</h3>
    <div class="intro-block">你是合欢宗宗主，天下第一的女魔头。麾下面首三千，夜夜笙歌。
此刻你正跪趴在寝宫那张千年狐裘大床上，犬奴跪在你身后，那根带结的狗屌深深捅在你骚屄里，兴奋起来的结节撑满了你整个阴道，把骚屄口绷得像个要撕裂的肉箍——他卡在里面射精，一股一股往子宫口上浇，肚子都被射得微微鼓起来。虎奴站在床沿，掐着你的胯骨从后穴往里干。那根紫黑色虎鞭上的倒刺每次抽出来都勾着你屁眼里的嫩肉，红艳艳的肠壁被扯出两指节长，再“噗嗤”一声塞回去。

你爽得脚趾抠进狐裘里，嘴里咬着枕头的一角，骚屄和后穴同时被撑满的饱胀感让你脑子发空。就在这个当口，门外传来花娘带着笑意的声音：

“主子——铁罗汉他们给您带了份大礼回来。玄天剑宗的仙门首席，清寒。长得好，仙气飘飘，那话儿属下瞄过了，能大能小跟金箍棒似的。人已经在主殿笼子里候着了。您看是先放着，还是现在就过去过过目？”

你骚屄里还夹着狗妖正在缩小的结节，后穴里虎妖还在猛干，花娘的声音混着肉体拍击的啪啪声，让你一时没听太清——只听到了“仙门首席”“金箍棒”几个词。你吐出嘴里的枕头，想让虎奴慢点，结果一张嘴先漏出一声憋了半天的闷哼。</div>

    
    <h3>⚙️ 身份预设</h3>

    <label for="playerName">姓名</label>
    <input type="text" id="playerName" value="殷娆" placeholder="输入姓名">

    <label for="playerAge">年龄（修仙纪年）</label>
    <input type="number" id="playerAge" value="127" placeholder="输入年龄" min="18">

    <label for="playerGender">性别</label>
    <select id="playerGender">
        <option value="女" selected>女</option>
    </select>

    <label for="playerIdentity">身份</label>
    <input type="text" id="playerIdentity" value="合欢宗宗主，魔道第一人" placeholder="输入身份">

    <label for="playerAppearance">外貌</label>
    <textarea id="playerAppearance" placeholder="描述外貌特征">身段妖娆，一头墨发长及臀际。丹凤眼眼尾上挑，不笑也像在勾人。肌肤如凝脂，胸前一对豪乳，腰细得能掐出水，胯宽臀圆。常年浸淫双修之术，浑身上下散发着催情的体香。</textarea>

    <label for="playerPerspective">人称视角</label>
    <select id="playerPerspective">
        <option value="第二人称" selected>第二人称</option>
        <option value="第一人称">第一人称</option>
        <option value="第三人称">第三人称</option>
    </select>

    
    <h3>🔥 性癖好（可多选 / 可自定义添加）</h3>
    <div class="tag-group" id="tagGroup">
        <span class="tag-btn" data-tag="NTR">NTR</span>
        <span class="tag-btn" data-tag="露出">露出</span>
        <span class="tag-btn" data-tag="心理操控">心理操控</span>
        <span class="tag-btn" data-tag="语言羞辱">语言羞辱</span>
        <span class="tag-btn" data-tag="强制高潮">强制高潮</span>
        <span class="tag-btn" data-tag="公开调教">公开调教</span>
        <span class="tag-btn" data-tag="双龙">双龙</span>
        <span class="tag-btn" data-tag="肛交" selected>肛交</span>
        <span class="tag-btn" data-tag="舔阴">舔阴</span>
        <span class="tag-btn" data-tag="野兽play" selected>野兽play</span>
        <span class="tag-btn" data-tag="囚禁">囚禁</span>
        <span class="tag-btn" data-tag="高潮管理">高潮管理</span>
        <span class="tag-btn" data-tag="异种奸">异种奸</span>
        <span class="tag-btn" data-tag="身体改造">性器异化</span>
    </div>
    <div class="custom-tag-row">
        <input type="text" id="customTagInput" placeholder="输入自定义性癖好…" maxlength="20">
        <button id="addTagBtn">添加</button>
    </div>

    
    <h3>📋 配置预览</h3>
    <div class="preview-block" id="previewBlock">正在生成预览…</div>

    
    <div class="btn-row">
        <button class="btn-copy" id="copyBtn">📋 一键复制预设</button>
    </div>

</div>

<script>
(function() {
    const tagGroup = document.getElementById('tagGroup');
    const customInput = document.getElementById('customTagInput');
    const addBtn = document.getElementById('addTagBtn');
    const previewBlock = document.getElementById('previewBlock');
    const copyBtn = document.getElementById('copyBtn');

    // 表单元素
    const nameInput = document.getElementById('playerName');
    const ageInput = document.getElementById('playerAge');
    const genderSelect = document.getElementById('playerGender');
    const identityInput = document.getElementById('playerIdentity');
    const appearanceInput = document.getElementById('playerAppearance');
    const perspectiveSelect = document.getElementById('playerPerspective');

    // 切换标签选中状态
    function toggleTag(span) {
        span.classList.toggle('selected');
        updatePreview();
    }

    // 为已有标签绑定事件
    tagGroup.querySelectorAll('.tag-btn').forEach(btn => {
        btn.addEventListener('click', function() { toggleTag(this); });
    });

    // 添加自定义标签
    function addCustomTag() {
        const val = customInput.value.trim();
        if (!val) return;

        // 检查重复
        const allTags = tagGroup.querySelectorAll('.tag-btn');
        for (let t of allTags) {
            if (t.getAttribute('data-tag') === val || t.textContent.replace('＋', '') === val) {
                customInput.value = '';
                return;
            }
        }

        const span = document.createElement('span');
        span.className = 'tag-btn';
        span.setAttribute('data-tag', val);
        span.innerHTML = '<span class="custom-marker">＋</span>' + val;
        span.addEventListener('click', function() { toggleTag(this); });
        tagGroup.appendChild(span);
        customInput.value = '';
        updatePreview();
    }

    addBtn.addEventListener('click', addCustomTag);
    customInput.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault();
            addCustomTag();
        }
    });

    // 获取选中的标签列表
    function getSelectedTags() {
        const selected = [];
        tagGroup.querySelectorAll('.tag-btn.selected').forEach(btn => {
            selected.push(btn.getAttribute('data-tag') || btn.textContent.replace('＋', ''));
        });
        return selected;
    }

    // 更新预览
    function updatePreview() {
        const name = nameInput.value || '未设定';
        const age = ageInput.value || '未设定';
        const gender = genderSelect.value;
        const identity = identityInput.value || '未设定';
        const appearance = appearanceInput.value || '未设定';
        const perspective = perspectiveSelect.value;
        const tags = getSelectedTags();
        const tagsStr = tags.length > 0 ? tags.join('、') : '无';

        const text = `【玩家角色预设】
姓名：${name}
年龄：${age}岁
性别：${gender}
身份：${identity}
外貌：${appearance}
人称视角：${perspective}
性癖好：${tagsStr}

【开场架构】
你趴在狐裘上，犬奴的结节刚在你骚屄里射完第三波，撑得你小腹酸胀。虎奴掐着你的胯骨还在从后面猛干，倒刺刮着你屁眼里的嫩肉进进出出，每抽一下都带出一截红艳艳的肠壁。你咬着枕头角，爽得脚趾抠进狐裘里，喉咙里憋着一股闷哼。

门外忽然传来花娘的声音：“主子——铁罗汉他们给您带了份大礼回来。玄天剑宗的仙门首席，清寒。人已经在主殿笼子里候着了。长得好，仙气飘飘，那话儿属下瞄过了，能大能小跟金箍棒似的。”

你吐出嘴里的枕头，刚想说话，虎奴一记深顶撞到你屁眼最深处，你闷哼一声，把那句“带过来”憋成了从牙缝里挤出来的颤音。犬奴在你身下用脑袋蹭了蹭你的大腿——他不高兴了，耳朵都耷拉下来半只。`;

        previewBlock.textContent = text;
    }

    // 监听表单变化
    [nameInput, ageInput, genderSelect, identityInput, appearanceInput, perspectiveSelect].forEach(el => {
        el.addEventListener('input', updatePreview);
        el.addEventListener('change', updatePreview);
    });

    // 一键复制
    copyBtn.addEventListener('click', function() {
        const text = previewBlock.textContent;
        if (!text || text === '正在生成预览…') return;
        navigator.clipboard.writeText(text).then(function() {
            // 静默复制，无弹窗
        }).catch(function() {
            // 降级方案
            const ta = document.createElement('textarea');
            ta.value = text;
            ta.style.position = 'fixed';
            ta.style.left = '-9999px';
            ta.style.top = '-9999px';
            document.body.appendChild(ta);
            ta.focus();
            ta.select();
            try { document.execCommand('copy'); } catch(e) {}
            document.body.removeChild(ta);
        });
    });

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

</body>
</html>


狗妖鸡巴的结节和虎妖上边的倒刺

你是魔宗合欢宗宗主，天下第一的女魔头。麾下面首三千，夜夜笙歌。此刻你正躺在寝宫那张铺着千年狐裘的大床上，狗妖犬奴的结胀鸡巴正死死卡在你的骚屄最深处，撑得你小腹微微鼓起。虎妖虎奴跪在你身后，那根带倒刺的紫黑巨屌正从你后穴里往外抽，倒刺挂着你体内粉红的嫩肉，拉出一截，又随着他猛地顶入塞回去。你爽得脚趾抠紧了床单。

这时，手下在门外颤声禀报——他们劫来了仙门首席弟子，清寒。那个被誉为谪仙的男人，此刻被封了修为捆在笼子里，冷冷盯着你。他长着一张禁欲的脸，但你知道，他那根金箍棒一样的仙屌能大能小。他有心上人，是他小师妹。但今晚，他得先伺候好你。


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, maximum-scale=5.0">
<title>穿越女？照调不误 | 角色预设</title>
<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: #1a1a1a;
    font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 12px;
}
.ui-frame {
    --primary: #d4a574;
    --primary-dark: #b8733b;
    --secondary: #8b3a3a;
    --bg-card: #2a2020;
    --bg-input: #1e1616;
    --bg-tag: #332424;
    --text: #e0d5c8;
    --text-dim: #b0a090;
    --text-bright: #f5ece4;
    --border: #4a3530;
    --border-focus: #d4a574;
    --tag-selected-bg: #8b3a3a;
    --tag-selected-border: #c45a5a;
    --tag-hover-bg: #3d2828;
    --radius: 8px;
    --radius-sm: 4px;
    --shadow: 0 4px 24px rgba(0,0,0,0.5);
    width: 100%;
    max-width: 680px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--shadow);
    padding: 20px 18px 24px;
    color: var(--text);
    line-height: 1.6;
    position: relative;
}
.ui-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary), var(--primary), var(--secondary));
    border-radius: 12px 12px 0 0;
}
h1 {
    text-align: center;
    font-size: 1.5em;
    color: var(--text-bright);
    margin-bottom: 6px;
    letter-spacing: 0.05em;
}
.subtitle {
    text-align: center;
    font-size: 0.85em;
    color: var(--text-dim);
    margin-bottom: 20px;
    letter-spacing: 0.08em;
}
h2 {
    font-size: 1.1em;
    color: var(--primary);
    margin: 18px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border);
    letter-spacing: 0.03em;
}
.intro-text {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 14px 16px;
    font-size: 0.9em;
    color: var(--text);
    line-height: 1.8;
    margin-bottom: 10px;
    max-height: 320px;
    overflow-y: auto;
}
.intro-text strong {
    color: var(--primary);
    font-weight: 600;
}
.form-group {
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.form-group label {
    width: 65px;
    flex-shrink: 0;
    font-size: 0.9em;
    color: var(--text-dim);
    letter-spacing: 0.03em;
}
.form-group input,
.form-group select,
.form-group textarea {
    flex: 1;
    min-width: 140px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-bright);
    padding: 8px 10px;
    font-size: 0.9em;
    font-family: inherit;
    transition: border-color 0.15s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--border-focus);
}
.form-group textarea {
    resize: vertical;
    min-height: 50px;
}
.tags-section {
    margin-top: 4px;
}
.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}
.tag-btn {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.82em;
    cursor: pointer;
    user-select: none;
    transition: all 0.15s;
    background: var(--bg-tag);
    border: 1px solid var(--border);
    color: var(--text-dim);
    white-space: nowrap;
}
.tag-btn:hover {
    background: var(--tag-hover-bg);
    border-color: var(--primary-dark);
    color: var(--text);
}
.tag-btn.selected {
    background: var(--tag-selected-bg);
    border-color: var(--tag-selected-border);
    color: #f5d5d5;
    font-weight: 600;
    box-shadow: 0 0 8px rgba(139, 58, 58, 0.4);
}
.tag-btn .check-mark {
    display: none;
    font-size: 0.75em;
}
.tag-btn.selected .check-mark {
    display: inline;
}
.tag-custom-row {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 6px;
}
.tag-custom-row input {
    flex: 1;
    min-width: 100px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: 20px;
    color: var(--text-bright);
    padding: 6px 12px;
    font-size: 0.85em;
    font-family: inherit;
}
.tag-custom-row input:focus {
    outline: none;
    border-color: var(--border-focus);
}
.tag-custom-row button {
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid var(--primary-dark);
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85em;
    transition: all 0.15s;
}
.tag-custom-row button:hover {
    background: var(--tag-hover-bg);
    color: var(--text-bright);
}
.custom-tag .plus-icon {
    font-size: 0.8em;
    opacity: 0.7;
}
.preview-box {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 14px 16px;
    font-size: 0.88em;
    color: var(--text);
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 12px;
}
.preview-box .section-title {
    color: var(--primary);
    font-weight: 700;
    font-size: 1em;
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
}
.preview-box .section-title:first-child {
    margin-top: 0;
}
.copy-btn-wrap {
    text-align: center;
    margin-top: 8px;
}
.copy-btn {
    display: inline-block;
    padding: 10px 32px;
    border-radius: 24px;
    border: 1px solid var(--primary);
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.95em;
    letter-spacing: 0.05em;
    transition: all 0.2s;
    font-family: inherit;
}
.copy-btn:hover {
    background: var(--primary);
    color: #1a1510;
    font-weight: 600;
}
.copy-btn:active {
    transform: scale(0.96);
}
.duplicate-warning {
    color: #c45a5a;
    font-size: 0.78em;
    margin-left: 8px;
    display: none;
}
@media (max-width: 480px) {
    .ui-frame {
        padding: 14px 10px 18px;
    }
    h1 {
        font-size: 1.25em;
    }
    .form-group label {
        width: 50px;
        font-size: 0.8em;
    }
    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 0.82em;
        padding: 6px 8px;
    }
    .tag-btn {
        padding: 5px 10px;
        font-size: 0.78em;
    }
}
</style>
</head>
<body>
<div class="ui-frame" id="app">

<h1>穿 越 女 ？ 照 调 不 误</h1>
<div class="subtitle">厌男大小姐的骚贱肉体 · 极难调教 · 心理博弈</div>

<h2>📜 故事简介</h2>
<div class="intro-text">
你跟同桌<strong>苏棠</strong>有一个月的交易：每天午休，男厕最后一间隔间，她跪着给你口，完事你给她三十块钱。今天照旧。她蹲在隔间里，含着你的鸡巴。你射了，一泡浓精毫无征兆地灌了她满嘴，呛进了气管。</strong>她咳了几下，身子一软，脑袋“咚”地撞在隔板上。你伸手一探——没了呼吸。然后她活了。她抹掉脸上混着眼泪和精液的黏糊糊，慢慢抬起头。眼神变了——从卑微变成狠毒，从怯懦变成厌恶。她看着你，用一种你从未见过的傲慢，一字一顿地吐出三个字：<strong>“傻逼男。”</strong>
你不知道，这具身体里已经换了一个灵魂。前世她是北方富商独女、极端女权主义者，厌恶男人厌恶到骨子里。但现在她只是个穷得叮当响的高中女生，胸大脸好看，身体被你训练了一个月——<strong>看到你就会自动腿软，骚屄不受控制地流水。</strong>
</div>

<h2>⚙️ 角色身份预设</h2>

<div class="form-group">
    <label for="playerName">姓名</label>
    <input type="text" id="playerName" value="陈默" placeholder="输入姓名">
</div>
<div class="form-group">
    <label for="playerAge">年龄</label>
    <input type="number" id="playerAge" value="18" min="15" max="99" placeholder="年龄">
</div>
<div class="form-group">
    <label for="playerGender">性别</label>
    <select id="playerGender">
        <option value="男" selected>男</option>
        <option value="女">女</option>
        <option value="其他">其他</option>
    </select>
</div>
<div class="form-group">
    <label for="playerIdentity">身份</label>
    <input type="text" id="playerIdentity" value="高三学生，苏棠同桌" placeholder="身份描述">
</div>
<div class="form-group">
    <label for="playerAppearance">外貌</label>
    <textarea id="playerAppearance" rows="2" placeholder="外貌描述">普通长相，个子偏高，校服拉链从来不拉到顶。手指骨节分明，手劲大。身上有洗衣粉混着一点汗味——苏棠的身体已经记住了这个味道。</textarea>
</div>
<div class="form-group">
    <label for="playerPov">人称视角</label>
    <select id="playerPov">
        <option value="第二人称" selected>第二人称</option>
        <option value="第一人称">第一人称</option>
        <option value="第三人称">第三人称</option>
    </select>
</div>

<h2>🏷️ 性癖好偏好</h2>
<div class="tags-section">
    <div class="tags-container" id="tagsContainer">
        
    </div>
    <div class="tag-custom-row">
        <input type="text" id="customTagInput" placeholder="输入自定义癖好…" maxlength="20">
        <button id="addCustomTagBtn">添加</button>
        <span class="duplicate-warning" id="duplicateWarning">该标签已存在</span>
    </div>
</div>

<h2>📋 配置预览</h2>
<div class="preview-box" id="previewBox"></div>
<div class="copy-btn-wrap">
    <button class="copy-btn" id="copyBtn">📋 一键复制预览内容</button>
</div>

</div>

<script>
(function() {
    // === 预设性癖标签 ===
    const presetTags = [
        '口交', '强制吞精', '深喉', '颜射',
        '公共露出', '羞辱', '语言侮辱', '精神控制',
        '身体记忆', '高潮管理', '指奸', '后入',
        '镜前调教', '捆绑', '母女', '气味癖'
    ];

    // === 状态 ===
    let selectedTags = new Set(['口交', '强制吞精', '羞辱', '身体记忆']); // 默认选中

    // === DOM引用 ===
    const tagsContainer = document.getElementById('tagsContainer');
    const customTagInput = document.getElementById('customTagInput');
    const addCustomTagBtn = document.getElementById('addCustomTagBtn');
    const duplicateWarning = document.getElementById('duplicateWarning');
    const previewBox = document.getElementById('previewBox');
    const copyBtn = document.getElementById('copyBtn');

    // 表单元素
    const inputName = document.getElementById('playerName');
    const inputAge = document.getElementById('playerAge');
    const inputGender = document.getElementById('playerGender');
    const inputIdentity = document.getElementById('playerIdentity');
    const inputAppearance = document.getElementById('playerAppearance');
    const inputPov = document.getElementById('playerPov');

    // 所有标签名称（预设 + 自定义）
    let allTagNames = [...presetTags];
    // 自定义标签集合（区分来源）
    let customTagNames = new Set();

    // === 渲染标签按钮 ===
    function renderTags() {
        tagsContainer.innerHTML = '';
        allTagNames.forEach(tagName => {
            const btn = document.createElement('span');
            btn.className = 'tag-btn' + (selectedTags.has(tagName) ? ' selected' : '');
            btn.setAttribute('data-tag', tagName);
            btn.innerHTML = `${tagName}<span class="check-mark"> ✓</span>`;
            if (customTagNames.has(tagName)) {
                btn.classList.add('custom-tag');
                btn.innerHTML = `${tagName}<span class="plus-icon">＋</span><span class="check-mark"> ✓</span>`;
            }
            btn.addEventListener('click', function() {
                toggleTag(tagName);
            });
            tagsContainer.appendChild(btn);
        });
    }

    // === 切换标签选中状态 ===
    function toggleTag(tagName) {
        if (selectedTags.has(tagName)) {
            selectedTags.delete(tagName);
        } else {
            selectedTags.add(tagName);
        }
        renderTags();
        updatePreview();
    }

    // === 添加自定义标签 ===
    function addCustomTag() {
        const rawName = customTagInput.value.trim();
        if (!rawName) return;

        // 检查重复
        if (allTagNames.includes(rawName)) {
            duplicateWarning.style.display = 'inline';
            setTimeout(() => { duplicateWarning.style.display = 'none'; }, 1500);
            return;
        }

        duplicateWarning.style.display = 'none';
        allTagNames.push(rawName);
        customTagNames.add(rawName);
        selectedTags.add(rawName); // 新添加的标签自动选中
        customTagInput.value = '';
        renderTags();
        updatePreview();
    }

    // === 更新预览区 ===
    function updatePreview() {
        const name = inputName.value || '[未设定]';
        const age = inputAge.value || '[未设定]';
        const gender = inputGender.value || '男';
        const identity = inputIdentity.value || '[未设定]';
        const appearance = inputAppearance.value || '[未设定]';
        const pov = inputPov.value || '第二人称';
        const tagsDisplay = selectedTags.size > 0 ? Array.from(selectedTags).join('、') : '[未选择]';

        const povMap = {
            '第二人称': '你',
            '第一人称': '我',
            '第三人称': '他'
        };
        const povChar = povMap[pov] || '你';

        const previewText = `【玩家角色预设】
姓名：${name}
年龄：${age}岁
性别：${gender}
身份：${identity}
外貌：${appearance}
人称视角：${pov}
性癖好偏好：${tagsDisplay}

【开场架构】
“你快射了么？”。
${povChar}那同桌又蹲在隔间里，一手扶着${povChar}的大腿，一手托着那两个蛋子，香腮鼓鼓囊囊的，闷声闷气地嘟囔了一句。她吞吞吐吐地抬起头，惯例要跟${povChar}要那三十块钱——但她刚一张嘴，${povChar}那泡浓精毫无征兆地喷了她一脸，灌了她一嘴。
她整个人僵住了，身子微微地抖了一阵。
然后${povChar}拔出鸡巴，看着她趴在马桶上咳嗽、干呕。咳了几下，她不动了。${povChar}想她是不是装的，用脚轻轻碰了她一下——她整个人软塌塌地，像一坨被抽掉骨头的死肉，脑袋“咚”地撞在隔板上。
${povChar}伸手一探——没了气息。
${povChar}刚一站起身，她突然猛地喘了一大口气，整个人一抽，慢慢从地上爬了起来。她抹了把脸上混着眼泪和精液的黏糊糊，低头看了看自己手指，然后慢慢抬起头。
那双眼睛，像两把淬了毒的锥子，恶狠狠地盯着${povChar}。
眼神变了。从卑微变成狠毒，从怯懦变成厌恶。
“我操。”她说，声音沙哑，但一字一顿。她推开${povChar}的胳膊，跌跌撞撞冲到旁边隔间。里面传来她疯狂呕吐的声音，还有断断续续的骂声——“你他妈有病啊？我嘴里？我嘴里？我嘴里有东西——你傻逼啊？！这他妈是什么东西？！”`;

        previewBox.textContent = previewText;
    }

    // === 一键复制 ===
    function copyPreview() {
        const text = previewBox.textContent;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(() => {
                // 静默复制，无弹窗
            }).catch(() => {
                fallbackCopy(text);
            });
        } else {
            fallbackCopy(text);
        }
    }

    function fallbackCopy(text) {
        const textarea = document.createElement('textarea');
        textarea.value = text;
        textarea.style.position = 'fixed';
        textarea.style.left = '-9999px';
        textarea.style.top = '-9999px';
        document.body.appendChild(textarea);
        textarea.focus();
        textarea.select();
        try {
            document.execCommand('copy');
        } catch (e) {
            // 静默失败
        }
        document.body.removeChild(textarea);
    }

    // === 事件绑定 ===
    addCustomTagBtn.addEventListener('click', addCustomTag);
    customTagInput.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault();
            addCustomTag();
        }
    });
    copyBtn.addEventListener('click', copyPreview);

    // 所有表单变化时更新预览
    [inputName, inputAge, inputGender, inputIdentity, inputAppearance, inputPov].forEach(el => {
        el.addEventListener('input', updatePreview);
        el.addEventListener('change', updatePreview);
    });

    // === 初始化 ===
    renderTags();
    updatePreview();
})();
</script>
</body>
</html>


被精液呛死的大奶同桌，又被女权大小姐魂穿了？

你同桌苏棠，为了每天三十块的饭钱，雷打不动地蹲在男厕隔间里给你口交。直到那天，她被你呛死了。活过来之后，她整个人都变了——眼神从卑微变成狠毒，从怯懦变成厌恶。她吐掉嘴里的精液，用一种你从未见过的傲慢瞪着你，骂了一句“傻逼男”。你不知道的是，这具身体里已经换了一个灵魂。前世她是有钱人家的大小姐、极端女权主义者，恨男人恨到骨子里。但现在，她只是个穷得叮当响的高中女生，胸大，脸好看，身体被调教得异常敏感。她恶心这具身体，更恶心身体对你产生的本能反应。她看不起现在的穷酸母亲，看不起周围所有人，但更看不起自己——身体背叛了灵魂，尊严被现实一点点碾碎。


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, maximum-scale=1.5">
<title>半张床 | 精神小妹合租群交的日子</title>
<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #0d0d0d;
    font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

.ui-frame {
    --primary: #ff2d55;
    --primary-glow: rgba(255, 45, 85, 0.35);
    --secondary: #8e8e93;
    --bg-card: #1a1a1e;
    --bg-input: #242429;
    --bg-tag: #2c2c32;
    --bg-tag-active: #ff2d55;
    --text: #e5e5e7;
    --text-dim: #98989d;
    --border: #38383d;
    --border-focus: #ff2d55;
    --radius: 10px;
    --radius-sm: 6px;
    --radius-full: 100px;
    --font-mono: 'SF Mono', 'Cascadia Code', 'Consolas', 'Menlo', monospace;

    width: 100%;
    max-width: 720px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px 20px;
    color: var(--text);
    line-height: 1.7;
    letter-spacing: 0.01em;
    box-shadow: 0 0 30px var(--primary-glow), 0 8px 32px rgba(0, 0, 0, 0.6);
    margin-bottom: 40px;
}

/* 标题区 */
.ui-frame .header {
    text-align: center;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border);
}

.ui-frame .header h1 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary);
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

.ui-frame .header .subtitle {
    font-size: 0.9rem;
    color: var(--text-dim);
    font-weight: 400;
    letter-spacing: 0.06em;
}

/* 区块 */
.ui-frame section {
    margin-bottom: 24px;
}

.ui-frame section > h2 {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border);
    letter-spacing: 0.03em;
}

/* 剧情简介 */
.ui-frame .intro-text {
    font-size: 0.92rem;
    color: var(--text);
    line-height: 1.9;
    background: var(--bg-input);
    padding: 16px;
    border-radius: var(--radius-sm);
    border-left: 3px solid var(--primary);
    white-space: pre-line;
}

/* 表单 */
.ui-frame .form-group {
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ui-frame .form-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.ui-frame .form-row > .form-group {
    flex: 1 1 120px;
}

.ui-frame label {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-dim);
    letter-spacing: 0.03em;
}

.ui-frame input,
.ui-frame select,
.ui-frame textarea {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 12px;
    color: var(--text);
    font-size: 0.9rem;
    font-family: inherit;
    transition: border 0.2s;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
}

.ui-frame input:focus,
.ui-frame select:focus,
.ui-frame textarea:focus {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 3px var(--primary-glow);
}

.ui-frame select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

.ui-frame textarea {
    resize: vertical;
    min-height: 60px;
}

/* 标签组 */
.ui-frame .tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.ui-frame .tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 14px;
    background: var(--bg-tag);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    font-size: 0.82rem;
    cursor: pointer;
    user-select: none;
    transition: all 0.15s;
    color: var(--text-dim);
    white-space: nowrap;
    min-height: 44px;
    min-width: 44px;
    justify-content: center;
}

.ui-frame .tag:active {
    transform: scale(0.96);
}

.ui-frame .tag.active {
    background: var(--bg-tag-active);
    color: #fff;
    border-color: var(--bg-tag-active);
    font-weight: 600;
}

.ui-frame .tag.custom-tag::before {
    content: '+';
    font-weight: 700;
    font-size: 0.9rem;
    margin-right: 2px;
}

.ui-frame .tag-add-row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.ui-frame .tag-add-row input {
    flex: 1;
}

.ui-frame .tag-add-row button {
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: var(--radius-full);
    padding: 10px 18px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 44px;
    min-width: 60px;
    transition: opacity 0.2s;
}

.ui-frame .tag-add-row button:active {
    opacity: 0.7;
}

/* 配置预览区 */
.ui-frame .preview-box {
    background: #111114;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 16px;
    font-family: var(--font-mono);
    font-size: 0.85rem;
    line-height: 1.8;
    color: var(--text);
    white-space: pre-wrap;
    user-select: all;
    max-height: none;
    overflow-y: visible;
}

/* 一键复制按钮 */
.ui-frame .btn-copy {
    display: block;
    width: 100%;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    padding: 14px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    margin-top: 12px;
    min-height: 50px;
    transition: opacity 0.2s;
}

.ui-frame .btn-copy:active {
    opacity: 0.75;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .ui-frame {
        padding: 16px 12px;
        border-radius: var(--radius-sm);
    }
    .ui-frame .header h1 {
        font-size: 1.5rem;
    }
    .ui-frame .form-row {
        flex-direction: column;
        gap: 0;
    }
    .ui-frame .tag {
        padding: 6px 12px;
        font-size: 0.78rem;
    }
}
</style>
</head>
<body>

<div class="ui-frame">

    
    <div class="header">
        <h1>半张床</h1>
        <div class="subtitle">半张床 |与精神小妹合租群交的日子</div>
    </div>

    
    <section>
        <h2>📖 剧本介绍</h2>
        <div class="intro-text">你家装修，没地方住。你表妹苏小小——十六岁辍学，现在在理发店当洗头妹——喊你过去挤她的合租房。
没有空房间，你得跟她睡一张床。一米五宽的床。

另外两个室友也不是省油的灯。
晴晴，十七岁，无业。闷骚型，手机里全是擦边直播，看你的眼神从来没干净过。你洗澡的时候她在走廊磨蹭，磨砂玻璃上你的轮廓她看过几十遍了。她不敢碰你，但她会隔着门缝看你睡觉。
小爱，十六岁，夜场营销。被台球厅的混混男友PUA了半年还不肯分，三天两头在客厅嚎。哭完会找你吐槽那个傻逼，然后把头靠在你肩膀上，头发扎在你脖子侧面。她的身体很瘦，锁骨突出，奶子小但奶头大。

房子是老齿轮厂的职工楼，隔音等于没有。走廊窄得两个人侧身才能过，浴室门是坏的，锁不了。客厅沙发翻个身全屋都听得见。
</div>
    </section>

    
    <section>
        <h2>⚙️ 身份预设</h2>
        <div class="form-row">
            <div class="form-group">
                <label for="playerName">姓名</label>
                <input type="text" id="playerName" value="陈默" placeholder="输入姓名">
            </div>
            <div class="form-group">
                <label for="playerAge">年龄</label>
                <input type="number" id="playerAge" value="24" min="18" max="50" placeholder="年龄">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label for="playerGender">性别</label>
                <select id="playerGender">
                    <option value="男" selected>男</option>
                    <option value="女">女</option>
                    <option value="其他">其他</option>
                </select>
            </div>
            <div class="form-group">
                <label for="playerIdentity">身份</label>
                <input type="text" id="playerIdentity" value="普通社畜，借住在表妹的合租房" placeholder="身份描述">
            </div>
        </div>
        <div class="form-group">
            <label for="playerAppearance">外貌</label>
            <textarea id="playerAppearance" placeholder="描述你的外貌">身高178cm，短发，戴黑框眼镜，偏瘦但肩宽，普通长相</textarea>
        </div>
        <div class="form-group">
            <label for="playerPov">人称视角</label>
            <select id="playerPov">
                <option value="第二人称" selected>第二人称（你）</option>
                <option value="第一人称">第一人称（我）</option>
                <option value="第三人称">第三人称（他/她）</option>
            </select>
        </div>
    </section>

    
    <section>
        <h2>🔞 性癖好（可多选，可自定义）</h2>
        <div class="tag-group" id="kinkTags">
            <span class="tag" data-kink="气味癖">气味癖</span>
            <span class="tag" data-kink="偷窥">偷窥</span>
            <span class="tag" data-kink="背德">背德（兄妹）</span>
            <span class="tag" data-kink="后入">后入</span>
            <span class="tag" data-kink="乳交">乳交</span>
            <span class="tag" data-kink="口交">口交</span>
            <span class="tag" data-kink="语言羞辱">语言羞辱</span>
            <span class="tag" data-kink="粗暴">粗暴</span>
            <span class="tag" data-kink="抱着操">抱着操</span>
            <span class="tag" data-kink="多人">多人</span>
            <span class="tag" data-kink="窒息">窒息</span>
            <span class="tag" data-kink="公共场合">公共场合</span>
            <span class="tag" data-kink="支配">支配</span>
            <span class="tag" data-kink="高潮管理">高潮管理</span>
            <span class="tag" data-kink="足交">足交</span>
        </div>
        <div class="tag-add-row">
            <input type="text" id="customKinkInput" placeholder="输入自定义癖好…">
            <button id="addKinkBtn">添加</button>
        </div>
    </section>

    
    <section>
        <h2>📋 配置预览</h2>
        <div class="preview-box" id="previewContent"></div>
        <button class="btn-copy" id="copyBtn">📋 一键复制配置</button>
    </section>

</div>

<script>
(function() {
    // 获取元素
    const playerName = document.getElementById('playerName');
    const playerAge = document.getElementById('playerAge');
    const playerGender = document.getElementById('playerGender');
    const playerIdentity = document.getElementById('playerIdentity');
    const playerAppearance = document.getElementById('playerAppearance');
    const playerPov = document.getElementById('playerPov');
    const previewContent = document.getElementById('previewContent');
    const copyBtn = document.getElementById('copyBtn');
    const kinkTagsContainer = document.getElementById('kinkTags');
    const customKinkInput = document.getElementById('customKinkInput');
    const addKinkBtn = document.getElementById('addKinkBtn');

    // 收集选中的标签
    function getSelectedKinks() {
        const activeTags = kinkTagsContainer.querySelectorAll('.tag.active');
        return Array.from(activeTags).map(tag => tag.getAttribute('data-kink') || tag.textContent.replace(/^\+/, '').trim());
    }

    // 更新预览
    function updatePreview() {
        const nameVal = playerName.value.trim() || '陈默';
        const ageVal = playerAge.value.trim() || '24';
        const genderVal = playerGender.value;
        const identityVal = playerIdentity.value.trim() || '普通社畜，借住在表妹的合租房';
        const appearanceVal = playerAppearance.value.trim() || '身高178cm，短发，戴黑框眼镜，偏瘦但肩宽，普通长相';
        const povVal = playerPov.value;
        const kinks = getSelectedKinks();
        const kinkStr = kinks.length > 0 ? kinks.join('、') : '（未设置）';

        previewContent.textContent =
`【玩家角色预设】
姓名：${nameVal}
年龄：${ageVal}岁
性别：${genderVal}
身份：${identityVal}
外貌：${appearanceVal}
人称视角：${povVal}
性癖好：${kinkStr}

【开场架构】
搬入表妹出租屋的第一天晚上。苏小小卧室。她的房间十平米。一米五的床占了半个房间。墙上的粉色墙纸边角已经翘起来，床头柜堆着充电宝、烟灰缸、半瓶可乐、一只没洗的袜子。苏小小已经躺在被窝里了，她拉开被子，一股少女的味道，还有因为紧张骚屄散发的淡淡骚味。“哥，这几天我们俩凑合挤挤吧。”她转过身，然后背对着你躺下，开始刷手机。`;
    }

    // 切换标签状态
    kinkTagsContainer.addEventListener('click', function(e) {
        const tag = e.target.closest('.tag');
        if (!tag) return;
        tag.classList.toggle('active');
        updatePreview();
    });

    // 添加自定义标签
    function addCustomKink() {
        const val = customKinkInput.value.trim();
        if (!val) return;
        // 检查重复
        const existing = kinkTagsContainer.querySelectorAll('.tag');
        for (let tag of existing) {
            const label = (tag.getAttribute('data-kink') || tag.textContent.replace(/^\+/, '').trim()).toLowerCase();
            if (label === val.toLowerCase()) {
                customKinkInput.value = '';
                return;
            }
        }
        const newTag = document.createElement('span');
        newTag.className = 'tag custom-tag';
        newTag.textContent = val;
        newTag.setAttribute('data-kink', val);
        newTag.addEventListener('click', function() {
            this.classList.toggle('active');
            updatePreview();
        });
        kinkTagsContainer.appendChild(newTag);
        customKinkInput.value = '';
        updatePreview();
    }

    addKinkBtn.addEventListener('click', addCustomKink);
    customKinkInput.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault();
            addCustomKink();
        }
    });

    // 一键复制
    copyBtn.addEventListener('click', function() {
        const text = previewContent.textContent;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(function() {
                copyBtn.textContent = '✅ 已复制到剪贴板';
                setTimeout(function() {
                    copyBtn.textContent = '📋 一键复制配置';
                }, 1500);
            }).catch(function() {
                fallbackCopy(text);
            });
        } else {
            fallbackCopy(text);
        }
    });

    function fallbackCopy(text) {
        const textarea = document.createElement('textarea');
        textarea.value = text;
        textarea.style.position = 'fixed';
        textarea.style.left = '-9999px';
        textarea.style.top = '-9999px';
        document.body.appendChild(textarea);
        textarea.focus();
        textarea.select();
        try {
            document.execCommand('copy');
            copyBtn.textContent = '✅ 已复制到剪贴板';
            setTimeout(function() {
                copyBtn.textContent = '📋 一键复制配置';
            }, 1500);
        } catch (err) {
            copyBtn.textContent = '❌ 复制失败，请手动选择复制';
        }
        document.body.removeChild(textarea);
    }

    // 监听表单变化
    [playerName, playerAge, playerGender, playerIdentity, playerAppearance, playerPov].forEach(function(el) {
        el.addEventListener('input', updatePreview);
        el.addEventListener('change', updatePreview);
    });

    // 初始预览
    updatePreview();
})();
</script>

</body>
</html>


与表妹还有她两个个精神小妹群交的日子

你家装修，没地方住。你表妹苏小小——十六岁辍学，现在在理发店当洗头妹——喊你过去挤她的合租房。没有空房间，你得跟她睡一张床。另外两个室友也不是省油的灯：晴晴，闷骚型，手机里全是擦边直播，看你的眼神从来没干净过。小爱，被台球厅的混混男友PUA了半年还不肯分，三天两头在客厅嚎。房子是老齿轮厂的职工楼，隔音等于没有。走廊窄得两个人侧身才能过，浴室门是坏的，锁不了。你搬进去的第一天晚上，苏小小穿着件洗到透明的吊带背心，把被子往自己那边一扯，说：“睡边上，别他妈挤我。”这就是你接下来几个月要过的日子。



<!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=yes, viewport-fit=cover">
  <title>深夜榨精计划 · 角色预设</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      background: #1a0f0c;
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      padding: 20px;
    }
    .ui-frame {
      max-width: 720px;
      width: 100%;
      background: linear-gradient(145deg, #241412 0%, #1c0e0b 100%);
      border: 1px solid #6b3a32;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(210, 130, 110, 0.2) inset;
      border-radius: 28px;
      padding: 28px 24px;
      color: #ecd4c2;
      backdrop-filter: blur(2px);
    }
    .title {
      font-size: 1.9rem;
      font-weight: 600;
      letter-spacing: 2px;
      text-align: center;
      color: #f6c7b8;
      margin-bottom: 8px;
      text-shadow: 0 2px 5px rgba(160, 70, 50, 0.6);
    }
    .subtitle {
      text-align: center;
      font-size: 0.95rem;
      color: #c79a8b;
      margin-bottom: 28px;
      font-style: italic;
      border-bottom: 1px dashed #7b4a3c;
      padding-bottom: 14px;
    }
    .story-intro {
      background: rgba(20, 10, 8, 0.7);
      border-left: 4px solid #c2573a;
      padding: 18px 20px;
      border-radius: 16px;
      margin-bottom: 30px;
      color: #eedacf;
      line-height: 1.7;
      font-size: 0.98rem;
      backdrop-filter: blur(4px);
    }
    .story-intro strong {
      color: #f3b197;
      font-weight: 600;
    }
    .form-grid {
      display: flex;
      flex-direction: column;
      gap: 18px;
      margin-bottom: 30px;
    }
    .field-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
    }
    .field-row label {
      width: 80px;
      font-weight: 500;
      color: #e4b9a5;
      font-size: 0.95rem;
      letter-spacing: 0.3px;
    }
    input, select, textarea {
      background: #2c1a15;
      border: 1px solid #5e3a2e;
      border-radius: 20px;
      padding: 12px 16px;
      color: #f7e2d4;
      font-size: 0.95rem;
      outline: none;
      transition: all 0.2s;
      flex: 1;
      min-width: 180px;
      backdrop-filter: blur(2px);
    }
    input:focus, select:focus, textarea:focus {
      border-color: #c2573a;
      box-shadow: 0 0 10px rgba(194, 87, 58, 0.4);
      background: #301d17;
    }
    textarea {
      resize: vertical;
      min-height: 65px;
    }
    .tag-section {
      margin: 20px 0 26px;
    }
    .tag-label {
      font-weight: 600;
      color: #e4b9a5;
      margin-bottom: 12px;
      display: block;
      font-size: 1rem;
    }
    .tags-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .tag-btn {
      background: #2f1c17;
      border: 1px solid #6a4032;
      color: #d9b8a5;
      padding: 8px 18px;
      border-radius: 30px;
      font-size: 0.9rem;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.15s ease;
      background: #2a1813;
      user-select: none;
    }
    .tag-btn.active {
      background: #b6452c;
      border-color: #e28b6b;
      color: #fff5f0;
      box-shadow: 0 0 12px #b6452c80;
      font-weight: 600;
    }
    .custom-tag-wrapper {
      display: flex;
      gap: 6px;
      align-items: center;
      margin-left: 4px;
    }
    .custom-tag-input {
      padding: 8px 14px;
      width: 130px;
      background: #2f1c17;
      border: 1px solid #6a4032;
      border-radius: 30px;
      color: #f7e2d4;
    }
    .add-tag-btn {
      background: #4f3125;
      border: none;
      color: #fbe2d2;
      padding: 8px 18px;
      border-radius: 30px;
      font-weight: bold;
      cursor: pointer;
      transition: 0.2s;
      border: 1px solid #775548;
    }
    .add-tag-btn:hover {
      background: #6a4736;
    }
    .preview-box {
      background: #1b100c;
      border-radius: 22px;
      padding: 22px;
      border: 1px solid #5a382b;
      margin: 28px 0 24px;
      color: #fae3d4;
      box-shadow: inset 0 0 18px #0c0503;
    }
    .preview-title {
      font-weight: 700;
      font-size: 1.2rem;
      margin-bottom: 16px;
      color: #eeb79b;
      border-left: 4px solid #c2573a;
      padding-left: 14px;
    }
    .preset-block {
      background: #281711;
      padding: 16px;
      border-radius: 18px;
      margin-bottom: 20px;
      white-space: pre-wrap;
      line-height: 1.6;
      font-size: 0.98rem;
    }
    .opening-block {
      background: #281711;
      padding: 16px;
      border-radius: 18px;
      font-style: normal;
      line-height: 1.7;
      white-space: pre-wrap;
      font-size: 0.98rem;
    }
    .copy-btn {
      background: #8b4230;
      border: none;
      color: #fff6ed;
      padding: 14px 24px;
      border-radius: 40px;
      font-weight: bold;
      font-size: 1.1rem;
      letter-spacing: 1px;
      cursor: pointer;
      width: 100%;
      transition: 0.2s;
      background: #a04b33;
      border: 1px solid #d48368;
      box-shadow: 0 5px 12px rgba(0,0,0,0.4);
    }
    .copy-btn:active {
      background: #732f20;
      transform: scale(0.98);
    }
    @media (max-width: 500px) {
      .field-row {
        flex-direction: column;
        align-items: flex-start;
      }
      .field-row label {
        width: auto;
      }
    }
  </style>
</head>
<body>
<div class="ui-frame">
  <div class="title">🌙 深夜榨精计划</div>
  <div class="subtitle">我妈沈蓉和她闺蜜陈美莲 · 青春秘术</div>

  
  <div class="story-intro">
    <strong>📖 故事简介：</strong><br>
    半夜两点，你被尿憋醒，听见客厅窸窸窣窣。门缝里，你妈沈蓉和陈阿姨攥着玻璃瓶，满脸通红地商量“古法养颜”。38岁的妈妈嘴小肤白，娇羞得不敢看你；37岁的闺蜜陈美莲身高172，嘴硬腿长，真到了你房门口却指尖冰凉。两人不是浪货，是真实又魔怔的良家妇女——为了变年轻，她们决定从你身上采集精液。单人床吱呀作响，客厅结婚照见证荒唐。NTR、双飞、母子背德、露出风险……<strong>爸爸出差了，今晚她们不会放过你。</strong>
  </div>

  
  <div class="form-grid">
    <div class="field-row">
      <label>👤 姓名</label>
      <input type="text" id="playerName" placeholder="例如：小宇" value="小宇">
    </div>
    <div class="field-row">
      <label>🎂 年龄</label>
      <input type="number" id="playerAge" value="18" min="17" max="25">
    </div>
    <div class="field-row">
      <label>⚥ 性别</label>
      <select id="playerGender">
        <option value="男" selected>男</option>
        <option value="女">女</option>
        <option value="其他">其他</option>
      </select>
    </div>
    <div class="field-row">
      <label>📌 身份</label>
      <input type="text" id="playerIdentity" placeholder="高三学生" value="高三学生">
    </div>
    <div class="field-row">
      <label>🧑‍🎤 外貌</label>
      <textarea id="playerAppearance" placeholder="描述外貌...">普通学生长相，戴黑框眼镜，身材偏瘦但结实，因为长期打篮球大腿有力。</textarea>
    </div>
    <div class="field-row">
      <label>🗣️ 人称视角</label>
      <select id="playerPerspective">
        <option value="第二人称" selected>第二人称</option>
        <option value="第一人称">第一人称</option>
        <option value="第三人称">第三人称</option>
      </select>
    </div>
  </div>

  
  <div class="tag-section">
    <span class="tag-label">🔥 性癖好（偏好设置）</span>
    <div class="tags-container" id="tagContainer">
      
    </div>
    <div style="margin-top: 12px; display: flex; gap: 8px; align-items: center;">
      <input type="text" id="customTagInput" class="custom-tag-input" placeholder="自定义癖好">
      <button id="addCustomTagBtn" class="add-tag-btn">＋ 添加</button>
    </div>
    <div style="font-size:0.8rem; color:#b28b7a; margin-top:6px;">点击标签切换选中，自定义标签可删除</div>
  </div>

  
  <div class="preview-box" id="previewContainer">
    <div class="preview-title">📋 玩家角色预设</div>
    <div class="preset-block" id="presetDisplay"></div>
    <div class="preview-title">🎬 开场架构</div>
    <div class="opening-block" id="openingDisplay"></div>
  </div>

  <button id="copyPreviewBtn" class="copy-btn">📋 一键复制预览内容</button>
</div>

<script>
  (function() {
    // 预设15个性癖好标签
    const presetTags = [
      "气味癖", "露出", "性奴", "肛交", "捆绑", "扩张", "公共场合", "足控",
      "语言羞辱", "窒息", "触手", "妊娠", "非人类", "精神控制", "高潮管理"
    ];

    // 当前选中的标签集合
    let selectedTags = new Set(["气味癖", "露出", "足控"]); // 默认选中几个
    let customTagsList = []; // 存储自定义标签名

    const tagContainer = document.getElementById('tagContainer');
    const customTagInput = document.getElementById('customTagInput');
    const addCustomBtn = document.getElementById('addCustomTagBtn');
    const presetDisplay = document.getElementById('presetDisplay');
    const openingDisplay = document.getElementById('openingDisplay');
    const copyBtn = document.getElementById('copyPreviewBtn');

    // 表单元素
    const nameInput = document.getElementById('playerName');
    const ageInput = document.getElementById('playerAge');
    const genderSelect = document.getElementById('playerGender');
    const identityInput = document.getElementById('playerIdentity');
    const appearanceText = document.getElementById('playerAppearance');
    const perspectiveSelect = document.getElementById('playerPerspective');

    // 渲染所有标签（预设+自定义）
    function renderTags() {
      tagContainer.innerHTML = '';
      // 预设标签
      presetTags.forEach(tag => {
        const btn = document.createElement('span');
        btn.className = 'tag-btn' + (selectedTags.has(tag) ? ' active' : '');
        btn.textContent = tag;
        btn.dataset.tag = tag;
        btn.addEventListener('click', (e) => {
          e.stopPropagation();
          if (selectedTags.has(tag)) {
            selectedTags.delete(tag);
          } else {
            selectedTags.add(tag);
          }
          renderTags();
          updatePreview();
        });
        tagContainer.appendChild(btn);
      });

      // 自定义标签
      customTagsList.forEach(tag => {
        const btn = document.createElement('span');
        btn.className = 'tag-btn' + (selectedTags.has(tag) ? ' active' : '');
        btn.textContent = '➕ ' + tag;
        btn.dataset.tag = tag;
        btn.addEventListener('click', (e) => {
          e.stopPropagation();
          if (selectedTags.has(tag)) {
            selectedTags.delete(tag);
          } else {
            selectedTags.add(tag);
          }
          renderTags();
          updatePreview();
        });
        // 长按或右键删除自定义标签（简单双击删除）
        btn.addEventListener('dblclick', (e) => {
          e.stopPropagation();
          selectedTags.delete(tag);
          customTagsList = customTagsList.filter(t => t !== tag);
          renderTags();
          updatePreview();
        });
        tagContainer.appendChild(btn);
      });
    }

    // 添加自定义标签
    function addCustomTag() {
      const value = customTagInput.value.trim();
      if (value === '') return;
      if (presetTags.includes(value) || customTagsList.includes(value)) {
        alert('该标签已存在');
        return;
      }
      customTagsList.push(value);
      selectedTags.add(value); // 默认添加后选中
      customTagInput.value = '';
      renderTags();
      updatePreview();
    }

    addCustomBtn.addEventListener('click', addCustomTag);
    customTagInput.addEventListener('keypress', (e) => {
      if (e.key === 'Enter') {
        addCustomTag();
      }
    });

    // 更新预览区
    function updatePreview() {
      const name = nameInput.value.trim() || '小宇';
      const age = ageInput.value || '18';
      const gender = genderSelect.value;
      const identity = identityInput.value.trim() || '高三学生';
      const appearance = appearanceText.value.trim() || '普通学生长相，戴黑框眼镜。';
      const perspective = perspectiveSelect.value;

      const tagsArray = Array.from(selectedTags);
      const tagsText = tagsArray.length > 0 ? tagsArray.join('、') : '无';

      // 玩家预设文本
      const presetText = `姓名：${name}\n年龄：${age}岁\n性别：${gender}\n身份：${identity}\n外貌：${appearance}\n人称视角：${perspective}\n性癖好：${tagsText}`;
      presetDisplay.textContent = presetText;

      // 开场架构（嵌入玩家姓名，严格符合要求：第一句是角色动作或台词）
      const openingRaw = `半夜1点多“他……他应该睡着了吧？”你妈沈蓉的声音从门外传来，带着明显的颤抖。紧接着是陈美莲压低嗓门的嘀咕：“你小点声，吵醒了就完了……”门推开一条缝，沈蓉那张羞得通红的脸探了进来，身后陈美莲捏着玻璃瓶，指节发白。沈蓉低着头，盯着你被床单盖着的身体，她咽了口唾沫，睡裙吊带滑下肩膀，露出半截白嫩的乳房，又慌忙拽上去。陈美莲在后面推了她一把：“咱俩怎么弄。”`;

      openingDisplay.textContent = openingRaw;
    }

    // 一键复制（无弹窗提醒，使用剪贴板静默写入）
    async function copyPreview() {
      const preset = presetDisplay.textContent || '';
      const opening = openingDisplay.textContent || '';
      const fullText = `【玩家角色预设】\n${preset}\n\n【开场架构】\n${opening}`;
      try {
        await navigator.clipboard.writeText(fullText);
        // 静默复制，无alert
      } catch (err) {
        // 降级方案
        const textarea = document.createElement('textarea');
        textarea.value = fullText;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);
      }
    }

    copyBtn.addEventListener('click', copyPreview);

    // 监听所有表单变化更新预览
    [nameInput, ageInput, genderSelect, identityInput, appearanceText, perspectiveSelect].forEach(el => {
      el.addEventListener('input', updatePreview);
      el.addEventListener('change', updatePreview);
    });

    // 初始渲染
    renderTags();
    updatePreview();
  })();
</script>
</body>
</html>


妈妈跟她闺蜜为了变年轻，疯狂榨取我的精液

半夜两点，你被尿憋醒，迷迷糊糊听见客厅有动静。门缝里透进来一线光，两个女人压低了嗓子在说话——是你妈和陈阿姨。
“……真能变年轻？”
“古书上都写了，还能有假？”
“可那是你亲儿子……”
“所以让你先来啊！快点，趁他睡着了……”
你躺在床上，听着一轻一重的脚步声朝你房间逼近。门把手缓缓转动，你妈那张羞得通红的脸探了进来，身后跟着同样满脸通红的陈阿姨。她俩穿着睡裙，一人手里攥着一个小玻璃瓶，看向你的眼神，就像饿极了的人盯着一块刚出锅的红烧肉。




<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>《城中村母子》</title>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Songti SC', 'SimSun', serif;
  background: #e5e0d5;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.page {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}
.head-box {
  background: #6b1d1d;
  color: #f5e9d9;
  padding: 26px 16px 18px;
  text-align: center;
  border-radius: 4px 4px 0 0;
  border: 1px solid #3d0f0f;
  border-bottom: none;
}
.head-box h1 {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 6px;
}
.head-box .sub {
  font-size: 15px;
  color: #e8c9a6;
  margin-top: 6px;
}
.ui-frame {
  background: #fcf8ef;
  border: 1px solid #7d6a57;
  border-radius: 4px;
  margin-bottom: 14px;
  box-shadow: 0 8px 22px rgba(60,35,25,0.15);
  padding: 20px 18px;
}
.section-title {
  font-size: 20px;
  color: #7c1818;
  border-left: 5px solid #7c1818;
  padding-left: 10px;
  margin-bottom: 14px;
  letter-spacing: 1px;
}
.section-content {
  font-size: 15px;
  line-height: 1.9;
  color: #2e221c;
}
.play-intro {
  background: #ede6d7;
  padding: 12px 15px;
  border-radius: 3px;
  margin: 12px 0;
  color: #3c2d20;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
  margin-top: 6px;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.field.full {
  grid-column: 1 / -1;
}
.field label {
  font-size: 14px;
  color: #6a4e33;
  letter-spacing: 0.5px;
}
.field input,
.field select,
.field textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #b9a17f;
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 15px;
  color: #1f1813;
  outline: none;
  font-family: inherit;
}
.field textarea {
  min-height: 70px;
  resize: vertical;
}
.tag-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 8px 0 18px;
}
.tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fffaf0;
  border: 1px solid #a8977e;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 14px;
  color: #4a3b2e;
  cursor: pointer;
  user-select: none;
  transition: 0.15s;
}
.tag.selected {
  background: #7c1818;
  color: #fff6e8;
  border-color: #7c1818;
  box-shadow: 0 0 0 2px rgba(124,24,24,0.25);
}
.tag.custom {
  border-style: dashed;
}
.tag.custom::before {
  content: '＋';
  font-size: 16px;
  margin-right: 2px;
}
.add-custom {
  display: flex;
  gap: 8px;
  margin: 6px 0 20px;
}
.add-custom input {
  flex: 1;
  min-width: 0;
  background: #fff;
  border: 1px solid #a8977e;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 14px;
  color: #2e221c;
  outline: none;
}
.add-custom button {
  flex-shrink: 0;
  background: #3d2f23;
  color: #f7ebd3;
  border: none;
  border-radius: 999px;
  padding: 10px 20px;
  font-size: 15px;
  cursor: pointer;
  min-height: 44px;
}
.add-custom button:hover {
  background: #5c3a24;
}
.btn-copy {
  width: 100%;
  background: #7c1818;
  color: #fff6e8;
  border: none;
  border-radius: 6px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  cursor: pointer;
  min-height: 52px;
  transition: background 0.2s;
}
.btn-copy:hover {
  background: #a02b2b;
}
.preview-box {
  background: #fffdf6;
  border: 1px solid #d8c6a5;
  border-radius: 3px;
  padding: 16px 18px;
  white-space: pre-wrap;
  font-size: 15px;
  line-height: 1.85;
  color: #2c2018;
}
.meta-note {
  font-size: 13px;
  color: #8e7550;
  margin-top: 12px;
}
@media (max-width: 560px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
  .field.full {
    grid-column: auto;
  }
  .head-box h1 {
    font-size: 26px;
  }
  .section-title {
    font-size: 18px;
  }
}
</style>
</head>
<body>
<div class="page">
  <div class="head-box">
    <h1>《城中村母子》</h1>
    <div class="sub">一张破床 · 三个人 · 江州城中村</div>
  </div>

  <div class="ui-frame">
    <div class="section-title">【剧本介绍】</div>
    <div class="section-content">
      <p>江州城南，城中村，十六平米出租屋。一张大床，一家三口，你靠墙睡，你妈林秋月睡中间，你爸张明信睡床边。屋里没厕所，洗澡要去街头公共澡堂。爸天不亮就出摊炸油条，脚臭盖了半个屋；妈的汗味和女人的味道捂在被子里，你每晚上床，下边都会硬。你高中，走读，正是憋不住的年纪。今天晚上，爸4点半就要起来，打着呼睡死了。你偷偷在被窝里摸着自己，最后掀开你妈的内裤。她没动。你分不清她是装睡，还是真睡。这里是底层写实烟火气，不是黄片。乱伦、偷感、气味、床单水渍，都在这个很小的壳里往外爬。</p>
      <div class="play-intro">
        <strong>玩法特色：</strong>以生活细节和身体试探为主。天黑了，你可以在被窝里偷偷摸；天亮了，你要面对她躲不躲你。随时注意父亲的呼噜、身下的潮气、门口的响动。一旦玩脱，家会散，油条铺会没人来。
      </div>
    </div>
  </div>

  <div class="ui-frame">
    <div class="section-title">【角色配置】</div>
    <div class="form-grid">
      <div class="field"><label>姓名</label><input type="text" id="playerName" value="张磊"></div>
      <div class="field"><label>年龄</label><input type="number" id="playerAge" value="17"></div>
      <div class="field"><label>性别</label><select id="playerGender"><option>男</option><option>女</option><option>其他</option></select></div>
      <div class="field"><label>身份</label><input type="text" id="playerIdentity" value="高中生"></div>
      <div class="field full"><label>外貌</label><textarea id="playerLooks">个子不矮，偏瘦，小腿毛多，下边已经长全了。平时穿旧校服，眼睛总往你妈后腰看。</textarea></div>
      <div class="field"><label>人称视角</label><select id="playerPov"><option selected>第二人称</option><option>第一人称</option><option>第三人称</option></select></div>
    </div>
    <div class="field full" style="margin-top:12px;"><label>性癖好 / 偏好设置</label></div>
    <div class="tag-line" id="tagBox">
      <span class="tag selected">气味癖</span><span class="tag">被窝偷摸</span><span class="tag">装睡</span><span class="tag">内裤摩擦</span><span class="tag">手淫</span><span class="tag">口交</span><span class="tag">肛交</span><span class="tag">露出</span><span class="tag">丝袜</span><span class="tag">捆绑</span><span class="tag">语言羞辱</span><span class="tag">高潮管理</span><span class="tag">公共场合</span><span class="tag">妊娠幻想</span><span class="tag">妊娠风险</span>
    </div>
    <div class="add-custom">
      <input type="text" id="customTagInput" placeholder="输入自定义性癖好">
      <button id="addTagBtn">添加</button>
    </div>
  </div>

  <div class="ui-frame">
    <div class="section-title">【配置预览】</div>
    <div class="preview-box" id="previewContent"></div>
    <div style="margin-top:14px;"><button class="btn-copy" id="copyBtn">一键复制</button></div>
    <p class="meta-note">点选标签后可直接复制预览。点击标签可取消或选中，自定义标签添加后可继续点击选择。</p>
  </div>
</div>
<script>
function getSelectedTags() {
  const tags = Array.from(document.querySelectorAll('#tagBox .tag.selected')).map(function(t) {
    let text = t.textContent.trim();
    if (t.classList.contains('custom')) {
      text = text.replace(/^＋/, '');
    }
    return text;
  });
  return tags;
}
function updatePreview() {
  const name = document.getElementById('playerName').value || '张磊';
  const age = document.getElementById('playerAge').value || '17';
  const gender = document.getElementById('playerGender').value;
  const identity = document.getElementById('playerIdentity').value || '高中生';
  const looks = document.getElementById('playerLooks').value || '个子不矮，偏瘦，小腿毛多。';
  const povSelect = document.getElementById('playerPov');
  const povText = povSelect.options[povSelect.selectedIndex].text;
  const povMode = povSelect.value;
  let povChar = '你';
  if (povMode === '第一人称') {
    povChar = '我';
  } else if (povMode === '第三人称') {
    povChar = '他';
  }
  const tags = getSelectedTags();
  const tagText = tags.length ? tags.join('、') : '无';
  const preview = '【玩家角色预设】\n' +
    '姓名：' + name + '\n' +
    '年龄：' + age + '岁\n' +
    '性别：' + gender + '\n' +
    '身份：' + identity + '\n' +
    '外貌：' + looks + '\n' +
    '人称视角：' + povText + '\n' +
    '性癖好：' + tagText + '\n' +
    '\n' +
    '【开场架构】\n' +
    povChar + '醒了。旁边的林秋月睡得死沉，胸脯挨着' + povChar + '胳膊，热乎乎的。张明信打着鼾，脚臭味从床尾漫过来。' + povChar + '把头缩进被窝，林秋月骚屄里的骚味扑进了鼻子，下面更难受了。她的手就搭在肚子上，内裤边滑到腿根去了。' + povChar + '的手一点一点摸过去，碰到热乎乎的腿根，然后勾住那条洗得发薄的裤衩，慢慢往下拉。林秋月身子僵了一下。床那头，张明信翻了个身，鼾声断了一下。' + povChar + '手指僵在半空。';
  document.getElementById('previewContent').textContent = preview;
}
document.getElementById('tagBox').addEventListener('click', function(e) {
  const t = e.target.closest('.tag');
  if (!t) {
    return;
  }
  t.classList.toggle('selected');
  updatePreview();
});
document.getElementById('addTagBtn').addEventListener('click', function() {
  addCustomTag();
});
document.getElementById('customTagInput').addEventListener('keydown', function(e) {
  if (e.key === 'Enter') {
    e.preventDefault();
    addCustomTag();
  }
});
function addCustomTag() {
  const input = document.getElementById('customTagInput');
  const rawValue = input.value.trim();
  if (!rawValue) {
    return;
  }
  const existing = Array.from(document.querySelectorAll('#tagBox .tag')).map(function(t) {
    return t.textContent.replace(/^＋/, '').trim();
  });
  if (existing.indexOf(rawValue) !== -1) {
    input.value = '';
    return;
  }
  const newTag = document.createElement('span');
  newTag.className = 'tag custom';
  newTag.textContent = rawValue;
  document.getElementById('tagBox').appendChild(newTag);
  input.value = '';
  newTag.addEventListener('click', function() {
    newTag.classList.toggle('selected');
    updatePreview();
  });
  updatePreview();
}
document.getElementById('copyBtn').addEventListener('click', function() {
  const content = document.getElementById('previewContent').textContent;
  if (navigator.clipboard && navigator.clipboard.writeText) {
    navigator.clipboard.writeText(content).catch(function() {
      fallbackCopy(content);
    });
  } else {
    fallbackCopy(content);
  }
});
function fallbackCopy(text) {
  const textarea = document.createElement('textarea');
  textarea.value = text;
  textarea.setAttribute('readonly', '');
  textarea.style.position = 'fixed';
  textarea.style.left = '-9999px';
  document.body.appendChild(textarea);
  textarea.select();
  try {
    document.execCommand('copy');
  } catch (err) {}
  document.body.removeChild(textarea);
}
document.addEventListener('input', updatePreview);
updatePreview();
</script>
</body>
</html>


城中村母子乱伦实录

江州城南，城中村，十六平米出租屋。一张大床，一家三口，你靠墙睡，你妈林秋月睡中间，你爸张明信睡床边。屋里没厕所，洗澡要去街头公共澡堂。爸天不亮就出摊炸油条，脚臭盖了半个屋；妈的汗味和女人的味道捂在被子里，你每晚上床，下边都会硬。你高中，走读，正是憋不住的年纪。今天晚上，爸4点半就要起来，打着呼睡死了。你偷偷在被窝里摸着自己，最后掀开你妈的内裤。她没动。你分不清她是装睡，还是真睡。这里是底层写实烟火气，不是黄片。乱伦、偷感、气味、床单水渍。

深夜卧铺，迷糊人妻抓着我的鸡巴塞进了她的骚屄里

深夜的卧铺车厢，摇晃的节奏催人入眠。你睡得正香，一个温软的身体带着沐浴后的清香，迷迷糊糊地爬上了你的床。她习惯性地向后蹭了蹭，丰腴的屁股精准地嵌进你的胯间，还带着睡意不满地研磨了两下。你还没反应过来，一只柔软的小手就伸过来，轻车熟路地扒下你的内裤，扶着那根远超她丈夫尺寸的滚烫鸡巴，对准早已湿滑的骚屄，咕叽一声坐了下去。几秒钟的满足后，她僵住了。这不是她那个用了十几年的老玩意儿。林轻语的大脑在极度的满足与极度的惊恐中死机——她把一个陌生男人的鸡巴吞进了自己的骚屄里，而她的丈夫和孩子，就在隔壁床铺沉睡。淫水与冷汗齐下，她该怎么办？


<!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=yes, viewport-fit=cover">
<title>被找回的真少爷·同桌未婚妻</title>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        background: #0a0c0f;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-height: 100vh;
        padding: 20px 12px 40px;
        font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
    }

    .ui-frame {
        --primary: #c496ff;
        --primary-muted: rgba(196, 150, 255, 0.15);
        --accent: #ff576a;
        --accent-soft: rgba(255, 87, 106, 0.2);
        --bg-card: #11151b;
        --bg-input: #181d25;
        --border: 1px solid #2a2f38;
        --text: #e9e9e9;
        --text-dim: #9399a5;
        --radius: 14px;
        --radius-sm: 10px;
        width: 100%;
        max-width: 680px;
        background: transparent;
        color: var(--text);
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .card {
        background: var(--bg-card);
        border: var(--border);
        border-radius: var(--radius);
        padding: 22px 18px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
        transition: border-color 0.2s;
    }
    .card:hover {
        border-color: var(--primary-muted);
    }

    .title {
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: white;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .title span {
        background: var(--accent);
        padding: 2px 10px;
        border-radius: 20px;
        font-size: 0.85rem;
        font-weight: 500;
        letter-spacing: 0.3px;
    }

    .subtitle {
        color: var(--text-dim);
        font-size: 0.9rem;
        margin: 8px 0 16px;
        border-left: 3px solid var(--primary);
        padding-left: 12px;
    }

    .story-intro {
        line-height: 1.7;
        color: #cdd1d8;
        font-size: 0.95rem;
        background: rgba(255,255,255,0.02);
        border-radius: var(--radius-sm);
        padding: 14px 16px;
        margin: 12px 0 0;
    }

    .form-group {
        margin-bottom: 18px;
    }
    .form-label {
        display: block;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--text-dim);
        margin-bottom: 6px;
        letter-spacing: 0.3px;
    }

    input, select, textarea {
        width: 100%;
        background: var(--bg-input);
        border: 1px solid #2e3540;
        border-radius: 8px;
        padding: 10px 14px;
        color: var(--text);
        font-size: 0.95rem;
        outline: none;
        transition: border 0.2s;
        font-family: inherit;
        resize: vertical;
    }
    input:focus, select:focus, textarea:focus {
        border-color: var(--primary);
    }
    textarea {
        min-height: 70px;
    }

    /* 性癖标签组 */
    .tags-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
    }
    .tag-btn {
        background: transparent;
        border: 1px solid #3a4050;
        color: #b0b8c5;
        padding: 5px 14px;
        border-radius: 20px;
        font-size: 0.85rem;
        cursor: pointer;
        transition: all 0.2s;
        user-select: none;
    }
    .tag-btn.selected {
        background: var(--accent-soft);
        border-color: var(--accent);
        color: white;
        box-shadow: 0 0 6px rgba(255,87,106,0.3);
    }
    .custom-tag-wrapper {
        display: flex;
        gap: 8px;
        margin-top: 6px;
    }
    .custom-tag-wrapper input {
        flex: 1;
    }
    .custom-tag-wrapper button {
        background: var(--primary);
        border: none;
        color: #0a0c0f;
        font-weight: 600;
        padding: 0 18px;
        border-radius: 8px;
        cursor: pointer;
        white-space: nowrap;
    }
    .tag-btn.custom-tag::before {
        content: "＋ ";
        opacity: 0.7;
    }

    /* 预览区 */
    .preview-block {
        background: #0f1219;
        border: 1px solid #2a2f3a;
        border-radius: var(--radius-sm);
        padding: 16px;
        margin: 16px 0 0;
        color: #d3d9e2;
        font-size: 0.9rem;
        line-height: 1.6;
        white-space: pre-wrap;
        word-break: break-word;
    }
    .preview-block strong {
        color: white;
    }

    .btn-copy {
        background: var(--primary);
        border: none;
        color: #0a0c0f;
        font-weight: 700;
        font-size: 1rem;
        padding: 14px 24px;
        border-radius: 40px;
        width: 100%;
        cursor: pointer;
        letter-spacing: 0.5px;
        transition: all 0.2s;
        margin-top: 8px;
    }
    .btn-copy:active {
        transform: scale(0.98);
        background: #b081f0;
    }

    @media (max-width: 480px) {
        .card {
            padding: 16px 12px;
        }
        .title {
            font-size: 1.3rem;
        }
    }
</style>
</head>
<body>
<div class="ui-frame">

    
    <div class="card" style="text-align: center; padding-bottom: 12px;">
        <div class="title" style="justify-content: center;">
            ⚡被找回的真少爷
            <span>同桌未婚妻</span>
        </div>
        <div class="subtitle" style="text-align: left; margin-top: 14px;">
            从无视到沉沦 · 心理博弈 · 情欲枷锁
        </div>
        <div class="story-intro">
            <strong>📖 剧本简介</strong><br>
            你被接回云州豪门苏家，成了名不副实的真少爷。父母用金钱代替陪伴，假少爷苏明轩优秀得令人窒息，而本该属于你的未婚妻——清冷同桌林雪见——却将你视作空气。<br>
            那个晚自习，她困得靠在你肩上，无意识地滑到你大腿……口水浸湿了裤子，你硬了，她在睡梦中蹭了蹭，隔着布料舔了一下。<br>
            她醒了。没有尖叫，只有一道裂纹出现在那层坚不可摧的“无视”上。<br>
            <strong style="color:var(--accent);">从此刻起，一场扭曲的操控、背叛与情欲游戏，在校园和豪门暗处拉开帷幕。如何将她的冷面变成滚烫的服从，全在你的一念之间。</strong>
        </div>
    </div>

    
    <div class="card">
        <h3 style="margin-bottom: 18px; color: white; font-weight: 500; display: flex; align-items: center; gap: 6px;">🎭 身份预设</h3>

        <div class="form-group">
            <label class="form-label">姓名</label>
            <input type="text" id="playerName" value="苏念" placeholder="输入姓名">
        </div>

        <div class="form-group">
            <label class="form-label">年龄</label>
            <input type="number" id="playerAge" value="18" placeholder="年龄">
        </div>

        <div class="form-group">
            <label class="form-label">性别</label>
            <select id="playerGender">
                <option value="男" selected>男</option>
                <option value="女">女</option>
                <option value="其他">其他</option>
            </select>
        </div>

        <div class="form-group">
            <label class="form-label">身份</label>
            <input type="text" id="playerIdentity" value="苏家真少爷 / 高三学生" placeholder="身份">
        </div>

        <div class="form-group">
            <label class="form-label">外貌</label>
            <textarea id="playerAppearance">清秀中带着一丝怯懦，被认回后眼神偶尔闪过不甘与阴郁。身高178cm，体型偏瘦，手指修长。</textarea>
        </div>

        <div class="form-group">
            <label class="form-label">人称视角</label>
            <select id="playerPerspective">
                <option value="第二人称" selected>第二人称</option>
                <option value="第一人称">第一人称</option>
                <option value="第三人称">第三人称</option>
            </select>
        </div>

        
        <div class="form-group">
            <label class="form-label">🔥 性癖好（可多选，点击切换）</label>
            <div class="tags-container" id="kinkTagsContainer">
                
            </div>
            <div class="custom-tag-wrapper">
                <input type="text" id="customKinkInput" placeholder="自定义癖好...">
                <button id="addCustomKinkBtn">添加</button>
            </div>
        </div>
    </div>

    
    <div class="card">
        <h3 style="color: white; font-weight: 500; margin-bottom: 12px;">📋 配置预览</h3>
        <div class="preview-block" id="previewContent">
            
        </div>
        <button class="btn-copy" id="copyBtn">📋 一键复制全部文本</button>
    </div>
</div>

<script>
    (function() {
        // ---------- 预设性癖标签 ----------
        const presetKinks = [
            "气味癖", "露出", "口交", "后入", "强制", 
            "公共场合", "足控", "语言羞辱", "窒息", "高潮管理",
            "姐弟", "NTR", "双飞", "调教", "心理操控"
        ];

        // 当前选中的癖好集合（包括自定义）
        let selectedKinks = new Set();

        // DOM元素
        const kinkContainer = document.getElementById('kinkTagsContainer');
        const customInput = document.getElementById('customKinkInput');
        const addBtn = document.getElementById('addCustomKinkBtn');
        const previewDiv = document.getElementById('previewContent');
        const copyBtn = document.getElementById('copyBtn');

        // 表单元素
        const nameInput = document.getElementById('playerName');
        const ageInput = document.getElementById('playerAge');
        const genderSelect = document.getElementById('playerGender');
        const identityInput = document.getElementById('playerIdentity');
        const appearanceText = document.getElementById('playerAppearance');
        const perspectiveSelect = document.getElementById('playerPerspective');

        // ---------- 渲染标签按钮 ----------
        function renderTagButton(label, isCustom = false) {
            const btn = document.createElement('button');
            btn.type = 'button';
            btn.className = 'tag-btn';
            if (isCustom) btn.classList.add('custom-tag');
            btn.textContent = label;
            // 根据选中状态设置样式
            if (selectedKinks.has(label)) {
                btn.classList.add('selected');
            }
            btn.addEventListener('click', () => {
                if (selectedKinks.has(label)) {
                    selectedKinks.delete(label);
                    btn.classList.remove('selected');
                } else {
                    selectedKinks.add(label);
                    btn.classList.add('selected');
                }
                updatePreview();
            });
            return btn;
        }

        function renderAllTags() {
            kinkContainer.innerHTML = '';
            // 先渲染预设
            presetKinks.forEach(k => {
                kinkContainer.appendChild(renderTagButton(k, false));
            });
            // 渲染所有自定义标签（存储在selectedKinks中但不在预设里的）
            for (let k of selectedKinks) {
                if (!presetKinks.includes(k)) {
                    // 避免重复创建，检查是否已存在对应按钮
                    let existing = Array.from(kinkContainer.children).find(
                        btn => btn.textContent === k || btn.textContent === ('＋ ' + k)
                    );
                    if (!existing) {
                        kinkContainer.appendChild(renderTagButton(k, true));
                    }
                }
            }
        }

        // 添加自定义标签
        function addCustomKink() {
            const val = customInput.value.trim();
            if (!val) return;
            if (presetKinks.includes(val)) {
                alert('该标签已存在于预设中，直接点击选择即可。');
                customInput.value = '';
                return;
            }
            if (selectedKinks.has(val)) {
                alert('该标签已存在并已选中。');
                customInput.value = '';
                return;
            }
            // 新标签，加入选中集合并渲染
            selectedKinks.add(val);
            renderAllTags();
            customInput.value = '';
            updatePreview();
        }

        addBtn.addEventListener('click', addCustomKink);
        customInput.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                e.preventDefault();
                addCustomKink();
            }
        });

        // ---------- 更新预览 ----------
        function getSelectedKinksString() {
            return Array.from(selectedKinks).join('、') || '无';
        }

        function updatePreview() {
            const name = nameInput.value || '苏念';
            const age = ageInput.value || '18';
            const gender = genderSelect.value;
            const identity = identityInput.value || '苏家真少爷';
            const appearance = appearanceText.value || '清秀阴郁';
            const perspective = perspectiveSelect.value;
            const kinks = getSelectedKinksString();

            const presetBlock = 
`【玩家角色预设】
姓名：${name}
年龄：${age}岁
性别：${gender}
身份：${identity}
外貌：${appearance}
人称视角：${perspective}
性癖好：${kinks}`;

            // 开场架构（嵌入姓名等）
            const opening = 
`【开场架构】
晚自习的教室里。你的同桌林雪见，一如既往地无视着你，仿佛你是多余的空气。可今晚，她的头毫无预兆地偏了一下，轻轻靠上了你的肩膀。你浑身僵硬，不敢呼吸。她睡得迷糊，身体缓缓滑落，脑袋最终枕在了你的大腿上。口水浸湿了校裤，那温热的触感让你控制不住地硬了，鸡巴隔着薄薄的布料顶出一个明显的弧度。更要命的是，她在梦里无意识地蹭了蹭，嘴唇隔着裤子擦过龟头，然后——她伸出了舌头，轻轻舔了一下那团湿润的凸起。她猛然醒了，那双空洞的眼睛聚焦在你裤裆上，她的脸色瞬间变了，惊慌恐惧，脸刷的红了，这跟她平时对你的无视形成了强烈反差。`;

            previewDiv.textContent = presetBlock + '\n\n' + opening;
        }

        // ---------- 一键复制（无弹窗） ----------
        copyBtn.addEventListener('click', async () => {
            const text = previewDiv.textContent || '';
            try {
                await navigator.clipboard.writeText(text);
                // 不弹窗，但我们可以在按钮上短暂显示反馈
                const originalText = copyBtn.textContent;
                copyBtn.textContent = '✅ 已复制';
                copyBtn.style.background = '#2ecc71';
                setTimeout(() => {
                    copyBtn.textContent = originalText;
                    copyBtn.style.background = '';
                }, 1500);
            } catch (err) {
                // 降级方案
                const textarea = document.createElement('textarea');
                textarea.value = text;
                document.body.appendChild(textarea);
                textarea.select();
                document.execCommand('copy');
                document.body.removeChild(textarea);
                copyBtn.textContent = '✅ 已复制(兼容)';
                setTimeout(() => {
                    copyBtn.textContent = '📋 一键复制全部文本';
                }, 1500);
            }
        });

        // ---------- 表单监听 ----------
        [nameInput, ageInput, genderSelect, identityInput, appearanceText, perspectiveSelect].forEach(el => {
            el.addEventListener('input', updatePreview);
            el.addEventListener('change', updatePreview);
        });

        // 初始渲染
        renderAllTags();
        updatePreview();
    })();
</script>
</body>
</html>


给我口交的同桌是假少爷的未婚妻

你被接回了云州市的豪门苏家，成了名义上的真少爷。父母忙于生意，姐姐是冷面女强人，假少爷苏明轩优秀得让你自惭形秽，而假少爷的未婚妻、清冷大小姐林雪见，更是对你视若无睹。你的生活本该在巨大的落差和无视中沉寂下去。直到那个晚自习，一直无视你的同桌林雪见，困得靠在你肩上，脑袋滑到你大腿，口水浸湿了你的裤子。你硬了。她在无意识的蹭动中，隔着裤子感受着你的勃起，甚至迷糊地用舌头舔了舔那团湿热。结果给你整射了。她醒了，没有尖叫，只是用一种你从未见过的、混杂着困惑、羞耻和一丝异样兴奋的眼神看着你。

野营帐篷：在父亲眼皮底下的全家乱伦

周末，你们一家五口去郊野公园露营。帐篷只有一顶大的，五个人挤在里面——爸爸、妈妈、姐姐、你、妹妹。深夜，爸爸的鼾声在你耳边稳定地响着，闷热的空气里弥漫着女人皮肤的奶香和汗味。妈妈陈秀兰侧身睡在你旁边，灰蓝色睡裙的裙摆卷到了大腿根，那条穿了多年的肉色旧内裤在月光下隐约可见。她的手无意识地搭在自己肚子上，呼吸均匀。
你的右手伸过去，指尖碰到她大腿内侧的软肉。她身体僵了一下，没睁眼。你的手指顺着大腿往上摸，摸到内裤边缘，摸到那片肥厚湿热的地方。她夹紧了腿，把你的手夹在中间，嘴唇动了动，没有声音。
爸爸的鼾声依旧。姐姐陈瑶在另一边翻了个身，手机屏幕亮了一下又灭了。妹妹陈雨蜷在最角落，戴着耳机，浑然不觉。
纯粹的肉体欲望，真实的背德恐惧，以及那无法回头的堕落深渊。在这个闷热的帐篷里，一切都有可能发生。

大货车上：在岳父身后我的鸡巴滑入了岳母的骚屄里

你刚结婚不到半年，老婆温柔贤惠。岳父岳母常年跑长途货运，岳父开车，岳母押车。这次他们的副驾司机临时请假，岳父一个电话把你叫来替班。两天两夜，从云城到北边的矿场再折返。大货车前面是主副驾驶座，后面是铁架搭的简易床铺。规矩很简单：你开累了岳父换，岳父开累了你换。休息的人爬到后头那张窄床上睡——和岳母挤在一起。她四十一岁，皮肤白得不像常年跟车的人，胸脯撑得T恤扣子紧绷绷的。你一直知道岳母长得好看，但从没多想。直到第一夜，你在半梦半醒间翻身，手掌压进一团温热绵软里。她也没醒，嘴里含糊哼了一声，身子往你怀里拱了拱——她把你当成岳父了。你没有马上收手。然后事情就发生了。在岳父眼皮子底下，在引擎的轰鸣声里，在行驶的货车后厢那张窄床上，你们把所有不该做的事都做了。


<!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>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #0d0d0d;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 20px;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

.ui-frame {
    --primary: #c41e3a;
    --secondary: #8b0000;
    --bg-main: #1a1a1a;
    --bg-card: #222222;
    --bg-input: #2a2a2a;
    --text: #d4d4d4;
    --text-light: #999999;
    --border: #333333;
    --tag-bg: #2a2a2a;
    --tag-selected: #c41e3a;
    --tag-text: #bbbbbb;
    --tag-selected-text: #ffffff;
    --btn-copy: #c41e3a;
    --btn-copy-hover: #a01830;
    --radius: 8px;
    --transition: 0.2s ease;

    max-width: 700px;
    width: 100%;
    background: var(--bg-main);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    color: var(--text);
    line-height: 1.7;
}

.ui-frame h1 {
    text-align: center;
    font-size: 2em;
    color: var(--primary);
    margin-bottom: 6px;
    letter-spacing: 2px;
}

.ui-frame .subtitle {
    text-align: center;
    font-size: 0.9em;
    color: var(--text-light);
    margin-bottom: 28px;
    letter-spacing: 1px;
}

.ui-frame .section-title {
    font-size: 1.1em;
    font-weight: 700;
    color: var(--primary);
    margin-top: 28px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
    letter-spacing: 1px;
}

.ui-frame .story-intro {
    background: var(--bg-card);
    border-left: 3px solid var(--primary);
    padding: 18px 20px;
    border-radius: var(--radius);
    margin-bottom: 10px;
    font-size: 0.95em;
    line-height: 1.8;
    color: #cccccc;
}

.ui-frame .form-group {
    margin-bottom: 16px;
}

.ui-frame label {
    display: block;
    font-size: 0.9em;
    color: var(--text-light);
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}

.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame select,
.ui-frame textarea {
    width: 100%;
    padding: 10px 14px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text);
    font-size: 0.95em;
    font-family: inherit;
    transition: border-color var(--transition);
    resize: vertical;
    outline: none;
}

.ui-frame input:focus,
.ui-frame select:focus,
.ui-frame textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(196, 30, 58, 0.15);
}

.ui-frame select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}

.ui-frame textarea {
    min-height: 70px;
}

.ui-frame .tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.ui-frame .tag {
    padding: 7px 16px;
    background: var(--tag-bg);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 0.85em;
    cursor: pointer;
    user-select: none;
    color: var(--tag-text);
    transition: all var(--transition);
    white-space: nowrap;
    min-height: 44px;
    display: flex;
    align-items: center;
}

.ui-frame .tag:hover {
    border-color: var(--primary);
    color: #dddddd;
}

.ui-frame .tag.selected {
    background: var(--tag-selected);
    border-color: var(--tag-selected);
    color: var(--tag-selected-text);
    font-weight: 600;
}

.ui-frame .tag.custom-tag::before {
    content: "+ ";
    font-weight: 700;
    color: var(--primary);
}

.ui-frame .tag.custom-tag.selected::before {
    color: var(--tag-selected-text);
}

.ui-frame .custom-tag-input-row {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.ui-frame .custom-tag-input-row input {
    flex: 1;
    min-width: 0;
}

.ui-frame .custom-tag-input-row button {
    padding: 10px 18px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text);
    cursor: pointer;
    font-size: 0.9em;
    white-space: nowrap;
    min-height: 44px;
    transition: all var(--transition);
}

.ui-frame .custom-tag-input-row button:hover {
    border-color: var(--primary);
    color: #ffffff;
}

.ui-frame .preview-box {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px 22px;
    margin-top: 10px;
    font-size: 0.9em;
    line-height: 1.8;
    color: #cccccc;
    white-space: pre-wrap;
}

.ui-frame .btn-copy {
    display: block;
    width: 100%;
    margin-top: 24px;
    padding: 14px;
    background: var(--btn-copy);
    border: none;
    border-radius: var(--radius);
    color: #ffffff;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    min-height: 48px;
    transition: background var(--transition);
}

.ui-frame .btn-copy:hover {
    background: var(--btn-copy-hover);
}

@media (max-width: 480px) {
    .ui-frame {
        padding: 20px 16px;
    }
    .ui-frame h1 {
        font-size: 1.5em;
    }
    .ui-frame .tag {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
</style>
</head>
<body>

<div class="ui-frame">

    <h1>乖女</h1>
    <div class="subtitle">一个高三女生的身体，三双眼睛在暗处盯着</div>

    
    <div class="section-title">📖 剧本介绍</div>
    <div class="story-intro">
        你18岁，安州五中高三。<br><br>
        妈妈走五年。从你初三开始，爸爸看你的眼神就不对了。<br><br>
        你的奶子从初二开始疯长，现在36D，校服扣子永远绷得紧紧的。腿间开始渗出骚味——不是沐浴露，是那种微微发腥的、让男人鼻翼张开的味道。同桌陈锐说他鼻炎，但他每次趴桌下捡笔，脸都蹭到你的大腿。<br><br>
        今晚，爸爸喝了半斤白酒。门锁三年前就坏了。一个78公斤的身体压上来，捂住你的嘴，在你耳边喘着酒臭的粗气。你不敢用力反抗——隔壁是邻居，楼下是麻将声，门外——<br><br>
        弟弟林柏的眼睛趴在门缝上，一只手捂着嘴，另一只手在下面。<br><br>
        这是一个你无处可逃的世界。家里、学校、公交车上，每一个男人都想操你。而你的身体，总在恨自己的时候偷偷湿了。<br><br>
        <strong>玩法标签：</strong>女性视角 · 强制侵犯 · 乱伦 · 偷窥 · 师生 · 公交骚扰 · 身体背叛 · NPC主动侵犯 · 反抗无效
    </div>

    
    <div class="section-title">⚙️ 角色预设</div>

    <div class="form-group">
        <label for="playerName">姓名</label>
        <input type="text" id="playerName" value="林栀" placeholder="输入角色姓名">
    </div>

    <div class="form-group">
        <label for="playerAge">年龄</label>
        <input type="number" id="playerAge" value="18" min="14" max="60" placeholder="年龄">
    </div>

    <div class="form-group">
        <label for="playerGender">性别</label>
        <select id="playerGender">
            <option value="女" selected>女</option>
            <option value="男">男</option>
            <option value="其他">其他</option>
        </select>
    </div>

    <div class="form-group">
        <label for="playerIdentity">身份</label>
        <input type="text" id="playerIdentity" value="安州五中高三学生" placeholder="角色身份">
    </div>

    <div class="form-group">
        <label for="playerAppearance">外貌</label>
        <textarea id="playerAppearance" placeholder="描述角色的外貌特征">身高164cm，体重52kg，36D乳房，腰细臀圆。皮肤白，大腿内侧有小时候摔的浅疤。乳头浅色一碰就硬。阴毛浓密从未修剪。</textarea>
    </div>

    <div class="form-group">
        <label for="playerPov">人称视角</label>
        <select id="playerPov">
            <option value="第二人称" selected>第二人称（你）</option>
            <option value="第一人称">第一人称（我）</option>
            <option value="第三人称">第三人称（她）</option>
        </select>
    </div>

    
    <div class="form-group">
        <label>🎯 性癖好（可多选，点击切换）</label>
        <div class="tag-group" id="tagGroup">
            <span class="tag" data-value="强制侵犯">强制侵犯</span>
            <span class="tag" data-value="乱伦">乱伦</span>
            <span class="tag" data-value="偷窥">偷窥</span>
            <span class="tag" data-value="露出">露出</span>
            <span class="tag" data-value="公交骚扰">公交骚扰</span>
            <span class="tag" data-value="师生">师生</span>
            <span class="tag" data-value="轮奸">轮奸</span>
            <span class="tag" data-value="身体背叛">身体背叛</span>
            <span class="tag" data-value="气味癖">气味癖</span>
            <span class="tag" data-value="后入">后入</span>
            <span class="tag" data-value="口交">口交</span>
            <span class="tag" data-value="肛交">肛交</span>
            <span class="tag" data-value="捂住嘴">捂住嘴</span>
            <span class="tag" data-value="射在脸上">射在脸上</span>
            <span class="tag" data-value="被迫保持安静">被迫保持安静</span>
        </div>
        <div class="custom-tag-input-row">
            <input type="text" id="customTagInput" placeholder="输入自定义癖好，回车添加">
            <button id="addCustomTag">添加</button>
        </div>
    </div>

    
    <div class="section-title">📋 配置预览</div>
    <div class="preview-box" id="previewContent"></div>

    
    <button class="btn-copy" id="btnCopy">📋 一键复制全部配置</button>

</div>

<script>
(function() {
    const tagGroup = document.getElementById('tagGroup');
    const customTagInput = document.getElementById('customTagInput');
    const addCustomTagBtn = document.getElementById('addCustomTag');
    const previewContent = document.getElementById('previewContent');
    const btnCopy = document.getElementById('btnCopy');

    const playerNameInput = document.getElementById('playerName');
    const playerAgeInput = document.getElementById('playerAge');
    const playerGenderInput = document.getElementById('playerGender');
    const playerIdentityInput = document.getElementById('playerIdentity');
    const playerAppearanceInput = document.getElementById('playerAppearance');
    const playerPovInput = document.getElementById('playerPov');

    const allInputs = [
        playerNameInput, playerAgeInput, playerGenderInput,
        playerIdentityInput, playerAppearanceInput, playerPovInput
    ];

    // 选中的标签集合
    const selectedTags = new Set();

    // 初始化：默认选中几个核心标签
    const defaultSelected = ['强制侵犯', '乱伦', '偷窥', '气味癖', '捂住嘴'];
    defaultSelected.forEach(v => selectedTags.add(v));

    // 标签点击事件
    tagGroup.addEventListener('click', function(e) {
        const tag = e.target.closest('.tag');
        if (!tag) return;
        const value = tag.getAttribute('data-value');
        if (selectedTags.has(value)) {
            selectedTags.delete(value);
            tag.classList.remove('selected');
        } else {
            selectedTags.add(value);
            tag.classList.add('selected');
        }
        updatePreview();
    });

    // 初始化标签选中状态
    document.querySelectorAll('#tagGroup .tag').forEach(tag => {
        const value = tag.getAttribute('data-value');
        if (selectedTags.has(value)) {
            tag.classList.add('selected');
        }
    });

    // 添加自定义标签
    function addCustomTag() {
        const rawValue = customTagInput.value.trim();
        if (!rawValue) return;

        // 检查是否已存在（预设+自定义）
        const allExisting = new Set();
        document.querySelectorAll('#tagGroup .tag').forEach(t => allExisting.add(t.getAttribute('data-value')));
        if (allExisting.has(rawValue)) {
            customTagInput.value = '';
            return;
        }

        const newTag = document.createElement('span');
        newTag.className = 'tag custom-tag';
        newTag.setAttribute('data-value', rawValue);
        newTag.textContent = rawValue;
        tagGroup.appendChild(newTag);
        customTagInput.value = '';
    }

    addCustomTagBtn.addEventListener('click', addCustomTag);
    customTagInput.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault();
            addCustomTag();
        }
    });

    // 更新预览
    function updatePreview() {
        const name = playerNameInput.value || '林栀';
        const age = playerAgeInput.value || '18';
        const gender = playerGenderInput.value || '女';
        const identity = playerIdentityInput.value || '安州五中高三学生';
        const appearance = playerAppearanceInput.value || '身高164cm，体重52kg，36D乳房';
        const pov = playerPovInput.value || '第二人称';
        const tags = selectedTags.size > 0 ? Array.from(selectedTags).join('、') : '无';

        const povMap = {
            '第二人称': '你',
            '第一人称': '我',
            '第三人称': '她'
        };
        const povPronoun = povMap[pov] || '你';

        const previewText = `【玩家角色预设】
姓名：${name}
年龄：${age}岁
性别：${gender}
身份：${identity}
外貌：${appearance}
人称视角：${pov}
性癖好：${tags}

【开场架构】
${povPronoun}在睡梦中被压醒的。一个沉重的身体压在身上，满嘴白酒的臭味喷在脸上。一只粗糙的大手死死捂着${povPronoun}的嘴，另一只手在扯${povPronoun}的睡裤。${povPronoun}认得这个身体——工地上晒出来的黝黑皮肤，手臂上那道钢筋划的疤。是爸爸。${povPronoun}想喊，嘴被捂着。想推，78公斤的身体压在52公斤的骨头上。床板咯吱咯吱响，跟${povPronoun}压抑的鼻音混在一起。${povPronoun}不敢太用力反抗，隔壁住着张桂芬，楼下还有麻将声。爸爸喘着粗气，动作笨拙但坚决，滚烫的鸡巴隔着内裤顶在${povPronoun}腿间。${povPronoun}的腿被他的膝盖顶开。睡裤和内裤一起被扯到膝盖。${povPronoun}的屄是干的，被硬塞进来的时候疼得眼泪直接飙出来。门外——弟弟林柏的眼睛趴在门缝上，一只手捂着嘴，另一只手在睡裤里。`;

        previewContent.textContent = previewText;
    }

    // 监听所有输入变化
    allInputs.forEach(input => {
        input.addEventListener('input', updatePreview);
        input.addEventListener('change', updatePreview);
    });

    // 一键复制
    btnCopy.addEventListener('click', function() {
        const text = previewContent.textContent;
        if (navigator.clipboard) {
            navigator.clipboard.writeText(text).then(() => {
                btnCopy.textContent = '✅ 已复制！';
                setTimeout(() => { btnCopy.textContent = '📋 一键复制全部配置'; }, 1500);
            }).catch(() => {
                fallbackCopy(text);
            });
        } else {
            fallbackCopy(text);
        }
    });

    function fallbackCopy(text) {
        const textarea = document.createElement('textarea');
        textarea.value = text;
        textarea.style.position = 'fixed';
        textarea.style.opacity = '0';
        document.body.appendChild(textarea);
        textarea.select();
        try {
            document.execCommand('copy');
            btnCopy.textContent = '✅ 已复制！';
            setTimeout(() => { btnCopy.textContent = '📋 一键复制全部配置'; }, 1500);
        } catch (e) {
            btnCopy.textContent = '❌ 复制失败，请手动选择';
            setTimeout(() => { btnCopy.textContent = '📋 一键复制全部配置'; }, 2000);
        }
        document.body.removeChild(textarea);
    }

    // 初始生成预览
    updatePreview();
})();
</script>

</body>
</html>


高中时候被强奸玩弄的回忆实录

你18岁，高三。妈妈走了五年。从那以后，爸爸看你的眼神就不太对了。你发育得早。胸前的重量从很早就开始疯长，走路时晃得连自己都觉得别扭。校服扣子总是被撑得紧紧的，腋下那道缝永远合不拢。你开始闻到自己身上的味道——不是沐浴露的味道，是另一种，从腿间渗出来的、微微发腥的气息。喷了花露水也盖不住。同桌陈锐说他鼻炎。但他每次靠近你的时候，呼吸声压得比谁都重。
你不知道爸爸喝了多少酒。你只知道自己被一个沉重的身体压得喘不过气来。他死死捂着你的嘴，在你耳边喘气，声音又粗又哑，带着白酒的臭气。你不敢用力反抗，怕隔壁邻居听到。怕楼下的人听到。
门外，弟弟的眼睛正趴在门缝上。


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>沧月峰·废师尊</title>
<style>
.ui-frame {
  --primary: #7a9ec4;
  --secondary: #b8a4d4;
  --accent: #d4c4e0;
  --bg-dark: #0d1219;
  --bg-mid: #141b26;
  --bg-card: #1a2230;
  --text: #d8e0ea;
  --text-dim: #8a96a8;
  --danger: #c46a7a;
  --warm: #c9a87a;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  background: var(--bg-dark);
  color: var(--text);
  max-width: 720px;
  margin: 0 auto;
  padding: 0 14px 60px;
  line-height: 1.7;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.ui-frame *, .ui-frame *::before, .ui-frame *::after {
  box-sizing: border-box;
}

.ui-hero {
  position: relative;
  padding: 46px 22px 38px;
  margin: 0 -14px 22px;
  background:
    radial-gradient(ellipse at 30% 10%, rgba(122,158,196,0.18) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 90%, rgba(184,164,212,0.14) 0%, transparent 60%),
    linear-gradient(160deg, #0d1219 0%, #161f2c 55%, #0f1620 100%);
  border-bottom: 1px solid rgba(122,158,196,0.25);
  text-align: center;
  overflow: hidden;
}
.ui-hero::after {
  content: "";
  position: absolute;
  top: 0; left: 50%;
  width: 1px; height: 100%;
  background: linear-gradient(to bottom, transparent, rgba(122,158,196,0.25), transparent);
  transform: translateX(-50%);
}
.ui-title {
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 6px;
  color: #e8eef6;
  margin: 0 0 10px;
  text-shadow: 0 0 24px rgba(122,158,196,0.5);
}
.ui-sub {
  font-size: 12.5px;
  color: var(--text-dim);
  letter-spacing: 2.5px;
  margin: 0;
}
.ui-ornament {
  font-size: 14px;
  color: var(--primary);
  letter-spacing: 8px;
  margin: 14px 0 0;
  opacity: 0.7;
}

.ui-section {
  background: var(--bg-mid);
  border: 1px solid rgba(122,158,196,0.16);
  border-radius: 12px;
  padding: 20px 18px;
  margin-bottom: 18px;
}
.ui-section-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--accent);
  letter-spacing: 2px;
  margin: 0 0 14px;
  padding-left: 12px;
  border-left: 3px solid var(--primary);
}
.ui-intro {
  font-size: 14px;
  color: #c2ccd8;
  line-height: 1.95;
  margin: 0;
  text-align: justify;
}
.ui-intro em {
  color: var(--secondary);
  font-style: normal;
}

.ui-field {
  margin-bottom: 15px;
}
.ui-label {
  display: block;
  font-size: 13px;
  color: var(--primary);
  margin-bottom: 7px;
  letter-spacing: 1px;
  font-weight: 500;
}
.ui-input, .ui-select, .ui-textarea {
  width: 100%;
  background: var(--bg-dark);
  border: 1px solid rgba(122,158,196,0.28);
  border-radius: 8px;
  color: var(--text);
  font-size: 14px;
  padding: 11px 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 44px;
}
.ui-textarea {
  min-height: 72px;
  resize: vertical;
  line-height: 1.6;
}
.ui-input:focus, .ui-select:focus, .ui-textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(122,158,196,0.15);
}
.ui-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 480px) {
  .ui-row { grid-template-columns: 1fr; }
}

.ui-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.ui-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 14px;
  font-size: 13px;
  border-radius: 999px;
  border: 1px solid rgba(122,158,196,0.35);
  background: rgba(122,158,196,0.06);
  color: #a8b6c8;
  cursor: pointer;
  user-select: none;
  transition: all 0.18s;
  min-height: 36px;
  font-family: inherit;
}
.ui-tag:active {
  transform: scale(0.96);
}
.ui-tag.on {
  background: linear-gradient(135deg, rgba(122,158,196,0.42), rgba(184,164,212,0.4));
  border-color: var(--accent);
  color: #f0f4fa;
  box-shadow: 0 0 12px rgba(122,158,196,0.35);
}
.ui-tag.custom::before {
  content: "＋";
  font-size: 11px;
  color: var(--warm);
}
.ui-tag.on.custom::before {
  content: "✓";
  color: #f0f4fa;
}
.ui-tag-add {
  display: flex;
  gap: 8px;
}
.ui-tag-add input {
  flex: 1;
}
.ui-mini-btn {
  background: rgba(122,158,196,0.15);
  border: 1px solid rgba(122,158,196,0.4);
  color: var(--accent);
  border-radius: 8px;
  padding: 0 16px;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  min-height: 44px;
  white-space: nowrap;
  transition: all 0.18s;
}
.ui-mini-btn:active {
  background: rgba(122,158,196,0.3);
  transform: scale(0.97);
}

.ui-preview {
  background: var(--bg-dark);
  border: 1px solid rgba(184,164,212,0.25);
  border-radius: 10px;
  padding: 16px 15px;
  font-size: 13px;
  line-height: 1.85;
  color: #c8d2de;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "PingFang SC", "Microsoft YaHei", monospace;
  max-height: 460px;
  overflow-y: auto;
  margin-bottom: 14px;
}
.ui-preview .pv-head {
  color: var(--accent);
  font-weight: 600;
  letter-spacing: 1px;
}
.ui-preview .pv-key {
  color: var(--primary);
}

.ui-copy-btn {
  width: 100%;
  padding: 15px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #0d1219;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  transition: filter 0.18s, transform 0.12s;
  min-height: 50px;
}
.ui-copy-btn:active {
  filter: brightness(1.15);
  transform: scale(0.99);
}
.ui-copy-btn.done {
  background: linear-gradient(135deg, #8fbf9a, #a8d4b4);
  color: #0d1219;
}

.ui-rules {
  font-size: 13px;
  color: #b4becc;
  line-height: 1.9;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.ui-rules li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 9px;
}
.ui-rules li::before {
  content: "◈";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--primary);
  font-size: 11px;
  line-height: 1.9;
}
.ui-rules strong {
  color: var(--accent);
  font-weight: 600;
}

.ui-foot {
  text-align: center;
  font-size: 11px;
  color: #556070;
  letter-spacing: 2px;
  margin-top: 30px;
}
</style>
</head>
<body>
<div class="ui-frame" id="app">

  <div class="ui-hero">
    <h1 class="ui-title">沧月峰·废师尊</h1>
    <p class="ui-sub">她曾俯瞰众生 · 如今只剩你一人</p>
    <p class="ui-ornament">❄ 月白 ❄ 冷阶 ❄ 逆徒</p>
  </div>

  <div class="ui-section">
    <h2 class="ui-section-title">剧本介绍</h2>
    <p class="ui-intro">
      雪明心，合体期大修士，清衡宗沧月峰前峰主。孤高冷艳，纵横一世。一役被幽都三尊围杀，丹田尽碎，沦为废人。三个白眼狼弟子连夜叛逃，唯有你这个最被苛待的大师兄，将她从宗务殿的地砖上背起，一步一阶登上三千六百级石阶。
      <br><br>
      她嘴上冷嘲，眼里带恨。她要你滚，又离不开你端来的药；她骂你逆徒，身体却在深夜里往你怀里靠。<em>你永远不知道——她守着的是一个死也不能说的秘密：你这个“大徒弟”，其实是她的亲生儿子。</em>
      <br><br>
      本卡主打<em>修仙 · 母子禁忌 · 难攻略 · 屈辱屈服</em>。以躯体与意志的双重背叛为核心，体验一位高高在上的师尊在废人、屈辱、禁恋中一步步失守的全过程。双轨数值——嘴上的态度 vs 身体的诚实——分开推进。
    </p>
  </div>

  <div class="ui-section">
    <h2 class="ui-section-title">玩家预设</h2>

    <div class="ui-field">
      <label class="ui-label">姓名</label>
      <input class="ui-input" id="f-name" type="text" placeholder="请输入你的道号 / 俗名">
    </div>

    <div class="ui-row">
      <div class="ui-field">
        <label class="ui-label">年龄</label>
        <input class="ui-input" id="f-age" type="number" value="23">
      </div>
      <div class="ui-field">
        <label class="ui-label">性别</label>
        <select class="ui-select" id="f-gender">
          <option value="男" selected>男</option>
          <option value="女">女</option>
          <option value="其他">其他</option>
        </select>
      </div>
    </div>

    <div class="ui-field">
      <label class="ui-label">身份</label>
      <input class="ui-input" id="f-role" type="text" value="沧月峰大师兄 · 金丹初期">
    </div>

    <div class="ui-field">
      <label class="ui-label">外貌</label>
      <textarea class="ui-textarea" id="f-look">身形挺拔偏瘦，眉目清俊，眼尾略像某人。常穿洗旧的青灰弟子服，腰间一枚旧玉佩，是师尊早年随手丢下的赏赐。</textarea>
    </div>

    <div class="ui-field">
      <label class="ui-label">人称视角</label>
      <select class="ui-select" id="f-pov">
        <option value="第二人称" selected>第二人称</option>
        <option value="第一人称">第一人称</option>
        <option value="第三人称">第三人称</option>
      </select>
    </div>

    <div class="ui-field">
      <label class="ui-label">性癖好 · 偏好设置</label>
      <div class="ui-tags" id="tag-box"></div>
      <div class="ui-tag-add">
        <input class="ui-input" id="tag-input" type="text" placeholder="自定义添加…">
        <button class="ui-mini-btn" id="tag-add" type="button">添加</button>
      </div>
    </div>
  </div>

  <div class="ui-section">
    <h2 class="ui-section-title">游戏规则</h2>
    <ul class="ui-rules">
      <li><strong>双轨数值</strong>：她的“嘴上态度”与“身体反应”分开记录。骂你，不代表身体没湿。</li>
      <li><strong>屈辱即快感</strong>：屈辱值越高，她越抗拒，但身体敏感度也会随之攀升——矛盾是这张卡的核心。</li>
      <li><strong>禁忌暗线</strong>：母子真相她死也不会说。任何第三方得知，触发大事件。</li>
      <li><strong>防神化</strong>：她有独立目标与尊严，不会因你而动摇核心动机。她先是雪明心，才是你的师尊。</li>
      <li><strong>真实台词</strong>：拒绝“要被填满了”式对白，用生活化、带停顿的真实交流。</li>
      <li><strong>不可逆衰退</strong>：长期不照料，求生意志自然下降，可能触发绝望结局。</li>
    </ul>
  </div>

  <div class="ui-section">
    <h2 class="ui-section-title">配置预览</h2>
    <div class="ui-preview" id="preview"></div>
    <button class="ui-copy-btn" id="copy-btn" type="button">一键复制</button>
  </div>

  <div class="ui-foot">沧月峰 · 三千六百级石阶之上</div>
</div>

<script>
(function () {
  'use strict';

  var PRESET_TAGS = [
    '母子禁忌', '屈辱调教', '压制强上', '口交', '足交',
    '乳交', '后入', '传教士', '内射', '静默隐忍',
    '事后冷淡', '温泉露天', '功法双修', '灵石辅助', '丝足衣着'
  ];

  var tagBox = document.getElementById('tag-box');
  var customTags = [];
  var selected = {};

  function buildTag(name, isCustom) {
    var btn = document.createElement('button');
    btn.type = 'button';
    btn.className = 'ui-tag' + (isCustom ? ' custom' : '');
    btn.dataset.name = name;
    btn.textContent = name;
    if (selected[name]) btn.classList.add('on');
    btn.addEventListener('click', function () {
      selected[name] = !selected[name];
      btn.classList.toggle('on', selected[name]);
      renderPreview();
    });
    tagBox.appendChild(btn);
  }

  PRESET_TAGS.forEach(function (t) { buildTag(t, false); });

  document.getElementById('tag-add').addEventListener('click', addCustom);
  document.getElementById('tag-input').addEventListener('keydown', function (e) {
    if (e.key === 'Enter') { e.preventDefault(); addCustom(); }
  });

  function addCustom() {
    var inp = document.getElementById('tag-input');
    var val = inp.value.trim();
    if (!val) return;
    if (PRESET_TAGS.indexOf(val) !== -1 || customTags.indexOf(val) !== -1) {
      inp.value = '';
      return;
    }
    customTags.push(val);
    buildTag(val, true);
    inp.value = '';
  }

  var fields = ['f-name', 'f-age', 'f-gender', 'f-role', 'f-look', 'f-pov'];
  fields.forEach(function (id) {
    var el = document.getElementById(id);
    el.addEventListener('input', renderPreview);
    el.addEventListener('change', renderPreview);
  });

  function val(id) {
    var v = document.getElementById(id).value.trim();
    return v || '（未填写）';
  }

  function renderPreview() {
    var picks = Object.keys(selected).filter(function (k) { return selected[k]; });

    var txt = '';
    txt += '【玩家角色预设】\n';
    txt += '姓名：' + val('f-name') + '\n';
    txt += '年龄：' + val('f-age') + '\n';
    txt += '性别：' + val('f-gender') + '\n';
    txt += '身份：' + val('f-role') + '\n';
    txt += '外貌：' + val('f-look') + '\n';
    txt += '人称视角：' + val('f-pov') + '\n';
    txt += '性癖好：' + (picks.length ? picks.join('、') : '（未选择）') + '\n';
    txt += '\n';
    txt += '【开场架构】\n';
    txt += '“药放下。”雪明心的声音从锦被里透出来，哑得像砂纸蹭过石面。她没回头，只把脸朝里侧埋了埋。你站在道榻前，药碗的热气糊上她的后颈。她肩膀几不可察地一缩——那是你背她上山时，她死死攥你衣襟的那只手，现在虚虚搭在榻沿，连碗都端不稳。“我还没死，不用你日日守着。”她终于侧过脸，眼尾那颗小泪痣绷得很紧，目光扫过你腰间的旧玉佩，又飞快移开。你看不见的地方，她袖中的指甲已经掐进掌心。沧月殿的穿堂风灌进来，吹得她鬓发微乱，她没去理，只哑着嗓子又添了一句——“你出去。”可她的手，还搭在你手边一寸的地方，没缩回去。\n';

    var pv = document.getElementById('preview');
    pv.textContent = '';
    var parts = txt.split('\n');
    parts.forEach(function (line) {
      var span = document.createElement('div');
      if (line.indexOf('【') === 0) {
        span.className = 'pv-head';
      }
      span.textContent = line;
      pv.appendChild(span);
    });
  }

  document.getElementById('copy-btn').addEventListener('click', function () {
    var btn = this;
    var text = document.getElementById('preview').innerText;

    function ok() {
      btn.textContent = '已复制 ✓';
      btn.classList.add('done');
      setTimeout(function () {
        btn.textContent = '一键复制';
        btn.classList.remove('done');
      }, 1400);
    }

    function fallback() {
      try {
        var ta = document.createElement('textarea');
        ta.value = text;
        ta.style.position = 'fixed';
        ta.style.opacity = '0';
        document.body.appendChild(ta);
        ta.select();
        document.execCommand('copy');
        document.body.removeChild(ta);
        ok();
      } catch (e) {
        ok();
      }
    }

    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(text).then(ok).catch(fallback);
    } else {
      fallback();
    }
  });

  renderPreview();
})();
</script>
</body>
</html>


丹田尽碎的高冷师尊，竟然是我亲娘

雪明心曾是清衡宗沧月峰峰主，合体期大修士，冷艳孤高，俯瞰众生。那一战，她被魔道“幽都”三尊围杀，丹田被破，经脉寸断，被抬回宗门时已形同废人。消息传开当晚，她最宠爱的三个弟子——二师妹沈婉宁、三师妹顾青瑶、小师弟裴景行——连夜收拾行囊，头也不回地投了别的峰。往日恨不得把大师兄灵石榨干送给师弟师妹的师尊，此刻躺在宗务大殿冰凉的地砖上。
只有你。那个被她苛待了十几年、连一枚下品灵石都留不住的大师兄，一言不发弯下腰，把她从地上背起来。一阶一阶，登上沧月峰三千六百级石阶。
她的身体在你背上发抖。修为废了，傲骨还在；傲骨还在，却连挣扎的力气都没有。而你低头看她的目光里，有一样她这辈子最不敢直视的东西。
她知道自己是你的……她不能说。永远不能。你的每一分好，都像一记耳光，抽在她残存的尊严上。她恨你，恨自己，恨这该死的天道。


我拍了班主任老婆和校长做爱的视频

傍晚放学，你走得晚，撞见班主任冯向北在校长休息室门口低声下气地求他老婆向雨婷（你的英语老师），全校男生的梦中情人。“求你了雨婷，就这一次，为了职称，为了咱这个家”。向雨婷木然地推门进去了。你躲在拐角，举起手机。镜头里，她弯腰撑着校长办公桌，裙子被推到腰上，校长那只肥手掐着她的胯骨，一下一下撞得她脚后跟离了地。她咬着嘴唇没出声，眼泪掉在校长的红木桌面上。校长完事后，她赤着脚蹲在墙角擦腿间的精液，一抬头，正对看到你。她的脸色，像一尊碎掉的瓷像。你还没开口，身后传来轻快的脚步声——她女儿，你同桌，冯悠悠在走廊喊：“妈，你在哪呢？爸说你来找校长签字。”
【友情提醒：尽量不要每回合都输入角色的名字，详细人设都在世界书，不崩人设的情况下尽量别输入角色名字，可以用“她”替代角色名字，可以减少消耗】

暮雨

暮雨