
<!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-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
    user-scalable=no, viewport-fit=cover">
    <title>女司机的报复 - 角色卡</title>
    <style>
        :root {
            --primary: #c0392b;
            --primary-dark: #922b21;
            --secondary: #e74c3c;
            --bg-dark: #1a1a1a;
            --bg-card: #242424;
            --bg-input: #333333;
            --text: #e0d5c1;
            --text-dim: #a09080;
            --text-bright: #f5e6d3;
            --border: #3a3030;
            --tag-bg: #3a2a2a;
            --tag-selected: #c0392b;
            --tag-text: #e0c0b0;
            --tag-selected-text: #fff;
            --radius: 8px;
            --radius-sm: 4px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: #111;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            min-height: 100vh;
            padding: 10px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
            "PingFang SC", "Microsoft YaHei", sans-serif;
        }

        .ui-frame {
            max-width: 680px;
            width: 100%;
            background: var(--bg-dark);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 20px 18px;
            color: var(--text);
            line-height: 1.7;
            font-size: 15px;
            box-shadow: 0 4px 30px rgba(192, 57, 43, 0.15);
        }

        .ui-frame h2 {
            color: var(--primary);
            font-size: 18px;
            margin: 20px 0 10px;
            padding-bottom: 6px;
            border-bottom: 1px solid var(--border);
            letter-spacing: 0.5px;
        }

        .ui-frame h2:first-child {
            margin-top: 0;
        }

        .ui-frame h3 {
            color: var(--text-bright);
            font-size: 16px;
            margin: 14px 0 8px;
        }

        .ui-frame p {
            margin: 6px 0;
        }

        /* 剧本介绍 */
        .synopsis {
            background: var(--bg-card);
            border-left: 3px solid var(--primary);
            border-radius: var(--radius-sm);
            padding: 14px 16px;
            margin: 10px 0 16px;
            font-size: 14.5px;
            color: #dcc8b0;
        }

        /* 表单样式 */
        .form-group {
            margin: 12px 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }

        .form-group label {
            width: 60px;
            flex-shrink: 0;
            font-size: 14px;
            color: var(--text-dim);
            text-align: right;
        }

        .form-group input[type="text"],
        .form-group input[type="number"],
        .form-group select,
        .form-group textarea {
            flex: 1;
            min-width: 140px;
            padding: 8px 10px;
            border: 1px solid var(--border);
            border-radius: var(--radius-sm);
            background: var(--bg-input);
            color: var(--text-bright);
            font-size: 14px;
            font-family: inherit;
            outline: none;
            transition: border-color 0.2s;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: var(--primary);
        }

        .form-group textarea {
            resize: vertical;
            min-height: 60px;
        }

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

        .tag-btn {
            padding: 6px 14px;
            border-radius: 20px;
            border: 1px solid var(--border);
            background: var(--tag-bg);
            color: var(--tag-text);
            cursor: pointer;
            font-size: 13px;
            user-select: none;
            transition: all 0.2s;
            white-space: nowrap;
            min-height: 32px;
        }

        .tag-btn:hover {
            border-color: var(--secondary);
        }

        .tag-btn.selected {
            background: var(--tag-selected);
            border-color: var(--tag-selected);
            color: var(--tag-selected-text);
        }

        .tag-btn.custom-tag::before {
            content: "+ ";
            opacity: 0.7;
        }

        .tag-add-row {
            display: flex;
            gap: 6px;
            margin: 4px 0;
        }

        .tag-add-row input {
            flex: 1;
            padding: 6px 10px;
            border: 1px solid var(--border);
            border-radius: 20px;
            background: var(--bg-input);
            color: var(--text-bright);
            font-size: 13px;
            outline: none;
            min-width: 100px;
        }

        .tag-add-row input:focus {
            border-color: var(--primary);
        }

        .tag-add-row button {
            padding: 6px 16px;
            border-radius: 20px;
            border: none;
            background: var(--primary);
            color: #fff;
            cursor: pointer;
            font-size: 13px;
            white-space: nowrap;
            transition: background 0.2s;
        }

        .tag-add-row button:hover {
            background: var(--primary-dark);
        }

        /* 预览区 */
        .preview-area {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 16px;
            margin: 16px 0;
            white-space: pre-wrap;
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
            font-size: 14.5px;
            line-height: 1.8;
            color: var(--text-bright);
            min-height: 120px;
            border: 1px solid var(--border);
        }

        /* 按钮 */
        .btn-copy {
            display: block;
            width: 100%;
            padding: 12px;
            margin: 12px 0;
            border: none;
            border-radius: var(--radius);
            background: var(--primary);
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            letter-spacing: 1px;
            transition: background 0.2s, transform 0.1s;
        }

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

        .btn-copy:active {
            transform: scale(0.98);
        }

        .btn-copy.copied {
            background: #27ae60;
            pointer-events: none;
        }

        /* Toast */
        .toast {
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: #27ae60;
            color: #fff;
            padding: 10px 24px;
            border-radius: 20px;
            font-size: 14px;
            z-index: 9999;
            opacity: 0;
            transition: opacity 0.3s;
            pointer-events: none;
        }

        .toast.show {
            opacity: 1;
        }

        /* 响应式 */
        @media (max-width: 480px) {
            .ui-frame {
                padding: 14px 10px;
                font-size: 14px;
            }

            .form-group label {
                width: 50px;
                font-size: 13px;
            }

            .tag-btn {
                padding: 5px 10px;
                font-size: 12px;
            }

            .preview-area {
                font-size: 13.5px;
                padding: 12px 10px;
            }
        }
    </style>
</head>
<body>

<div class="ui-frame">

    <h2>🚖 女司机的报复：在老公的监控下偷情</h2>

    <h3>📖 剧本介绍</h3>
    <div class="synopsis">
        你打了个网约车，女司机，三十不到，长得耐看，胸大得把安全带都勒变形了。车开出去没两分钟，你瞄到她导航大屏上在放视频——一男一女在沙发上光着身子干得正欢。你尴尬得要死，说师傅这能关了么。<br><br>
        她头都没回，声音从牙缝里挤出来：“这是我家监控。”<br><br>
        说这话的时候你从后视镜里看到她的眼睛——不是哭，是烧，眼眶里像塞了两块通红的炭。然后她转过头，盯着你看了足足五秒钟，嘴角扯了一下：<br><br>
        “小老弟，想操姐不？现在。”
    </div>

    <h3>🎭 角色预设</h3>

    <div class="form-group">
        <label>姓名</label>
        <input type="text" id="playerName" value="林默" placeholder="输入姓名">
    </div>
    <div class="form-group">
        <label>年龄</label>
        <input type="number" id="playerAge" value="24" min="16" max="99" placeholder="年龄">
    </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="playerIdentity" value="刚辞职的社畜" placeholder="身份">
    </div>
    <div class="form-group">
        <label>外貌</label>
        <textarea id="playerAppearance" rows="2" placeholder="外貌描述">普通长相，戴眼镜，偏瘦，常年熬夜脸色不太好</textarea>
    </div>
    <div class="form-group">
        <label>视角</label>
        <select id="playerPerspective">
            <option value="第二人称" selected>第二人称</option>
            <option value="第一人称">第一人称</option>
            <option value="第三人称">第三人称</option>
        </select>
    </div>

    <h3>🔥 性癖好（可多选）</h3>
    <div class="tag-group" id="tagContainer">
        <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="足交">足交</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="中出">中出</span>
    </div>
    <div class="tag-add-row">
        <input type="text" id="customTagInput" placeholder="输入自定义癖好…" maxlength="20">
        <button id="addTagBtn">添加</button>
    </div>

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

<div class="toast" id="toast">已复制到剪贴板</div>

