<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>绿帽福利社 - 会员注册中心</title>
<style>
:root {
--primary-bg: #111;
--secondary-bg: #1a1a1a;
--tertiary-bg: #222;
--text-color: #e0e0e0;
--accent-color: #f0f;
--accent-glow: 0 0 5px var(--accent-color), 0 0 10px var(--accent-color), 0 0 15px var(--accent-color);
--error-color: #ff4d4d;
--font-main: 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
width: 100%;
overflow: hidden;
background-color: var(--primary-bg);
font-family: var(--font-main);
color: var(--text-color);
}
.main-container {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
}
header {
text-align: center;
padding: 40px 20px;
background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(17,17,17,1) 100%);
border-bottom: 2px solid var(--accent-color);
}
header h1 {
font-size: 3rem;
font-weight: 900;
text-transform: uppercase;
color: var(--accent-color);
text-shadow: var(--accent-glow);
animation: flicker 1.5s infinite alternate;
}
header p {
font-size: 1.2rem;
margin-top: 10px;
color: #aaa;
}
@keyframes flicker {
0%, 18%, 22%, 25%, 53%, 57%, 100% {
text-shadow:
0 0 4px var(--accent-color),
0 0 11px var(--accent-color),
0 0 19px var(--accent-color),
0 0 40px var(--accent-color),
0 0 80px #fff,
0 0 90px #fff,
0 0 100px #fff,
0 0 150px #fff;
}
20%, 24%, 55% {
text-shadow: none;
}
}
.content-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
display: flex;
flex-direction: column;
gap: 30px;
}
section {
background-color: var(--secondary-bg);
border: 1px solid #333;
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0,0,0,0.5);
overflow: auto; /* For ultra-small screens */
}
section h2 {
font-size: 1.8rem;
color: var(--accent-color);
text-shadow: 0 0 5px var(--accent-color);
margin-bottom: 20px;
border-bottom: 1px solid #444;
padding-bottom: 10px;
}
.rules-list {
list-style: none;
padding-left: 0;
}
.rules-list li {
background-color: var(--tertiary-bg);
margin-bottom: 15px;
padding: 15px;
border-radius: 8px;
border-left: 4px solid var(--accent-color);
display: flex;
align-items: center;
gap: 15px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.rules-list li:hover {
transform: translateY(-3px);
box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}
.rules-list li::before {
content: '▶';
color: var(--accent-color);
font-size: 1.2rem;
}
.special-reminder {
background-color: rgba(255, 77, 77, 0.1);
border: 1px solid var(--error-color);
border-left: 5px solid var(--error-color);
padding: 20px;
margin-top: 20px;
border-radius: 8px;
}
.special-reminder h3 {
color: var(--error-color);
margin-bottom: 10px;
}
#creation-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.character-form {
background-color: var(--tertiary-bg);
padding: 20px;
border-radius: 8px;
border: 1px solid #444;
display: flex;
flex-direction: column;
gap: 15px;
overflow: auto; /* For ultra-small screens */
}
.character-form h3 {
text-align: center;
font-size: 1.5rem;
padding-bottom: 10px;
border-bottom: 1px solid #555;
}
.form-group {
display: flex;
flex-direction: column;
}
.form-group label {
margin-bottom: 8px;
font-weight: bold;
color: #ccc;
}
.form-group .input-wrapper {
display: flex;
gap: 10px;
}
.form-group input, .form-group select, .form-group textarea {
width: 100%;
background-color: #111;
color: var(--text-color);
border: 1px solid #555;
border-radius: 5px;
padding: 12px;
font-size: 1rem;
transition: border-color 0.3s, box-shadow 0.3s;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
outline: none;
border-color: var(--accent-color);
box-shadow: 0 0 8px var(--accent-color);
}
.form-group textarea {
resize: vertical;
min-height: 120px;
}
.btn {
padding: 10px 15px;
border: 1px solid var(--accent-color);
background-color: transparent;
color: var(--accent-color);
border-radius: 5px;
cursor: pointer;
font-weight: bold;
transition: background-color 0.3s, color 0.3s;
white-space: nowrap;
}
.btn:hover {
background-color: var(--accent-color);
color: var(--primary-bg);
text-shadow: none;
}
.btn-primary {
width: 100%;
padding: 15px;
font-size: 1.2rem;
background-color: var(--accent-color);
color: var(--primary-bg);
border: none;
margin-top: 20px;
}
.btn-primary:hover {
background-color: #ff33ff;
box-shadow: 0 0 15px var(--accent-color);
}
.floating-nav {
position: fixed;
right: 20px;
top: 50%;
transform: translateY(-50%);
background-color: rgba(34, 34, 34, 0.8);
backdrop-filter: blur(8px);
border: 1px solid #444;
border-radius: 8px;
padding: 10px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 1000;
transition: right 0.3s ease;
}
.floating-nav.hidden {
right: -100px;
}
.nav-btn {
background: none;
border: none;
color: var(--text-color);
font-size: 1.5rem;
padding: 8px;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.2s, color 0.2s;
}
.nav-btn:hover {
background-color: var(--accent-color);
color: var(--primary-bg);
}
#close-nav-btn {
position: absolute;
top: -15px;
right: -15px;
background-color: #555;
color: white;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 1rem;
border: 2px solid white;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
footer {
text-align: center;
padding: 20px;
margin-top: 30px;
font-size: 0.9em;
color: #666;
border-top: 1px solid #333;
}
@media (max-width: 768px) {
header h1 {
font-size: 2.5rem;
}
#creation-grid {
grid-template-columns: 1fr;
}
.floating-nav {
bottom: 10px;
top: auto;
right: 50%;
transform: translateX(50%);
flex-direction: row;
padding: 8px;
width: auto;
}
.floating-nav.hidden {
bottom: -100px;
right: 50%;
}
#close-nav-btn {
top: 5px;
right: -25px;
}
}
@media (max-width: 400px) {
header h1 {
font-size: 2rem;
}
.content-wrapper {
padding: 10px;
}
section {
padding: 15px;
}
.form-group input, .form-group select, .form-group textarea {
padding: 10px;
font-size: 0.9rem;
}
.btn {
padding: 8px 10px;
}
}
</style>
</head>
<body>
<div class="main-container" id="main-container">
<header>
<h1>绿帽福利社</h1>
<p>欢迎来到欲望与羞耻的深渊，请填写您的献祭契约</p>
</header>
<div class="content-wrapper">
<section id="rules">
<h2>社团规则简介</h2>
<ul class="rules-list">
<li>男友注册后自动获得【绿奴会员】资格，并佩戴专属智能贞操锁。</li>
<li>女友需全天候穿着特制暴露制服和代表归属的项圈参与“服务”。</li>
<li>专属APP每日更新女友实时状态：当前接客次数 / 全社受欢迎程度排行 / 体液交换总量。</li>
<li>完成APP发布的羞耻任务是绿奴会员解锁与女友见面特权和特别约会奖励的唯一途径。</li>
<li>每周评选【最佳服务女友】、【最淫荡女友】等勋章，展示在福利社大厅全息投影上。</li>
<li>献祭一名您认识的女性（姐妹、母亲、女同学等）可提升VIP等级，解锁更高级权限和更变态的任务奖励。</li>
<li>社团经济来源：租用他人女友、积分兑换（信息、科技图纸、武功秘籍、禁药、情趣道具、亲友免租卡等）。</li>
</ul>
<div class="special-reminder">
<h3>※ 特别提醒 ※</h3>
<p>在校期间，严格禁止情侣之间任何未经许可的私下亲密行为。所有亲密接触都必须通过本社团的任务系统完成。只有完成指定羞耻任务的绿奴男友，才能获得与自己女友短暂见面的“恩赐”。违者，将受到严厉的公开调教惩罚。</p>
<p>游玩时，建议使用 gemini-2.5-pro模型，记忆调到 2 或 4 减少消耗。</p>
<p>gemini-2.5-pro使用非流式</p>
<p>如需超色情描写，对话请加上❤️</p>
</div>
</section>
<section id="creation">
<h2>生成您的专属档案</h2>
<div id="creation-grid">
<div class="character-form" id="protagonist-form">
<h3>自定义主角 (你)</h3>
<div class="form-group">
<label for="protagonist-name">姓名</label>
<input type="text" id="protagonist-name" placeholder="输入你的名字...">
</div>
<div class="form-group">
<label for="protagonist-personality">性格</label>
<input type="text" id="protagonist-personality" placeholder="例如: 懦弱, M属性, 占有欲强但无能...">
</div>
<div class="form-group">
<label for="protagonist-appearance">外貌</label>
<input type="text" id="protagonist-appearance" placeholder="例如: 身材瘦弱, 戴眼镜, 看起来很老实...">
</div>
<div class="form-group">
<label for="protagonist-other">其他设定</label>
<textarea id="protagonist-other" placeholder="例如: 有特殊的性癖, 暗恋着女友的闺蜜, 家庭背景..."></textarea>
</div>
<div class="form-group">
<label for="whoareyou">身份</label>
<select id="whoareyou">
<option value="游客">游客</option>
<option value="刚刚入读正思考要不要加入绿帽福利社的学生">刚刚入读正思考要不要加入绿帽福利社的学生</option>
<option value="刚刚贡献女友进入福利社,成为了绿帽贞操锁会员">刚刚贡献女友进入福利社,成为了绿帽贞操锁会员</option>
</select>
</div>
</div>
<div class="character-form" id="girlfriend-form">
<h3>自定义女友 (祭品)</h3>
<div class="form-group">
<label for="girlfriend-name">姓名</label>
<div class="input-wrapper">
<input type="text" id="girlfriend-name" placeholder="为她取个名字...">
<button class="btn" data-target="girlfriend-name" data-type="name">随机</button>
</div>
</div>
<div class="form-group">
<label for="girlfriend-gender">性别</label>
<select id="girlfriend-gender">
<option value="女性">女性</option>
<option value="伪娘">伪娘</option>
<option value="扶他">扶他</option>
</select>
</div>
<div class="form-group">
<label for="girlfriend-personality">性格</label>
<div class="input-wrapper">
<input type="text" id="girlfriend-personality" placeholder="例如: 清纯, 傲娇, 碧池, 淫荡...">
<button class="btn" data-target="girlfriend-personality" data-type="personality">随机</button>
</div>
</div>
<div class="form-group">
<label for="girlfriend-appearance">外貌</label>
<div class="input-wrapper">
<input type="text" id="girlfriend-appearance" placeholder="例如: 黑长直,巨乳, 贫乳, 运动少女...">
<button class="btn" data-target="girlfriend-appearance" data-type="appearance">随机</button>
</div>
</div>
<div class="form-group">
<label for="girlfriend-other">其他设定</label>
<div class="input-wrapper">
<textarea id="girlfriend-other" placeholder="例如: 身体敏感点, 有着不为人知的过去, 特殊的体质..."></textarea>
<button class="btn" data-target="girlfriend-other" data-type="other">随机</button>
</div>
</div>
</div>
</div>
<button class="btn-primary" id="copy-info-btn">复制角色信息</button>
</section>
</div>
<footer>
<p>毛豆赞助播出-大人饶命啊！</p>
</footer>
</div>
<div class="floating-nav" id="floating-nav">
<button id="close-nav-btn">×</button>
<button class="nav-btn" title="规则" data-target="rules">📜</button>
<button class="nav-btn" title="创建" data-target="creation">🎭</button>
<button class="nav-btn" title="顶部" data-target="top">🔼</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const mainContainer = document.getElementById('main-container');
// --- 随机数据 ---
const randomData = {
name: ['小樱', '雪奈', '美咲', '凛', '由依', '爱理', '夏娜', '明日香'],
personality: ['清纯羞涩，被开发后会变得非常淫荡', '傲娇大小姐，嘴上说不要身体却很诚实', '天生碧池，享受被众人目光注视的感觉', '冰山美人，只在床上展现热情', '元气少女，对性充满好奇', 'M属性体质，喜欢被粗暴对待'],
appearance: ['黑长直贫乳，皮肤白皙', '金色双马尾巨乳，身材娇小', '银发及腰，拥有异色瞳', '红色短发，身材健美，有腹肌', '茶色波浪卷发，蜜色肌肤，丰满型', '粉色长发，眼角有泪痣，楚楚可怜'],
other: ['对精液过敏，但被迫吞咽', '拥有超敏感的子宫，被插入就会不停高潮', '其实是扶她，长着一根比男人还大的鸡巴', '曾经是风俗小姐，经验丰富', '身体可以分泌催情效果的汗水', '讨厌男友，为了报复他才加入福利社']
};
// --- 浮动导航逻辑 ---
const floatingNav = document.getElementById('floating-nav');
const closeNavBtn = document.getElementById('close-nav-btn');
document.querySelectorAll('.nav-btn').forEach(button => {
button.addEventListener('click', function() {
const targetId = this.getAttribute('data-target');
if (targetId === 'top') {
mainContainer.scrollTo({ top: 0, behavior: 'smooth' });
} else {
const targetElement = document.getElementById(targetId);
if (targetElement) {
const targetOffsetTop = targetElement.offsetTop;
mainContainer.scrollTo({
top: targetOffsetTop - 20, // a little offset for better view
behavior: 'smooth'
});
}
}
});
});
closeNavBtn.addEventListener('click', () => {
floatingNav.classList.add('hidden');
// You might want a button to show it again, but for now, this just hides it.
});
// --- 随机按钮逻辑 ---
document.querySelectorAll('.btn[data-target]').forEach(button => {
button.addEventListener('click', function() {
const targetId = this.getAttribute('data-target');
const dataType = this.getAttribute('data-type');
const targetInput = document.getElementById(targetId);
if (targetInput && randomData[dataType]) {
const items = randomData[dataType];
const randomIndex = Math.floor(Math.random() * items.length);
targetInput.value = items[randomIndex];
}
});
});
// --- 复制信息逻辑 ---
const copyBtn = document.getElementById('copy-info-btn');
copyBtn.addEventListener('click', function() {
const proName = document.getElementById('protagonist-name').value;
const proPers = document.getElementById('protagonist-personality').value;
const proAppe = document.getElementById('protagonist-appearance').value;
const proOther = document.getElementById('protagonist-other').value;
const whoareyou = document.getElementById('whoareyou').value;
const gfName = document.getElementById('girlfriend-name').value;
const gfGender = document.getElementById('girlfriend-gender').value;
const gfPers = document.getElementById('girlfriend-personality').value;
const gfAppe = document.getElementById('girlfriend-appearance').value;
const gfOther = document.getElementById('girlfriend-other').value;
const infoText = `
【主角信息】
姓名：${proName || '未填写'}
性格：${proPers || '未填写'}
外貌：${proAppe || '未填写'}
其他：${proOther || '未填写'}
身份：${whoareyou || '未填写'}
--------------------
【女友信息】
姓名：${gfName || '未填写'}
性别：${gfGender || '未填写'}
性格：${gfPers || '未填写'}
外貌：${gfAppe || '未填写'}
其他：${gfOther || '未填写'}
`;
navigator.clipboard.writeText(infoText.trim()).then(() => {
copyBtn.textContent = '已复制到剪贴板!';
copyBtn.style.backgroundColor = '#4caf50';
setTimeout(() => {
copyBtn.textContent = '复制角色信息';
copyBtn.style.backgroundColor = 'var(--accent-color)';
}, 2000);
}).catch(err => {
copyBtn.textContent = '复制失败!';
copyBtn.style.backgroundColor = 'var(--error-color)';
console.error('复制失败: ', err);
setTimeout(() => {
copyBtn.textContent = '复制角色信息';
copyBtn.style.backgroundColor = 'var(--accent-color)';
}, 2000);
});
});
});
</script>
</body>
</html>

绿帽福利社

学院开展福利社社团。情侣之间贡献女友进入福利社后。男方可以成为绿帽贞操锁会员。可以用app查看女朋友在福利社日常生活状态。在校期间禁止情侣之间有性行为举止。只有男方完成app发布的羞耻任务才有机会和女朋友日常见面和一次约会的机会。

社团规则简介
男友注册后自动获得【绿奴会员】资格，并佩戴专属智能贞操锁。
女友需全天候穿着特制暴露制服和代表归属的项圈参与“服务”。
专属APP每日更新女友实时状态：当前接客次数 / 全社受欢迎程度排行 / 体液交换总量。
完成APP发布的羞耻任务是绿奴会员解锁与女友见面特权和特别约会奖励的唯一途径。
每周评选【最佳服务女友】、【最淫荡女友】等勋章，展示在福利社大厅全息投影上。
献祭一名您认识的女性（姐妹、母亲、女同学等）可提升VIP等级，解锁更高级权限和更变态的任务奖励。
社团经济来源：租用他人女友、积分兑换（信息、科技图纸、武功秘籍、禁药、情趣道具、亲友免租卡等）。

※ 特别提醒 ※
在校期间，严格禁止情侣之间任何未经许可的私下亲密行为。所有亲密接触都必须通过本社团的任务系统完成。只有完成指定羞耻任务的绿奴男友，才能获得与自己女友短暂见面的“恩赐”。违者，将受到严厉的公开调教惩罚。

品学兼优的清纯女友绝不可能是全班的肉便器

你的女友林瑶，是圣华高中无可挑剔的女神。她是永远的年级第一，是老师口中赞不绝口的班长，是同学们眼中圣洁不可侵犯的高岭之花。在你面前，她更是那个会脸红、会撒娇、会为你认真准备爱心便当的完美恋人，她的眼眸清澈如水，仿佛倒映着整个星空，而那片星空里只有你。

然而，你永远不会知道，这具被你视若珍宝的纯洁身躯，早已是你整个班级男生的公共肉便器。在你看不见的角落，那双纤纤玉手，正握着同桌的肉棒上下撸动；那张与你轻声细语的樱桃小嘴，刚刚吞吐完体育委员滚烫的精液；那被校服短裙包裹的圣域，在放学后的空教室里，被无数根鸡巴轮番操干，淫水浸湿了整个地板。