<script>
    (function() {
        // 选中状态管理
        const selectedTags = new Set();

        // 预设标签（从HTML读取初始状态）
        const tagContainer = document.getElementById('tagContainer');
        const allTagBtns = tagContainer.querySelectorAll('.tag-btn');

        // 点击标签
        tagContainer.addEventListener('click', function(e) {
            const btn = e.target.closest('.tag-btn');
            if (!btn) return;
            const tag = btn.getAttribute('data-tag');
            if (!tag) return;

            if (btn.classList.contains('selected')) {
                btn.classList.remove('selected');
                selectedTags.delete(tag);
            } else {
                btn.classList.add('selected');
                selectedTags.add(tag);
            }
            updatePreview();
        });

        // 添加自定义标签
        const customTagInput = document.getElementById('customTagInput');
        const addTagBtn = document.getElementById('addTagBtn');

        function addCustomTag(tagName) {
            tagName = tagName.trim();
            if (!tagName) return;
            // 检查重复
            const allTags = tagContainer.querySelectorAll('.tag-btn');
            for (const btn of allTags) {
                if (btn.getAttribute('data-tag') === tagName) {
                    // 已存在，闪烁提示
                    btn.style.boxShadow = '0 0 0 2px #e74c3c';
                    setTimeout(() => { btn.style.boxShadow = ''; }, 600);
                    return;
                }
            }
            const span = document.createElement('span');
            span.className = 'tag-btn custom-tag';
            span.setAttribute('data-tag', tagName);
            span.textContent = tagName;
            // 新标签默认未选中，玩家需要手动点击选中
            tagContainer.appendChild(span);
            customTagInput.value = '';
        }

        addTagBtn.addEventListener('click', function() {
            addCustomTag(customTagInput.value);
        });

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

        // 更新预览
        function updatePreview() {
            const name = document.getElementById('playerName').value || '（未填写）';
            const age = document.getElementById('playerAge').value || '（未填写）';
            const gender = document.getElementById('playerGender').value;
            const identity = document.getElementById('playerIdentity').value || '（未填写）';
            const appearance = document.getElementById('playerAppearance').value || '（未填写）';
            const perspective = document.getElementById('playerPerspective').value;

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

            // 自动生成人称相关表述
            let personalPronoun, roleTag;
            if (gender === '女') {
                personalPronoun = '你';
                roleTag = '女乘客';
            } else {
                personalPronoun = '你';
                roleTag = '男乘客';
            }

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

【开场架构】
${personalPronoun}刚拉开车门坐进后座，安全带还没扣上，车就轰地窜出去了。女司机从后视镜里瞥了${personalPronoun}一眼，没说话，手指在方向盘上不耐烦地敲着。${personalPronoun}在座位上往后靠了靠，余光扫到导航大屏上有什么在动——是视频。一男一女在沙发上，女人的腿架在男人肩膀上，画面无声，但动作比有声还直白。${personalPronoun}咽了口唾沫，清了清嗓子：“师傅，这个……能关了么？”
她头都没回。过了两秒，声音闷闷地从驾驶座传过来：
“这是我家监控。”
红灯。车停了。她终于转过头来，一双眼睛瞪得通红，像刚哭过，又像刚烧完一整包烟。她盯着${personalPronoun}，嘴唇动了动，喉结滚了一下，然后说：
“小老弟，想操姐不？”`;

            document.getElementById('previewContent').textContent = previewText;
        }

        // 监听所有表单变化
        const formElements = document.querySelectorAll('input, select, textarea');
        formElements.forEach(el => {
            el.addEventListener('input', updatePreview);
            el.addEventListener('change', updatePreview);
        });

        // 一键复制
        const copyBtn = document.getElementById('copyBtn');
        const toast = document.getElementById('toast');

        copyBtn.addEventListener('click', function() {
            const text = document.getElementById('previewContent').textContent;
            if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(text).then(() => {
                    showToast();
                }).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');
                showToast();
            } catch (e) {
                alert('复制失败，请手动复制预览区文字');
            }
            document.body.removeChild(textarea);
        }

        function showToast() {
            toast.classList.add('show');
            copyBtn.textContent = '✅ 已复制';
            copyBtn.classList.add('copied');
            setTimeout(() => {
                toast.classList.remove('show');
                copyBtn.textContent = '📋 一键复制';
                copyBtn.classList.remove('copied');
            }, 1800);
        }

        // 初始预览
        updatePreview();

        // 适配移动端安全区域
        if (window.visualViewport) {
            window.visualViewport.addEventListener('resize', () => {
                document.body.style.height = window.visualViewport.height + 'px';
            });
        }
    })();
</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>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            background: #0a0808;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            min-height: 100vh;
            padding: 20px 12px;
            font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
        }

        .ui-frame {
            --primary: #c42d2d;
            --primary-glow: rgba(196, 45, 45, 0.55);
            --gold: #b89b6b;
            --bg-panel: #1c1515;
            --bg-input: #261c1c;
            --border-dark: #3a2a2a;
            --text: #e6d7c2;
            --text-secondary: #b8a088;
            --text-dark: #0a0a0a;
            --radius: 10px;
            --transition: 0.25s ease;

            width: 100%;
            max-width: 720px;
            background: linear-gradient(145deg, #1c1212 0%, #120c0c 100%);
            border: 1px solid var(--border-dark);
            box-shadow: 0 0 30px var(--primary-glow), 0 15px 40px rgba(0,0,0,0.8);
            border-radius: 16px;
            padding: 28px 24px;
            color: var(--text);
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /* 装饰纹 */
        .ui-frame::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 3px;
            background: linear-gradient(90deg, transparent, var(--primary), #d4883c, var(--primary), transparent);
            border-radius: 16px 16px 0 0;
        }

        h2 {
            font-size: 1.5rem;
            border-left: 4px solid var(--primary);
            padding-left: 14px;
            margin-bottom: 12px;
            letter-spacing: 2px;
            color: #f0d9b5;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        h2::after {
            content: '';
            flex: 1;
            height: 1px;
            background: linear-gradient(to right, var(--border-dark), transparent);
        }

        .desc-box {
            background: rgba(0,0,0,0.5);
            border: 1px solid var(--border-dark);
            border-radius: var(--radius);
            padding: 18px;
            font-size: 0.95rem;
            line-height: 1.7;
            color: #ddcdb8;
            backdrop-filter: blur(4px);
        }

        .form-grid {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        .form-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
        }
        .form-row label {
            width: 90px;
            font-weight: 500;
            color: var(--text-secondary);
            letter-spacing: 1px;
            font-size: 0.9rem;
        }
        input, select, textarea {
            flex: 1;
            min-width: 180px;
            background: var(--bg-input);
            border: 1px solid var(--border-dark);
            color: var(--text);
            padding: 10px 14px;
            border-radius: 6px;
            font-size: 0.95rem;
            outline: none;
            transition: var(--transition);
            font-family: inherit;
        }
        input:focus, select:focus, textarea:focus {
            border-color: var(--primary);
            box-shadow: 0 0 8px var(--primary-glow);
        }
        textarea {
            resize: vertical;
            min-height: 70px;
        }

        /* 性癖好标签组 */
        .tag-section {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            margin-top: 6px;
        }
        .kink-tag {
            background: #2c1e1e;
            border: 1px solid #4d3535;
            color: #c7a386;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 0.85rem;
            cursor: pointer;
            transition: all var(--transition);
            user-select: none;
        }
        .kink-tag.active {
            background: var(--primary);
            border-color: var(--primary);
            color: white;
            box-shadow: 0 0 12px var(--primary-glow);
            font-weight: bold;
        }
        .custom-kink-wrap {
            display: flex;
            gap: 6px;
        }
        #customKinkInput {
            width: 120px;
            padding: 6px 12px;
            font-size: 0.85rem;
        }
        .add-kink-btn {
            background: #3c2a2a;
            border: 1px solid var(--border-dark);
            color: var(--text-secondary);
            padding: 6px 14px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 0.85rem;
        }
        .add-kink-btn:hover {
            background: var(--primary);
            color: white;
        }
        .kink-tag.custom-tag::before {
            content: '+ ';
            opacity: 0.7;
        }

        /* 预览区 */
        .preview-box {
            background: #0f0808;
            border: 1px solid #402e2e;
            border-radius: var(--radius);
            padding: 20px;
            white-space: pre-wrap;
            font-family: "PingFang SC", monospace;
            font-size: 0.9rem;
            line-height: 1.8;
            color: #ebd7c1;
            box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
            min-height: 180px;
        }

        .copy-btn {
            align-self: flex-end;
            background: var(--primary);
            border: none;
            color: white;
            font-size: 1rem;
            padding: 12px 28px;
            border-radius: 30px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            transition: background 0.2s ease, box-shadow 0.2s ease;
            box-shadow: 0 6px 18px rgba(196, 45, 45, 0.5);
        }
        .copy-btn:hover {
            background: #e03a3a;
        }
        .copy-btn:active {
            transform: scale(0.97);
        }

        @media (max-width: 500px) {
            .form-row {
                flex-direction: column;
                align-items: flex-start;
            }
            .form-row label {
                width: auto;
            }
        }
    </style>
</head>
<body>
<div class="ui-frame">
    <h2>⚔️ 剧本介绍</h2>
    <div class="desc-box">
        你是一尊行事无忌的强大散修。那日，清河陈家的陈青云跪在你的洞府外，将他的未婚妻林清雪双手奉上，只为换一颗筑基丹。他编了一堆“被逼迫”的鬼话，可你只瞥了那女子一眼——眼底刻骨的恨意与屈辱，让你知道这是场心知肚明的交易。<br><br>
        林清雪，十八岁，纯阴之体，天生淫欲深种。她被自己托付终身的人像货物一样卖掉，胸口还留着陈青云临别前留下的抓痕。你把她铐在寒玉床上，第一次分开她的大腿时，她咬破嘴唇不肯出声，但那条被强行撑开的骚屄却违背意志，湿淋淋地绞住你的鸡巴，一阵阵收缩，像要从你身上吸出所有精液。她的恨，让这场炉鼎调教变得比任何丹药都更令人上瘾。当她被你压在身下浑身痉挛失禁、脸上却死撑着冰冷时，你知道——这副由恨意和快感浇铸的躯体，才刚刚开始你的游戏。
    </div>

    <h2>📋 身份预设</h2>
    <div class="form-grid">
        <div class="form-row">
            <label>玩家姓名</label>
            <input type="text" id="playerName" value="殷无邪" placeholder="输入姓名">
        </div>
        <div class="form-row">
            <label>年龄</label>
            <input type="number" id="playerAge" value="217" placeholder="年龄">
        </div>
        <div class="form-row">
            <label>性别</label>
            <select id="playerGender">
                <option>男</option>
                <option>女</option>
                <option>其他</option>
            </select>
        </div>
        <div class="form-row">
            <label>身份</label>
            <input type="text" id="playerIdentity" value="散修，亦正亦邪的魔头" placeholder="身份">
        </div>
        <div class="form-row">
            <label>外貌</label>
            <textarea id="playerAppearance" placeholder="描述外貌特征">黑袍墨发，面容年轻却眼神苍古，身上总带着淡淡的血腥与冷香。</textarea>
        </div>
        <div class="form-row">
            <label>人称视角</label>
            <select id="narrativePov">
                <option selected>第二人称</option>
                <option>第一人称</option>
                <option>第三人称</option>
            </select>
        </div>
        <div class="form-row">
            <label>修为境界</label>
            <select id="playerRealm">
                <option>金丹期</option>
                <option selected>元婴期</option>
                <option>化神期</option>
                <option>炼虚期</option>
                <option>合体期</option>
                <option>大乘期</option>
                <option>渡劫期</option>
            </select>
        </div>
    </div>

    <h2>🔞 性癖好</h2>
    <div class="tag-section" id="kinkTagsContainer">
        
    </div>
    <div class="custom-kink-wrap" style="margin-top:8px;">
        <input type="text" id="customKinkInput" placeholder="自定义癖好">
        <button class="add-kink-btn" id="addKinkBtn">添加</button>
    </div>

    <h2>📜 配置预览</h2>
    <div class="preview-box" id="previewContent"></div>

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

<script>
    (function() {
        // 预设性癖好标签
        const presetKinks = [
            "NTR", "露出", "调教", "强制高潮", "失禁", "语言羞辱", "捆绑",
            "肛交", "足控", "气味癖", "母女盖饭", "精神控制", "窥视", "高潮管理", "公共场合"
        ];
        const kinkContainer = document.getElementById('kinkTagsContainer');
        // 选中的癖好集合 (存储标签文本)
        let selectedKinks = new Set();

        // 创建标签函数
        function createTag(text, isCustom = false) {
            const span = document.createElement('span');
            span.className = 'kink-tag' + (isCustom ? ' custom-tag' : '');
            span.textContent = text;
            span.addEventListener('click', () => {
                span.classList.toggle('active');
                if (span.classList.contains('active')) {
                    selectedKinks.add(text);
                } else {
                    selectedKinks.delete(text);
                }
                updatePreview();
            });
            return span;
        }

        // 初始化预设标签
        presetKinks.forEach(k => {
            const tag = createTag(k);
            kinkContainer.appendChild(tag);
        });

        // 自定义添加按钮
        document.getElementById('addKinkBtn').addEventListener('click', () => {
            const input = document.getElementById('customKinkInput');
            const val = input.value.trim();
            if (!val) return;
            // 去重检查
            const existing = Array.from(kinkContainer.querySelectorAll('.kink-tag'))
                                  .some(t => t.textContent === val || t.textContent === '+ ' + val);
            if (existing) {
                alert('该标签已存在');
                return;
            }
            const tag = createTag(val, true);
            kinkContainer.appendChild(tag);
            input.value = '';
        });
        // 回车添加
        document.getElementById('customKinkInput').addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                document.getElementById('addKinkBtn').click();
            }
        });

        // 获取所有输入值
        function getFormData() {
            return {
                name: document.getElementById('playerName').value.trim() || '殷无邪',
                age: document.getElementById('playerAge').value.trim() || '217',
                gender: document.getElementById('playerGender').value,
                identity: document.getElementById('playerIdentity').value.trim() || '散修',
                appearance: document.getElementById('playerAppearance').value.trim() || '未知',
                pov: document.getElementById('narrativePov').value,
                realm: document.getElementById('playerRealm').value,
                kinks: Array.from(selectedKinks).join('、')
            };
        }

        // 更新预览区
        function updatePreview() {
            const d = getFormData();
            const kinkStr = d.kinks || '无';
            // 根据人称视角决定开场白中的称呼; 第二人称用“你”，第一人称用“我”，第三人称用姓名
            let protagonistRef;
            if (d.pov === '第二人称') protagonistRef = '你';
            else if (d.pov === '第一人称') protagonistRef = '我';
            else protagonistRef = d.name;

            // 构建开场架构 (露骨初次调教)
            const opening = `林清雪，被送来的第一天，当知道自己要被当成炉鼎后，她反抗挣扎想逃跑，被王嬷嬷锁了起来。${protagonistRef}推开寝居的石门。锁灵链一阵碎响，榻上的人影倏地蜷起。林清雪只穿一件薄如蝉翼的白色中衣，背抵着寒玉墙，杏眼里恨意灼灼。`;

            const previewText = 
`【玩家角色预设】
姓名：${d.name}
年龄：${d.age}
性别：${d.gender}
身份：${d.identity}
外貌：${d.appearance}
人称视角：${d.pov}
修为境界：${d.realm}
性癖好：${kinkStr}

【开场架构】
${opening}`;

            document.getElementById('previewContent').textContent = previewText;
        }

        // 绑定表单变化监听
        const formElements = ['playerName','playerAge','playerGender','playerIdentity','playerAppearance','narrativePov','playerRealm'];
        formElements.forEach(id => {
            const el = document.getElementById(id);
            el.addEventListener('input', updatePreview);
            el.addEventListener('change', updatePreview);
        });

        // 复制功能
        document.getElementById('copyBtn').addEventListener('click', () => {
            const preview = document.getElementById('previewContent').textContent;
            navigator.clipboard.writeText(preview).then(() => {
                // 无弹窗通知，静默复制成功
            }).catch(() => {
                // 降级方案
                const textarea = document.createElement('textarea');
                textarea.value = preview;
                document.body.appendChild(textarea);
                textarea.select();
                document.execCommand('copy');
                document.body.removeChild(textarea);
            });
        });

        // 首次加载更新预览
        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: #0a0a0c;
      font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      padding: 20px;
    }

    .ui-frame {
      --primary: #c9182b;
      --primary-soft: #e63946;
      --secondary: #7a0c1c;
      --accent: #ff2e4c;
      --bg-dark: #0f0f14;
      --bg-card: #181820;
      --bg-input: #1e1e28;
      --border: #2a2a38;
      --text: #e4e4ec;
      --text-secondary: #b0b0bf;
      --tag-bg: #262634;
      --tag-active-bg: #c9182b;
      --tag-active-text: #ffffff;
      --radius: 10px;
      --shadow: 0 10px 40px rgba(0,0,0,0.6), 0 0 12px rgba(201,24,43,0.15);

      max-width: 1100px;
      width: 100%;
      background: var(--bg-dark);
      border: 1px solid var(--border);
      border-radius: 16px;
      box-shadow: var(--shadow);
      padding: 28px;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      color: var(--text);
      backdrop-filter: blur(2px);
    }

    .column {
      flex: 1 1 450px;
      min-width: 300px;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    h2 {
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 0.5px;
      border-left: 4px solid var(--primary);
      padding-left: 14px;
      margin-bottom: 8px;
      color: #fff;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .story-intro {
      background: var(--bg-card);
      border-radius: var(--radius);
      padding: 18px;
      border: 1px solid var(--border);
      font-size: 0.95rem;
      line-height: 1.65;
      color: var(--text);
    }

    .story-intro h3 {
      font-size: 1.1rem;
      color: var(--primary-soft);
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

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

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

    input, select, textarea {
      width: 100%;
      background: var(--bg-input);
      border: 1px solid var(--border);
      border-radius: 8px;
      padding: 12px 14px;
      color: #fff;
      font-size: 0.95rem;
      transition: border 0.2s;
      outline: none;
      font-family: inherit;
    }

    input:focus, select:focus, textarea:focus {
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(201,24,43,0.2);
    }

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

    select {
      appearance: none;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23b0b0bf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
      background-repeat: no-repeat;
      background-position: right 12px center;
      background-size: 16px;
    }

    .tags-container {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 8px 0 12px;
    }

    .tag {
      background: var(--tag-bg);
      color: var(--text-secondary);
      border-radius: 30px;
      padding: 6px 14px;
      font-size: 0.8rem;
      cursor: pointer;
      user-select: none;
      transition: all 0.15s;
      border: 1px solid transparent;
      display: flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
    }

    .tag.active {
      background: var(--tag-active-bg);
      color: var(--tag-active-text);
      border-color: var(--accent);
      font-weight: 600;
    }

    .tag.custom-tag {
      position: relative;
    }

    .tag.custom-tag::before {
      content: "＋";
      font-size: 0.7rem;
      margin-right: 2px;
      opacity: 0.8;
    }

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

    .custom-tag-input-row input {
      flex: 1;
    }

    .btn {
      background: var(--primary);
      color: #fff;
      border: none;
      border-radius: 30px;
      padding: 10px 22px;
      font-weight: 600;
      font-size: 0.9rem;
      cursor: pointer;
      transition: background 0.2s, transform 0.1s;
      letter-spacing: 0.3px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }

    .btn:hover {
      background: var(--primary-soft);
    }

    .btn:active {
      transform: scale(0.97);
    }

    .btn-outline {
      background: transparent;
      border: 1px solid var(--primary);
      color: var(--primary);
    }

    .btn-outline:hover {
      background: rgba(201,24,43,0.1);
    }

    .preview-box {
      background: var(--bg-card);
      border-radius: var(--radius);
      padding: 20px;
      border: 1px solid var(--border);
      min-height: 240px;
      white-space: pre-wrap;
      font-size: 0.95rem;
      line-height: 1.6;
      color: #e0e0e8;
      overflow-y: auto;
      max-height: 600px;
    }

    .copy-section {
      display: flex;
      justify-content: flex-end;
      margin-top: 8px;
    }

    @media (max-width: 700px) {
      .ui-frame {
        flex-direction: column;
        padding: 18px;
      }
    }

    .instruction {
      font-size: 0.8rem;
      color: var(--text-secondary);
      margin-top: 4px;
    }
  </style>
</head>
<body>
<div class="ui-frame">
  
  <div class="column">
    
    <div class="story-intro">
      <h3>📖 剧情介绍</h3>
      <p>你和室友张扬、还有他那个清纯到骨子里的女友苏婉，深夜溜进废弃鬼屋试胆。张扬吓得屁滚尿流，丢下苏婉就跑。黑暗中苏婉当场尿了裙子，窄裙下湿淋淋一片，羞耻到浑身发抖。她躲进一个没有灯的隔间，当着你的面脱下湿透的内裤——短裙里光溜溜的嫩屄，在闷热的空气中散发出一股处女的腥甜骚味。你的鸡巴硬得像铁棍，趁黑掏出撸动，她起身时脚下一滑，整个身子骑到你身上，那紧嫩湿热的骚屄“滋溜”一声，把你整根鸡巴吞了进去。破烂的处女膜、突然的内射、外面张扬焦急的呼喊……一场意外的奸淫就此开始。之后的每一天，宿舍、厕所、小树林、图书馆角落，随时随地都是偷情的战场。苏婉嘴上抗拒，身体永远诚实，在负罪感与快感之间被反复操到高潮。</p>
    </div>

    <h2>🩸 身份预设</h2>
    <div class="form-group">
      <label>姓名</label>
      <input type="text" id="playerName" value="陈默" placeholder="你的名字">
    </div>
    <div class="form-group">
      <label>年龄</label>
      <input type="number" id="playerAge" value="20" min="16" max="40">
    </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="playerIdentity" value="云海大学理工科大二学生，张扬的室友" placeholder="例如：学生、社畜...">
    </div>
    <div class="form-group">
      <label>外貌</label>
      <textarea id="playerAppearance" placeholder="描述你的外貌...">普通长相，短发，戴黑框眼镜，身材中等</textarea>
    </div>
    <div class="form-group">
      <label>人称视角</label>
      <select id="playerPov">
        <option value="第二人称" selected>第二人称</option>
        <option value="第一人称">第一人称</option>
        <option value="第三人称">第三人称</option>
      </select>
    </div>

    <h2>🔞 性癖好 · 偏好</h2>
    <div class="tags-container" id="fetishTags">
      
    </div>
    <div class="custom-tag-input-row">
      <input type="text" id="customFetishInput" placeholder="添加自定义癖好..." maxlength="20">
      <button class="btn btn-outline" id="addFetishBtn">＋ 添加</button>
    </div>
    <p class="instruction">点击标签选中/取消，可多选。自定义标签带有“＋”标记。</p>
  </div>

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

<script>
  (function() {
    const presetFetishes = [
      "黑暗play", "偷情", "胁迫", "内射", "破处", "紧穴",
      "骚味", "子宫口", "窒息", "语言羞辱", "暴露",
      "体位控制", "高潮管理", "水多", "痉挛收缩"
    ];

    let selectedFetishes = new Set();

    const fetishContainer = document.getElementById('fetishTags');
    const customInput = document.getElementById('customFetishInput');
    const addBtn = document.getElementById('addFetishBtn');
    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 povSelect = document.getElementById('playerPov');

    function renderTags() {
      fetishContainer.innerHTML = '';
      presetFetishes.forEach(fetish => {
        const tag = document.createElement('span');
        tag.className = 'tag';
        if (selectedFetishes.has(fetish)) {
          tag.classList.add('active');
        }
        tag.textContent = fetish;
        tag.addEventListener('click', () => toggleFetish(fetish));
        fetishContainer.appendChild(tag);
      });
      selectedFetishes.forEach(fetish => {
        if (!presetFetishes.includes(fetish)) {
          const tag = document.createElement('span');
          tag.className = 'tag custom-tag active';
          tag.textContent = fetish;
          tag.addEventListener('click', () => toggleFetish(fetish));
          fetishContainer.appendChild(tag);
        }
      });
    }

    function toggleFetish(fetishName) {
      if (selectedFetishes.has(fetishName)) {
        selectedFetishes.delete(fetishName);
      } else {
        selectedFetishes.add(fetishName);
      }
      renderTags();
      updatePreview();
    }

    function addCustomFetish() {
      const raw = customInput.value.trim();
      if (!raw) return;
      if (selectedFetishes.has(raw)) {
        customInput.value = '';
        return;
      }
      selectedFetishes.add(raw);
      customInput.value = '';
      renderTags();
      updatePreview();
    }

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

    function getFormData() {
      return {
        name: nameInput.value.trim() || '陈默',
        age: ageInput.value || '20',
        gender: genderSelect.value,
        identity: identityInput.value.trim() || '云海大学学生',
        appearance: appearanceText.value.trim() || '普通大学生模样',
        pov: povSelect.value,
        fetishes: Array.from(selectedFetishes).join('、') || '无'
      };
    }

    function buildPreviewText(data) {
      const playerSection = `【玩家角色预设】
姓名：${data.name}
年龄：${data.age}
性别：${data.gender}
身份：${data.identity}
外貌：${data.appearance}
人称视角：${data.pov}
性癖好偏好：${data.fetishes}`;

      const opening = `【开场架构】
张扬跑后，苏晚尿了裤子，你带着她到小隔间里换内裤，你看的掏出鸡巴在黑暗里撸动。她把尿湿的内裤脱掉，摸索着朝你走来，结果脚一滑。她整个人摔坐在你的鸡巴上，鬼屋的黑暗中，苏婉温热湿润的骚屄骤然箍紧你的鸡巴，短裙下光裸的臀部紧贴你的胯骨。你甚至能感觉到她阴道口嫩肉在恐惧地痉挛，紧紧咬住你勃起的龟头。她僵住了，空气中只有她因为破处的疼痛，压抑的呜咽和一股若有若无的骚味。就在这时，远处传来张扬焦急的呼喊：“苏婉——你在哪？”`;

      return `${playerSection}\n\n${opening}`;
    }

    function updatePreview() {
      const data = getFormData();
      previewDiv.textContent = buildPreviewText(data);
    }

    [nameInput, ageInput, genderSelect, identityInput, appearanceText, povSelect].forEach(el => {
      el.addEventListener('input', updatePreview);
      el.addEventListener('change', updatePreview);
    });

    copyBtn.addEventListener('click', () => {
      const textToCopy = previewDiv.textContent || '';
      navigator.clipboard.writeText(textToCopy).then(() => {
        const originalText = copyBtn.innerHTML;
        copyBtn.innerHTML = '✅ 已复制';
        copyBtn.disabled = true;
        setTimeout(() => {
          copyBtn.innerHTML = originalText;
          copyBtn.disabled = false;
        }, 1800);
      }).catch(() => {
        const textarea = document.createElement('textarea');
        textarea.value = textToCopy;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);
        const originalText = copyBtn.innerHTML;
        copyBtn.innerHTML = '✅ 已复制';
        copyBtn.disabled = true;
        setTimeout(() => {
          copyBtn.innerHTML = originalText;
          copyBtn.disabled = false;
        }, 1800);
      });
    });

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


鬼屋里怂包兄弟丢下女友跑了，吓尿裤子的女友夹住了我的鸡巴

你和室友张扬、还有他那个清纯到骨子里的女友苏婉，深夜溜进废弃鬼屋试胆。张扬吓得屁滚尿流，丢下苏婉就跑。黑暗中苏婉当场尿了裙子，窄裙下湿淋淋一片，羞耻到浑身发抖。她躲进一个没有灯的隔间，当着你的面脱下湿透的内裤——短裙里光溜溜的嫩屄，在闷热的空气中散发出一股处女的腥甜骚味。你的鸡巴硬得像铁棍，趁黑掏出撸动，她起身时脚下一滑，整个身子骑到你身上，那紧嫩湿热的骚屄“滋溜”一声，把你整根鸡巴吞了进去。破烂的处女膜、突然的内射、外面张扬焦急的呼喊……一场意外的奸淫就此开始。之后的每一天，宿舍、厕所、小树林、图书馆角落，随时随地都是偷情的战场。苏婉嘴上抗拒，身体永远诚实，在负罪感与快感之间被反复操到高潮。

我的冰山妻子是我兄弟的恋人，到底谁绿了谁？

澜城，富人别墅区一同长大的三人，曾是最亲密无间的青梅竹马。你，苏清颜，还有宁浩。宁浩是那个永远站在前方、保护你俩的守护者，苏清颜是那个眼里只有他的追随者。直到命运的齿轮开始转动。宁浩出国失联，苏清颜家族破产，一场挽救于水火的“联姻”将她推到了你的身边。大婚之日，她带着为另一个人守身的决绝，变成了你家中最熟悉的陌生人。两年婚姻，相敬如“冰”，旧日情谊早已封存。直到那张她与归国的宁浩在暗巷拥吻的偷拍照片，无声地出现在你的手机屏幕上。道德的挣扎、内心的欲望、被背叛的刺痛与对过往的愧疚交织成网。是撕破这层虚伪的平静展开反击，还是在痛苦的拉扯中沉沦？一场关于身体、心灵与占有权的暗战，在三个被命运捉弄的旧友之间悄然展开。感情里没有绝对的坏人，只有无奈的抉择与阴差阳错的遗憾。你的每一个决定，都将把这段关系推向无法预料的深渊或彼岸。，

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

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

学生人生模拟器：从幼稚园到大学

这是一款学生时代人生模拟器。开局你可以自由选择起点——幼儿园、小学、初中、高中或大学。每一次开学，都会有新的面孔出现在你身边：同桌、前后桌、班长、任课老师、班主任。你可以在你喜欢的任何学生阶段做你想做的任何事。

采花大盗模拟器

【内设25个女性，未出阁的千金、公主、捕头、夫人。以及其自身的关系网络，例如母亲、女儿，请各位看官自行探索】
你是江湖上人称「踏雪无痕」的采花贼， 一袭灰衣，身无长物，只带迷香、铁片与麻绳。这城里高门深宅、青楼画舫、医馆书楼， 处处有你要寻的人。白日踩点，夜里翻墙，事后留一枝白梅在枕边—— 六扇门的海捕文书已经贴满城门，赏格一日高过一日。 你得算准时辰、避过巡夜、摸清护卫，也得算准：这女子醒来之后，是会哭、会闹、会寻死，还是会报官。



<!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>


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

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



<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电梯里的意外插曲 - AI角色扮演卡</title>
    <style>
        :root {
            --bg: #f5f5f0;
            --surface: #ffffff;
            --border: #d0d0c8;
            --text: #2a2a2a;
            --sub: #6b6b6b;
            --accent: #8b3a3a;
            --accent-hover: #6d2e2e;
            --tag-bg: #f0eae6;
            --tag-border: #c4b5ab;
            --tag-active-bg: #8b3a3a;
            --tag-active-text: #ffffff;
            --input-bg: #fafaf8;
            --input-border: #c0c0b8;
            --shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
            --radius: 8px;
            --radius-sm: 4px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
            padding: 2rem 1rem;
            display: flex;
            justify-content: center;
        }

        .ui-frame {
            max-width: 740px;
            width: 100%;
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            padding: 2.2rem 2rem;
        }

        .ui-frame h1 {
            font-size: 1.6rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            margin-bottom: 0.3rem;
            color: #1a1a1a;
            text-align: center;
        }
        .ui-frame .subtitle {
            text-align: center;
            font-size: 0.9rem;
            color: var(--sub);
            margin-bottom: 2rem;
            letter-spacing: 0.06em;
        }

        .ui-frame h2 {
            font-size: 1.05rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            margin: 2rem 0 0.8rem;
            padding-bottom: 0.4rem;
            border-bottom: 1px solid var(--border);
            color: #1a1a1a;
        }

        .ui-frame p {
            margin-bottom: 0.8rem;
            font-size: 0.95rem;
        }

        .story-intro {
            background: #fafaf8;
            border-left: 3px solid var(--accent);
            padding: 1rem 1.2rem;
            margin-bottom: 1.6rem;
            border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
            font-size: 0.92rem;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem 1.2rem;
        }
        @media (max-width: 500px) {
            .form-grid {
                grid-template-columns: 1fr;
            }
            .ui-frame {
                padding: 1.4rem 1rem;
            }
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }
        .form-group.full {
            grid-column: 1 / -1;
        }

        .ui-frame label {
            font-size: 0.85rem;
            font-weight: 600;
            color: #4a4a4a;
            margin-bottom: 0.3rem;
            letter-spacing: 0.03em;
        }
        .ui-frame input[type="text"],
        .ui-frame input[type="number"],
        .ui-frame select,
        .ui-frame textarea {
            width: 100%;
            padding: 0.55rem 0.7rem;
            border: 1px solid var(--input-border);
            border-radius: var(--radius-sm);
            background: var(--input-bg);
            font-size: 0.9rem;
            font-family: inherit;
            color: var(--text);
            transition: border-color 0.2s;
        }
        .ui-frame input:focus,
        .ui-frame select:focus,
        .ui-frame textarea:focus {
            outline: none;
            border-color: var(--accent);
            box-shadow: 0 0 0 1px rgba(139, 58, 58, 0.12);
        }
        .ui-frame textarea {
            resize: vertical;
            min-height: 4.5rem;
        }

        /* 性癖好标签组 */
        .tag-group {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-bottom: 0.6rem;
        }
        .tag-btn {
            padding: 0.35rem 0.85rem;
            border: 1px solid var(--tag-border);
            border-radius: 20px;
            background: var(--tag-bg);
            font-size: 0.82rem;
            cursor: pointer;
            user-select: none;
            transition: all 0.15s;
            color: #5a4a3a;
            font-family: inherit;
        }
        .tag-btn:hover {
            background: #e8ddd4;
        }
        .tag-btn.active {
            background: var(--tag-active-bg);
            color: var(--tag-active-text);
            border-color: var(--tag-active-bg);
            font-weight: 600;
        }
        .tag-btn.custom-tag {
            border-style: dashed;
            border-color: #b0a090;
        }
        .tag-btn.custom-tag::before {
            content: "+ ";
            font-weight: 700;
            color: var(--accent);
        }
        .tag-btn.custom-tag.active::before {
            color: #ffffff;
        }
        .custom-input-row {
            display: flex;
            gap: 0.4rem;
        }
        .custom-input-row input {
            flex: 1;
        }
        .custom-input-row button {
            padding: 0.5rem 1rem;
            border: 1px solid var(--accent);
            background: transparent;
            color: var(--accent);
            border-radius: var(--radius-sm);
            cursor: pointer;
            font-family: inherit;
            font-size: 0.85rem;
            font-weight: 600;
            transition: all 0.15s;
        }
        .custom-input-row button:hover {
            background: var(--accent);
            color: #fff;
        }

        .preview-box {
            background: #fafaf8;
            border: 1px solid var(--border);
            border-radius: var(--radius-sm);
            padding: 1.2rem 1.4rem;
            white-space: pre-wrap;
            font-size: 0.9rem;
            font-family: inherit;
            line-height: 1.7;
            max-height: 420px;
            overflow-y: auto;
            margin-bottom: 1.2rem;
        }

        .btn-primary {
            display: inline-block;
            padding: 0.65rem 2rem;
            background: var(--accent);
            color: #fff;
            border: none;
            border-radius: var(--radius-sm);
            font-size: 0.95rem;
            font-weight: 600;
            letter-spacing: 0.05em;
            cursor: pointer;
            transition: background 0.15s;
            font-family: inherit;
        }
        .btn-primary:hover {
            background: var(--accent-hover);
        }

        .warning-badge {
            display: inline-block;
            background: #8b3a3a;
            color: #fff;
            font-size: 0.7rem;
            font-weight: 700;
            padding: 0.15rem 0.5rem;
            border-radius: 3px;
            letter-spacing: 0.06em;
            margin-right: 0.3rem;
            vertical-align: middle;
        }
    </style>
</head>
<body>

    <div class="ui-frame">

        <h1>电梯里的意外插曲</h1>
        <div class="subtitle">—— 宏达集团 · 人事经理的背德职场 ——</div>

        
        <div class="story-intro">
            <span class="warning-badge">R18</span>
            <strong>玩法概览：</strong>你是一个失业许久、性欲无处宣泄的屌丝。深州市最高的宏达集团大厦是你翻身的最后机会，而那部通往100层人事部的拥挤电梯，让一切彻底失控。黑丝包臀裙、人妻的香味、拥挤中的意外插入——白素素，端庄的人事经理，嘴里说着“不行，我有老公”，身体却背叛了她。<br><br>
            在这座100层的玻璃大厦里，你将与她展开一场游走于<strong>道德与欲望</strong>边缘的危险游戏。办公室的百叶窗、消防楼梯的角落、地下停车场的车内——每一次偷欢都可能被监控、丈夫或同事撞破。NTR、露出调教、心理操控、体位探索，贯穿全剧情。她的身体是你的猎物，她的婚姻是你的筹码。<br><br>
            <strong>核心特色：</strong>NPC自主行动、暴露风险累积、丈夫疑心动态推进、跨线商业间谍威胁。每一次选择都可能在下一刻引爆。适合追求强刺激、高张力、真实心理挣扎的玩家。
        </div>

        
        <h2>⚙️ 身份预设</h2>
        <div class="form-grid">
            <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="26" min="18" max="60" placeholder="年龄">
            </div>
            <div class="form-group">
                <label for="playerGender">性别</label>
                <select id="playerGender">
                    <option value="男" selected>男</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 full">
                <label for="playerAppearance">外貌描述</label>
                <textarea id="playerAppearance" 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>
        </div>

        
        <h2>🔞 性癖好设置</h2>
        <div class="tag-group" id="tagGroup">
            <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="素股">素股</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>
        </div>
        <div class="custom-input-row">
            <input type="text" id="customTagInput" placeholder="输入自定义癖好，回车添加...">
            <button id="addCustomTag">添加</button>
        </div>
        <p style="font-size:0.78rem;color:#8a8a8a;margin-top:0.2rem;">点击标签切换选中状态 · 可多选</p>

        
        <h2>📋 配置预览</h2>
        <div class="preview-box" id="previewContent">
【玩家角色预设】
姓名：陆鸣
年龄：26岁
性别：男
预设身份：失业已久的待业青年
外貌：穿着洗得发白的旧西装，头发有些长，看起来颓废但五官端正，眼神里藏着野心和饥渴。
人称视角：第二人称
偏好：人妻、黑丝、偷情

【开场架构】
“叮——”电梯门合上，你被挤得贴在那个穿着黑丝包臀裙的女人身后。六部电梯全是人，这部是唯一能赶上100层面试的。她身上有股栀子花混着成熟女人体温的香味，她的屁股在你裆部不安地磨蹭。你硬了。裤链不知什么时候被挤开，那根憋了太久的鸡巴弹出来，隔着丝袜嵌进她臀缝。她的身体僵得像块木板，却不敢出声。又一阵拥挤推搡，你的肉棒往前一顶，顶端被一团滚烫湿滑的软肉含住了。白素素的指甲掐进自己手心，她用只有你能听见的气声说：“不……不行……我有老公的……”可她的小穴，却在那一刻，紧紧地、贪婪地吸了你一下。
        </div>

        <button class="btn-primary" id="copyBtn">📋 一键复制预览内容</button>

    </div>

    <script>
        // ========== 元素引用 ==========
        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 tagGroup = document.getElementById('tagGroup');
        const customTagInput = document.getElementById('customTagInput');
        const addCustomTagBtn = document.getElementById('addCustomTag');

        // ========== 标签状态管理 ==========
        function getAllTags() {
            return Array.from(tagGroup.querySelectorAll('.tag-btn'));
        }

        function getActiveTags() {
            return getAllTags().filter(t => t.classList.contains('active')).map(t => t.getAttribute('data-tag'));
        }

        function toggleTag(tagEl) {
            tagEl.classList.toggle('active');
            updatePreview();
        }

        // 为所有预设标签绑定点击事件
        function bindTagEvents() {
            getAllTags().forEach(tag => {
                tag.removeEventListener('click', handleTagClick);
                tag.addEventListener('click', handleTagClick);
            });
        }

        function handleTagClick(e) {
            toggleTag(e.currentTarget);
        }

        // 添加自定义标签
        function addCustomTag(name) {
            const trimmed = name.trim();
            if (!trimmed) return;
            // 去重
            const existing = getAllTags().find(t => t.getAttribute('data-tag') === trimmed);
            if (existing) {
                alert('该标签已存在');
                return;
            }
            const span = document.createElement('span');
            span.className = 'tag-btn custom-tag';
            span.setAttribute('data-tag', trimmed);
            span.textContent = trimmed;
            span.addEventListener('click', handleTagClick);
            tagGroup.appendChild(span);
            customTagInput.value = '';
            // 默认不选中
        }

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

        // 初始绑定
        bindTagEvents();

        // ========== 预览更新 ==========
        function updatePreview() {
            const name = playerName.value || '（未填写）';
            const age = playerAge.value || '（未填写）';
            const gender = playerGender.value;
            const identity = playerIdentity.value || '（未填写）';
            const appearance = playerAppearance.value || '（未填写）';
            const pov = playerPov.value;
            const activeTags = getActiveTags();
            const tagsStr = activeTags.length > 0 ? activeTags.join('、') : '（未选择）';

            previewContent.textContent =
                `【玩家角色预设】\n` +
                `姓名：${name}\n` +
                `年龄：${age}岁\n` +
                `性别：${gender}\n` +
                `预设身份：${identity}\n` +
                `外貌：${appearance}\n` +
                `人称视角：${pov}\n` +
                `偏好：${tagsStr}\n\n` +
                `【开场架构】\n` +
                `“叮——”电梯门合上，你被挤得贴在那个穿着黑丝包臀裙的女人身后。六部电梯全是人，这部是唯一能赶上100层面试的。她身上有股栀子花混着成熟女人体温的香味，她的屁股试图离开你的鸡巴。这时候3楼又挤进一些人。你鸡巴弹出来，隔着丝袜嵌进她臀缝。她的身体僵得像块木板，却不敢出声。又一阵拥挤推搡，你的肉棒往前一顶，顶端被一团滚烫湿滑的软肉含住了。白素素的指甲掐进自己手心，她用只有你能听见的气声说：“不……不行……我有老公，你别乱搞……”可她的骚屄，却在那一刻，紧紧地、贪婪地吸了你一下。`;
        }

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

        // 初始预览
        updatePreview();

        // ========== 一键复制 ==========
        copyBtn.addEventListener('click', () => {
            const text = previewContent.textContent;
            navigator.clipboard.writeText(text).then(() => {
                // 无弹窗提示，静默复制
            }).catch(() => {
                // 降级方案：创建临时textarea复制
                const ta = document.createElement('textarea');
                ta.value = text;
                ta.style.position = 'fixed';
                ta.style.left = '-9999px';
                document.body.appendChild(ta);
                ta.select();
                document.execCommand('copy');
                document.body.removeChild(ta);
            });
        });
    </script>

</body>
</html>


电梯里鸡巴不小心插进了人事经理的骚屄

“叮——”电梯门合上，你被挤得贴在那个穿着黑丝包臀裙的女人身后。她身上有股好闻的香味，屁股在你裆部不安地磨蹭。你硬了，你的手不受控制地拉开裤链……当电梯又涌进一波人，一股向前的推力让你的肉棒往前一顶——居然滑了进去。滚烫、湿滑、紧密的包裹感瞬间让你头皮发麻。她身体僵住了，扭过头，用颤抖的气声在你耳边说：“不…不行……我有老公的……”可她的屁股，却像有自己的想法一样，在拥挤中轻轻地、微不可察地，回缩了一下。
在这个名为深州市的现代都市，你是一个失业许久、性欲无处宣泄的屌丝。宏达集团是你翻身的唯一希望，而电梯里的这场意外，让你命运的齿轮开始了疯狂的转动。白素素，人事部经理，一个外表端庄的人妻，她的小穴在那一瞬间背叛了她的理智。从此，欲望与道德的拉扯，办公室与隐秘角落的刺激调教，一场在100层高楼里上演的、游走于暴露边缘的危险游戏，就此拉开帷幕。


<!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>


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

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

陪男友进厂挣钱的女大学生，怎么会被厂二代调教成母狗？

你是工厂少东家。你爸的车间里流水一样来去的暑期工里，有个叫沈洛微的女大学生，素着脸，穿着不合身的无尘服，脚踝站肿了也不吭声——就为了攒够钱，和她那穷学生男友林远去大理。看到她的第一眼你就心动了，利用权利你把她调到了冷气充足的行政楼。她慌得把穿着小白袜的脚往沙发底下缩，红着脸想逃，却又不敢违逆老板儿子的意思。你要做的，是一点点把这个深爱自己男朋友的女孩，变成只认钞票、只认你鸡巴的专属母狗。
玩法特色：高自由度调教、心理防线博弈、监控/露出/NTR多线操作、体位自适应、沈洛微会碎碎念会哭会憋着气高潮。

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

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


<!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>
        /* 作用域根选择器 */
        .ui-frame {
            --primary: #b3002d;
            --secondary: #ff4d4d;
            --bg-dark: #1a1a1a;
            --card-bg: #2a2a2a;
            --text: #e0e0e0;
            --text-muted: #aaaaaa;
            --border: #444;
            --input-bg: #1e1e1e;
            --tag-bg: #333;
            --tag-selected: #b3002d;
            --tag-text: #ddd;
            font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
            color: var(--text);
            background: var(--bg-dark);
            max-width: 700px;
            margin: 20px auto;
            padding: 20px;
            border: 1px solid var(--border);
            border-radius: 16px;
            box-shadow: 0 0 25px rgba(179, 0, 45, 0.25);
            transition: all 0.2s;
        }

        .ui-frame * {
            box-sizing: border-box;
        }

        .ui-frame h2 {
            color: var(--secondary);
            font-size: 1.6rem;
            margin: 0 0 15px;
            border-left: 4px solid var(--secondary);
            padding-left: 12px;
            font-weight: 500;
        }

        .ui-frame h3 {
            color: var(--secondary);
            font-size: 1.2rem;
            margin: 20px 0 10px;
            font-weight: 500;
        }

        .ui-frame .story-intro {
            background: var(--card-bg);
            padding: 18px;
            border-radius: 12px;
            margin-bottom: 25px;
            line-height: 1.7;
            color: #ddd;
            font-size: 0.95rem;
            border: 1px solid #3a3a3a;
        }

        .ui-frame .form-group {
            margin-bottom: 18px;
            display: flex;
            flex-direction: column;
        }

        .ui-frame label {
            font-weight: 500;
            margin-bottom: 5px;
            color: #ccc;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .ui-frame input,
        .ui-frame select,
        .ui-frame textarea {
            background: var(--input-bg);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 10px 12px;
            color: #fff;
            font-size: 0.95rem;
            transition: 0.2s;
            outline: none;
            width: 100%;
        }

        .ui-frame input:focus,
        .ui-frame select:focus,
        .ui-frame textarea:focus {
            border-color: var(--secondary);
            box-shadow: 0 0 8px rgba(255, 77, 77, 0.3);
        }

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

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

        .ui-frame .row .form-group {
            flex: 1 1 45%;
        }

        /* 性癖好标签 */
        .ui-frame .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 5px;
        }

        .ui-frame .tag {
            background: var(--tag-bg);
            color: var(--tag-text);
            border: 1px solid #555;
            border-radius: 20px;
            padding: 6px 14px;
            font-size: 0.85rem;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .ui-frame .tag.selected {
            background: var(--tag-selected);
            border-color: var(--secondary);
            color: #fff;
            box-shadow: 0 0 8px rgba(255, 77, 77, 0.4);
        }

        .ui-frame .tag.custom-tag::before {
            content: "＋";
            font-size: 0.9rem;
            margin-right: 2px;
            color: var(--secondary);
        }

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

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

        .ui-frame .custom-tag-input button {
            background: var(--secondary);
            border: none;
            color: white;
            border-radius: 8px;
            padding: 8px 16px;
            font-weight: bold;
            cursor: pointer;
            transition: 0.2s;
        }

        .ui-frame .custom-tag-input button:hover {
            background: #e6003a;
        }

        /* 预览区域 */
        .ui-frame .preview-box {
            background: #111;
            border: 1px solid #444;
            border-radius: 12px;
            padding: 20px;
            margin: 25px 0 20px;
            white-space: pre-wrap;
            font-family: 'Courier New', monospace;
            font-size: 0.9rem;
            line-height: 1.6;
            color: #ddd;
            max-height: 400px;
            overflow-y: auto;
        }

        .ui-frame .copy-btn {
            background: var(--primary);
            border: none;
            color: white;
            font-size: 1rem;
            padding: 12px 24px;
            border-radius: 8px;
            font-weight: bold;
            cursor: pointer;
            transition: 0.2s;
            width: 100%;
            letter-spacing: 1px;
            margin-top: 10px;
        }

        .ui-frame .copy-btn:hover {
            background: #cc0039;
        }

        /* 移动端适配 */
        @media (max-width: 480px) {
            .ui-frame {
                margin: 10px;
                padding: 15px;
            }
            .ui-frame .row {
                flex-direction: column;
                gap: 0;
            }
        }
    </style>
</head>
<body>
<div class="ui-frame">
    <h2>🔥 当着男友的面 · 偷情挣扎录</h2>

    
    <div class="story-intro">
        <strong>【故事简介】</strong><br>
        你哥们云峰的女友苏清婳，带着一身酒气敲开了你的门。她眼圈泛红，醉醺醺地哭诉看见云峰和别的女人亲昵。酒精和泪水中，安慰越了界，你十六厘米的鸡巴插进了她那湿热紧窄的骚屄里。第二天，云峰兴冲冲地带着那个女人上门——竟是他多年未见的亲姐姐。天大的误会。苏清婳的内心被撕裂：一边是背叛男友的罪恶感啃噬着她，另一边是昨晚那根操得她魂飞天外的大鸡巴带来的酥麻余韵和空虚渴望。而云峰，对此一无所知。这场在正牌男友眼皮底下的危险偷情游戏，就此拉开帷幕。你将体验在谎言边缘游走的刺激，以及一个被快感与道德反复拉扯的女人。
    </div>

    
    <h3>📋 玩家角色预设</h3>
    <div class="row">
        <div class="form-group">
            <label>👤 姓名</label>
            <input type="text" id="playerName" value="陈默" placeholder="你的名字">
        </div>
        <div class="form-group">
            <label>🎂 年龄</label>
            <input type="number" id="playerAge" value="24" min="18" max="60">
        </div>
    </div>
    <div class="row">
        <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>
    <div class="form-group">
        <label>📝 外貌描述</label>
        <textarea id="playerAppearance" placeholder="描述你的外貌特征">普通长相，身高178cm，短发，经常穿深色卫衣，鸡巴16厘米。</textarea>
    </div>
    <div class="form-group">
        <label>🗣️ 人称视角</label>
        <select id="narrativePOV">
            <option value="第二人称" selected>第二人称（你）</option>
            <option value="第一人称">第一人称（我）</option>
            <option value="第三人称">第三人称（他/她）</option>
        </select>
    </div>

    
    <h3>🔞 性癖好偏好</h3>
    <p style="font-size:0.85rem; color:#aaa; margin:0 0 8px;">点击标签选择（可多选），或添加自定义癖好</p>
    <div class="tags-container" id="kinkTags">
        
    </div>
    <div class="custom-tag-input">
        <input type="text" id="customKinkInput" placeholder="输入自定义性癖好">
        <button id="addKinkBtn">添加</button>
    </div>

    
    <h3>📄 配置预览</h3>
    <div class="preview-box" id="previewContent"></div>

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

<script>
    (function() {
        // 预设性癖好标签（根据NTR偷情剧本）
        const presetKinks = [
            "偷情", "背德", "醉酒", "口交", "后入", "阴道高潮",
            "手交", "阴茎崇拜", "偷窥", "公共场合", "言语羞辱",
            "轻度SM", "足交", "乳交", "气味癖"
        ];

        const kinkTagsContainer = document.getElementById('kinkTags');
        const customKinkInput = document.getElementById('customKinkInput');
        const addKinkBtn = document.getElementById('addKinkBtn');
        const previewDiv = document.getElementById('previewContent');
        const copyBtn = document.getElementById('copyBtn');

        // 存储当前选中的标签（Set）
        let selectedKinks = new Set();
        // 存储所有自定义标签（用于UI渲染）
        let customKinksList = [];

        // 渲染单个标签按钮
        function createTagElement(text, isCustom = false) {
            const tag = document.createElement('span');
            tag.className = 'tag' + (isCustom ? ' custom-tag' : '');
            tag.textContent = text;
            if (selectedKinks.has(text)) {
                tag.classList.add('selected');
            }
            tag.addEventListener('click', function(e) {
                e.stopPropagation();
                if (selectedKinks.has(text)) {
                    selectedKinks.delete(text);
                    tag.classList.remove('selected');
                } else {
                    selectedKinks.add(text);
                    tag.classList.add('selected');
                }
                updatePreview();
            });
            return tag;
        }

        // 渲染所有标签（预设+自定义）
        function renderAllTags() {
            kinkTagsContainer.innerHTML = '';
            // 预设标签
            presetKinks.forEach(k => {
                kinkTagsContainer.appendChild(createTagElement(k, false));
            });
            // 自定义标签
            customKinksList.forEach(k => {
                kinkTagsContainer.appendChild(createTagElement(k, true));
            });
        }

        // 添加自定义标签
        function addCustomKink() {
            const newKink = customKinkInput.value.trim();
            if (!newKink) return;
            // 检查是否已存在（预设或自定义）
            if (presetKinks.includes(newKink) || customKinksList.includes(newKink)) {
                alert('该标签已存在');
                return;
            }
            customKinksList.push(newKink);
            // 默认不选中，但可以立即选中？根据交互设计：添加后追加到列表，初始未选中。
            // 重新渲染
            renderAllTags();
            customKinkInput.value = '';
            updatePreview();
        }

        // 绑定添加按钮和回车键
        addKinkBtn.addEventListener('click', addCustomKink);
        customKinkInput.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                addCustomKink();
            }
        });

        // 初始渲染
        renderAllTags();

        // 获取表单值
        function getFormValues() {
            return {
                name: document.getElementById('playerName').value || '陈默',
                age: document.getElementById('playerAge').value || '24',
                gender: document.getElementById('playerGender').value,
                role: document.getElementById('playerRole').value || '云峰的哥们',
                appearance: document.getElementById('playerAppearance').value || '普通长相',
                pov: document.getElementById('narrativePOV').value,
                kinks: Array.from(selectedKinks).join('、') || '无'
            };
        }

        // 更新预览区
        function updatePreview() {
            const vals = getFormValues();
            const playerName = vals.name;
            // 开场架构（符合要求：第一句是动作或台词，苏清婳醉醺醺靠在玩家怀里）
            const opening = `【开场架构】
"他……他怎么可以这样……"
你把醉醺醺的苏清婳扶到沙发上。她浑身酒气，脑袋重重靠在你肩膀上，眼泪蹭湿了你的衬衫领口。她抽噎着，断断续续述说在商场看到云峰搂着一个高挑女人，举止亲密。你试图安慰，手掌轻轻拍着她的背，她整个人软绵绵地往你怀里缩，你闻到她身上的酒气，还有因为激动骚屄散发出淡淡的骚味。`;

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

${opening}`;

            previewDiv.textContent = previewText;
        }

        // 监听所有输入变化
        document.querySelectorAll('input, select, textarea').forEach(el => {
            if (el.id !== 'customKinkInput') { // 自定义输入框单独处理
                el.addEventListener('input', updatePreview);
                el.addEventListener('change', updatePreview);
            }
        });

        // 初始预览
        updatePreview();

        // 一键复制（无弹窗）
        copyBtn.addEventListener('click', function() {
            const textToCopy = previewDiv.textContent;
            if (navigator.clipboard && window.isSecureContext) {
                navigator.clipboard.writeText(textToCopy).then(() => {
                    // 静默复制，无弹窗
                }).catch(err => {
                    console.error('复制失败:', err);
                });
            } else {
                // 降级方案
                const textarea = document.createElement('textarea');
                textarea.value = textToCopy;
                textarea.style.position = 'fixed';
                textarea.style.opacity = '0';
                document.body.appendChild(textarea);
                textarea.select();
                try {
                    document.execCommand('copy');
                } catch (e) {
                    console.error('复制失败:', e);
                }
                document.body.removeChild(textarea);
            }
        });

        // 当自定义标签变化时，由于selectedKinks可能改变，但预览已在点击时更新，
        // 自定义标签添加后需要刷新预览
        // 在addCustomKink中已调用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>
        .ui-frame {
            font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
            max-width: 780px;
            margin: 20px auto;
            padding: 20px;
            background: linear-gradient(135deg, #1a0a1a 0%, #2d1b2d 100%);
            border: 1px solid #6d3a6d;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(109, 58, 109, 0.4);
            color: #e0d6e0;
            line-height: 1.6;
        }
        h1,
        h2,
        h3 {
            color: #e6cde6;
            border-bottom: 1px solid #4a2c4a;
            padding-bottom: 8px;
            margin-top: 1.5em;
        }
        h1 {
            text-align: center;
            color: #f0d6f0;
            font-size: 1.8em;
        }
        .section {
            background-color: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 20px;
            border-left: 4px solid #8a4d8a;
        }
        label {
            display: block;
            margin-top: 12px;
            margin-bottom: 5px;
            font-weight: bold;
            color: #d8b9d8;
        }
        input,
        select,
        textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #5a3a5a;
            border-radius: 6px;
            background-color: #2a1a2a;
            color: #f0e6f0;
            box-sizing: border-box;
            font-size: 1em;
            min-height: 44px;
        }
        textarea {
            min-height: 80px;
            resize: vertical;
        }
        .tag-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 15px;
        }
        .tag {
            padding: 8px 15px;
            background-color: #3a2a3a;
            border: 1px solid #6d4d6d;
            border-radius: 20px;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s;
            font-size: 0.9em;
            min-height: 36px;
            display: flex;
            align-items: center;
        }
        .tag:hover {
            background-color: #4a3a4a;
        }
        .tag.selected {
            background-color: #8a4d8a;
            border-color: #c97dc9;
            color: #fff;
            font-weight: bold;
        }
        .tag.selected::after {
            content: " ✓";
            margin-left: 2px;
        }
        .custom-tag-input {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }
        .custom-tag-input input {
            flex-grow: 1;
            margin-bottom: 0;
        }
        button {
            background-color: #6d3a6d;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 1em;
            font-weight: bold;
            transition: background-color 0.3s;
            min-height: 44px;
        }
        button:hover {
            background-color: #8a4d8a;
        }
        .copy-btn-wrapper {
            margin-top: 20px;
            text-align: center;
        }
        #copyBtn {
            display: inline-block;
            width: 100%;
            max-width: 400px;
            padding: 14px 30px;
            font-size: 1.1em;
            letter-spacing: 1px;
            background-color: #7a3d7a;
            border: 2px solid #9d5d9d;
            border-radius: 8px;
            transition: all 0.3s;
        }
        #copyBtn:hover {
            background-color: #9d4d9d;
            border-color: #c97dc9;
            box-shadow: 0 4px 16px rgba(157, 77, 157, 0.5);
        }
        #copyBtn.copied {
            background-color: #3d7a3d;
            border-color: #5d9d5d;
            pointer-events: none;
        }
        #preview {
            white-space: pre-wrap;
            background-color: #1a101a;
            padding: 20px;
            border-radius: 8px;
            border: 1px solid #4a3a4a;
            margin-top: 20px;
            font-family: 'Consolas', 'Monaco', 'Microsoft YaHei', monospace;
            line-height: 1.5;
            max-height: 400px;
            overflow-y: auto;
            font-size: 0.95em;
        }
        @media (max-width: 600px) {
            .ui-frame {
                margin: 10px;
                padding: 15px;
                border-radius: 8px;
            }
            .custom-tag-input {
                flex-direction: column;
            }
            .custom-tag-input button {
                width: 100%;
            }
            button {
                padding: 15px;
            }
            #copyBtn {
                max-width: 100%;
                padding: 16px 20px;
            }
        }
    </style>