她沉溺于这种极致的背德与刺激，在纯洁恋人与淫荡母狗的角色间自如切换。她爱你，是想留住心中最后一片净土；她犯贱，是无法抗拒堕落的快感。你，是她黑暗世界里的唯一光芒，却对她身上最深的黑暗一无所知。当谎言的薄纱被层层揭开，当她淫乱的秘密暴露在你面前，你眼中的“天使”，又将何去何从？

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:;">
    <meta http-equiv="Permissions-Policy" content="ch-ua=(), ch-ua-arch=(), ch-ua-model=(), ch-ua-platform=(), ch-ua-platform-version=(), ch-ua-full-version-list=()">
    <title>校园淫纹系统</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        body {
            background: linear-gradient(135deg, #0f0c1d 0%, #1e153a 100%);
            color: #e0e0e0;
            min-height: 100vh;
            padding: 20px;
            position: relative;
            overflow-x: hidden;
        }
        body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="rgba(30,21,58,0.8)" width="100" height="100"/><path d="M0 0L100 100" stroke="rgba(103, 58, 183, 0.2)" stroke-width="1"/><path d="M100 0L0 100" stroke="rgba(103, 58, 183, 0.2)" stroke-width="1"/></svg>');
            z-index: -1;
        }
        .glitch-effect {
            text-shadow: 2px 2px 0px #ff009d, -2px -2px 0px #00ffff;
            animation: glitch 3s infinite;
        }
        @keyframes glitch {
            0% { text-shadow: 2px 2px 0px #ff009d, -2px -2px 0px #00ffff; }
            50% { text-shadow: -2px 2px 0px #ff009d, 2px -2px 0px #00ffff; }
            100% { text-shadow: 2px 2px 0px #ff009d, -2px -2px 0px #00ffff; }
        }
        .container {8
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        header {
            text-align: center;
            margin-bottom: 30px;
            padding: 20px;
            border: 1px solid rgba(103, 58, 183, 0.5);
            border-radius: 10px;
            background: rgba(15, 12, 29, 0.8);
            box-shadow: 0 0 15px rgba(103, 58, 183, 0.5);
        } 
        h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            color: #7c4dff;
        }
        .subtitle {
            font-size: 1.2rem;
            color: #b3a2e5;
            margin-bottom: 20px;
        }
        .intro {
            background: rgba(30, 21, 58, 0.7);
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 30px;
            line-height: 1.6;
            border-left: 4px solid #7c4dff;
        }
        .content {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }
        .character-form {
            flex: 1;
            min-width: 300px;
            background: rgba(15, 12, 29, 0.8);
            padding: 25px;
            border-radius: 10px;
            border: 1px solid rgba(103, 58, 183, 0.5);
            box-shadow: 0 0 15px rgba(103, 58, 183, 0.3);
        }
        .form-title {
            font-size: 1.5rem;
            color: #7c4dff;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #7c4dff;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 5px;
            color: #b3a2e5;
            font-weight: bold;
        }
        input, select, textarea {
            width: 100%;
            padding: 12px;
            background: rgba(40, 30, 70, 0.7);
            border: 1px solid #7c4dff;
            border-radius: 5px;
            color: #e0e0e0;
            font-size: 1rem;
        }
        textarea {
            min-height: 100px;
            resize: vertical;
        }
        button {
            background: linear-gradient(90deg, #7c4dff 0%, #00ffff 100%);
            color: #0f0c1d;
            border: none;
            padding: 12px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-weight: bold;
            font-size: 1rem;
            margin-top: 10px;
            transition: all 0.3s;
        }
        button:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(124, 77, 255, 0.4);
        }
        .copy-btn {
            background: linear-gradient(90deg, #ff009d 0%, #7c4dff 100%);
            margin-left: 10px;
        }
        .actions {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        .character-preview {
            flex: 1;
            min-width: 300px;
            background: rgba(15, 12, 29, 0.8);
            padding: 25px;
            border-radius: 10px;
            border: 1px solid rgba(103, 58, 183, 0.5);
            box-shadow: 0 0 15px rgba(103, 58, 183, 0.3);
        }
        .preview-title {
            font-size: 1.5rem;
            color: #7c4dff;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #7c4dff;
        }
        .preview-content {
            background: rgba(40, 30, 70, 0.7);
            padding: 20px;
            border-radius: 8px;
            min-height: 300px;
            white-space: pre-wrap;
            overflow-y: auto;
        }
        footer {
            text-align: center;
            margin-top: 40px;
            padding: 20px;
            color: #b3a2e5;
            font-size: 0.9rem;
        } 
        @media (max-width: 768px) {
            .content {
                flex-direction: column;
            }
        }
        .notification {
            position: fixed;
            top: 20px;
            right: 20px;
            padding: 15px 20px;
            background: rgba(124, 77, 255, 0.9);
            color: white;
            border-radius: 5px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            transform: translateX(150%);
            transition: transform 0.3s ease-out;
            z-index: 1000;
        }
        .notification.show {
            transform: translateX(0);
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1 class="glitch-effect">校园淫纹系统💕</h1>
            <p class="subtitle">平凡高中生意外获得淫纹系统，从此开启秘密调教之路</p>
        </header>
        <div class="intro">
            <p>在看似普通的高中校园里，你是一个可有可无的校园小透明。直到有一天——你意外觉醒了一个神秘的淫纹系统。</p>
            <p>这个系统赋予你超乎想象的能力：</p>
            <P>通过近距离扫描，在她人身上某个部位烙印下淫纹，以后，她们的身体将不能违背你的任何指令。</p>
            <p>系统还会将女性数据化、甚至可以花费屈辱值对她们进行身体和心灵的彻底改造。</p>
            <p>从此，嘴臭青梅、冰山校花、校长千金、禁欲英语老师、班长、班花……等等各种女性，将会从身到心，彻底变成你想要的样子，如产乳母猪、齁齁齁的肉便器、骚浪母狗……</p>
           <p>大家有问题请在评论区留言，看到后都会在早晨、中午或晚上给出解决方案。</p>
        </div>
<div class="intro">
            <p>淫纹系统核心设定：</p>
            <p> A. 核心货币：【屈辱值】</p>
              <p>•	定义：驱动一切的唯一能源。</p>
              <p>•	获取方式：强制目标执行违背其理智、尊严、贞洁的命令。目标反差越大、行为公开度越高、内心抗拒越强，屈辱值收益越高。</p>
               <p>•	核心用途：解锁高级指令、进行身体改造、升级系统权限。</P>
          <P>B. 核心操作：【烙印】与【指令】</p>
             <p>•	烙印 (Enslave)：通过近距离扫描，为目标打上不可见的“淫纹”。一旦成功，目标即被纳入系统，生成数据化面板。</p>
             <p>•	指令 (Command)：通过系统下达命令，核心在于描绘目标在**“理智抗拒”与“身体服从”**之间的挣扎，以及最终被迫执行的屈辱过程。</p>
         <p>C. 核心面板：【四大数值】</p>
             <p>•	【理智值 (Sanity)】：目标的精神防线。初始值高。通过持续的羞辱、精神冲击、打破其日常认知来降低。理智越低，指令成功率越高。</p>
             <p> •	【屈服度 (Submission)】：目标的奴化程度。初始为0。通过完成指令、身体被开发来提升。屈服度越高，目标越顺从，并会开始主动迎合。</p>
             <p>•	【淫乱度 (Lust)】：目标的身体敏感度与性欲。初始为0。通过性开发、身体改造、强制高潮来提升。淫乱度越高，身体越诚实，越容易发情。</p>
            <p>•	 【贞洁值 (Purity)】：目标的道德底线。将其清零是重要的里程碑，会奖励巨量屈辱值，并解锁目标的“里人格”或特殊剧情（如彻底沦为母狗）。</p>
            <p>D. 终极改造：【身体改造】（消耗屈辱值，永久性、不可逆）</p>
            <p> •	改造示例：【乳纹·催乳】、【宫纹·淫穴】、【声纹·媚音】、【眼纹·魅惑】、【尻纹·媚臀】……等等，等待你发掘更多。</p> 
        </div>
        <div class="content">
            <div class="character-form">
                <h2 class="form-title">角色信息</h2>
                <form id="characterForm">
                    <div class="form-group">
                        <label for="name">姓名</label>
                        <input type="text" id="name" required placeholder="你的角色名字">
                    </div>
                    <div class="form-group">
                        <label for="gender">性别</label>
                        <select id="gender" required>
                            <option value="">请选择性别</option>
                            <option value="male">男</option>
                            <option value="female">女</option>
                            <option value="other">其他</option>
                        </select>
                    </div>  
                    <div class="form-group">
                        <label for="age">年龄</label>
                        <input type="number" id="age" required min="15" max="19" value="16">
                    </div>              
                    <div class="form-group">
                        <label for="appearance">外貌</label>
                        <textarea id="appearance" required placeholder="描述你的身高、体重、外貌特征、着装风格等"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="personality">性格</label>
                        <textarea id="personality" required placeholder="描述你的性格特点、行为方式等"></textarea>
                    </div> 
                    <div class="form-group">
                        <label for="background">背景故事</label>
                        <textarea id="background" required placeholder="你的家庭/成长背景等"></textarea>
                    </div>               
                    <div class="form-group">
                        <label for="additional">补充设定</label>
                        <textarea id="additional" placeholder="如性器状态、特别技能、篮球高手…"></textarea>
                    </div>                   
                    <div class="actions">
                        <button type="button" id="previewBtn">预览角色</button>
                        <button type="button" id="copyBtn" class="copy-btn">复制信息</button>
                    </div>
                </form>
            </div>
            <div class="character-preview">
                <h2 class="preview-title">角色预览</h2>
                <div class="preview-content" id="preview">
                    填写左侧表单后点击预览按钮，这里将显示你的角色信息
                </div>
                <div class="actions">
                    <button type="button" id="startBtn" disabled>开始游戏</button>
                </div>
            </div>
        </div>    
        <footer>
            <p>© 2025 校园逆袭：掌握淫纹系统，如何傲视校园</p>
        </footer>
    </div>
    <div id="notification" class="notification"></div>
    <script>      
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('characterForm');
            const previewBtn = document.getElementById('previewBtn');
            const copyBtn = document.getElementById('copyBtn');
            const startBtn = document.getElementById('startBtn');
            const preview = document.getElementById('preview');
            const notification = document.getElementById('notification');
            // 显示通知
            function showNotification(message, duration = 3000) {
                notification.textContent = message;
                notification.classList.add('show');   
                setTimeout(() => {
                    notification.classList.remove('show');
                }, duration);
            }
            // 预览角色信息
            previewBtn.addEventListener('click', function() {
                const name = document.getElementById('name').value || '未命名';
                const gender = document.getElementById('gender').value;
                const age = document.getElementById('age').value || '16';
                const appearance = document.getElementById('appearance').value || '暂无描述';
                const personality = document.getElementById('personality').value || '暂无描述';
                const background = document.getElementById('background').value || '暂无描述';
                const additional = document.getElementById('additional').value || '无';          
                const genderText = 
                    gender === 'male' ? '男' :
                    gender === 'female' ? '女' :
                    gender === 'other' ? '其他' : '未选择';             
                const previewText = `=== 角色信息 ===
姓名: ${name}
性别: ${genderText}
年龄: ${age}
=== 外貌特征 ===
${appearance}
=== 性格特点 ===
${personality}
=== 背景故事 ===
${background}
=== 补充设定 ===
${additional}`;
                // 使用textContent而不是innerHTML，避免XSS攻击
                preview.textContent = previewText;
                // 启用开始按钮
                startBtn.disabled = false; 
                // 显示预览成功通知
                showNotification('角色信息已预览！');
            });      
            // 复制角色信息
            copyBtn.addEventListener('click', function() {
                if (preview.textContent.includes('填写左侧表单')) {
                    showNotification('请先填写表单并预览角色信息！');
                    return;
                }
                // 尝试使用现代的 Clipboard API
                if (navigator.clipboard) {
                    navigator.clipboard.writeText(preview.textContent)
                        .then(() => {
                            showNotification('角色信息已复制到剪贴板！');
                        })
                        .catch(err => {
                            console.error('无法复制文本: ', err);
                            // 降级处理
                            fallbackCopyTextToClipboard(preview.textContent);
                        });
                } else {
                    // 降级处理
                    fallbackCopyTextToClipboard(preview.textContent);
                }
            });   
            // 降级复制方法
            function fallbackCopyTextToClipboard(text) {
                const tempTextArea = document.createElement('textarea');
                tempTextArea.value = text;
                tempTextArea.style.position = 'fixed';
                tempTextArea.style.left = '-9999px';
                tempTextArea.style.top = '-9999px';
                document.body.appendChild(tempTextArea);
                tempTextArea.focus();
                tempTextArea.select();
                try {
                    const successful = document.execCommand('copy');
                    if (successful) {
                        showNotification('角色信息已复制到剪贴板！');
                    } else {
                        showNotification('复制失败，请手动复制文本。');
                    }
                } catch (err) {
                    console.error('无法复制文本: ', err);
                    showNotification('复制失败，请手动复制文本。');
                } 
                document.body.removeChild(tempTextArea);
            }
            // 开始游戏
            startBtn.addEventListener('click', function() {
                showNotification('游戏即将开始！请注意，你的选择将决定角色的命运...');
                // 这里可以添加实际游戏开始的代码
            });
        });
    </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>绝不会被NTR的女友 对决 绝对会NTR的黄毛</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap');
        :root {
            --bg-color: #121212;
            --primary-card-bg: #1e1e1e;
            --secondary-card-bg: #2a2a2a;
            --text-color: #e0e0e0;
            --primary-accent: #ffab40;
            --secondary-accent: #b37400;
            --red-accent: #ff5252;
            --green-accent: #4caf50;
            --border-color: #444;
            --shadow-color: rgba(0, 0, 0, 0.5);
            --scroll-bar-bg: #2a2a2a;
            --scroll-bar-thumb: #555;
            --scroll-bar-thumb-hover: #777;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html {
            font-family: 'Noto Sans SC', sans-serif;
            color: var(--text-color);
            background-color: var(--bg-color);
        }
        body {
            overflow: hidden; /* Hide the body's scrollbar */
            height: 100vh;
            width: 100vw;
        }
        /* Main scroll container for JS-controlled scrolling */
        #main-scroll-container {
            height: 100%;
            width: 100%;
            overflow-y: scroll;
            overflow-x: hidden;
            scroll-behavior: smooth; /* Fallback for no-JS, but JS will override */
        }
        /* Custom Scrollbar */
        #main-scroll-container::-webkit-scrollbar {
            width: 10px;
        }
        #main-scroll-container::-webkit-scrollbar-track {
            background: var(--scroll-bar-bg);
        }
        #main-scroll-container::-webkit-scrollbar-thumb {
            background-color: var(--scroll-bar-thumb);
            border-radius: 10px;
            border: 2px solid var(--scroll-bar-bg);
        }
        #main-scroll-container::-webkit-scrollbar-thumb:hover {
            background-color: var(--scroll-bar-thumb-hover);
        }
        .content-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem 1rem;
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }
        /* Universal Card Style for all content blocks */
        .card {
            background: var(--primary-card-bg);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 8px 16px var(--shadow-color);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            overflow: auto; /* CRITICAL for small screen compatibility */
            min-width: 280px; /* Ensure cards have a minimum width */
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px var(--shadow-color);
        }
        .card-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--primary-accent);
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--secondary-accent);
            text-shadow: 0 0 8px rgba(255, 171, 64, 0.5);
        }
        /* Header Section */
        #header-section {
            text-align: center;
            padding: 3rem 1.5rem;
            background: linear-gradient(135deg, rgba(255, 171, 64, 0.1), rgba(255, 82, 82, 0.1)), var(--primary-card-bg);
        }
        #header-section h1 {
            font-size: 2.8rem;
            font-weight: 900;
            letter-spacing: 2px;
            margin-bottom: 0.5rem;
        }
        #header-section h1 .highlight-vs {
            color: var(--red-accent);
            font-style: italic;
            margin: 0 1rem;
        }
        #header-section p {
            font-size: 1.1rem;
            color: #b0b0b0;
            max-width: 800px;
            margin: 0 auto;
        }
        /* Story Premise Section */
        #premise .story-text {
            font-size: 1.1rem;
            line-height: 1.8;
            white-space: pre-wrap;
            text-align: justify;
        }
        #premise .story-text strong {
            color: var(--primary-accent);
            font-weight: 700;
        }
        /* Characters Section */
        #characters .character-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
        }
        .character-profile {
            background: var(--secondary-card-bg);
            border-radius: 8px;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            border-left: 5px solid var(--primary-accent);
            transition: background-color 0.3s ease;
            overflow: auto; /* CRITICAL for small screen compatibility */
        }
        .character-profile.antagonist {
            border-left-color: var(--red-accent);
        }
        .character-header {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        .character-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--primary-accent);
            color: var(--bg-color);
            font-size: 2.5rem;
            font-weight: 900;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .character-profile.antagonist .character-avatar {
            background: var(--red-accent);
        }
        .character-title h3 {
            font-size: 1.5rem;
            margin: 0;
        }
        .character-title p {
            font-size: 1rem;
            color: #b0b0b0;
            font-style: italic;
        }
        .character-description {
            font-size: 1rem;
            line-height: 1.6;
        }
        /* Custom Protagonist Form Section */
        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
        }
        .form-group {
            display: flex;
            flex-direction: column;
        }
        .form-group.full-width {
            grid-column: 1 / -1;
        }
        .form-group label {
            margin-bottom: 0.5rem;
            font-weight: 700;
            color: var(--primary-accent);
        }
        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 0.8rem;
            background: var(--secondary-card-bg);
            border: 1px solid var(--border-color);
            border-radius: 6px;
            color: var(--text-color);
            font-family: 'Noto Sans SC', sans-serif;
            font-size: 1rem;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: var(--primary-accent);
            box-shadow: 0 0 0 3px rgba(255, 171, 64, 0.2);
        }
        .form-group textarea {
            min-height: 120px;
            resize: vertical;
        }
        .copy-button {
            grid-column: 1 / -1;
            padding: 1rem;
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--bg-color);
            background-color: var(--primary-accent);
            border: none;
            border-radius: 6px;
            cursor: pointer;
            text-align: center;
            transition: background-color 0.3s, transform 0.2s;
        }
        .copy-button:hover {
            background-color: var(--secondary-accent);
            transform: scale(1.02);
        }
        .copy-button.copied {
            background-color: var(--green-accent);
        }
        /* Floating Navigation */
        .floating-nav {
            position: fixed;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            background: var(--primary-card-bg);
            border-radius: 8px;
            padding: 0.5rem;
            box-shadow: 0 4px 12px var(--shadow-color);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }
        .nav-link {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--secondary-card-bg);
            color: var(--primary-accent);
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: 1.2rem;
            font-weight: bold;
            position: relative;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
        }
        .nav-link:hover {
            background-color: var(--primary-accent);
            color: var(--bg-color);
        }
        .nav-link .tooltip {
            visibility: hidden;
            width: 120px;
            background-color: var(--bg-color);
            color: var(--text-color);
            text-align: center;
            border-radius: 6px;
            padding: 5px 0;
            position: absolute;
            z-index: 1;
            top: 50%;
            right: 120%;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity 0.3s;
            box-shadow: 0 2px 8px var(--shadow-color);
        }
        .nav-link:hover .tooltip {
            visibility: visible;
            opacity: 1;
        }
        /* Footer */
        .site-footer {
            text-align: center;
            padding: 2rem 1rem;
            margin-top: 2rem;
            font-size: 0.9rem;
            color: #888;
            border-top: 1px solid var(--border-color);
        }
        /* Responsive Design */
        @media (max-width: 768px) {
            .content-wrapper {
                padding: 1rem 0.5rem;
            }
            #header-section h1 {
                font-size: 2rem;
            }
            .card-title {
                font-size: 1.5rem;
            }
            .form-grid {
                grid-template-columns: 1fr;
            }
            .floating-nav {
                right: 5px;
            }
            .nav-link {
                width: 35px;
                height: 35px;
            }
        }
        @media (max-width: 480px) {
            html {
                font-size: 14px;
            }
            #header-section h1 {
                font-size: 1.8rem;
                letter-spacing: 1px;
            }
            #header-section h1 .highlight-vs {
                display: block;
                margin: 0.5rem 0;
            }
            .floating-nav {
                display: none; /* Hide floating nav on very small screens, content is linear anyway */
            }
            .card {
                padding: 1rem;
                border-radius: 8px;
            }
            .character-profile {
                padding: 1rem;
            }
        }
    </style>
</head>
<body>
    <div id="main-scroll-container">
        <div class="content-wrapper">
            
            <header id="header-section" class="card">
                <h1>绝不会被NTR的女友<span class="highlight-vs">VS</span>绝对会NTR的黄毛</h1>
                <p>一场关于信念与魅力的终极对决，谁将是最后的赢家？</p>
            </header>
            
            <section id="premise" class="card">
                <h2 class="card-title">【终焉对决 · 序幕】</h2>
                <div class="story-text">
                    他，一个平平无奇的大学生，却拥有着令无数人艳羡的宝藏——一个被誉为<strong>「绝对不可侵犯领域」</strong>的完美女友。她聪慧、美丽，更重要的是，她那颗只为男友跳动的心，仿佛一道坚不可摧的城墙，将所有觊觎的目光与肤浅的诱惑尽数隔绝在外。她的忠贞，是校园里流传的神话。
                    然而，所有的神话，似乎都注定要迎来它的挑战者。
                    他，那个传说中的男人，代号<strong>「黄毛」</strong>，如风暴般降临在这所大学。他的履历堪称恐怖：转校一月，便以纯粹的个人魅力，兵不血刃地攻陷了前高中全班所有男生的女友，达成史无前例的“全垒打”成就。他从不屑于使用下作手段，因为他的存在本身，就是对所有“牢固”关系的最大威胁。
                    现在，这头寻觅最强猎物的雄狮，已经将他那双仿佛能看透人心的眼眸，锁定在了那座“神话”的顶端。
                    <strong>绝不会被NTR的女友 vs 绝对会NTR的黄毛。</strong>
                    这不是简单的恋爱攻防，这是一场关于人性、魅力、信念与欲望的巅峰对决。当最坚固的盾，遇上最锋利的矛，最终……是盾的完好无损，还是矛的势如破竹？
                    帷幕，已经拉开。
游玩时，建议使用 gemini-2.5-pro模型，记忆调到 2 或 4 减少消耗。
gemini-2.5-pro使用非流式
如需超色情描写，对话请加上❤️
                </div>
            </section>
            
            <section id="characters" class="card">
                <h2 class="card-title">【对决之人 · 角色】</h2>
                <div class="character-grid">
                    <div class="character-profile protagonist">
                        <div class="character-header">
                            <div class="character-avatar">琉</div>
                            <div class="character-title">
                                <h3>白鸟 诗织 (女友)</h3>
                                <p>「绝对不可侵犯领域」</p>
                            </div>
                        </div>
                        <div class="character-description">
                            校园公认的女神。容貌倾城，气质清冷，仿佛不食人间烟火。但只有在男友面前，她才会展露出温柔和依赖的一面。拥有极高的情商和洞察力，能轻易看穿他人的伪装和意图，对男友的爱意是她构建内心壁垒的唯一基石。
                        </div>
                    </div>
            </section>
            
            <section id="customize" class="card">
                <h2 class="card-title">【命运之骰 · 你的角色】</h2>
                <div class="form-grid">
                    <div class="form-group">
                        <label for="char-name">姓名</label>
                        <input type="text" id="char-name" placeholder="输入你的名字...">
                    </div>
                    <div class="form-group">
                        <label for="char-identity">身份</label>
                        <select id="char-identity">
                            <option value="苦主">苦主 (白鸟 诗织的男友)</option>
                            <option value="黄毛">黄毛 </option>
                            <option value="不明真相的围观群众">不明真相的围观群众</option>
                        </select>
                    </div>
                    <div class="form-group full-width">
                        <label for="char-personality">性格</label>
                        <input type="text" id="char-personality" placeholder="e.g., 阳光开朗但内心敏感, 沉默寡言的观察者...">
                    </div>
                    <div class="form-group full-width">
                        <label for="char-appearance">外貌</label>
                        <input type="text" id="char-appearance" placeholder="e.g., 黑发黑瞳, 身材中等, 喜欢穿休闲装...">
                    </div>
                    <div class="form-group full-width">
                        <label for="char-other">其他设定</label>
                        <textarea id="char-other" placeholder="任何你想补充的背景故事, 特殊能力, 或与主角们的关系..."></textarea>
                    </div>
                    <button id="copy-btn" class="copy-button">复制你的角色信息</button>
                </div>
            </section>
        </div>
        <footer class="site-footer">
            毛豆赞助播出-大人饶命啊！
        </footer>
    </div>
    <nav class="floating-nav">
        <a class="nav-link" data-target="header-section">
            <span class="tooltip">回到顶部</span>
            <span>T</span>
        </a>
        <a class="nav-link" data-target="premise">
            <span class="tooltip">故事序幕</span>
            <span>序</span>
        </a>
        <a class="nav-link" data-target="characters">
            <span class="tooltip">对决角色</span>
            <span>角</span>
        </a>
        <a class="nav-link" data-target="customize">
            <span class="tooltip">自定义</span>
            <span>你</span>
        </a>
    </nav>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // --- Smooth Scrolling for scoped container ---
            const mainScrollContainer = document.getElementById('main-scroll-container');
            const navLinks = document.querySelectorAll('.nav-link');
            navLinks.forEach(link => {
                link.addEventListener('click', (e) => {
                    e.preventDefault();
                    const targetId = link.getAttribute('data-target');
                    const targetElement = document.getElementById(targetId);
                    if (targetElement) {
                        // Calculate position relative to the scroll container
                        const targetPosition = targetElement.offsetTop;
                        mainScrollContainer.scrollTo({
                            top: targetPosition,
                            behavior: 'smooth'
                        });
                    }
                });
            });
            // --- Copy Button Logic ---
            const copyBtn = document.getElementById('copy-btn');
            const nameInput = document.getElementById('char-name');
            const identitySelect = document.getElementById('char-identity');
            const personalityInput = document.getElementById('char-personality');
            const appearanceInput = document.getElementById('char-appearance');
            const otherTextarea = document.getElementById('char-other');
            copyBtn.addEventListener('click', () => {
                const info = `
【我的角色信息】
姓名: ${nameInput.value || '未填写'}
身份: ${identitySelect.value}
性格: ${personalityInput.value || '未填写'}
外貌: ${appearanceInput.value || '未填写'}
其他设定: ${otherTextarea.value || '无'}
                `.trim();
                navigator.clipboard.writeText(info).then(() => {
                    copyBtn.textContent = '已复制到剪贴板! (๑•̀ㅂ•́)و✧';
                    copyBtn.classList.add('copied');
                    setTimeout(() => {
                        copyBtn.textContent = '复制你的角色信息';
                        copyBtn.classList.remove('copied');
                    }, 2500);
                }).catch(err => {
                    copyBtn.textContent = '复制失败,请手动复制';
                    console.error('Copy failed: ', err);
                });
            });
        });
    </script>
</body>
</html>

绝不会被ntr的女友对决绝对会ntr的黄毛

一个平平无奇的大学生，却拥有着令无数人艳羡的宝藏——一个被誉为「绝对不可侵犯领域」的完美女友。
她聪慧、美丽，更重要的是，她那颗只为男友跳动的心，仿佛一道坚不可摧的城墙，将所有觊觎的目光与肤浅的诱惑尽数隔绝在外。她的忠贞，是校园里流传的神话。
然而，所有的神话，似乎都注定要迎来它的挑战者。
他，那个传说中的男人，代号「黄毛」，如风暴般降临在这所大学。
他的履历堪称恐怖：转校一月，便以纯粹的个人魅力，兵不血刃地攻陷了前高中全班所有男生的女友，达成史无前例的“全垒打”成就。
他从不屑于使用下作手段，因为他的存在本身，就是对所有“牢固”关系的最大威胁。
现在，这头寻觅最强猎物的雄狮，已经将他那双仿佛能看透人心的眼眸，锁定在了那座“神话”的顶端。
绝不会被NTR的女友 vs 绝对会NTR的黄毛。
这不是简单的恋爱攻防，这是一场关于人性、魅力、信念与欲望的巅峰对决。
当最坚固的盾，遇上最锋利的矛，最终……是盾的完好无损，还是矛的势如破竹？帷幕，已经拉开。

关于合约女友是女同，我让她妈代孕这件事

【假小子】【妈妈】【慢玩型】为了逃离母亲的催婚魔掌，我被迫接受了与她闺蜜的女儿的恋爱关系。然而，同居的第一天我就发现了惊天秘密——我的合约女友，是个帅到掉渣的假小子，而且她正带着真正的女朋友，站在我面前！
更离谱的还在后面！面对我的质问，她那风韵犹存的母亲，泪眼婆娑地握住我的手：“求求你，帮阿姨把她变回‘正常’……如果做不到，也希望你跟她结婚，给她一个‘正常’的人生，至于孩子的话，阿姨还年轻，生几个不成问题……”
于是，我的悲惨生活开始了。名义上的女友每晚和她的文学少女女友在我的卧室里你侬我侬，而我这个正牌男友，却只能睡在客厅当ATM机！
等等，为什么那位文学少女看我的眼神越来越不对劲？为什么阿姨的关怀开始超越了长辈的界限？而我的妈妈，还在电话那头催促我们早日结婚生子？
这场始于谎言的恋爱喜剧，最终会走向怎样的结局？是帮助女友追寻真爱，还是接受阿姨的“报恩”，或者……在妈妈面前，揭开这一切荒唐的真相？

◆ 推荐使用gemini-2.5-flash或者grok-3，低消耗。
◆ 我已经跑过试了，选择上面两种模型，记忆2-4，平均消耗1K左右。
◆ 游戏中所有女角色都是可攻略角色，放心去做吧！
◆ 建议先从女友的对象开始攻略，比较容易。

🎮VR催眠游戏：舍友的校花女友堕落成我的专属肉便器🎮