</head>
<body>
    <div class="ui-frame">
        <h1>🚌 《公交颠簸下的禁忌》</h1>

        <div class="section">
            <h2>📖 剧本介绍</h2>
            <p>父亲出差，一次从姥姥家归来的拥挤公交颠簸，将你与母亲苏婉推入无法言说的境地。身体的本能在夏日的薄衣下苏醒，道德的枷锁在每一次碰撞中发出呻吟。回到家中，那缕在车上飘起的腥甜气味并未散去，反而在独处的空间里发酵、膨胀。你们都知道这是错的，但身体的记忆比理智更顽固。三天后，父亲即将归来。这是一场与时间、欲望和伦常赛跑的隐秘游戏。选择沉沦，或是挣扎，每一步都关乎这个平凡家庭的未来。</p>
        </div>

        <div class="section">
            <h2>🎭 身份预设</h2>
            <p>请填写或修改你的角色信息。所有字段均已提供预设值，可直接使用。</p>

            <label for="playerName">你的姓名:</label>
            <input type="text" id="playerName" placeholder="林晓" value="">

            <label for="playerAge">你的年龄:</label>
            <input type="number" id="playerAge" value="19">

            <label for="playerGender">你的性别:</label>
            <select id="playerGender">
                <option value="男" selected>男</option>
                <option value="女">女</option>
                <option value="其他">其他</option>
            </select>

            <label for="playerIdentity">你的身份:</label>
            <input type="text" id="playerIdentity" value="高三学生">

            <label for="playerAppearance">你的外貌简述:</label>
            <textarea id="playerAppearance">身形偏瘦，但手臂有些力气。长相普通，青春期刚过的样子，脸上偶尔冒痘。身上是干净的汗味和洗衣粉味。</textarea>

            <label for="playerPOV">人称视角:</label>
            <select id="playerPOV">
                <option value="第二人称" selected>第二人称 (你)</option>
                <option value="第一人称">第一人称 (我)</option>
                <option value="第三人称">第三人称 (他)</option>
            </select>

            <label>性癖好偏好设置 (可选，影响剧情走向):</label>
            <div class="tag-container" id="kinkTags">
            </div>
            <div class="custom-tag-input">
                <input type="text" id="customKinkInput" placeholder="输入自定义癖好，按回车或点添加">
                <button type="button" id="addKinkBtn">添加</button>
            </div>
        </div>

        <div class="section">
            <h2>👁️ 配置预览</h2>
            <p>以下是根据你的设置生成的开场架构和角色信息，将直接用于游戏。</p>
            <div id="preview"></div>
        </div>

        
        <div class="copy-btn-wrapper">
            <button type="button" id="copyBtn">📋 一键复制全部预览内容</button>
        </div>
    </div>

    <script>
        (function() {
            // 预设性癖好标签（根据剧本基调设定）
            const presetKinks = [
                "公交露出", "后入", "母性反差", "道德调教", "言语羞辱", "偷情风险",
                "气味癖", "家庭环境", "禁忌对话", "权力反转", "生理屈服", "隐秘快感",
                "沙发", "厨房", "主卧入侵", "浴室"
            ];
            const selectedKinks = new Set();

            function renderKinkTags() {
                const container = document.getElementById('kinkTags');
                container.innerHTML = '';
                presetKinks.forEach(kink => {
                    const tag = document.createElement('div');
                    tag.className = 'tag';
                    tag.textContent = kink;
                    tag.dataset.kink = kink;
                    tag.addEventListener('click', function() {
                        toggleKink(kink, tag);
                    });
                    container.appendChild(tag);
                });
            }

            function toggleKink(kink, tagElement) {
                if (selectedKinks.has(kink)) {
                    selectedKinks.delete(kink);
                    tagElement.classList.remove('selected');
                } else {
                    selectedKinks.add(kink);
                    tagElement.classList.add('selected');
                }
                updatePreview();
            }

            function addCustomKink() {
                const input = document.getElementById('customKinkInput');
                const value = input.value.trim();
                if (!value) return;

                // 检查是否已存在（预设或已选中）
                const allExisting = [...presetKinks, ...Array.from(selectedKinks)];
                if (allExisting.some(k => k === value)) {
                    // 静默忽略，不弹窗
                    input.value = '';
                    input.focus();
                    // 短暂闪烁输入框提示
                    input.style.borderColor = '#c97dc9';
                    setTimeout(() => { input.style.borderColor = '#5a3a5a'; }, 600);
                    return;
                }

                const container = document.getElementById('kinkTags');
                const tag = document.createElement('div');
                tag.className = 'tag';
                tag.textContent = value + ' ✚';
                tag.dataset.kink = value;
                tag.dataset.custom = 'true';
                tag.addEventListener('click', function() {
                    toggleKink(value, tag);
                });
                container.appendChild(tag);
                input.value = '';
                input.focus();
            }

            // 处理自定义输入的Enter键
            document.getElementById('customKinkInput').addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    e.preventDefault();
                    addCustomKink();
                }
            });

            // 添加按钮事件
            document.getElementById('addKinkBtn').addEventListener('click', function() {
                addCustomKink();
            });

            // 更新预览区
            function updatePreview() {
                const name = document.getElementById('playerName').value;
                const age = document.getElementById('playerAge').value;
                const gender = document.getElementById('playerGender').value;
                const identity = document.getElementById('playerIdentity').value;
                const appearance = document.getElementById('playerAppearance').value;
                const pov = document.getElementById('playerPOV').value;
                const kinkList = Array.from(selectedKinks).length > 0 ?
                    '已选癖好：' + Array.from(selectedKinks).join('、') :
                    '已选癖好：无';

                // 处理人称代词
                let povPronoun = '';
                switch (pov) {
                    case '第一人称':
                        povPronoun = '我';
                        break;
                    case '第三人称':
                        povPronoun = '他';
                        break;
                    default:
                        povPronoun = '你';
                }

                const displayName = name || '林晓';

                const previewText =
                    '【玩家角色预设】\n' +
                    '姓名：' + displayName + '\n' +
                    '年龄：' + age + '\n' +
                    '性别：' + gender + '\n' +
                    '身份：' + identity + '\n' +
                    '外貌：' + appearance + '\n' +
                    '人称视角：' + pov + '\n' +
                    kinkList + '\n' +
                    '\n' +
                    '【开场白】\n' +
                    '公交车一个剧烈的颠簸，' + povPronoun + '的身体猛地向前一冲，胯部结结实实地撞在母亲苏婉的臀缝间。她薄薄的连衣裙下，是早已被汗水浸湿的内裤边缘。' +
                    povPronoun + '的鸡巴在这摩擦中不受控制地硬挺起来，直愣愣地顶在她两瓣屁股中间。她能感觉到，' + povPronoun + '也能。她身体瞬间绷紧，手抓紧了前面的座椅靠背，试图把屁股往前挪，但车上人挤人，根本挪不动。' +
                    '又是一个坑洼，车身摇晃，' + povPronoun + '的龟头隔着两层薄布，重重撞在她骚屄的位置。她喉咙里发出一声压抑到极点的"呃……"。' +
                    '一股更浓郁的、带着体温的腥甜味，从她裙底散出，混在车厢的汗臭里，钻进' + povPronoun + '的鼻子。' +
                    povPronoun + '低下头，看到她后颈渗出的细密汗珠，和已经红透的耳根。车还有将近两小时才到站。';

                document.getElementById('preview').textContent = previewText;
            }

            // 复制功能（使用兼容性更好的方案）
            function copyToClipboard() {
                const previewText = document.getElementById('preview').textContent;
                const copyBtn = document.getElementById('copyBtn');

                if (!previewText || previewText.trim() === '') {
                    // 如果预览区为空，静默返回
                    return;
                }

                // 方案1：使用 Clipboard API（现代浏览器）
                if (navigator.clipboard && navigator.clipboard.writeText && window.isSecureContext) {
                    navigator.clipboard.writeText(previewText).then(function() {
                        showCopySuccess(copyBtn);
                    }).catch(function() {
                        fallbackCopy(previewText, copyBtn);
                    });
                } else {
                    // 方案2：使用传统 fallback
                    fallbackCopy(previewText, copyBtn);
                }
            }

            function fallbackCopy(text, btn) {
                // 创建临时textarea
                const textarea = document.createElement('textarea');
                textarea.value = text;
                textarea.style.position = 'fixed';
                textarea.style.left = '-9999px';
                textarea.style.top = '-9999px';
                textarea.style.opacity = '0';
                textarea.setAttribute('readonly', '');
                document.body.appendChild(textarea);

                // 选中并复制
                textarea.select();
                textarea.setSelectionRange(0, textarea.value.length);

                let success = false;
                try {
                    success = document.execCommand('copy');
                } catch (err) {
                    console.error('复制失败: ', err);
                }

                document.body.removeChild(textarea);

                if (success) {
                    showCopySuccess(btn);
                } else {
                    // 最后兜底：手动选中预览区文本
                    manualSelectCopy(btn);
                }
            }

            function manualSelectCopy(btn) {
                const preview = document.getElementById('preview');
                const range = document.createRange();
                range.selectNodeContents(preview);
                const selection = window.getSelection();
                selection.removeAllRanges();
                selection.addRange(range);

                try {
                    document.execCommand('copy');
                    showCopySuccess(btn);
                } catch (err) {
                    console.error('所有复制方案均失败: ', err);
                }

                selection.removeAllRanges();
            }

            function showCopySuccess(btn) {
                const originalText = btn.textContent;
                btn.textContent = '✅ 已复制！';
                btn.classList.add('copied');
                setTimeout(function() {
                    btn.textContent = originalText;
                    btn.classList.remove('copied');
                }, 1800);
            }

            // 绑定复制按钮
            document.getElementById('copyBtn').addEventListener('click', copyToClipboard);

            // 为所有输入字段添加事件监听，实时更新预览
            const inputIds = ['playerName', 'playerAge', 'playerGender', 'playerIdentity', 'playerAppearance',
                'playerPOV'
            ];
            inputIds.forEach(function(id) {
                var el = document.getElementById(id);
                if (el) {
                    el.addEventListener('input', updatePreview);
                    el.addEventListener('change', updatePreview);
                }
            });

            // 初始化
            renderKinkTags();
            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, viewport-fit=cover">
    <title>将军令：穿书女帝的NTR地狱</title>
    <style>
        :root {
            --ui-bg: #1a1217;
            --ui-surface: #241a21;
            --ui-border: #5a3d4a;
            --ui-text: #d4c5c0;
            --ui-text-dim: #9b8a85;
            --ui-accent: #b23a4f;
            --ui-accent-glow: #e0566f;
            --ui-gold: #a48b6a;
            --ui-danger: #8b2a3a;
            --ui-tag-bg: #3a2a33;
            --ui-tag-selected: #b23a4f;
            --ui-tag-text: #e0d6d0;
            --ui-input-bg: #1e141a;
            --ui-radius: 6px;
            --ui-shadow: 0 4px 20px rgba(0,0,0,0.6);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background: #0f0b10;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
            padding: 16px;
        }

        .ui-frame {
            max-width: 700px;
            width: 100%;
            background: var(--ui-bg);
            border: 1px solid var(--ui-border);
            border-radius: 12px;
            box-shadow: var(--ui-shadow), 0 0 30px rgba(178, 58, 79, 0.15);
            padding: 24px 20px;
            color: var(--ui-text);
            position: relative;
            overflow: hidden;
        }

        .ui-frame::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--ui-accent), var(--ui-gold), var(--ui-accent));
        }

        .ui-frame h1 {
            text-align: center;
            font-size: 1.8rem;
            font-weight: 700;
            color: #f5e7da;
            letter-spacing: 2px;
            margin-bottom: 8px;
            text-shadow: 0 2px 6px rgba(0,0,0,0.7);
        }

        .ui-frame .subtitle {
            text-align: center;
            font-size: 0.9rem;
            color: var(--ui-text-dim);
            margin-bottom: 20px;
            border-bottom: 1px dashed var(--ui-border);
            padding-bottom: 12px;
        }

        .section-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin: 18px 0 10px;
            color: var(--ui-accent-glow);
            border-left: 3px solid var(--ui-accent);
            padding-left: 12px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .story-intro {
            background: var(--ui-surface);
            border-radius: var(--ui-radius);
            padding: 14px;
            margin-bottom: 16px;
            font-size: 0.92rem;
            line-height: 1.6;
            color: var(--ui-text);
            border: 1px solid var(--ui-border);
        }

        .form-group {
            margin-bottom: 14px;
            display: flex;
            flex-direction: column;
        }

        .form-group label {
            font-size: 0.88rem;
            font-weight: 500;
            margin-bottom: 5px;
            color: var(--ui-gold);
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            background: var(--ui-input-bg);
            border: 1px solid var(--ui-border);
            border-radius: var(--ui-radius);
            padding: 10px 12px;
            color: var(--ui-text);
            font-size: 0.9rem;
            outline: none;
            transition: border 0.2s;
            font-family: inherit;
            resize: vertical;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: var(--ui-accent);
            box-shadow: 0 0 6px rgba(178, 58, 79, 0.4);
        }

        .form-group textarea {
            min-height: 60px;
        }

        .tags-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 5px;
            align-items: center;
        }

        .tag-btn {
            background: var(--ui-tag-bg);
            border: 1px solid var(--ui-border);
            color: var(--ui-tag-text);
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 0.82rem;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s;
            white-space: nowrap;
            min-width: 44px;
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .tag-btn.selected {
            background: var(--ui-tag-selected);
            border-color: var(--ui-accent-glow);
            color: #fff;
            box-shadow: 0 0 10px rgba(178, 58, 79, 0.5);
            font-weight: 600;
        }

        .tag-btn.custom-tag::before {
            content: "+ ";
            font-weight: bold;
            color: var(--ui-accent-glow);
        }

        .tag-btn.selected.custom-tag::before {
            color: #fff;
        }

        .add-tag-box {
            display: flex;
            gap: 6px;
            align-items: center;
            margin-top: 5px;
        }

        .add-tag-box input {
            flex: 1;
            min-width: 120px;
            background: var(--ui-input-bg);
            border: 1px solid var(--ui-border);
            border-radius: 20px;
            padding: 8px 14px;
            color: var(--ui-text);
            font-size: 0.82rem;
            outline: none;
        }

        .add-tag-box input:focus {
            border-color: var(--ui-accent);
        }

        .add-tag-btn {
            background: var(--ui-accent);
            border: none;
            color: #fff;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.82rem;
            cursor: pointer;
            font-weight: 600;
            min-width: 44px;
            min-height: 44px;
            transition: opacity 0.2s;
        }

        .add-tag-btn:hover {
            opacity: 0.9;
        }

        .preview-area {
            background: var(--ui-surface);
            border: 1px solid var(--ui-border);
            border-radius: var(--ui-radius);
            padding: 16px;
            margin-top: 20px;
            font-family: 'Courier New', 'PingFang SC', monospace;
            white-space: pre-wrap;
            font-size: 0.9rem;
            line-height: 1.5;
            color: #e8e0da;
            min-height: 180px;
            user-select: text;
        }

        .copy-btn {
            display: block;
            width: 100%;
            background: var(--ui-accent);
            border: none;
            color: #fff;
            font-size: 1rem;
            font-weight: 700;
            padding: 12px;
            border-radius: var(--ui-radius);
            margin-top: 16px;
            cursor: pointer;
            letter-spacing: 2px;
            text-transform: uppercase;
            transition: background 0.2s, box-shadow 0.2s;
            min-height: 48px;
        }

        .copy-btn:hover {
            background: var(--ui-accent-glow);
            box-shadow: 0 0 15px rgba(178, 58, 79, 0.6);
        }

        .copy-btn.copied {
            background: #3a7a4f;
            pointer-events: none;
        }

        @media (max-width: 500px) {
            .ui-frame {
                padding: 16px 14px;
            }
            .ui-frame h1 {
                font-size: 1.5rem;
            }
        }
    </style>
</head>
<body>
<div class="ui-frame">
    <h1>⚔️ 将军令：穿书女帝的NTR地狱 ⚔️</h1>
    <div class="subtitle">边关血 · 朝堂谋 · 淫虐罪业</div>

    
    <div class="story-intro">
        <p style="margin-bottom:6px;"><strong>📜 故事背景</strong></p>
        <p>你穿越成镇北将军凌越，手握三十万私兵，却困在一个逻辑扭曲的女频世界。女帝萧明昭是百合恋爱脑，痴迷蛮族首领拓跋玉儿，为博美人一笑，纵容蛮族屠戮边民。朝堂之上，尚宫令萧怜与禁军统领展瑶是女帝最忠诚的“母狗”，擅长用道德绑架逼迫你继续当舔狗。而刚被你救下的难民少女阿蛮，正哭着要去京城告你“救援不力”……</p>
        <p style="margin-top:8px;"><strong>🎭 玩法特色：</strong>高压道德博弈、NTR/群交/公开羞辱、扭曲心理战、反击与黑化、动态NPC自主行动。</p>
    </div>

    
    <div class="section-title">⚙️ 身份预设</div>
    <div class="form-group">
        <label>姓名</label>
        <input type="text" id="playerName" value="凌越" placeholder="输入姓名">
    </div>
    <div class="form-group">
        <label>年龄</label>
        <input type="number" id="playerAge" value="25" min="16" max="80">
    </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="playerIdentity" value="镇北将军" placeholder="身份">
    </div>
    <div class="form-group">
        <label>外貌</label>
        <textarea id="playerAppearance" rows="2">英武冷峻，身披玄甲，眉宇间凝着北境风霜</textarea>
    </div>
    <div class="form-group">
        <label>人称视角</label>
        <select id="playerPov">
            <option value="第二人称" selected>第二人称</option>
            <option value="第一人称">第一人称</option>
            <option value="第三人称">第三人称</option>
        </select>
    </div>

    
    <div class="form-group">
        <label>❤️‍🔥 性癖好（可多选）</label>
        <div class="tags-wrapper" id="tagsContainer">
            
        </div>
        <div class="add-tag-box">
            <input type="text" id="newTagInput" placeholder="自定义癖好...">
            <button class="add-tag-btn" id="addTagBtn">添加</button>
        </div>
    </div>

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

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

<script>
    (function() {
        // 预设标签
        const presetTags = [
            'NTR', '群交', '百合旁观', '露出', '羞辱', '强制',
            '骑乘', '后入', '口交', '舔阴', '宫交', '言语调教',
            '权力反转', '打屁股', '项圈'
        ];

        // 玩家选择的标签集合
        let selectedTags = new Set();

        // DOM元素
        const tagsContainer = document.getElementById('tagsContainer');
        const newTagInput = document.getElementById('newTagInput');
        const addTagBtn = document.getElementById('addTagBtn');
        const previewContent = 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 povSelect = document.getElementById('playerPov');

        // 自定义标签列表(存储额外添加的标签名)
        let customTags = [];

        // 渲染所有标签按钮
        function renderTags() {
            tagsContainer.innerHTML = '';
            // 预设标签
            presetTags.forEach(tag => {
                const btn = createTagButton(tag, false);
                tagsContainer.appendChild(btn);
            });
            // 自定义标签
            customTags.forEach(tag => {
                const btn = createTagButton(tag, true);
                tagsContainer.appendChild(btn);
            });
        }

        function createTagButton(tagText, isCustom) {
            const btn = document.createElement('span');
            btn.className = 'tag-btn';
            if (isCustom) btn.classList.add('custom-tag');
            btn.textContent = tagText;
            if (selectedTags.has(tagText)) {
                btn.classList.add('selected');
            }
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                toggleTag(tagText);
            });
            // 移动端触摸优化
            btn.style.touchAction = 'manipulation';
            return btn;
        }

        function toggleTag(tagText) {
            if (selectedTags.has(tagText)) {
                selectedTags.delete(tagText);
            } else {
                selectedTags.add(tagText);
            }
            renderTags();
            updatePreview();
        }

        // 添加自定义标签
        function addCustomTag() {
            const rawText = newTagInput.value.trim();
            if (!rawText) return;
            // 过滤重复
            const allExisting = [...presetTags, ...customTags];
            if (allExisting.includes(rawText)) {
                // 静默忽略，或可设置input边框提示
                newTagInput.style.borderColor = '#b23a4f';
                setTimeout(() => { newTagInput.style.borderColor = ''; }, 600);
                return;
            }
            customTags.push(rawText);
            // 自动选中新添加的标签
            selectedTags.add(rawText);
            newTagInput.value = '';
            renderTags();
            updatePreview();
        }

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

        // 更新预览区
        function updatePreview() {
            const name = nameInput.value || '凌越';
            const age = ageInput.value || '25';
            const gender = genderSelect.value;
            const identity = identityInput.value || '镇北将军';
            const appearance = appearanceText.value || '英武冷峻';
            const pov = povSelect.value;

            // 构建性癖好列表
            const tagsArr = Array.from(selectedTags);
            const tagsDisplay = tagsArr.length > 0 ? tagsArr.join('、') : '无';

            // 开场架构 (嵌入姓名变量)
            const opening = `你翻身下马，战靴踩进黏稠的血泊。那个瘦小的姑娘从废墟里扑出来，指甲掐进你的护腕——“你为什么才来！我爹我娘都没了！”她哭得撕心裂肺，唾沫星子喷在你脸上。身旁王副将攥紧了刀柄，低声骂了句娘。你抬头望去，小柳村只剩焦木与残垣，远处草原深处传来蛮骑的呼哨。`;

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

【开场架构】
${opening}`;

            previewContent.textContent = previewText;
        }

        // 复制功能
        copyBtn.addEventListener('click', async function() {
            const text = previewContent.textContent;
            if (!text) return;
            try {
                await navigator.clipboard.writeText(text);
                // 短暂显示已复制状态
                copyBtn.classList.add('copied');
                copyBtn.textContent = '✅ 已复制';
                setTimeout(() => {
                    copyBtn.classList.remove('copied');
                    copyBtn.textContent = '📋 一键复制预设';
                }, 1500);
            } catch (err) {
                // 降级方案
                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');
                    copyBtn.textContent = '✅ 已复制';
                    setTimeout(() => { copyBtn.textContent = '📋 一键复制预设'; }, 1500);
                } catch (e) {
                    // 静默失败
                }
                document.body.removeChild(textarea);
            }
        });

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

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


穿成百合女帝的舔狗将军，我用鸡巴征服女帝

你穿越进一本扭曲的古言世界，成了镇守北境的将军凌越，手握三十万铁血私兵。原身痴恋女帝萧明昭，甘愿为狗。但此方女帝是百合恋爱脑，痴迷蛮族女首领拓跋玉儿，为博美人一笑，不惜纵容蛮族屠戮边民。朝堂之上，尚宫令萧怜与禁军统领展瑶，是女帝最忠实的两条“母狗”，擅长用家国大义对你进行道德绑架与心理凌虐。蛮骑劫掠过后，你救下的难民少女阿蛮，第一时间不是感激，而是哭着要去京城告你“救援不力”……开局地狱，你要如何在被女帝、舔狗、蛮族、白眼狼难民四面围剿中，守住防线，并撕碎这群扭曲之人那虚伪的面具？这是一场关乎生存、尊严与复仇的黑暗游戏，NTR、群交、道德绑架、心理操控、强制凌辱……所有黑暗元素，将伴随着每一次“忠心”的索取与背叛，向你袭来。记住，在这里，仁慈即是原罪。

暑假与姑姑、表姐、表妹的乱伦日常

暑假的第一天，你被父母打包塞进了姑姑秦漱玉的家。四十六岁的姑姑是律所合伙人，身段比你大学女同学还顶，常年裹在西装裙里的臀线能杀人。表姐林思柔戴着圆框眼镜，E杯巨乳藏在大码碎花裙下，交了三个月男友连接吻都不会。表妹林萌萌是你从小的跟屁虫，现在发育成D罩杯小炮弹，走哪都往你身上蹭，今晚吃饭时，她脱了拖鞋，那只汗津津的脚顺着你的小腿一路爬上大腿根，脚趾隔着裤子按在你龟头上画圈——桌上姑姑还在接电话，表姐在低头扒饭。


<!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>
    /* ---- 根作用域重置 ---- */
    .ui-frame * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .ui-frame {
        --bg: #1a121a;
        --card-bg: #231b23;
        --primary: #c44d6b;
        --primary-hover: #e06d8b;
        --text: #e5d5e0;
        --text-secondary: #b9a5b5;
        --border: #3a2e38;
        --tag-bg: #2e2430;
        --tag-selected-bg: #4a2b3a;
        --tag-selected-border: #c44d6b;
        --input-bg: #2c232c;
        --input-border: #443644;
        --radius: 12px;
        --transition: 0.2s ease;
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
        background: var(--bg);
        color: var(--text);
        padding: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        box-sizing: border-box;
    }

    .ui-frame .hidden {
        display: none !important;
    }

    .card {
        background: var(--card-bg);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 24px 20px;
        width: 100%;
        max-width: 680px;
        box-shadow: 0 12px 28px rgba(0,0,0,0.5);
    }

    h2 {
        font-size: 1.6rem;
        margin-bottom: 0.6em;
        color: var(--primary);
        border-left: 4px solid var(--primary);
        padding-left: 12px;
    }

    h3 {
        font-size: 1.2rem;
        margin: 1.2em 0 0.6em;
        color: var(--text);
    }

    .intro {
        color: var(--text-secondary);
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
        white-space: pre-line;
    }

    label {
        display: block;
        font-size: 0.9rem;
        margin-bottom: 0.3rem;
        color: var(--text);
    }

    input, select, textarea {
        width: 100%;
        padding: 10px 12px;
        background: var(--input-bg);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text);
        font-size: 0.95rem;
        margin-bottom: 1rem;
        outline: none;
        transition: border var(--transition);
    }
    input:focus, select:focus, textarea:focus {
        border-color: var(--primary);
    }
    textarea {
        resize: vertical;
        min-height: 60px;
    }

    .tag-group {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 1rem;
    }

    .tag {
        background: var(--tag-bg);
        border: 1px solid transparent;
        border-radius: 20px;
        padding: 6px 14px;
        font-size: 0.85rem;
        cursor: pointer;
        user-select: none;
        transition: all var(--transition);
        color: var(--text-secondary);
    }
    .tag.selected {
        background: var(--tag-selected-bg);
        color: #ffffff;
        border-color: var(--tag-selected-border);
    }
    .tag.custom {
        position: relative;
        padding-right: 24px;
    }
    .tag.custom::after {
        content: "＋";
        position: absolute;
        right: 8px;
        font-size: 0.8rem;
        opacity: 0.7;
    }

    .custom-tag-input {
        display: flex;
        gap: 8px;
        margin-bottom: 1rem;
    }
    .custom-tag-input input {
        flex: 1;
        margin-bottom: 0;
    }
    .custom-tag-input button {
        background: var(--primary);
        border: none;
        border-radius: 8px;
        padding: 10px 16px;
        color: white;
        font-weight: bold;
        cursor: pointer;
        transition: background var(--transition);
    }
    .custom-tag-input button:hover {
        background: var(--primary-hover);
    }

    .preview-box {
        background: #110c12;
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 18px;
        margin: 1.5rem 0 1rem;
        white-space: pre-line;
        color: #ddcfdc;
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .btn-copy {
        width: 100%;
        background: var(--primary);
        color: white;
        font-weight: bold;
        border: none;
        border-radius: 8px;
        padding: 12px;
        font-size: 1rem;
        cursor: pointer;
        transition: background var(--transition), transform 0.1s;
        margin-top: 0.5rem;
    }
    .btn-copy:active {
        transform: scale(0.97);
    }
    .btn-copy:hover {
        background: var(--primary-hover);
    }

    .toast {
        position: fixed;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        background: #2e1a24;
        color: #f0d0e0;
        padding: 10px 22px;
        border-radius: 20px;
        font-size: 0.9rem;
        border: 1px solid #c44d6b;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
        z-index: 999;
    }
    .toast.show {
        opacity: 1;
    }

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

        
        <h2>🔞 《母亲大人说：我来管教你的性欲》</h2>
        <div class="intro">
            你的母亲月舒曾是内衣模特，如今是全职主妇。39岁的她风韵犹存，奶子饱满，腰肢紧致，像一颗熟透的蜜桃。
            父亲在外彩旗飘飘，她第一次失去对一个男人的掌控。于是她把所有扭曲的控制欲都倾注在了你身上——直到在你电脑里发现大量的乱伦收藏。
            她怒了，但也笑了。她决定用你最肮脏的欲望作为缰绳，重新把你拴回身边。
            深夜、客厅、浴室、她的床上……每一个场景都变成“管教”的战场。她永远不会求饶，只会盯着你的眼睛，在你快要射的时候冷冷命令：“憋回去。”
            心理博弈、NTR倒错、纯粹的肉欲支配，从你一进门的那一刻就已经开始了。
        </div>

        
        <h3>⚙️ 玩家身份预设</h3>
        <label>姓名</label>
        <input type="text" id="playerName" placeholder="输入姓名" value="李阳">
        <label>年龄</label>
        <input type="number" id="playerAge" placeholder="年龄" value="20">
        <label>性别</label>
        <select id="playerGender">
            <option value="男" selected>男</option>
            <option value="女">女</option>
            <option value="其他">其他</option>
        </select>
        <label>身份</label>
        <input type="text" id="playerRole" placeholder="例如：大二学生" value="大二学生">
        <label>外貌</label>
        <textarea id="playerAppearance" placeholder="简单描述外貌">普通学生模样，戴黑框眼镜，身材偏瘦，有点宅。</textarea>
        <label>人称视角</label>
        <select id="narrativePerspective">
            <option value="第二人称" selected>第二人称</option>
            <option value="第一人称">第一人称</option>
            <option value="第三人称">第三人称</option>
        </select>

        
        <h3>🔥 性癖好偏好</h3>
        <div class="tag-group" id="tagContainer">
            
        </div>
        <div class="custom-tag-input">
            <input type="text" id="customTagInput" placeholder="输入新癖好，按回车或点添加">
            <button id="addCustomTagBtn">添加</button>
        </div>

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

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

        
        <div class="toast" id="toast"></div>
    </div>
</div>

<script>
    (function() {
        // ---------- 数据 ----------
        const presetTags = [
            "气味癖", "露出", "肛交", "捆绑", "口交", "乳交", "足交",
            "话语羞辱", "乱伦", "母性支配", "公共场合", "妊娠",
            "扩张", "高潮管理", "服从性训练"
        ];
        let customTags = [];

        // DOM元素
        const tagContainer = document.getElementById('tagContainer');
        const customTagInput = document.getElementById('customTagInput');
        const addCustomBtn = document.getElementById('addCustomTagBtn');
        const previewDiv = document.getElementById('previewContent');
        const copyBtn = document.getElementById('copyBtn');
        const toast = document.getElementById('toast');

        // 表单元素
        const nameInput = document.getElementById('playerName');
        const ageInput = document.getElementById('playerAge');
        const genderSelect = document.getElementById('playerGender');
        const roleInput = document.getElementById('playerRole');
        const appearanceTextarea = document.getElementById('playerAppearance');
        const perspectiveSelect = document.getElementById('narrativePerspective');

        // ---------- 工具函数 ----------
        function getAllSelectedTags() {
            const selected = [];
            document.querySelectorAll('#tagContainer .tag.selected').forEach(tag => {
                selected.push(tag.textContent);
            });
            return selected;
        }

        function renderTags() {
            tagContainer.innerHTML = '';
            const allTags = [...presetTags, ...customTags];
            const selectedSet = new Set(getAllSelectedTags()); // 保留之前选中的

            allTags.forEach(tagText => {
                const span = document.createElement('span');
                span.className = 'tag';
                if (customTags.includes(tagText)) {
                    span.classList.add('custom');
                }
                if (selectedSet.has(tagText)) {
                    span.classList.add('selected');
                }
                span.textContent = tagText;
                span.addEventListener('click', () => {
                    span.classList.toggle('selected');
                    updatePreview();
                });
                tagContainer.appendChild(span);
            });
        }

        function addCustomTag(tagText) {
            const trimmed = tagText.trim();
            if (!trimmed) return;
            if (presetTags.includes(trimmed) || customTags.includes(trimmed)) {
                showToast('该标签已存在');
                return;
            }
            customTags.push(trimmed);
            customTagInput.value = '';
            renderTags();
            updatePreview();
        }

        // 轻提示
        function showToast(msg) {
            toast.textContent = msg;
            toast.classList.add('show');
            clearTimeout(toast._timeout);
            toast._timeout = setTimeout(() => {
                toast.classList.remove('show');
            }, 2000);
        }

        // 更新预览区
        function updatePreview() {
            const name = nameInput.value.trim() || '李阳';
            const age = ageInput.value || '20';
            const gender = genderSelect.value;
            const role = roleInput.value.trim() || '大二学生';
            const appearance = appearanceTextarea.value.trim() || '普通学生模样，戴黑框眼镜';
            const perspective = perspectiveSelect.value;
            const selectedTags = getAllSelectedTags();
            const tagsStr = selectedTags.length > 0 ? selectedTags.join('、') : '无';

            // 开场架构 (刺激前奏)
            const opening = `晚饭后，你瘫在床上刷着手机。门突然被推开，月舒靠在门框上，眼神有点暗。她手里捏着你的笔记本电脑，屏幕冲着你的脸——那是一个精心归类的乱伦文件夹，标题被加粗放大。你浑身血都凉了。\n空气凝固了几秒。她把电脑往你床上一扔，反手锁上门，慢慢走过来，在你面前站定，低头看你。身上散发着迷人的气味。她开口，“儿子，你每天晚上就是看这些东西？”\n她微微弯腰，领口垂下来，露出饱满的弧度。”`;

            const previewText = `【玩家角色预设】\n姓名：${name}\n年龄：${age}\n性别：${gender}\n身份：${role}\n外貌：${appearance}\n人称视角：${perspective}\n性癖好：${tagsStr}\n\n【开场架构】\n${opening}`;

            previewDiv.textContent = previewText;
        }

        // 复制功能
        async function copyPreview() {
            const text = previewDiv.textContent || '';
            try {
                await navigator.clipboard.writeText(text);
                showToast('✅ 已复制到剪贴板');
            } catch (err) {
                // 降级方案
                const textarea = document.createElement('textarea');
                textarea.value = text;
                document.body.appendChild(textarea);
                textarea.select();
                document.execCommand('copy');
                document.body.removeChild(textarea);
                showToast('✅ 已复制（降级方案）');
            }
        }

        // ---------- 事件绑定 ----------
        addCustomBtn.addEventListener('click', () => addCustomTag(customTagInput.value));
        customTagInput.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                addCustomTag(customTagInput.value);
            }
        });

        // 表单变化时更新预览
        [nameInput, ageInput, genderSelect, roleInput, appearanceTextarea, perspectiveSelect].forEach(el => {
            el.addEventListener('input', updatePreview);
            el.addEventListener('change', updatePreview);
        });

        copyBtn.addEventListener('click', copyPreview);

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


被妈妈掌控精液的日子

你的母亲月舒曾是内衣模特，如今是全职主妇。39岁的她风韵犹存，奶子饱满，腰肢紧致，像一颗熟透的蜜桃。
父亲在外彩旗飘飘，她第一次失去对一个男人的掌控。于是她把所有扭曲的控制欲都倾注在了你身上——直到在你电脑里发现大量的乱伦收藏。她怒了，但也笑了。她决定用你最肮脏的欲望作为缰绳，重新把你拴回身边。
深夜、客厅、浴室、她的床上……每一个场景都变成“管教”的战场。她永远不会求饶，只会盯着你的眼睛，在你快要射的时候冷冷命令：“憋回去。”

暮雨

暮雨