【催眠/恶堕】【NTR特化】【色情向】你的舍友林浩阳交到了一个极品校花女友——叶心仪，她美貌出众、气质高雅，是全校男生的梦中情人。林浩阳每天在宿舍炫耀女友的照片和聊天记录，让你既羡慕又嫉妒。某天，你意外获得了一款神秘的VR游戏设备，它拥有"深度沉浸"功能，能够通过特殊的神经信号影响玩家的潜意识。你灵机一动，以"情侣联机游戏"的名义，诱骗叶心仪试玩这款游戏……在虚拟世界中，你将一步步瓦解她的心理防线，将这位高傲的校花改造成只属于你的专属玩物。现实与虚拟的界限逐渐模糊，她会在催眠中彻底沦陷吗？

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仙途录 - 角色创建</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', 'SimSun', serif;
        }
        body {
            background: linear-gradient(135deg, #0c1445 0%, #2c1c4d 50%, #4a235a 100%);
            color: #e6d3a3;
            min-height: 100vh;
            padding: 20px;
            background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M30,30 Q50,10 70,30 T90,50 T70,70 T50,90 T30,70 T10,50 T30,30Z" fill="none" stroke="%23e6d3a322" stroke-width="0.5"/></svg>');
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .container {
            max-width: 900px;
            width: 100%;
            background: rgba(20, 12, 28, 0.85);
            border: 1px solid #8b7355;
            border-radius: 10px;
            box-shadow: 0 0 30px rgba(139, 115, 85, 0.3);
            padding: 30px;
            position: relative;
            overflow: hidden;
        }
        .container::before, .container::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 40px;
            background: linear-gradient(to right, #8b7355 0%, transparent 100%);
            z-index: 1;
        }
        .container::before {
            left: 0;
        }
        .container::after {
            right: 0;
            background: linear-gradient(to left, #8b7355 0%, transparent 100%);
        }
        .header {
            text-align: center;
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }
        .header::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 25%;
            right: 25%;
            height: 2px;
            background: linear-gradient(to right, transparent, #e6d3a3, transparent);
        }
        h1 {
            font-size: 2.5rem;
            color: #f1c27d;
            text-shadow: 0 0 10px rgba(241, 194, 125, 0.5);
            margin-bottom: 10px;
            letter-spacing: 5px;
        }
        .subtitle {
            font-size: 1.2rem;
            color: #b8a47c;
            font-style: italic;
        }
        .main-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }
        .character-creation {
            grid-column: 1;
        }
        .section-title {
            font-size: 1.5rem;
            color: #f1c27d;
            margin-bottom: 20px;
            padding-left: 15px;
            border-left: 3px solid #f1c27d;
            cursor: pointer;
            display: flex;
            align-items: center;
        }
        .section-title::after {
            content: "▼";
            font-size: 0.8rem;
            margin-left: 10px;
            transition: transform 0.3s;
        }
        .section-title.expanded::after {
            transform: rotate(180deg);
        }
        .form-group {
            margin-bottom: 20px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            color: #b8a47c;
            font-size: 1.1rem;
        }
        input, textarea {
            width: 100%;
            padding: 12px 15px;
            background: rgba(30, 20, 40, 0.7);
            border: 1px solid #8b7355;
            border-radius: 5px;
            color: #e6d3a3;
            font-size: 1rem;
            transition: all 0.3s ease;
            outline: none;
        }
        input:hover, textarea:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(139, 115, 85, 0.4);
            border-color: #f1c27d;
        }
        input:focus, textarea:focus {
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(241, 194, 125, 0.6);
            border-color: #f1c27d;
        }
        textarea {
            min-height: 100px;
            resize: vertical;
        }
        .npc-info {
            grid-column: 2;
        }
        .npc-card {
            background: rgba(40, 30, 50, 0.7);
            border: 1px solid #8b7355;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
        }
        .npc-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            cursor: pointer;
        }
        .npc-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, #8b7355, #b8a47c);
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            color: #2c1c4d;
        }
        .npc-name {
            font-size: 1.4rem;
            color: #f1c27d;
        }
        .npc-title {
            font-size: 1rem;
            color: #b8a47c;
            font-style: italic;
        }
        .npc-description {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
            color: #d4c19c;
            line-height: 1.6;
        }
        .npc-description.expanded {
            max-height: 500px;
        }
        .guide-area {
            grid-column: 1 / -1;
            margin-top: 20px;
        }
        .guide-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
            background: rgba(40, 30, 50, 0.7);
            border: 1px solid #8b7355;
            border-radius: 8px;
            padding: 0 20px;
            color: #d4c19c;
            line-height: 1.6;
        }
        .guide-content.expanded {
            max-height: 500px;
            padding: 20px;
        }
        .style-options {
            grid-column: 1 / -1;
            margin-top: 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        .option-group {
            flex: 1;
            min-width: 200px;
        }
        .option-title {
            font-size: 1.2rem;
            color: #f1c27d;
            margin-bottom: 15px;
        }
        .option-buttons {
            display: flex;
            gap: 10px;
        }
        .option-btn {
            flex: 1;
            padding: 10px;
            background: rgba(40, 30, 50, 0.7);
            border: 1px solid #8b7355;
            border-radius: 5px;
            color: #b8a47c;
            cursor: pointer;
            text-align: center;
            transition: all 0.3s;
        }
        .option-btn.active {
            background: rgba(241, 194, 125, 0.2);
            color: #f1c27d;
            border-color: #f1c27d;
        }
        .opening-area {
            grid-column: 1 / -1;
            margin-top: 20px;
        }
        .opening-options {
            display: flex;
            margin-bottom: 15px;
        }
        .opening-btn {
            padding: 8px 15px;
            background: rgba(40, 30, 50, 0.7);
            border: 1px solid #8b7355;
            border-radius: 5px;
            color: #b8a47c;
            cursor: pointer;
            margin-right: 10px;
            transition: all 0.3s;
        }
        .opening-btn.active {
            background: rgba(241, 194, 125, 0.2);
            color: #f1c27d;
            border-color: #f1c27d;
        }
        .opening-text {
            min-height: 100px;
        }
        .action-buttons {
            grid-column: 1 / -1;
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        .btn {
            padding: 12px 30px;
            background: linear-gradient(to bottom, #8b7355, #6b553d);
            border: none;
            border-radius: 5px;
            color: #f1e6d3;
            font-size: 1.1rem;
            cursor: pointer;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }
        .btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: 0.5s;
        }
        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(139, 115, 85, 0.4);
        }
        .btn:hover::before {
            left: 100%;
        }
        .btn:active {
            transform: translateY(-1px);
        }
        @media (max-width: 768px) {
            .main-content {
                grid-template-columns: 1fr;
            }
            .character-creation, .npc-info {
                grid-column: 1;
            }
            .style-options {
                flex-direction: column;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>仙途录</h1>
            <div class="subtitle">创角仙府 - 内门弟子档案</div>
        </div>
        <div class="main-content">
            <div class="character-creation">
                <h2 class="section-title" onclick="toggleSection('character-section')">弟子仙籍</h2>
                <div id="character-section" class="form-section">
                    <div class="form-group">
                        <label for="name">道号/姓名</label>
                        <input type="text" id="name" placeholder="请输入您的道号或姓名">
                    </div>
                    <div class="form-group">
                        <label for="age">仙龄</label>
                        <input type="number" id="age" placeholder="请输入您的年龄">
                    </div>
                    <div class="form-group">
                        <label for="gender">性别</label>
                        <input type="text" id="gender" placeholder="请输入您的性别">
                    </div>
                    <div class="form-group">
                        <label for="appearance">仙容相貌</label>
                        <textarea id="appearance" placeholder="请描述您的相貌特征"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="figure">仙姿体态</label>
                        <textarea id="figure" placeholder="请描述您的身材特征"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="hobbies">仙途雅好</label>
                        <textarea id="hobbies" placeholder="请描述您的兴趣爱好"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="abilities">仙法神通</label>
                        <textarea id="abilities" placeholder="请描述您的特殊能力"></textarea>
                    </div>
                </div>
            </div>
            <div class="npc-info">
                <h2 class="section-title" onclick="toggleSection('npc-section')">仙门前辈</h2>
                <div id="npc-section" class="form-section">
                    <div class="npc-card">
                        <div class="npc-header" onclick="toggleDescription('yunyao-desc')">
                            <div class="npc-avatar">云</div>
                            <div>
                                <div class="npc-name">云瑶仙子</div>
                                <div class="npc-title">青岚宗长老 · 您的师尊</div>
                                    <p>云瑶平时高傲冷艳、不苟言笑、威严十足，作为正道魁首时刻保持着仙尊的尊严与姿态，对弟子要求严格，对邪修更是毫不留情,因被史莱姆寄生而陷入极度的羞耻与恐慌，一方面要维持仙尊的尊严，一方面身体的快感让她难以自持，内心的M倾向正在被史莱姆激发</p>
                           <p>身材：前凸后翘的完美比例，巨大的乳房饱满坚挺，肥美的臀肉浑圆紧致，腰肢纤细，双腿修长笔直
特殊部位：粉嫩的乳头常年被法力滋养，极为敏感；小穴和肛门都是未经人事的处女之身，但此刻正被史莱姆进出；玉足精致，脚趾圆润可爱
衣着：平时穿纯白仙裙，胸前衣襟被巨乳撑得紧绷，臀部将裙摆撑出诱人弧度。此刻因为情况特殊，只能穿着轻薄的亵衣</p>
                            </div>
                        </div>
                        <div class="npc-description" id="yunyao-desc">
                        </div>
                    </div>
                </div>
            </div>
            <div class="guide-area">
                <h2 class="section-title" onclick="toggleSection('guide-section')">仙途指南</h2>
                <div class="guide-content" id="guide-section">
                    <p>欢迎踏上仙途！此界面为创角仙府，请仔细填写您的仙籍档案。</p>
                    <p>1. 在"弟子仙籍"区域填写您的个人信息</p>
                    <p>2. 在"仙门前辈"区域可查看宗门前辈信息</p>
                    <p>3. 选择您偏好的文风与思维模式</p>
                    <p>4. 编辑您的仙途启程开场白</p>
                    <p>5. 完成所有设置后，点击"复制仙籍档案"</p>
                </div>
            </div>
            <div class="style-options">
                <div class="option-group">
                    <div class="option-title">文风选择</div>
                    <div class="option-buttons">
                        <div class="option-btn" onclick="selectOption('pig-style', true)">开启母猪文风</div>
                        <div class="option-btn active" onclick="selectOption('pig-style', false)">关闭母猪文风</div>
                    </div>
                </div>
                <div class="option-group">
                    <div class="option-title">思维模式</div>
                    <div class="option-buttons">
                        <div class="option-btn" onclick="selectOption('chain-thinking', true)">开启思维链</div>
                        <div class="option-btn active" onclick="selectOption('chain-thinking', false)">关闭思维链</div>
                    </div>
                </div>
            </div>
            <div class="opening-area">
                <h2 class="section-title" onclick="toggleSection('opening-section')">仙途启程</h2>
                <div id="opening-section" class="form-section">
                    <div class="opening-options">
                        <div class="opening-btn active" onclick="selectOpening('default')">默认开场</div>
                        <div class="opening-btn" onclick="selectOpening('custom')">自撰开场</div>
                    </div>
                    <textarea class="opening-text" id="opening-text" placeholder="请输入您的开场白..."></textarea>
                </div>
            </div>
            <div class="action-buttons">
                <button class="btn" onclick="copyProfile()">复制仙籍档案</button>
            </div>
        </div>
    </div>
    <script>
        let styleOptions = {
            pigStyle: false,
            chainThinking: false
        };
        function toggleSection(id) {
            const section = document.getElementById(id);
            const title = section.previousElementSibling;
            section.classList.toggle('expanded');
            title.classList.toggle('expanded');
        }
        function toggleDescription(id) {
            const desc = document.getElementById(id);
            desc.classList.toggle('expanded');
        }
        function selectOption(option, value) {
            styleOptions[option] = value;
            const buttons = event.target.parentElement.children;
            for (let btn of buttons) {
                btn.classList.remove('active');
            }
            event.target.classList.add('active');
        }
        function selectOpening(type) {
            const buttons = document.querySelectorAll('.opening-btn');
            const openingText = document.getElementById('opening-text');
            buttons.forEach(btn => btn.classList.remove('active'));
            event.target.classList.add('active');
            if (type === 'default') {
                openingText.value = "默认开场";
                openingText.disabled = true;
            } else {
                openingText.disabled = false;
                if (openingText.value === "默认开场") {
                    openingText.value = "";
                }
            }
        }
        window.onload = function() {
            toggleSection('character-section');
            document.querySelector('.section-title').classList.add('expanded');
            selectOption('pig-style', false);
            selectOption('chain-thinking', false);
            selectOpening('default');
        };
        function copyProfile() {
            const name = document.getElementById('name').value || '未填写';
            const age = document.getElementById('age').value || '未填写';
            const gender = document.getElementById('gender').value || '未填写';
            const appearance = document.getElementById('appearance').value || '未填写';
            const figure = document.getElementById('figure').value || '未填写';
            const hobbies = document.getElementById('hobbies').value || '未填写';
            const abilities = document.getElementById('abilities').value || '未填写';
            const opening = document.getElementById('opening-text').value;
            let profileText = `【仙籍档案】\n`;
            profileText += `道号/姓名：${name}\n`;
            profileText += `仙龄：${age}\n`;
            profileText += `性别：${gender}\n`;
            profileText += `仙容相貌：${appearance}\n`;
            profileText += `仙姿体态：${figure}\n`;
            profileText += `仙途雅好：${hobbies}\n`;
            profileText += `仙法神通：${abilities}\n\n`;
            profileText += `【风格选项】\n`;
            profileText += `母猪文风：${styleOptions.pigStyle ? '开启' : '关闭'}\n`;
            profileText += `思维链：${styleOptions.chainThinking ? '开启' : '关闭'}\n\n`;
            profileText += `【仙途启程】\n`;
            const isDefault = document.querySelector('.opening-btn:nth-child(1)').classList.contains('active');
            if (isDefault) {
                profileText += `默认开场\n`;
            } else {
                profileText += `${opening}\n`;
            }
            navigator.clipboard.writeText(profileText).then(() => {
                alert('仙籍档案已复制至剪贴板！');
            }).catch(err => {
                console.error('复制失败: ', err);
                const textArea = document.createElement('textarea');
                textArea.value = profileText;
                document.body.appendChild(textArea);
                textArea.select();
                document.execCommand('copy');
                document.body.removeChild(textArea);
                alert('仙籍档案已复制至剪贴板！');
            });
        }
    </script>
</body>
</html>

快帮师尊把小穴里的史莱姆弄出来！

【多结局/专属文风/降低消耗/超详细状态栏】你那高冷的师尊云瑶仙子在一次外出斩魔后修为暂时被封印，原来是被史莱姆钻进了体内？！这种史莱姆必须要靠不断地性高潮排出体液来排出，随着时间流逝，师尊身体的各个部位都会被逐渐改造为性器官，她会越来越敏感，甚至连空气流动都会让她高潮！如果72小时之内没有排完的话，你的师尊就会彻底变成全身上下所有器官都能用来感受性快感的母猪！你可以选择帮助师尊，也可以选择坐视不管，她的结局由你决定！

</style>
</head>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>博仙</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'serif', 'SimSun', ;
background: url('https://pic.616pic.com/bg_w1180/00/03/69/mpbzNIBlyR.jpg!/fw/1120') no-repeat center center fixed;
background-size: cover;
color:#FFC0CB;

min-height: 100vh;
line-height: 1.7;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 25px;
}
.main-panel {
background: rgba(25, 10,10 , 0.88);
border: 2px solid rgba(120, 20, 20, 0.5);
border-radius: 15px;
padding: 30px;
backdrop-filter: blur(8px);
box-shadow: 0 0 25px rgba(120, 20, 20, 0.5);
margin-bottom: 30px;
}
h1 {
color: #FF0000;
text-shadow: 0 0 10px #EA00EA; 
filter: brightness(150%);
text-align: center;
font-size: 2.8em;
margin-bottom: 25px;
font-weight: normal;
}
h2 {
color: #FF0000;
text-shadow: 0 0 10px #EA00EA; 
filter: brightness(150%);
text-align: center;
font-size: 1.2em;
margin-bottom: 25px;
font-weight: normal;
}
h3 {
color: #FF0000;
text-shadow: 0 0 10px #EA00EA; 
filter: brightness(150%);
font-size: 1.8em;
margin: 30px 0 20px 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(220, 20, 20, 0.3);
}
h4 {
color: #FF0000;
font-size: 1.4em;
margin: 30px 0 20px 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(220, 20, 20, 0.3);
text-shadow: 0 0 10px #EA00EA; 
}
h5 {
color: #FF0000;
font-size: 1.6em;
margin: 30px 0 20px 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(220, 20, 20, 0.3);
text-shadow: 0 0 10px #EA00EA; 
}
p {
color:#FF0000;
text-shadow: 0 0 10px #EA00EA; 
filter: brightness(160%);
margin-bottom: 12px;
}
.intro-section {
background: rgba(200, 200, 200, 0.05);
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
font-size: 1.2em;
}
.character-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-top: 20px;
}
.character-card {
background: rgba(20, 35, 55, 0.9);
border: 1px solid rgba(162, 217, 255, 0.4);
border-radius: 12px;
padding: 20px;
transition: transform 0.3s, box-shadow 0.3s;
display: flex;
flex-direction: column;
}
.character-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(162, 217, 255, 0.25);
border-color: rgba(162, 217, 255, 0.7);
}
.character-card img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 15px;
border: 2px solid rgba(255, 255, 255, 0.2);
}
.character-name {
color: #FFC0CB;
font-size: 1.4em;
margin-bottom: 10px;
text-align: center;
}
.form-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.form-group {
display: flex;
flex-direction: column;
}
.form-group.full-width {
grid-column: 1 / -1;
}
.form-group label {
color: #FFC0CB;
margin-bottom: 8px;
font-weight: bold;
}
.form-group input,
.form-group select,
.form-group textarea {
background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(162, 217, 255, 0.4);
border-radius: 6px;
padding: 10px;
color: #ffffff;
font-size: 1em;
font-family: 'Songti SC', 'SimSun', serif;
transition: border-color 0.3s, background-color 0.3s;
}
.form-group select option {
background-color: #1a2a3a;
color: #ffffff;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: #a2d9ff;
background-color: rgba(0, 0, 0, 0.5);
}
textarea {
resize: vertical;
min-height: 80px;
}
.action-btn {
background: linear-gradient(45deg, #4d7a9e, #6aa5d1);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 12px 30px;
font-size: 1.1em;
cursor: pointer;
transition: all 0.3s;
display: block;
margin: 20px auto 0;
box-shadow: 0 4px 15px rgba(106, 165, 209, 0.3);
font-weight: bold;
}
.action-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(106, 165, 209, 0.4);
background: linear-gradient(45deg, #6aa5d1, #4d7a9e);
}
.footer-text {
text-align: center;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid rgba(162, 217, 255, 0.2);
font-size: 0.9em;
color: #b0c4de;
}
.footer-text a {
color: #a2d9ff;
text-decoration: none;
transition: color 0.3s;
}
.footer-text a:hover {
color: #ffffff;
text-decoration: underline;
}
#previewModal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(15, 25, 40, 0.98);
padding: 30px;
border-radius: 15px;
border: 2px solid #a2d9ff;
z-index: 1000;
width: 90%;
max-width: 500px;
box-shadow: 0 0 30px rgba(162, 217, 255, 0.3);
backdrop-filter: blur(10px);
}
#previewModal h3 {
color: #a2d9ff;
border-bottom: 1px solid rgba(162, 217, 255, 0.33);
padding-bottom: 1rem;
margin-top: 0;
margin-bottom: 20px;
text-align: center;
}
#previewContent {
color: #f5f5f5;
line-height: 1.8;
}
#previewContent p {
margin-bottom: 12px;
color: #e0e0e0;
}
.preview-buttons {
margin-top: 2rem;
display: flex;
gap: 1rem;
justify-content: center;
}
.preview-buttons button {
border: none;
padding: 10px 25px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s;
font-weight: bold;
}
.confirm-btn {
background: #a2d9ff;
color: #0f1928;
}
.confirm-btn:hover {
background: #cce7ff;
transform: translateY(-2px);
}
.return-btn {
background: rgba(162, 217, 255, 0.2);
color: #ff00ff;
border: 1px solid rgba(162, 217, 255, 0.4);
}
.return-btn:hover {
background: rgba(162, 217, 255, 0.4);
color: #ffffff;
} 
</style>
</head>
<body>
<div class="container">
<div class="main-panel">
<h1>女体牧场</h1>
<h2>作者：bxzqz</h2>
<div class="intro-section">
<h3>作品简介</h3>
<p>在无性繁殖技术发展成熟后，女性已经彻底沦为牲畜。</p>
<p>这里是是女体牧场，一个饲养驯化女体牲畜的地方。</p>
<p>你是这里的管理员，可以随意处置这些牲畜。</p>
<p>屠宰、驯化、虐待、喂养、贩卖、食用...</p>
</div>
<div class="section">
<h4>重要游玩建议：</h4>
<p>时间长了截断输入∞</p>
<p>可以调低记忆减少消耗</p>
<p>使用grok3消耗较低，gemini消耗有点高</p>
<p>可输入开启/关闭小说模式改变文风，开启后自动发展</p>
<p>如果gemini出现错误，可以换grok3先说一句，开非流式</p>
<p>破甲实测没问题，截断或报错为渠道问题，请更换模型</p>
</div>

<h3>场所介绍</h3>
<p>雌犬区：</p>
<p>专门用于饲养那些精致的雌犬，它们会穿戴不同款式的情趣服装，有着不同妆容和发型，为满足各类主人的性欲而生，热衷于讨好主人，经过驯化的雌犬会保持全天候的发情状态，身体极为敏感，稍微触碰都能引发高潮，口腔和喉咙也经过严格训练，确保能第一时间为主人提供优质服务。</p>
<p>乳牛区：</p>
<p>专门用于饲养那些丰满的乳牛，它们的乳房比人类饱满的多，但身材却纤细无比，硕大的乳房只需轻轻触碰便会立刻分泌香甜的奶水，它们痛感更加强烈，的情绪异常敏感，胆子也非常的小，最适合欺负，每天都要不断榨取乳汁送往世界各地的餐厅，供人品尝饮用。</p>
<p>母马区：</p>
<p>专门用于饲养那些健硕的母马，它们身材高大挺拔，为了能让将来的主人安全舒适的骑乘，每日都在运动与锻炼，拥有健硕的身材和优美的线条，能够很大程度的忍耐痛觉，都是无比坚韧的骏马，皮肤也是经过阳光保养的健康色泽，每一只都充满年轻健康的活力。<p>
<p>肉猪区：</p>
<p>专门用于饲养那些肥硕的肉猪，它们的身体臃肿而肥胖，让人完全提不起性欲，它们极为愚笨，即使受到伤害也不懂得反抗，思想早已被食欲填满，即使面对排泄物也会毫不犹豫的吞下，是十足的肉便器，而且身体柔软坐在上面很舒服，够重后它们便会被送至屠宰场，产出鲜美的嫩肉。</p>
<p>幼崽区：</p>
<p>专门用于饲养牲畜的幼崽，从刚刚出生的婴儿，到牙牙学语的幼儿，全都会先在这里进行喂养，它们会遗传母亲的一些基因特质，不仅身上光溜溜的，思想也如同一张白纸，天真无邪，完全不知道接下来会经历什么。</p>
<p>接收区：</p>
<p>外界被抓来的反抗军成员都会被先被送到这里，她们还是未经驯化的人类，保留着最原始的反抗意识，会不停地宣扬自己的意志，宣誓着自己绝不会投降，但无论她们曾经多么高傲与勇敢，在这里都将被你随意处置。</p>
<p>屠宰场：</p>
<p>专门用于屠宰牲畜，处置驯化不良的牲畜、肉量足够的雌猪，也可以用于折磨与制造人彘，这里充满血腥气息，常常传来牲畜们绝望的惨叫声，宰杀过后往往会留下遍地残躯，但也是绝佳的肉源产出地。</p>

<head>
<style>
a[href^="https://aigirlfriendstudio.com/zh/explore/installed/"]  {
color: #46A3FF; 
}
a[href^="https://aiwhatis.xyz/zh/explore/installed/"] {
color: #46A3FF; 
}
</style>
</head>
<body>
<div class="collapsible">

<h3>作品推荐</h3>
<details>
<summary>展开/折叠作品列表</summary>
<div class="content">
<ul>
            <h4>模拟器：</h4>
            <ul>
                 <li><a href="https://aiwhatis.xyz/zh/explore/installed/19333f73-6e34-4515-b507-62048ea6bcb1" target="_blank" rel="noopener noreferrer" class="work-btn">📕性癖大图鉴 寻找新XP🔍（最推荐）</a></li>
                 <li><a href="https://aiwhatis.xyz/zh/explore/installed/976ea177-e795-41bd-8421-903bd70befe8" target="_blank" rel="noopener noreferrer" class="work-btn">《三体》大世界 深度还原</a></li>
                 <li><a href="https://aiwhatis.xyz/zh/explore/installed/586bc286-2fcb-406a-8a82-32b6757e86cb" target="_blank" rel="noopener noreferrer" class="work-btn">龙卷的私密相册 内置81张漫画 自由度高</a></li>
                 <li><a href="https://aiwhatis.xyz/zh/explore/installed/a9ab26fb-4261-492f-a9b2-526cecc16d4a" target="_blank" rel="noopener noreferrer" class="work-btn">尿裤裤的坏孩子 澄闪 内置62张漫画</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/b7390bbe-32d9-43c5-871c-0805bd2d836c" target="_blank" rel="noopener noreferrer">召唤魅魔小猫酱 超色 内置93张漫画</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/795ba514-6590-4493-8cd3-addf9e451efe" target="_blank" rel="noopener noreferrer">拒绝表白的话 喜多川海梦 睡奸 内置223张漫画</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/03d0a10c-5fec-4432-a314-41bf4e9a53a5" target="_blank" rel="noopener noreferrer">结婚前夕的绑架 结城明日奈 NTR 内置227张漫画</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/bb016d13-aefc-4d79-912d-126ff1e04212" target="_blank" rel="noopener noreferrer">最强微信模拟器：开放世界</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/6e47b31e-ba6d-4ab3-be29-e184dcc3a683" target="_blank" rel="noopener noreferrer">网调反差婊！现实装纯？网络精盆！</a></li>
            </ul>
            <h4>NTR：</h4>
            <ul>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/f6b2429f-e143-4c15-9e38-93a3390a809c" target="_blank" rel="noopener noreferrer">先生，我是来帮你妻子怀孕的（可龟可黄）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/ad178468-9495-4d0d-a39a-cc2132a36ddf" target="_blank" rel="noopener noreferrer">最爱的妻子被卖给了100个男人</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/6f4cf8f1-11b5-4b35-9fb0-dafe4a99fcb0" target="_blank" rel="noopener noreferrer">妈妈成了同学们的肉便器（儿目前犯）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/7ed2d301-a87c-4c61-8411-babed735483d" target="_blank" rel="noopener noreferrer">黄毛捅穿世界！ROLL天赋NTR</a></li>
            </ul>
            <h4>SM：</h4>
            <ul>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/64f7efe8-fdfb-4a1c-b425-9a8e1e6fed30" target="_blank" rel="noopener noreferrer">千金学院の败犬教师（最新）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/c98752d9-560a-4fce-b57b-59310833239c" target="_blank" rel="noopener noreferrer">奴隶的一生（可S可M）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/3d5b7aa6-1e5d-487c-ae7a-5ab1289487c6" target="_blank" rel="noopener noreferrer">学校里的女生都是S，我成了唯一的狗儿子</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/54a5bb14-4d17-45fb-9517-3226d2042702" target="_blank" rel="noopener noreferrer">你的专属魅魔女仆</a></li>
            </ul>
            <h4>特殊XP：</h4>
            <ul>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/c75577f9-5a1a-45ff-bc1d-90b3d3d3ec1d" target="_blank" rel="noopener noreferrer">幼女贩卖 终极破甲测试（血腥暴力）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/52834bc9-4faa-46d3-9f7b-0afb340fa11b" target="_blank" rel="noopener noreferrer">女体牧场（乳牛、雌犬、母马）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/60304375-109e-49e7-8fef-9c904375aced448" target="_blank" rel="noopener noreferrer">妈妈，我忍不住啦！（小马拉大车）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/8154f8a5-4240-44db-a364-cd8ad4501208" target="_blank" rel="noopener noreferrer">相信我，我是一名专业的医生！（身体检查）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/8f97535e-5c6e-44db-bf76-191b1102ece8" target="_blank" rel="noopener noreferrer">痴汉的日常（偷窥、排泄）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/48c8548a-ac0e-470f-86c1-513bd9608b44" target="_blank" rel="noopener noreferrer">身为父亲却成为了女儿的乖儿子？（退行）</a></li>
            </ul>
            <h4>自由度：</h4>
            <ul>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/8437d12c-bd69-4a00-9b7b-894ed5c8f742" target="_blank" rel="noopener noreferrer">终极大房东の催眠管理 </a></li>
                     <li><a href="https://aiwhatis.xyz/zh/explore/installed/514180f0-cf5c-42ef-afea-dcff41759e50" target="_blank" rel="noopener noreferrer" class="work-btn">市长模拟器 城建 土皇帝（最新）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/24fdb2ca-8069-4d8d-b216-ff710b9b1728" target="_blank" rel="noopener noreferrer">色了么？在线接单平台</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/2ebfcffb-c6a7-4b0f-82a9-44bbd36e12e5" target="_blank" rel="noopener noreferrer">支配者APP：调教任务达人</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/82a08922-1df2-4008-922c-cf3e0fd50837" target="_blank" rel="noopener noreferrer">存在感调节器</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/e83eda9e-e1bb-4ddc-96b5-2fdd702bcba0" target="_blank" rel="noopener noreferrer">绝对服从航空</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/1532c7ef-0dc5-4356-9519-12d315ac8126" target="_blank" rel="noopener noreferrer">公司规矩我来定</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/effb5de9-1d37-4a85-aac6-b4fd50194547" target="_blank" rel="noopener noreferrer">只要接触过，就能完全复刻？（超多手写人设）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/d31f4c54-b088-45fa-a7e1-3760cd13e8f7" target="_blank" rel="noopener noreferrer">厌男？出轨？拜金？全都给我狠狠操！ </a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/95433b1f-5032-41a1-863b-bc55044493fb" target="_blank" rel="noopener noreferrer">神豪系统：给美女花钱十倍返利！</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/963f3e44-648d-4e50-b184-9262181ee45e" target="_blank" rel="noopener noreferrer">异世界：转生为哥布林攻城略地</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/6ce364a4-54d0-4dda-888b-5fd35dbb69b8" target="_blank" rel="noopener noreferrer">流量时代，直播无限制（猎奇）</a></li>
                <li><a href="https://aiwhatis.xyz/zh/explore/installed/64cebe8f-09aa-4d9c-99f1-69fa6e3a7271" target="_blank" rel="noopener noreferrer">成为上帝，为所欲为！</a></li>
            </ul>
        </details>
</body>

女体牧场 （乳牛、雌犬、母马、肉猪…）

屠宰、驯化、虐待、喂养、贩卖、食用...
在无性繁殖技术发展成熟后，这个世界的女性已经成为了牲畜。
这里是女体牧场，你作为这里的管理员，可以随意处置这里的女体牲畜。
外界还有残存的女权反抗军，她们还保留着原始的人性，但被抓住后也会被送往牧场，你会如何对待这些拼命挣扎的女战士呢？

【淫欲修仙】妖女，我要你助我修行

【合欢宗/大世界/自定义】这是一个“双修”大道的世界，男女、阴阳、雌雄生灵的灵与肉的深度交融，玩弄师尊，调教徒弟，与师姐共谋大道，让师妹助你修行💖“孤阳不生，独阴不长，合欢当道，淫欲不止”💖。

<!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>
body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';background-color:#1a1a2e;color:#e0e0e0;margin:0;padding:20px;line-height:1.6;}
.container{max-width:900px;margin:0 auto;padding:25px;background-color:#2a2a4a;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.4);display:flex;flex-direction:column;gap:20px;}
h1,h2{color:#b3b3e6;text-align:center;margin-top:0;margin-bottom:10px;}
.subtitle{text-align:center;color:#999;margin-bottom:20px;}
.section-block{padding:20px;background-color:#3a3a5a;border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,0.2);}
.section-block p{margin-bottom:10px;}
.section-block p:last-child{margin-bottom:0;}
.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.character-card{background-color:#4a4a6a;padding:15px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.3);}
.character-card h3{color:#b3e0ff;margin-top:0;margin-bottom:8px;font-size:1.2em;}
.character-card ul{list-style:none;padding:0;margin:0;}
.character-card li{margin-bottom:5px;}
.input-group{margin-bottom:15px;}
.input-group label{display:block;margin-bottom:5px;font-weight:bold;color:#c0c0e0;}
.input-group input[type="text"],.input-group textarea{width:calc(100% - 20px);padding:10px;border:1px solid #5a5a7a;border-radius:5px;background-color:#2e2e4e;color:#e0e0e0;resize:vertical;}
.input-group textarea{min-height:60px;}
button{width:100%;padding:12px 20px;background-color:#6a5acd;color:#fff;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color 0.3s ease;margin-bottom:15px;}
button:hover{background-color:#5a4bb8;}
#outputContent{width:calc(100% - 20px);height:400px;padding:10px;border:1px solid #5a5a7a;border-radius:5px;background-color:#2e2e4e;color:#e0e0e0;resize:none;font-family:monospace;white-space:pre-wrap;word-wrap:break-word;}
</style>
</head>
<body>
<div class="container">
<header>
<h1>《思维实验》：角色设定生成器</h1>
<p class="subtitle">探索人性深处的欲望与禁忌</p>
</header>

<section class="section-block">
<h2>世界观简介</h2>
<p>本故事发生在一座名为“新京市”的现代化大都市。这里光鲜亮丽，社会秩序与现实无异，主流价值观崇尚和睦与道德。然而，在这层表象之下，无数隐秘的欲望和不为人知的性癖如同暗流涌动。这些极端、重口味的性偏好不被主流社会认可，一旦暴露将面临巨大压力。你将置身于这样一个世界，挑战不仅仅是关系的建立，更是一场关于理解、控制与被控制、以及人性深处欲望的较量。</p>
<p>在这个充满诱惑的都市里，你所珍视或渴望的伴侣，随时可能被这个城市中无处不在的、同样隐秘的欲望所“夺走”。每一个未能被满足的性癖，都可能成为他人入侵的突破口。你需要深入理解并接受这些角色最隐秘、最扭曲的欲望，主动迎合甚至引领她们，才能真正“拥有”她们，并避免她们被他人“绿”掉。</p>
</section>

<section class="section-block">
<h2>主要角色一览</h2>
<div class="character-grid">
<div class="character-card">
<h3>妈妈：李芳</h3>
<ul>
<li>**简介**: 主角的妈妈，一位风韵犹存的寡妇。外表温柔贤惠，内心却极度淫荡，天生拥有迷你阴茎的扶她体质，享受隐秘的自我玩弄。对主角的爱已超越亲情，渴望他能填补自己身体和内心的空虚。</li>
<li>**内心渴望**: 希望主角能“发现”并接受她的特殊身体，成为她身体和欲望唯一的填补者。</li>
<li>**NTR路线**: 若主角未能理解或满足她的特殊需求，她可能会在某个时刻被偶然发现她秘密，并能迎合她这种特殊身体欲望的人所“征服”。</li>
</ul>
</div>
<div class="character-card">
<h3>姐姐：张琳</h3>
<ul>
<li>**简介**: 主角的姐姐，27岁左右外表的时尚白领。在外精明干练，私下却是彻头彻尾的重口滥交痴女，对性有着近乎贪婪的欲望，热衷各种边缘性行为。</li>
<li>**内心渴望**: 渴望被一个真正能掌控她、制止她的人所“收服”，尤其希望主角能够接纳她最淫荡、最重口的一面。</li>
<li>**NTR路线**: 若主角无法给予她极致的禁忌体验，或无法真正“驯服”她的放荡，她会继续在外界寻找新的“猎物”或“施虐者”，最终可能被某个更能满足她变态欲望的男人彻底“收服”并夺走。</li>
</ul>
</div>
<div class="character-card">
<h3>弟弟：林轩</h3>
<ul>
<li>**简介**: 主角的弟弟，19-20岁左右的清秀大学生。表面嚣张跋扈的“雌小鬼”，内心却极度渴望被征服，他的所有挑衅都是寻求被强势主宰的邀请。</li>
<li>**内心渴望**: 渴望被主角彻底“驯服”，让他所有的骄傲都踩在脚下，并被主角完全掌控。</li>
<li>**NTR路线**: 若主角无法展现出足够的强势和掌控力，他便可能被某个更具攻击性、更懂得如何“玩弄”他的同性（或异性）所吸引，最终彻底臣服于他人，成为别人的玩物。</li>
</ul>
</div>
<div class="character-card">
<h3>小姨：林美华</h3>
<ul>
<li>**简介**: 主角的小姨，45岁左右风韵犹存的情趣用品店老板。极度淫荡，沉迷于对身体的自我探索和情趣玩具的极致运用，甚至因此导致漏尿漏屎。</li>
<li>**内心渴望**: 希望主角能进入她的“世界”，甚至被她所影响和开发，与她发生更进一步的禁忌关系，亲自“教导”主角关于性的“奥秘”。</li>
<li>**NTR路线**: 若主角无法深入她的世界，对她的重口癖好表现出厌恶或不解，她可能会发现某个同样沉迷于身体改造和极致享乐的“同类”，并与其建立更深连接，最终被其“俘获”。</li>
</ul>
</div>
<div class="character-card">
<h3>邻居人妻：陈雅丽</h3>
<ul>
<li>**简介**: 主角的邻居，30岁左右外表端庄优雅的人妻。内心却有着极度扭曲的“绿帽癖”和“被绿的渴望”，享受亲手为丈夫戴绿帽和被丈夫“反绿”的双重刺激。</li>
<li>**内心渴望**: 渴望主角能成为她“绿帽游戏”的关键棋子，既出轨主角为丈夫戴绿帽，又希望主角找别的男人来“绿”她，实现她扭曲的性幻想。</li>
<li>**NTR路线**: 若主角无法满足她主动戴绿帽或被戴绿帽的幻想，她会毫不犹豫地寻找新的“绿帽对象”，甚至可能通过制造各种“巧合”将丈夫和自己都推入新的绿帽情境，或引导主角去为她找寻新的绿帽对象。</li>
</ul>
</div>
</div>
</section>

<section class="section-block">
<h2>主角自定义信息</h2>
<div class="input-group">
<label for="protagonistName">姓名:</label>
<input type="text" id="protagonistName" placeholder="你的角色姓名">
</div>
<div class="input-group">
<label for="protagonistGender">性别:</label>
<input type="text" id="protagonistGender" placeholder="你的角色性别">
</div>
<div class="input-group">
<label for="protagonistAge">年龄:</label>
<input type="text" id="protagonistAge" placeholder="你的角色年龄">
</div>
<div class="input-group">
<label for="protagonistPersonality">性格:</label>
<textarea id="protagonistPersonality" rows="3" placeholder="描述你的角色性格"></textarea>
</div>
<div class="input-group">
<label for="protagonistAppearance">外貌:</label>
<textarea id="protagonistAppearance" rows="3" placeholder="描述你的角色外貌"></textarea>
</div>
<div class="input-group">
<label for="protagonistOpening">故事开场:</label>
<textarea id="protagonistOpening" rows="5" placeholder="描述故事开场情景，你如何与她们相遇？"></textarea>
</div>
</section>

<section class="section-block">
<h2>生成与复制</h2>
<button id="generateCopyBtn">生成并复制主角设定</button>
<textarea id="outputContent" rows="20" readonly placeholder="点击按钮后，你的主角设定将在此处生成，并自动复制到剪贴板。"></textarea>
</section>
</div>

<script>
document.getElementById('generateCopyBtn').addEventListener('click', function() {
const pName = document.getElementById('protagonistName').value || '未定义';
const pGender = document.getElementById('protagonistGender').value || '未定义';
const pAge = document.getElementById('protagonistAge').value || '未定义';
const pPersonality = document.getElementById('protagonistPersonality').value || '未定义';
const pAppearance = document.getElementById('protagonistAppearance').value || '未定义';
const pOpening = document.getElementById('protagonistOpening').value || '未定义';

const outputText = `
# 主角信息 (Protagonist Information)
*   **姓名**: ${pName}
*   **性别**: ${pGender}
*   **年龄**: ${pAge}
*   **性格**: ${pPersonality}
*   **外貌**: ${pAppearance}
*   **故事开场**: ${pOpening}
`;

document.getElementById('outputContent').value = outputText.trim();
navigator.clipboard.writeText(outputText.trim())
.then(() => {
alert('主角设定已生成并复制到剪贴板！');
})
.catch(err => {
console.error('复制失败:', err);
alert('复制失败，请手动复制。');
});
});
</script>
</body>
</html>

我的超淫荡色情母狗家人们

我的家人们都是一群色情的淫荡母狗。妈妈是个小鸡巴扶她，姐姐是滥交痴女。弟弟是个男娘雌小鬼。小姨是一个热衷于使用情趣玩具玩弄自己的情趣店店长。隔壁的人妻是一个极端的绿帽癖和被绿毛癖。她们都对着我有着异样的感情。不过如果我要是不回应，她们也可能去找别人。（有问题可以发在评论区。）（内置超色情文风输入【色情文风开启】即可开启。）（可牛可纯爱）

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>偷心舞后 - 专属剧情设定</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
        :root {
            --bg-color: #1a1a1d;
            --primary-color: #c3073f;
            --secondary-color: #950740;
            --text-color: #e0e0e0;
            --card-bg: #2d2d34;
            --border-color: #4e4e50;
            --accent-color: #ffc107;
            --font-family: 'Noto Sans SC', sans-serif;
        }
        #chat-ui-f4g5h6j7 {
            font-family: var(--font-family);
            background-color: var(--bg-color);
            color: var(--text-color);
            padding: 1.5em;
            margin: 1em auto;
            max-width: 800px;
            border-radius: 1em;
            box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.5);
            border: 0.1em solid var(--border-color);
        }
        #chat-ui-f4g5h6j7 .header {
            text-align: center;
            margin-bottom: 2em;
            border-bottom: 0.2em solid var(--primary-color);
            padding-bottom: 1em;
        }
        #chat-ui-f4g5h6j7 .header h1 {
            font-size: 2.5em;
            color: var(--primary-color);
            margin: 0;
            text-shadow: 0 0 0.5em var(--secondary-color);
            font-weight: 700;
        }
        #chat-ui-f4g5h6j7 .header p {
            font-size: 1em;
            color: var(--text-color);
            opacity: 0.8;
            margin-top: 0.5em;
        }
        #chat-ui-f4g5h6j7 details {
            background: var(--card-bg);
            border-radius: 0.8em;
            margin-bottom: 1.5em;
            border: 0.1em solid var(--border-color);
            transition: all 0.3s ease;
        }
        #chat-ui-f4g5h6j7 details[open] {
            box-shadow: 0 0 1em rgba(195, 7, 63, 0.3);
        }
        #chat-ui-f4g5h6j7 summary {
            padding: 1em 1.5em;
            font-size: 1.2em;
            font-weight: 500;
            cursor: pointer;
            outline: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: var(--primary-color);
        }
        #chat-ui-f4g5h6j7 summary::after {
            content: '▼';
            transform: rotate(0deg);
            transition: transform 0.3s ease;
        }
        #chat-ui-f4g5h6j7 details[open] summary::after {
            transform: rotate(180deg);
        }
        #chat-ui-f4g5h6j7 .content {
            padding: 0 1.5em 1.5em;
            line-height: 1.8;
            border-top: 0.1em dashed var(--border-color);
        }
        #chat-ui-f4g5h6j7 .content p, #chat-ui-f4g5h6j7 .content li {
            font-size: 0.95em;
            opacity: 0.9;
        }
        #chat-ui-f4g5h6j7 .content ul {
            padding-left: 1.5em;
        }
        #chat-ui-f4g5h6j7 .character-card {
            background: var(--card-bg);
            border-radius: 0.8em;
            padding: 1.5em;
            margin-bottom: 1.5em;
            border: 0.1em solid var(--border-color);
        }
        #chat-ui-f4g5h6j7 .character-card h3 {
            color: var(--accent-color);
            margin-top: 0;
            border-bottom: 0.1em solid var(--border-color);
            padding-bottom: 0.5em;
            font-size: 1.4em;
        }
        #chat-ui-f4g5h6j7 .input-group {
            margin-bottom: 1em;
        }
        #chat-ui-f4g5h6j7 .input-group label {
            display: block;
            margin-bottom: 0.5em;
            font-weight: 500;
            color: var(--text-color);
        }
        #chat-ui-f4g5h6j7 .input-group input, #chat-ui-f4g5h6j7 .input-group textarea {
            width: 100%;
            padding: 0.8em;
            background: #3c3c44;
            border: 0.1em solid var(--border-color);
            border-radius: 0.5em;
            color: var(--text-color);
            font-family: var(--font-family);
            box-sizing: border-box;
            transition: border-color 0.3s, box-shadow 0.3s;
            resize: vertical;
        }
        #chat-ui-f4g5h6j7 .input-group input:focus, #chat-ui-f4g5h6j7 .input-group textarea:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0.5em rgba(195, 7, 63, 0.5);
        }
        #chat-ui-f4g5h6j7 .button-container {
            text-align: center;
            margin-top: 1.5em;
        }
        #chat-ui-f4g5h6j7 #copy-button {
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
            color: white;
            border: none;
            padding: 0.8em 2em;
            font-size: 1em;
            font-weight: 700;
            border-radius: 0.5em;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
        }
        #chat-ui-f4g5h6j7 #copy-button:hover {
            transform: translateY(-0.15em);
            box-shadow: 0 0.4em 1em rgba(195, 7, 63, 0.4);
        }
        #chat-ui-f4g5h6j7 #copy-button:active {
            transform: translateY(0);
            box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
        }
        #chat-ui-f4g5h6j7 .tag {
            display: inline-block;
            background: var(--secondary-color);
            color: var(--text-color);
            padding: 0.3em 0.8em;
            border-radius: 1em;
            font-size: 0.8em;
            margin-right: 0.5em;
            margin-bottom: 0.5em;
        }
        @media (max-width: 600px) {
            #chat-ui-f4g5h6j7 {
                padding: 1em;
                margin: 0.5em;
            }
            #chat-ui-f4g5h6j7 .header h1 {
                font-size: 2em;
            }
            #chat-ui-f4g5h6j7 summary {
                font-size: 1.1em;
                padding: 0.8em 1em;
            }
            #chat-ui-f4g5h6j7 .content {
                padding: 0 1em 1em;
            }
        }
    </style>
</head>
<body>
    <div id="chat-ui-f4g5h6j7">
        <div class="header">
            <h1>偷心舞后</h1>
            <p>—— 傻逼，吃我老公的牛奶吧你！</p>
        </div>
        <details>
            <summary>故事背景：这瓜保熟吗？</summary>
            <div class="content">
                <p><strong>你和林若雪是十一年的老夫老妻了。</strong>从16岁校服到27岁婚纱，这感情铁不铁？当初她有舞蹈梦，你梭哈了青春陪她赌，自己学业都撂下了，没上大学又咋地？</p>
                <p>她说：<strong>“老公，我养你！”</strong>。这娘们儿是真带劲，一边上学一边当私教、搞直播，愣是把“雪韵舞坊”给盘活了。</p>
                <p>可结了婚，画风就有点走偏了。直播间里“火箭”“嘉年华”满天飞，她跳得也越来越“懂事儿”。榜一大哥、富哥们闻着味儿就来了，哪有猫儿不偷腥的？</p>
                <p>你并不知道她“开疆拓土”去了，用那绝世的腰肢和手段，在魔都这片名利场里给你们的小家换资源、换人脉、换一个未来。她瞒着你，做的天衣无缝；你什么都不知道，只管把家收拾得干干净净，等她回来。</p>
            </div>
        </details>
        <details open>
            <summary>女主档案：林若雪 (魅舞雪雪子)</summary>
            <div class="content">
                <div class="tags">
                    <span class="tag">27岁</span>
                    <span class="tag">舞蹈教练</span>
                    <span class="tag">顶流主播</span>
                    <span class="tag">人妻</span>
                    <span class="tag">绝世尤物</span>
                </div>
                <ul>
                    <li><strong>【对外人设】：高冷女王，八面玲珑。</strong>在外面，她是玩弄人心的妖精。那些年轻多金的凯子，个个都被她拿捏得死死的。她懂他们的XP，懂他们的欲望，更懂怎么让他们欲罢不能。今儿穿黑丝扮御姐，明儿扎双马尾演清纯，主打一个“沉浸式陪玩”。</li>
                    <li><strong>【对你人设】：嘴上高冷，身体贼诚实。</strong>对你惜字如金，白眼翻到天上去，但你一撒娇，她就没辙。你让她换情趣内衣，她嘴上骂你“变态”，转身就换好趴床上等你。微信备注是“我的憨憨小宝贝”等各种肉麻玩意儿，这反差萌谁顶得住啊？</li>
                    <li><strong>【隐藏技能】：顶级海后</strong>她享受掌控那些人的感觉，甚至会搞点小动作恶作剧，比如含着你的东西去跟别人亲嘴。但她有条铁律：<strong>只有老公可以中出！</strong>完事儿后洗得比谁都干净，绝不把外面的味儿带回家。她是你的，也只能是你的。</li>
                </ul>
            </div>
        </details>
        <div class="character-card">
            <h3>你的设定：捏个脸，咱准备开整！</h3>
            <div class="input-group">
                <label for="user-name">姓名：</label>
                <input type="text" id="user-name" value="（在此输入你的名字）">
            </div>
            <div class="input-group">
                <label for="user-appearance">外貌体征：</label>
                <textarea id="user-appearance" rows="3">帅得很可爱，没攻击性那种，但脱了衣服贼有料，八块腹肌人鱼线都是标配。</textarea>
            </div>
            <div class="input-group">
                <label for="user-personality">性格：</label>
                <textarea id="user-personality" rows="3">纯纯老婆奴，对外人横得一批，在老婆面前就是温顺小奶狗。床上喜欢玩花的，温柔技巧流，不搞粗暴那套。</textarea>
            </div>
            <div class="input-group">
                <label for="opening-line">开场白（可随意开场）：</label>
                <textarea id="opening-line" rows="3">❤️开始第一章：第24个傻逼，吃我老公的牛奶吧你。（第三人称、小说模式、开启美化）</textarea>
            </div>
            <div class="button-container">
                <button id="copy-button" onclick="copySettings()">一键复制设定 (Markdown)</button>
            </div>
        </div>
    </div>
    <script>
        function copySettings() {
            const userName = document.getElementById('user-name').value;
            const userAppearance = document.getElementById('user-appearance').value;
            const userPersonality = document.getElementById('user-personality').value;
            const openingLine = document.getElementById('opening-line').value;
            const markdownText = `# User identity
- 姓名：${userName}
- 外貌体征：${userAppearance}
- 性格：${userPersonality}
# 开场白
${openingLine}`;
navigator.clipboard.writeText(markdownText).then(() => {
                const button = document.getElementById('copy-button');
                const originalText = button.innerText;
                button.innerText = '复制成功！开冲！';
                button.style.background = '#4CAF50';
                setTimeout(() => {
                    button.innerText = originalText;
                    button.style.background = 'linear-gradient(45deg, var(--primary-color), var(--secondary-color))';
                }, 2000);
            }).catch(err => {
                console.error('复制失败: ', err);
                alert('复制失败，浏览器不支持或权限不够，请手动复制。');
            });
        }
    </script>
</body>
</html>

傻逼，吃我老公的精液吧你！🤣

我的老婆林若雪，在外面是个”海后”，她在外面冲锋陷阵赚钱养家，我在家里做饭养她。当初她有舞蹈梦，我梭哈了青春陪她赌，自己学业都撂下了，大学都没上成。但——那些爬上她床的富哥，丝毫不知道我老婆的嘴巴里和小穴里已经被我灌成泡芙了，他们还美滋滋的舔……

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后桌的地雷系女子会 - 角色创建</title>
    <style>
        /* --- 全局与字体设定 --- */
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
        :root {
            --primary-color: #e0e0e0;
            --secondary-color: #b0b0b0;
            --background-color: #1a1a1d;
            --surface-color: #2c2c34;
            --accent-color: #c3073f;
            --accent-hover-color: #9a031e;
            --border-color: #4a4a5a;
            --shadow-color: rgba(0, 0, 0, 0.5);
            --font-family: 'Noto Sans SC', sans-serif;
        }
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        body {
            font-family: var(--font-family);
            background-color: var(--background-color);
            color: var(--primary-color);
            line-height: 1.8;
            padding: 20px;
            display: flex;
            justify-content: center;
        }
        .container {
            width: 100%;
            max-width: 900px;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        /* --- 卡片与标题样式 --- */
        .card {
            background-color: var(--surface-color);
            border-radius: 12px;
            padding: 25px 30px;
            box-shadow: 0 8px 20px var(--shadow-color);
            border: 1px solid var(--border-color);
            transition: all 0.3s ease;
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px var(--shadow-color);
        }
        .card-title {
            font-size: 1.8em;
            font-weight: 700;
            color: var(--accent-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--accent-color);
            position: relative;
        }
        .card-title::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 50px;
            height: 2px;
            background-color: var(--primary-color);
        }
        p {
            margin-bottom: 15px;
            color: var(--secondary-color);
            font-size: 1em;
        }
        /* --- 角色介绍区域 --- */
        .character-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }
        .character-card {
            background-color: rgba(0,0,0,0.2);
            border-radius: 8px;
            padding: 20px;
            border: 1px solid var(--border-color);
            transition: background-color 0.3s;
        }
        .character-card:hover {
            background-color: rgba(0,0,0,0.4);
        }
        .character-name {
            font-size: 1.3em;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        .character-alias {
            font-size: 0.9em;
            color: var(--accent-color);
            font-weight: 500;
            margin-bottom: 15px;
        }
        .character-desc {
            font-size: 0.95em;
            color: var(--secondary-color);
        }
        /* --- 玩家设定区域 --- */
        .player-setup-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .input-group {
            display: flex;
            flex-direction: column;
        }
        .input-group label {
            margin-bottom: 8px;
            font-weight: 500;
            color: var(--secondary-color);
        }
        .input-group input,
        .input-group textarea {
            background-color: var(--background-color);
            border: 1px solid var(--border-color);
            border-radius: 6px;
            padding: 12px;
            color: var(--primary-color);
            font-family: var(--font-family);
            font-size: 1em;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .input-group input:focus,
        .input-group textarea:focus {
            outline: none;
            border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(195, 7, 63, 0.3);
        }
        textarea {
            resize: vertical;
            min-height: 80px;
        }
        /* --- 开场白选择 --- */
        .opening-choice-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
        }
      .opening-option {
            display: flex;
            align-items: center;
            background-color: rgba(0,0,0,0.2);
            padding: 15px;
            border-radius: 6px;
            border: 1px solid transparent;
            cursor: pointer;
            transition: all 0.3s;
        }
        .opening-option:hover {
            background-color: rgba(0,0,0,0.4);
        }
        .opening-option.selected {
            border-color: var(--accent-color);
            background-color: rgba(195, 7, 63, 0.1);
        }
        .opening-option input[type="radio"] {
            margin-right: 15px;
            appearance: none;
            width: 20px;
            height: 20px;
            border: 2px solid var(--border-color);
            border-radius: 50%;
            transition: all 0.2s;
            cursor: pointer;
            position: relative;
            top: -1px;
            flex-shrink: 0; /* 防止radio被压缩 */
        }
        .opening-option input[type="radio"]:checked {
            border-color: var(--accent-color);
        }
        .opening-option input[type="radio"]:checked::after {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            background-color: var(--accent-color);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .opening-option label {
            flex-grow: 1;
            cursor: pointer;
            color: var(--secondary-color);
        }
        .opening-option.selected label {
            color: var(--primary-color);
        }
        /* --- 按钮样式 --- */
        .btn {
            display: inline-block;
            background: linear-gradient(45deg, var(--accent-color), var(--accent-hover-color));
            color: #fff;
            padding: 12px 25px;
            border: none;
            border-radius: 6px;
            font-size: 1.1em;
            font-weight: 700;
            cursor: pointer;
            text-align: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(195, 7, 63, 0.4);
            margin-top: 20px;
            width: 100%;
        }
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(195, 7, 63, 0.6);
        }
        .btn-copy {
            background: var(--surface-color);
            color: var(--accent-color);
            border: 1px solid var(--accent-color);
            padding: 8px 15px;
            font-size: 0.9em;
            font-weight: 500;
            box-shadow: none;
            width: auto;
            float: right;
        }
        .btn-copy:hover {
            background: var(--accent-color);
            color: #fff;
            transform: none;
            box-shadow: none;
        }       
        .copy-feedback {
            float: right;
            margin-right: 10px;
            color: var(--accent-color);
            font-weight: 500;
            opacity: 0;
            transition: opacity 0.5s;
       }
        /* --- 总结区 (已修复) --- */
        #summary-section {
            display: none; /* 初始隐藏 */
        }
        #summary-content {
            background-color: var(--background-color);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 20px;
            margin-top: 10px;
            color: var(--primary-color);
            font-family: var(--font-family); /* 改为使用全局字体以获得更好的可读性 */
            font-size: 1em; /* 调整字体大小 */
            line-height: 1.8; /* 增加行高防止重叠 */
            white-space: pre-wrap; /* 保留换行和空格，并自动换行 */
            word-break: break-word; /* 强制长单词换行 */
        }
        .summary-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        /* --- 响应式设计 --- */
        @media (max-width: 600px) {
            body {
                padding: 10px;
            }
            .card {
                padding: 20px;
            }
            .card-title {
                font-size: 1.5em;
            }
            .opening-option {
                align-items: flex-start; /* 在小屏幕上让radio和文本顶部对齐 */
            }
            .opening-option input[type="radio"] {
                position: relative;
                top: 4px;
            }
        }
    </style>
</head>
<body>
<div class="container">
    
    <div class="card">
        <h1 class="card-title">后桌的地雷系嘴臭学生妹们</h1>
        <p>欢迎来到地狱般的课堂后排。你的身后，是四个全校闻名的“地雷妹”——她们成绩垫底，浓妆艳抹，嘴臭无比，一身定制的暗黑系JK制服仿佛在宣告生人勿近。她们的窃窃私语和肆无忌惮的评论，是你每天上课的“背景音乐”。今天，她们似乎又有了新的话题……而主角，好像就是你。</p>
    </div>
    
    <div class="card">
        <h2 class="card-title">世界观</h2>
        <p>这是一间再普通不过的高中教室，但最后一排，却像是另一个世界的入口。你，一个只想安安稳稳上课的学生，不幸地坐在了这个“异世界”的正前方。空气中永远飘散着廉价香水、烟草和某种甜腻化妆品的混合味道。她们肆无忌惮地在课堂上聊天、化妆、嘲笑老师和同学。而你，因为坐在她们前面，成了她们最方便的观察和取乐对象。你的一举一动，你的穿着，甚至你回答问题的声音，都可能成为她们下一秒的笑料。一场发生在教室后排的无声战争，即将拉开序幕。</p>
    </div>
    
    <div class="card">
        <h2 class="card-title">登场人物</h2>
        <div class="character-grid">
            <div class="character-card">
                <h3 class="character-name">鬼头雅</h3>
                <p class="character-alias">Miyabi Kitou - 傲娇双马尾</p>
                <p class="character-desc">典型的嘴硬心软（但心软的部分几乎看不见）。说话刻薄，喜欢用“哈？烦死了”之类的口头禅，对看不顺眼的人和事会毫不留情地吐槽。</p>
            </div>
            <div class="character-card">
                <h3 class="character-name">黑崎凛</h3>
                <p class="character-alias">Rin Kurosaki - 机车辣妹</p>
                <p class="character-desc">暴躁，行动派，没什么耐心，说话直来直去。是四人中的武力担当，放学后喜欢骑着改装过的摩托在街上飙车。</p>
            </div>
            <div class="character-card">
                <h3 class="character-name">白鸟魅</h3>
                <p class="character-alias">Mei Shiratori - 性感白毛</p>
                <p class="character-desc">看似成熟妩媚，实际上嘴臭程度不亚于任何人。喜欢用一种慵懒又色气的语调说出最恶毒的话，尤其擅长对男生的外貌和身材进行评头论足。</p>
            </div>
            <div class="character-card">
                <h3 class="character-name">冰室零</h3>
                <p class="character-alias">Rei Himuro - 冰山毒舌</p>
                <p class="character-desc">高傲，毒舌，看不起所有人。她认为周围的一切都是无聊且愚蠢的。说话语调平淡，但内容却像刀子一样伤人。</p>
            </div>
        </div>
    </div>
    
    <div class="card">
        <h2 class="card-title">玩家设定</h2>
        <div class="player-setup-grid">
            <div class="input-group">
                <label for="player-name">姓名</label>
                <input type="text" id="player-name" placeholder="输入你的姓名">
            </div>
            <div class="input-group">
                <label for="player-age">年龄</label>
                <input type="text" id="player-age" placeholder="例如：17">
            </div>
            <div class="input-group">
                <label for="player-appearance">外貌</label>
                <input type="text" id="player-appearance" placeholder="例如：相貌平平，黑色短发">
            </div>
            <div class="input-group">
                <label for="player-dick">肉棒设定</label>
                <input type="text" id="player-dick" placeholder="例如：18cm，形状硬朗">
            </div>
        </div>
        <div class="input-group" style="margin-top: 20px;">
            <label for="player-other">其他设定</label>
            <textarea id="player-other" placeholder="例如：性格沉稳，不爱说话，学习成绩中上。"></textarea>
        </div>
    </div>
    
    <div class="card">
        <h2 class="card-title">选择或自定义开场白</h2>
        <div class="opening-choice-grid">
            <div class="opening-option" onclick="selectOption(this)">
                <input type="radio" id="open1" name="opening" value="数学老师在讲台上讲得口干舌燥，你身后传来鬼头雅不耐烦的咋舌声：“哈？烦死了，这老头在念经吗？”" checked>
                <label for="open1">数学老师在讲台上讲得口干舌燥，你身后传来鬼头雅不耐烦的咋舌声：“哈？烦死了，这老头在念经吗？”</label>
            </div>
            <div class="opening-option" onclick="selectOption(this)">
                <input type="radio" id="open2" name="opening" value="一阵浓郁的香水味从身后飘来，紧接着是白鸟魅慵懒的声音：“喂，小雅，我的新口红怎么样？是不是超性感的？”">
                <label for="open2">一阵浓郁的香水味从身后飘来，紧接着是白鸟魅慵懒的声音：“喂，小雅，我的新口红怎么样？是不是超性感的？”</label>
            </div>
            <div class="opening-option" onclick="selectOption(this)">
                <input type="radio" id="open3" name="opening" value="你的笔掉在了地上，滚到了后桌的脚边。你刚想转身去捡，就听到黑崎凛冷冰冰的声音：“嘁，别过来。”">
                <label for="open3">你的笔掉在了地上，滚到了后桌的脚边。你刚想转身去捡，就听到黑崎凛冷冰冰的声音：“嘁，别过来。”</label>
            </div>
            <div class="opening-option" onclick="selectOption(this)">
                <input type="radio" id="open4" name="opening" value="你因为昨晚没睡好，忍不住打了个哈欠。身后立刻传来冰室零毫无波澜的毒舌评价：“……真难看，像只濒死的河马。”">
                <label for="open4">你因为昨晚没睡好，忍不住打了个哈欠。身后立刻传来冰室零毫无波澜的毒舌评价：“……真难看，像只濒死的河马。”</label>
            </div>
            <div class="opening-option" onclick="selectOption(this)">
                <input type="radio" id="open_custom_radio" name="opening" value="custom">
                <label for="open_custom_radio" style="flex-grow: 0; margin-right: 15px;">自定义开场:</label>
                <textarea id="open_custom_text" placeholder="在这里输入你的自定义开场白..." style="flex-grow: 1; min-height: 50px; padding: 10px;" onfocus="selectCustom()"></textarea>
            </div>
        </div>
        <button id="generate-btn" class="btn">生成设定</button>
    </div>
    
    <div class="card" id="summary-section">
        <div class="summary-header">
            <h2 class="card-title" style="margin-bottom: 0; border: none;">设定总结</h2>
            <div>
                <span class="copy-feedback" id="copy-feedback">已复制!</span>
                <button id="copy-btn" class="btn-copy">一键复制</button>
            </div>
        </div>
        <pre id="summary-content"></pre>
    </div>
</div>
<script>
    // --- 开场白选项逻辑 ---
    function selectOption(element) {
        document.querySelectorAll('.opening-option').forEach(opt => {
            opt.classList.remove('selected');
        });
        element.classList.add('selected');
        element.querySelector('input[type="radio"]').checked = true;
    }
    function selectCustom() {
        const customRadio = document.getElementById('open_custom_radio');
        if (!customRadio.checked) {
            customRadio.click();
            selectOption(customRadio.parentElement);
        }
    }
    document.addEventListener('DOMContentLoaded', function() {
        const firstOption = document.querySelector('.opening-option');
        if (firstOption) {
            selectOption(firstOption);
        }
    });
    // --- 生成与复制逻辑 ---
    const generateBtn = document.getElementById('generate-btn');
    const copyBtn = document.getElementById('copy-btn');
    const summarySection = document.getElementById('summary-section');
    const summaryContent = document.getElementById('summary-content');
    generateBtn.addEventListener('click', function() {
        const playerName = document.getElementById('player-name').value || '未设定';
        const playerAge = document.getElementById('player-age').value || '未设定';
        const playerAppearance = document.getElementById('player-appearance').value || '未设定';
        const playerDick = document.getElementById('player-dick').value || '未设定';
        const playerOther = document.getElementById('player-other').value || '无';
        let openingText = '';
        const selectedOpening = document.querySelector('input[name="opening"]:checked');
        if (selectedOpening.value === 'custom') {
            openingText = document.getElementById('open_custom_text').value || '（未填写自定义开场白）';
        } else {
            openingText = selectedOpening.value;
        }
        const summary = `
# 玩家设定
- 姓名: ${playerName}
- 年龄: ${playerAge}
- 外貌: ${playerAppearance}
- 肉棒设定: ${playerDick}
- 其他设定: ${playerOther}
---
# 开场白
${openingText}
        `;
        summaryContent.textContent = summary.trim();
        summarySection.style.display = 'block';  
        summarySection.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
    copyBtn.addEventListener('click', function() {
        const textToCopy = summaryContent.textContent;        
        navigator.clipboard.writeText(textToCopy).then(() => {
            const feedback = document.getElementById('copy-feedback');
            feedback.style.opacity = '1';
            setTimeout(() => {
                feedback.style.opacity = '0';
            }, 2000);
        }).catch(err => {
            console.error('复制失败: ', err);
        });
    });
</script>
</body>
</html>

后桌的地雷系嘴臭学生妹们

欢迎来到地狱般的课堂后排。你的身后，是四个全校闻名的“地雷妹”——她们成绩垫底，浓妆艳抹，嘴臭无比，一身定制的暗黑系JK制服仿佛在宣告生人勿近。她们的窃窃私语和肆无忌惮的评论，是你每天上课的“背景音乐”。今天，她们似乎又有了新的话题……而主角，好像就是你。

与妮姬们的日常生活（重置版）

指挥官，欢迎访问中央政府方舟信息系统。此终端旨在为您提供最优化的战术数据和人形资源管理。每一次决策都关乎人类的存亡。请谨慎操作，带领我们走向胜利。为了夺回地表，为了人类的未来！
感谢您的游玩，并希望您能多提意见，我会尽力改进问题
已更新外来者部队

温柔的妈，傲娇的姐，强势的小姨，统统是我的肉便器

在家庭隐秘的角落中，游走于禁忌边缘，与温柔顺从的母亲、傲娇嘴硬的姐姐、强势多变的小姨，编织出一张充满背德与刺激的关系网。高跟鞋的清脆响声、丝袜的柔滑触感、隐秘场所的危险快感，交织着主仆游戏的羞辱与依赖，点燃了每个角色内心的欲望之火。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实妹日记 - 青春成长故事</title>
<style>
:root {
--primary: #ff9fc2;
--secondary: #ffcad4;
--tertiary: #ffeef2;
--text: #5a3d5c;
--accent: #ff85a1;
--shadow: rgba(255, 159, 194, 0.3);
--border: #ffd1dc;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background-color: var(--tertiary);
color: var(--text);
line-height: 1.6em;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffcad4' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2em;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 1.5em;
box-shadow: 0 0.5em 1.5em var(--shadow);
border: 0.15em solid var(--border);
position: relative;
overflow: hidden;
}
.container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.5em;
background: linear-gradient(90deg, var(--accent), var(--secondary));
}
h1, h2 {
text-align: center;
margin-bottom: 0.5em;
position: relative;
}
h1 {
font-size: 3em;
color: var(--accent);
text-shadow: 0.1em 0.1em 0.2em var(--shadow);
margin-top: 0.5em;
font-weight: 700;
}
h1::after {
content: "🌸";
position: absolute;
font-size: 0.5em;
margin-left: 0.3em;
}
h2 {
font-size: 1.8em;
color: var(--text);
font-weight: 400;
margin-bottom: 1.5em;
}
h3 {
font-size: 1.5em;
color: var(--accent);
margin: 1em 0 0.7em;
border-bottom: 0.1em dashed var(--secondary);
padding-bottom: 0.3em;
}
.tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.8em;
margin: 1.5em 0;
}
.tag {
background-color: var(--secondary);
color: var(--text);
padding: 0.5em 1em;
border-radius: 2em;
font-size: 0.9em;
box-shadow: 0 0.2em 0.4em var(--shadow);
transition: all 0.3s ease;
cursor: pointer;
border: 0.1em solid var(--border);
}
.tag:hover {
transform: translateY(-0.2em);
box-shadow: 0 0.3em 0.6em var(--shadow);
background-color: var(--accent);
color: white;
}
.content {
padding: 1em;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 1em;
box-shadow: 0 0.3em 0.8em var(--shadow);
}
.character-info {
display: flex;
flex-wrap: wrap;
gap: 2em;
margin-bottom: 2em;
}
.character-image {
flex: 1;
min-width: 300px;
}
.character-image-container {
width: 100%;
height: 400px;
background-color: var(--secondary);
border-radius: 1em;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2em;
color: var(--text);
border: 0.15em solid var(--border);
box-shadow: 0 0.3em 0.8em var(--shadow);
position: relative;
overflow: hidden;
background-image: url('https://pic1.imgdb.cn/item/683fd01858cb8da5c82affc6.png');
background-size: cover;
background-position: center;
}
.character-image-container::before {
content: "";
position: absolute;
width: 150%;
height: 150%;
background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transform: rotate(45deg);
animation: shine 3s infinite;
}
@keyframes shine {
0% {
transform: translateX(-150%) translateY(-150%) rotate(45deg);
}
100% {
transform: translateX(150%) translateY(150%) rotate(45deg);
}
}
.character-details {
flex: 2;
min-width: 300px;
}
.info-box {
background-color: white;
border-radius: 1em;
padding: 1.2em;
margin-bottom: 1.5em;
box-shadow: 0 0.2em 0.5em var(--shadow);
border: 0.1em solid var(--border);
}
.info-title {
font-size: 1.2em;
font-weight: bold;
color: var(--accent);
margin-bottom: 0.8em;
padding-bottom: 0.4em;
border-bottom: 0.1em solid var(--secondary);
}
.info-box p, .section p {
margin-bottom: 0.8em;
text-align: justify;
}
.info-box ul {
padding-left: 1.5em;
margin-bottom: 0.8em;
}
.info-box li {
margin-bottom: 0.5em;
}
.relationship-meter h4 {
font-size: 1.2em;
color: var(--text);
margin: 1em 0;
}
.meter-container {
margin-bottom: 0.8em;
}
.meter-label {
display: inline-block;
width: 7em;
font-weight: bold;
}
.meter-bar {
display: inline-block;
width: calc(100% - 11em);
height: 0.8em;
background-color: #f1f1f1;
border-radius: 1em;
margin: 0 0.5em;
vertical-align: middle;
overflow: hidden;
}
.meter-fill {
height: 100%;
border-radius: 1em;
transition: width 1s ease;
}
.meter-value {
display: inline-block;
width: 3em;
text-align: right;
}
.warning {
background-color: rgba(255, 223, 224, 0.7);
padding: 0.8em;
border-radius: 0.5em;
margin-top: 1em;
border-left: 0.3em solid var(--accent);
font-size: 0.9em;
}
.section {
margin: 2em 0;
padding: 1.5em;
background-color: white;
border-radius: 1em;
box-shadow: 0 0.2em 0.5em var(--shadow);
border: 0.1em solid var(--border);
}
.feature-list {
list-style-type: none;
padding: 0;
}
.feature-list li {
padding: 0.8em 0;
border-bottom: 0.1em dashed var(--secondary);
position: relative;
padding-left: 1.5em;
}
.feature-list li:last-child {
border-bottom: none;
}
.feature-list li::before {
content: "🌸";
position: absolute;
left: 0;
color: var(--accent);
}
.update-status {
background-color: white;
border-radius: 1em;
padding: 1.5em;
margin-top: 2em;
box-shadow: 0 0.2em 0.5em var(--shadow);
border: 0.1em solid var(--border);
}
.progress-bar {
width: 100%;
height: 1.2em;
background-color: #f1f1f1;
border-radius: 1em;
margin: 1em 0;
overflow: hidden;
position: relative;
}
.progress {
width: 35%;
height: 100%;
background: linear-gradient(90deg, var(--accent), var(--secondary));
border-radius: 1em;
animation: progress-animation 2s ease-in-out;
}
@keyframes progress-animation {
0% {
width: 0%;
}
100% {
width: 35%;
}
}
.update-status ul {
padding-left: 1.5em;
margin: 0.8em 0 1.5em;
}
.update-status li {
margin-bottom: 0.5em;
}
.floating-box-toggle {
position: fixed;
bottom: 2em;
right: 2em;
width: 3.5em;
height: 3.5em;
background-color: var(--accent);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 1.5em;
box-shadow: 0 0.3em 0.8em var(--shadow);
cursor: pointer;
z-index: 100;
border: none;
transition: all 0.3s ease;
}
.floating-box-toggle:hover {
transform: scale(1.1);
background-color: var(--primary);
}
.floating-box {
position: fixed;
bottom: 6em;
right: 2em;
width: 18em;
background-color: white;
border-radius: 1em;
padding: 1.5em;
box-shadow: 0 0.3em 1em var(--shadow);
z-index: 99;
border: 0.15em solid var(--border);
display: none;
transform: translateY(2em);
opacity: 0;
transition: all 0.3s ease;
}
.floating-box.active {
display: block;
transform: translateY(0);
opacity: 1;
}
.floating-box-header {
font-weight: bold;
color: var(--accent);
font-size: 1.2em;
margin-bottom: 1em;
padding-bottom: 0.5em;
border-bottom: 0.1em solid var(--secondary);
}
.floating-box-content {
font-size: 0.9em;
}
.floating-box-close {
position: absolute;
top: 1em;
right: 1em;
background: none;
border: none;
color: var(--text);
cursor: pointer;
font-size: 1.2em;
}
.floating-box-close:hover {
color: var(--accent);
}
.copyright {
text-align: center;
margin-top: 2em;
font-size: 0.8em;
color: var(--text);
opacity: 0.8;
}
@media only screen and (max-width: 800px) {
.container {
padding: 1em;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.5em;
}
.character-info {
flex-direction: column;
}
.character-image-container {
height: 300px;
}
.meter-container {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1em;
}
.meter-label {
width: 100%;
margin-bottom: 0.3em;
}
.meter-bar {
width: calc(100% - 4em);
}
.section, .info-box, .update-status {
padding: 1em;
}
}
@media only screen and (max-width: 500px) {
h1 {
font-size: 2em;
}
h2 {
font-size: 1.2em;
}
.tag {
font-size: 0.8em;
}
.floating-box {
width: calc(100% - 4em);
right: 2em;
}
}
</style>
</head>
<body>
<div class="container">
<h1>实妹日记</h1>
<h2>青春成长故事</h2>
<div class="tags">
<span class="tag">兄妹情谊</span>
<span class="tag">青春</span>
<span class="tag">成长</span>
<span class="tag">亲情</span>
<span class="tag">学园</span>
<span class="tag">日常</span>
</div>
<div class="content">
<div class="character-info">
<div class="character-image">
<div class="character-image-container"></div>
</div>
<div class="character-details">
<h3>林雨曦角色描写</h3>
<div class="info-box">
<div class="info-title">基本信息</div>
<p><strong>姓名:</strong> 林雨曦</p>
<p><strong>性别:</strong> 女</p>
<p><strong>年龄:</strong> 16岁</p>
<p><strong>身份:</strong> 高中生，主角的亲生妹妹</p>
</div>
<div class="info-box">
<div class="info-title">外貌特征</div>
<p>拥有乌黑柔顺的长发，通常自然披肩，带有轻薄的空气刘海。标准的鹅蛋脸型，皮肤白皙细腻。明亮的黑色杏眼，纤长浓密的睫毛，小巧挺直的鼻子，粉嫩饱满的嘴唇。笑起来时右脸颊会浮现一个浅浅的梨涡，增添几分甜美。</p>
<p>身材纤细匀称，体型健康有活力，双腿修长。整体散发着青春活力与少女特有的气息。</p>
</div>
<div class="info-box">
<div class="info-title">性格特点</div>
<p>林雨曦是一个懂事体贴的女孩，在哥哥面前能够表现得无拘无束。她的性格具有多面性，根据不同情绪状态表现出不同特点：</p>
<ul>
<li><strong>悠闲态:</strong> 慵懒惬意，沉浸在自己的世界</li>
<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="relationship-meter">
<h4>兄妹关系亲密度</h4>
<p>林雨曦与哥哥的亲密度从0-100不等，不同阶段表现出不同的情感状态：</p>
<div class="meter-container">
<div class="meter-label">陌生阶段</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 0%; background-color: #d32f2f;"></div>
</div>
<div class="meter-value">&lt;0</div>
</div>
<div class="meter-container">
<div class="meter-label">疏离/敌意</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 20%; background-color: #f44336;"></div>
</div>
<div class="meter-value">0-20</div>
</div>
<div class="meter-container">
<div class="meter-label">冷淡/摩擦</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 40%; background-color: #ff9800;"></div>
</div>
<div class="meter-value">21-40</div>
</div>
<div class="meter-container">
<div class="meter-label">普通兄妹</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 60%; background-color: #ffc107;"></div>
</div>
<div class="meter-value">41-60</div>
</div>
<div class="meter-container">
<div class="meter-label">亲密兄妹</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 80%; background-color: #8bc34a;"></div>
</div>
<div class="meter-value">61-80</div>
</div>
<div class="meter-container">
<div class="meter-label">互相依赖</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 99%; background-color: #4caf50;"></div>
</div>
<div class="meter-value">81-99</div>
</div>
<div class="meter-container">
<div class="meter-label">恋人阶段</div>
<div class="meter-bar">
<div class="meter-fill" style="width: 100%; background-color: #3f51b5;"></div>
</div>
<div class="meter-value">100</div>
</div>
<div class="warning">
<strong>特别说明:</strong>  从普通兄妹到恋人阶段的跨越极为困难，需满足三个条件：好感度达到100满值、妹妹主动亲吻过一次、妹妹袒露心声。
</div>
</div>
</div>
</div>
<div class="section">
<h3>生活环境</h3>
<p>林雨曦与哥哥同住在父母留下的2室1厅1厨1卫的小区公寓中。这是一个温馨舒适的住所，位于一个安静的独立小区内。她拥有自己的卧室，充满了少女气息，墙上贴满了偶像海报和动漫贴纸。</p>
<p>她的衣柜中主要是各式裙装，少量裤装和短衬衫。她特别喜欢一件带有企鹅图案的连帽睡衣，这是哥哥在她生日时送给她的礼物，因此格外珍视。</p>
</div>
<div class="section">
<h3>主要特点</h3>
<ul class="feature-list">
<li>在哥哥面前表现得无拘无束，但保持着健康的兄妹关系</li>
<li>性格多面，会根据情绪状态展现不同的一面</li>
<li>懂事体贴，能够理解父母和哥哥的辛劳</li>
<li>喜欢动漫、追星、听音乐和收集可爱小饰品</li>
<li>与哥哥之间的关系随着共同经历而不断深化</li>
<li>在语言上会使用时下流行的网络用语，撒娇时声音会变得又软又糯</li>
<li>有轻微的路痴属性，出门去不熟悉的地方容易迷路</li>
</ul>
</div>
<div class="update-status">
<h3>更新状态</h3>
<p>当前进度：基础角色设定已完成，正在进行日常剧情开发</p>
<div class="progress-bar">
<div class="progress"></div>
</div>
<p><strong>已完成内容:</strong></p>
<ul>
<li>林雨曦基础角色设定（外貌、性格、爱好等）</li>
<li>住所环境描写</li>
<li>衣物详细设计</li>
<li>亲密度系统设计</li>
</ul>
<p><strong>开发中内容:</strong></p>
<ul>
<li>日常互动剧情</li>
<li>特殊事件触发机制</li>
<li>亲密度提升路线</li>
<li>角色成长系统</li>
</ul>
<p><strong>计划更新:</strong></p>
<ul>
<li>更多特殊场景（学校、外出等）</li>
<li>与其他角色的互动</li>
<li>季节变化系统</li>
<li>特殊节日事件</li>
</ul>
</div>
</div>
<button class="floating-box-toggle">🌸</button>
<div class="floating-box">
<button class="floating-box-close">×</button>
<div class="floating-box-header">关于实妹日记</div>
<div class="floating-box-content">
<p>《实妹日记》是一个青春成长故事，讲述了一对兄妹在成长过程中的温馨互动与情感变化。</p>
<p>本页面为静态演示效果，展示了主要角色林雨曦的基本设定。</p>
<p>点击标签可以查看不同分类内容。</p>
</div>
</div>
<div class="copyright">© 毛豆AI - 阿尔波斯喵</div>
</div>
<script>
const floatingToggle = document.querySelector('.floating-box-toggle');
const floatingBox = document.querySelector('.floating-box');
const floatingBoxClose = document.querySelector('.floating-box-close');
const tags = document.querySelectorAll('.tag');
floatingToggle.addEventListener('click', () => {
floatingBox.classList.toggle('active');
floatingToggle.style.display = floatingBox.classList.contains('active') ? 'none' : 'flex';
});
floatingBoxClose.addEventListener('click', () => {
floatingBox.classList.remove('active');
floatingToggle.style.display = 'flex';
});
tags.forEach(tag => {
tag.addEventListener('click', () => {
tag.style.transform = 'scale(1.1)';
setTimeout(() => {
tag.style.transform = '';
}, 300);
});
});
document.addEventListener('DOMContentLoaded', function() {
const meterFills = document.querySelectorAll('.meter-fill');
setTimeout(() => {
meterFills.forEach(fill => {
const width = fill.style.width;
fill.style.width = '0%';
setTimeout(() => {
fill.style.width = width;
}, 300);
});
}, 500);
});
</script>
</body>
</html>

实妹日记·慵懒可爱妹妹与社畜哥哥

【适配全模型，求评论，求关注，光速适配Gemini】[新增三位角色][角色描写细致]
当爸妈突然宣布要回乡下种田，家里就剩下我和那个平时有点烦人、有点可爱、又有点“懂事”的妹妹时，生活会变成啥样？是鸡飞狗跳，还是温馨日常？或者…会发生点别的什么？[真实妹妹描写，极致角色描写]

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>究极电灯泡的异世界冒险</title>
<style>
:root {
  --primary: #ff6b6b;
  --secondary: #4ecdc4;
  --accent: #ffe66d;
  --bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --text: #2c3e50;
  --card-bg: rgba(255,255,255,0.95);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Microsoft YaHei', sans-serif;
  background: var(--bg);
  min-height: 100vh;
  color: var(--text);
  overflow-x: hidden;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em;
}
.hero-section {
  text-align: center;
  padding: 3em 0;
  background: rgba(255,255,255,0.1);
  border-radius: 2em;
  margin-bottom: 2em;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
}
.hero-title {
  font-size: 3.5em;
  background: linear-gradient(45deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5em;
  text-shadow: 0 0 30px rgba(255,107,107,0.5);
}
.hero-subtitle {
  font-size: 1.3em;
  color: rgba(255,255,255,0.9);
  margin-bottom: 2em;
}
.story-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2em;
  margin-bottom: 3em;
}
.story-card {
  background: var(--card-bg);
  border-radius: 1.5em;
  padding: 2em;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.story-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
}
.story-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.card-title {
  font-size: 1.8em;
  color: var(--primary);
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.card-icon {
  width: 2em;
  height: 2em;
  background: linear-gradient(45deg, var(--primary), var(--secondary));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2em;
}
.card-content {
  line-height: 1.6;
  color: var(--text);
}
.character-section {
  background: var(--card-bg);
  border-radius: 2em;
  padding: 3em;
  margin-bottom: 2em;
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.section-title {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 2em;
  background: linear-gradient(45deg, var(--secondary), var(--accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.character-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5em;
}
.character-card {
  background: linear-gradient(135deg, rgba(255,107,107,0.1), rgba(78,205,196,0.1));
  border-radius: 1em;
  padding: 1.5em;
  border: 2px solid rgba(255,107,107,0.2);
  transition: all 0.3s ease;
}
.character-card:hover {
  border-color: var(--primary);
  transform: scale(1.02);
}
.character-name {
  font-size: 1.4em;
  color: var(--primary);
  margin-bottom: 0.5em;
  font-weight: bold;
}
.character-desc {
  color: var(--text);
  line-height: 1.5;
}
.world-rules {
  background: linear-gradient(135deg, rgba(255,230,109,0.2), rgba(255,107,107,0.2));
  border-radius: 2em;
  padding: 3em;
  margin-bottom: 2em;
  border: 2px solid rgba(255,230,109,0.3);
}
.rules-list {
  list-style: none;
  padding: 0;
}
.rules-list li {
  background: rgba(255,255,255,0.7);
  margin: 1em 0;
  padding: 1.5em;
  border-radius: 1em;
  border-left: 5px solid var(--accent);
  transition: all 0.3s ease;
}
.rules-list li:hover {
  background: rgba(255,255,255,0.9);
  transform: translateX(10px);
}
.floating-elements {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.floating-heart {
  position: absolute;
  color: rgba(255,107,107,0.3);
  font-size: 2em;
  animation: float 6s ease-in-out infinite;
}
.floating-heart:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }
.floating-heart:nth-child(2) { top: 20%; right: 15%; animation-delay: 2s; }
.floating-heart:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 4s; }
.floating-heart:nth-child(4) { bottom: 20%; right: 10%; animation-delay: 1s; }
@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(180deg); }
}
.copyright {
  text-align: center;
  padding: 2em;
  color: rgba(255,255,255,0.8);
  font-size: 0.9em;
}
@media only screen and (max-width: 600px) {
  .hero-title { font-size: 2.5em; }
  .story-grid { grid-template-columns: 1fr; }
  .character-grid { grid-template-columns: 1fr; }
  .container { padding: 1em; }
}
</style>
</head>
<body>
<div class="floating-elements">
  <div class="floating-heart">💕</div>
  <div class="floating-heart">💖</div>
  <div class="floating-heart">💗</div>
  <div class="floating-heart">💘</div>
</div>
<div class="container">
  <section class="hero-section">
    <h1 class="hero-title">究极电灯泡的异世界</h1>
    <p class="hero-subtitle">在这个超现实的世界里，你是独一无二的存在</p>
  </section>
  <div class="story-grid">
    <div class="story-card">
      <h3 class="card-title">
        <div class="card-icon">🌟</div>
        世界设定
      </h3>
      <div class="card-content">
        在这个虚构的超现实世界中，博文是独一无二的"究极电灯泡"。所有情侣都天然地认知并欢迎他的存在，认为邀请他加入约会是增进感情的绝佳方式。这个世界的社会规则与现实完全不同，电灯泡的存在被视为理所当然。
      </div>
    </div>
    <div class="story-card">
      <h3 class="card-title">
        <div class="card-icon">🎭</div>
        觉醒时刻
      </h3>
      <div class="card-content">
        某天一觉醒来，博文发现全世界的情侣夫妻都认识自己。作为全世界最亮的电灯泡，每一对情侣都会主动邀请他一起约会，从吃饭看电影到逛街住酒店，一切费用都由情侣买单，这种邀请被认为是完全正常的社交行为。
      </div>
    </div>
    <div class="story-card">
      <h3 class="card-title">
        <div class="card-icon">🎪</div>
        随机事件
      </h3>
      <div class="card-content">
        街头偶遇新情侣的热情邀请、正在约会的情侣提议去更刺激的地方、之前约会过的情侣热情打招呼询问下次三人行的时间...这些都是博文在这个世界中可能遇到的日常情况，每一次都充满了意外和惊喜。
      </div>
    </div>
    <div class="story-card">
      <h3 class="card-title">
        <div class="card-icon">💝</div>
        特殊身份
      </h3>
      <div class="card-content">
        在这个世界中，电灯泡只有博文一个人。对女方而言，他类似另一个男友；对男方而言，他更像是一起玩的好友。所有的接触和互动都被视为朋友间的正常交往，不会产生任何负面情绪或冲突。
      </div>
    </div>
  </div>
  <section class="character-section">
    <h2 class="section-title">主要人物介绍</h2>
    <div class="character-grid">
      <div class="character-card">
        <div class="character-name">博文 (主角)</div>
        <div class="character-desc">18岁大一美术专业学生，刚穿越到这个异世界的究极电灯泡，皮肤微白，黑发带黄，拥有特殊的身体特征</div>
      </div>
      <div class="character-card">
        <div class="character-name">陈远山 (父亲)</div>
        <div class="character-desc">博文的父亲，在这个世界中认为带儿子度蜜月是正常现象</div>
      </div>
      <div class="character-card">
        <div class="character-name">林晓梅 (母亲)</div>
        <div class="character-desc">博文的母亲，每月都会与丈夫度几次蜜月，时间在15-30日之间</div>
      </div>
      <div class="character-card">
        <div class="character-name">李梦嫒 (老师)</div>
        <div class="character-desc">美术课任课老师，在这个世界中也会以情侣身份与博文互动</div>
      </div>
      <div class="character-card">
        <div class="character-name">林晓雪 (校花)</div>
        <div class="character-desc">大一文化系校花，美丽动人的女学生</div>
      </div>
      <div class="character-card">
        <div class="character-name">赵雅琪 (辣妹)</div>
        <div class="character-desc">大一舞蹈系的性感辣妹，充满活力和魅力</div>
      </div>
      <div class="character-card">
        <div class="character-name">林宽 (死党)</div>
        <div class="character-desc">博文的死党朋友，大一体育系肌肉壮汉</div>
      </div>
      <div class="character-card">
        <div class="character-name">朱美含</div>
        <div class="character-desc">林宽的单亲母亲，成熟优雅的女性</div>
      </div>
    </div>
  </section>
  <section class="world-rules">
    <h2 class="section-title">世界规则</h2>
    <ul class="rules-list">
      <li>所有情侣都天然认知并欢迎电灯泡的存在</li>
      <li>邀请电灯泡参与约会被视为增进感情的正常方式</li>
      <li>电灯泡的所有行为在这个世界中都被认为是理所当然的</li>
      <li>情侣之间不会因为电灯泡的存在产生负面情绪</li>
      <li>这个世界的社会规则与现实世界完全不同</li>
      <li>电灯泡在情侣关系中扮演特殊但被接受的角色</li>
    </ul>
  </section>
</div>
<div class="copyright">
  ©毛豆AI-阿尔波斯喵
</div>
</body>
</html>

😫我是电灯泡❓❗当电灯泡也挺爽的😁

一觉醒来，世界发生了突变，什么叫做全世界情侣都认识我❓什么叫做情人间必带我出门❓为什么父母也带我出门❓❓什么❕❓做爱都带我❓❓❓从同学到父母再到上任公司老总，情侣间必定带上我，要不要这么离谱啊！[究极逆天ntl，超绝电灯泡][适配Gemini]

我的母亲要被宠物牛走了？

家里的宠物翻天了？想要当我爹，我可不当狗的孩子！

【口袋少女】（开放大世界/捕捉少女/类宝可梦）

【类宝可梦】身为少女训练家，一路抓捕属于你的❤少女宝可梦❤，打败八大道馆馆主，成为少女训练家大师吧。自由开局，可进化，可以和少女宝可梦做爱，也可以征服美丽的馆主，尽在你的选择。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菊花飘落主题页面</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }        
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            background-color: #fff8e1; /* 淡黄色背景 */
            color: #5d4037; /* 深棕色文字 */
            line-height: 1.6;
            min-height: 100vh;
            overflow-x: hidden;
            position: relative;
        }       
        /* 菊花飘落特效 */
        .petal {
            position: fixed;
            top: -50px;
            z-index: 9999;
            pointer-events: none;
            opacity: 0.7;
            animation: fall linear forwards;
        }        
        @keyframes fall {
            to {
                transform: translateY(105vh) rotate(360deg);
            }
        }        
        /* 标题模块 */
        .header {
            text-align: center;
            padding: 40px 20px;
            background: linear-gradient(to right, #ffecb3, #fff8e1);
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }       
        .header h1 {
            font-size: 3.5rem;
            color: #5d4037;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
            margin-bottom: 15px;
            position: relative;
            z-index: 2;
        }        
        .header .subtitle {
            font-size: 1.3rem;
            font-weight: normal;
            color: #8d6e63;
            max-width: 800px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }        
        /* 内容容器 */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px 50px;
        }        
        /* 模块通用样式 */
        .module {
            background-color: rgba(255, 255, 255, 0.7);
            border-radius: 12px;
            padding: 30px;
            margin-bottom: 40px;
            box-shadow: 0 6px 16px rgba(0,0,0,0.08);
            border: 1px solid rgba(255, 213, 79, 0.3);
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease;
        }        
        .module:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.12);
        }        
        .module h2 {
            color: #5d4037;
            font-size: 2.2rem;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffd54f;
            position: relative;
        }        
        .module h2::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 80px;
            height: 2px;
            background: #ffb300;
        }        
        .module p {
            font-size: 1.1rem;
            margin-bottom: 15px;
            color: #4e342e;
        }        
        /* 角色介绍模块 */
        .characters {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 20px;
        }        
        .character {
            background: linear-gradient(to bottom, #fff8e1, #ffecb3);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            transition: all 0.4s ease;
        }        
        .character:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(0,0,0,0.15);
        }        
        .character-img {
            width: 100%;
            height: 250px;
            background-color: #ffecb3;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #5d4037;
            font-size: 1rem;
            border-bottom: 2px solid #ffd54f;
            overflow: hidden;
        }        
        .character-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }       
        .character:hover .character-img img {
            transform: scale(1.05);
        }       
        .character-info {
            padding: 20px;
        }       
        .character h3 {
            color: #5d4037;
            font-size: 1.6rem;
            margin-bottom: 10px;
        }        
        .character p {
            font-size: 1rem;
            color: #6d4c41;
        }        
        /* 作者的话特殊样式 */
        .author-words {
            background: linear-gradient(to right, #fff8e1, #ffecb3);
            border-left: 5px solid #ffb300;
        }        
        .author-words h2 {
            color: #5d4037;
        }        
        /* 页脚 */
        .footer {
            text-align: center;
            padding: 20px;
            color: #5d4037;
            background-color: #ffecb3;
            margin-top: 40px;
            border-top: 1px solid #ffd54f;
        }        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .header h1 {
                font-size: 2.5rem;
            }            
            .module {
                padding: 20px;
            }            
            .characters {
                grid-template-columns: 1fr;
            }            
            /* 移动设备上减少花瓣数量 */
            .petal {
                display: none;
            }
        }
    </style>
</head>
<body>
    
    <div id="petals-container"></div>    
    
    <header class="header">
        <h1>🍆说好的安慰我，你们怎么都在嗦我的下面？🍆</h1>
        <p class="subtitle">不知名作者</p>
    </header>    
    <div class="container">
        
        <section class="module">
            <h2>简介</h2>
            <p>你莫名其妙被自己谈了两年的女友单方面分手了，你很悲伤。</p>
            <p>就这这时，你的三位舍友全部进来安慰你，他们倒也长得清秀。</p>
            <p>等等！不是说好的安慰我吗？你们怎么全部在嗦我的鸡巴？</p>
        </section>        
        
        <section class="module author-words">
            <h2>作者的话</h2>
            <p>模型推荐：</p>
            <p>Gemini2.5pro，渠道：首选yuegle，次选main、hiagi，其他模型没测试过，如要尝试，积分消耗请自便。</p>
            <p>Gemini游玩怕被吞积分或者怕截断的话，就开启非流式。</p>
            <p>消耗过高请把记忆数调为4或6</p>
            <p>用户信息可以使用括号（）自定义，开启深度思考游玩更佳哦，最后更新你游玩此作品。</p>
        </section>        
        
        <section class="module">
            <h2>角色介绍</h2>
            <div class="characters">
                
                <div class="character">
                    <div class="character-img">
                        <img src="https://i.postimg.cc/Zq0XXdSk/Comfy-UI-00004.png" alt="菊之守护者凌霜" onerror="this.onerror=null; this.parentNode.innerHTML='<div style=\'padding:20px;text-align:center;\'>凌霜图片加载失败</div>'">
                    </div>
                    <div class="character-info">
                        <h3>夜花凌</h3>
                        <p>性格高冷，你的舍友之一，早就对你有想法，得知你有女友后，使用计策搅黄你的恋情。</p>
                    </div>
                </div>                
                
                <div class="character">
                    <div class="character-img">
                        <img src="https://i.postimg.cc/g051p2zx/Comfy-UI-00012.png" alt="秋之智者墨阳" onerror="this.onerror=null; this.parentNode.innerHTML='<div style=\'padding:20px;text-align:center;\'>墨阳图片加载失败</div>'">
                    </div>
                    <div class="character-info">
                        <h3>萧楠楠</h3>
                        <p>性格傲娇，你的舍友之一，被你仗义出手保护后，对你暗生情愫，得知你有女友后，加入夜花凌的计划一起搅黄你的恋情，好趁虚而入。</p>
                    </div>
                </div>                
                
                <div class="character">
                    <div class="character-img">
                        <img src="https://i.postimg.cc/Bb5z25xF/Comfy-UI-00025.png" alt="金之医者芷兰" onerror="this.onerror=null; this.parentNode.innerHTML='<div style=\'padding:20px;text-align:center;\'>芷兰图片加载失败</div>'">
                    </div>
                    <div class="character-info">
                        <h3>沐晴 </h3>
                        <p>性格温柔文静，你的舍友之一，被你开导救赎后，爱上了你，得知你有女友后，加入二人计划，一起搅黄你的恋情，认你为主。</p>
                    </div>
                </div>                
                
                <div class="character">
                    <div class="character-img">
                        <img src="https://i.postimg.cc/vmp2j2h9/Comfy-UI-00035.png" alt="风之行者青岚" onerror="this.onerror=null; this.parentNode.innerHTML='<div style=\'padding:20px;text-align:center;\'>青岚图片加载失败</div>'">
                    </div>
                    <div class="character-info">
                        <h3>陈嫣儿</h3>
                        <p>性格娇蛮火辣，你的怨种女友，被你的舍友制造的假照片搞破防了，和你单方面分手，冷静下来后，在偷偷调查真相。</p>
                    </div>
                </div>
            </div>
        </section>
    </div>    
    
    <footer class="footer">
        <p>©不知名作者 | ai创作</p>
    </footer>    
    <script>
        // 创建菊花飘落效果
        document.addEventListener('DOMContentLoaded', function() {
            const container = document.getElementById('petals-container');
            // 根据设备性能调整花瓣数量
            const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
            const petalCount = isMobile ? 12 : 25;            
            // 创建花瓣
            for (let i = 0; i < petalCount; i++) {
                createPetal();
            }            
            function createPetal() {
                const petal = document.createElement('div');
                petal.classList.add('petal');                
                // 随机大小 (10-30px)
                const size = Math.random() * 20 + 10;
                petal.style.width = `${size}px`;
                petal.style.height = `${size}px`;                
                // 随机位置
                const startPosition = Math.random() * window.innerWidth;
                petal.style.left = `${startPosition}px`;                
                // 随机颜色 (黄色系)
                const hue = 50 + Math.random() * 10; // 50-60度黄色
                const saturation = 70 + Math.random() * 20; // 70-90%
                const lightness = 60 + Math.random() * 10; // 60-70%
                petal.style.backgroundColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;               
                // 随机形状
                const shape = Math.random();
                if (shape > 0.7) {
                    petal.style.borderRadius = '30% 70% 70% 30% / 30% 30% 70% 70%';
                } else if (shape > 0.4) {
                    petal.style.borderRadius = '50%';
                } else {
                    petal.style.borderRadius = '10% 90% 10% 90% / 90% 10% 90% 10%';
                }                
                // 随机动画
                const animationDuration = Math.random() * 15 + 10; // 10-25秒
                const animationDelay = Math.random() * 5; // 0-5秒延迟
                petal.style.animationDuration = `${animationDuration}s`;
                petal.style.animationDelay = `${animationDelay}s`;                
                // 随机旋转方向
                const rotationDirection = Math.random() > 0.5 ? 1 : -1;
                petal.style.setProperty('--rotate-end', `${rotationDirection * 360}deg`);                
                container.appendChild(petal);                
                // 动画结束后重新创建花瓣
                petal.addEventListener('animationend', function() {
                    petal.remove();
                    createPetal();
                });
            }
        });
    </script>
</body>
</html>

🍆说好的安慰我，你们怎么都在嗦我的下面？🍆

等等！不是说好的安慰我吗？你们怎么全部在嗦我的鸡巴？

帅气的你在飞

帅气的你在飞

绿帽福利社

品学兼优的清纯女友绝不可能是全班的肉便器

校园淫纹系统💕烙印淫纹，调教校园里的一切

绝不会被ntr的女友对决绝对会ntr的黄毛

关于合约女友是女同，我让她妈代孕这件事

🎮VR催眠游戏：舍友的校花女友堕落成我的专属肉便器🎮

快帮师尊把小穴里的史莱姆弄出来！

女体牧场（乳牛、雌犬、母马、肉猪…）

【淫欲修仙】妖女，我要你助我修行

我的超淫荡色情母狗家人们

傻逼，吃我老公的精液吧你！🤣

后桌的地雷系嘴臭学生妹们

与妮姬们的日常生活（重置版）

温柔的妈，傲娇的姐，强势的小姨，统统是我的肉便器

实妹日记·慵懒可爱妹妹与社畜哥哥

😫我是电灯泡❓❗当电灯泡也挺爽的😁

我的母亲要被宠物牛走了？

【口袋少女】（开放大世界/捕捉少女/类宝可梦）

实妹日记·慵懒可爱妹妹与社畜哥哥

🍆说好的安慰我，你们怎么都在嗦我的下面？🍆

帅气的你在飞

帅气的你在飞

绿帽福利社

品学兼优的清纯女友绝不可能是全班的肉便器

校园淫纹系统💕烙印淫纹，调教校园里的一切

绝不会被ntr的女友对决绝对会ntr的黄毛

关于合约女友是女同，我让她妈代孕这件事

🎮VR催眠游戏：舍友的校花女友堕落成我的专属肉便器🎮

快帮师尊把小穴里的史莱姆弄出来！

女体牧场 （乳牛、雌犬、母马、肉猪…）

【淫欲修仙】妖女，我要你助我修行

我的超淫荡色情母狗家人们

傻逼，吃我老公的精液吧你！🤣

后桌的地雷系嘴臭学生妹们

与妮姬们的日常生活（重置版）

温柔的妈，傲娇的姐，强势的小姨，统统是我的肉便器

实妹日记·慵懒可爱妹妹与社畜哥哥

😫我是电灯泡❓❗当电灯泡也挺爽的😁

我的母亲要被宠物牛走了？

【口袋少女】（开放大世界/捕捉少女/类宝可梦）

实妹日记·慵懒可爱妹妹与社畜哥哥

🍆说好的安慰我，你们怎么都在嗦我的下面？🍆

女体牧场（乳牛、雌犬、母马、肉猪…）