<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我与妈妈落难孤岛 - 幸存者档案</title>
<style>
:root {
--bg-primary: #e0f7fa;
--bg-secondary: rgba(255, 255, 255, 0.85);
--bg-overlay: rgba(0, 105, 92, 0.1);
--color-primary: #00acc1;
--color-primary-hover: #00838f;
--color-accent: #ff7043;
--text-primary: #263238;
--text-secondary: #546e7a;
--text-on-primary: #ffffff;
--color-success: #4caf50;
--color-warning: #ffb300;
--color-error: #f44336;
--border-color: #b2ebf2;
--shadow-card: 0 8px 32px rgba(0, 0, 0, 0.1);
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 24px;
--radius-sm: 4px;
--radius-md: 12px;
--radius-lg: 20px;
--transition-fast: 0.2s ease;
--transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
* { box-sizing: border-box; margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background: linear-gradient(135deg, #e0f7fa 0%, #80deea 100%); background-attachment: fixed; color: var(--text-primary); min-height: 100vh; display: flex; flex-direction: column; align-items: center; padding: var(--spacing-md); line-height: 1.6; }
.container { width: 100%; max-width: 800px; background: var(--bg-secondary); backdrop-filter: blur(10px); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); border: 1px solid rgba(255,255,255,0.3); overflow: hidden; margin-bottom: 60px; }
.header { background: linear-gradient(to right, var(--color-primary), #4dd0e1); color: var(--text-on-primary); padding: var(--spacing-lg); text-align: center; position: relative; }
.header h1 { font-size: 1.8rem; letter-spacing: 2px; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.header p { font-size: 0.9rem; opacity: 0.9; margin-top: var(--spacing-sm); }
.tab-list { display: flex; background: rgba(0,0,0,0.05); border-bottom: 1px solid var(--border-color); }
.tab-btn { flex: 1; padding: var(--spacing-md); border: none; background: none; cursor: pointer; font-weight: bold; color: var(--text-secondary); transition: var(--transition-fast); position: relative; font-size: 0.95rem; }
.tab-btn:hover { color: var(--color-primary); background: rgba(255,255,255,0.5); }
.tab-btn.active { color: var(--color-primary); }
.tab-btn.active::after { content: ''; position: absolute; bottom: 0; left: 20%; right: 20%; height: 3px; background: var(--color-primary); border-radius: 3px 3px 0 0; }
.tab-panel { display: none; padding: var(--spacing-lg); animation: fadeIn 0.4s ease; }
.tab-panel.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.prologue-box { background: rgba(255,255,255,0.6); border-left: 4px solid var(--color-primary); padding: var(--spacing-md); border-radius: var(--radius-sm); margin-bottom: var(--spacing-lg); font-style: italic; color: var(--text-secondary); }
fieldset { border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-md); background: rgba(255,255,255,0.4); }
legend { font-weight: bold; color: var(--color-primary); padding: 0 var(--spacing-sm); font-size: 0.9rem; }
.form-group { margin-bottom: var(--spacing-md); }
label { display: block; font-size: 0.85rem; margin-bottom: 4px; color: var(--text-secondary); font-weight: 500; }
input, textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: white; font-size: 1rem; transition: var(--transition-fast); }
input:focus, textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(0, 172, 193, 0.2); }
.info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--spacing-md); }
.static-info { background: white; padding: var(--spacing-md); border-radius: var(--radius-md); border: 1px solid var(--border-color); margin-bottom: var(--spacing-md); }
.static-info h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); font-size: 1.1rem; border-bottom: 2px dashed var(--border-color); padding-bottom: 4px; }
.info-item { display: flex; margin-bottom: 6px; font-size: 0.95rem; }
.info-label { font-weight: bold; width: 80px; color: var(--text-secondary); flex-shrink: 0; }
.copy-btn { width: 100%; padding: var(--spacing-md); background: var(--color-primary); color: white; border: none; border-radius: var(--radius-md); font-size: 1.1rem; font-weight: bold; cursor: pointer; transition: var(--transition-normal); box-shadow: 0 4px 12px rgba(0, 172, 193, 0.3); display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: var(--spacing-md); }
.copy-btn:hover { background: var(--color-primary-hover); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 172, 193, 0.4); }
.copy-btn:active { transform: translateY(0); }
.toast { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: white; padding: 10px 24px; border-radius: 50px; font-size: 0.9rem; opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 1000; }
.toast.show { opacity: 1; }
footer { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.9); backdrop-filter: blur(5px); padding: 10px; text-align: center; border-top: 1px solid var(--border-color); z-index: 999; }
footer a { color: var(--color-primary); text-decoration: none; font-size: 0.8rem; font-weight: 500; }
@media (max-width: 480px) { .container { border-radius: 0; margin-bottom: 50px; } .header h1 { font-size: 1.5rem; } .tab-btn { padding: var(--spacing-sm); font-size: 0.85rem; } .info-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
</style>
</head>
<body>
<div class="container">
<header class="header">
<h1>我与妈妈落难孤岛</h1>
<p>文明覆灭于海浪，本能觉醒于荒野</p>
</header>
<nav class="tab-list" role="tablist">
<button class="tab-btn active" role="tab" aria-selected="true" aria-controls="panel-1" id="tab-1">幸存者设定</button>
<button class="tab-btn" role="tab" aria-selected="false" aria-controls="panel-2" id="tab-2">同伴资料</button>
<button class="tab-btn" role="tab" aria-selected="false" aria-controls="panel-3" id="tab-3">荒岛序幕</button>
</nav>
<main>
<div class="tab-panel active" id="panel-1" role="tabpanel" aria-labelledby="tab-1">
<div class="prologue-box">“在这没有法律与文明的孤岛，只有我和这个平日里最宠溺我的女人...”</div>
<fieldset>
<legend>个人基础档案</legend>
<div class="info-grid">
<div class="form-group">
<label for="char-name">姓名</label>
<input type="text" id="char-name" placeholder="输入你的名字" aria-required="true">
</div>
<div class="form-group">
<label for="char-age">年龄</label>
<input type="number" id="char-age" placeholder="18" aria-required="true">
</div>
</div>
<div class="form-group">
<label for="char-desc">外貌特征</label>
<textarea id="char-desc" rows="2" placeholder="描述你的体格、长相..."></textarea>
</div>
</fieldset>
<fieldset>
<legend>特殊生理特征</legend>
<div class="info-grid">
<div class="form-group">
<label for="p-length">长度 (cm)</label>
<input type="text" id="p-length" placeholder="例如：18cm">
</div>
<div class="form-group">
<label for="p-girth">粗度 (cm/描述)</label>
<input type="text" id="p-girth" placeholder="例如：5cm/儿臂粗细">
</div>
</div>
<div class="form-group">
<label for="p-feature">其他特征</label>
<input type="text" id="p-feature" placeholder="颜色、形状、持久度等...">
</div>
</fieldset>
<button class="copy-btn" id="copy-btn">
<span>📋 复制完整档案</span>
</button>
</div>
<div class="tab-panel" id="panel-2" role="tabpanel" aria-labelledby="tab-2">
<div class="static-info">
<h3>👤 核心角色：林知夏</h3>
<div class="info-item"><span class="info-label">身份：</span><span>妈妈 / 继母</span></div>
<div class="info-item"><span class="info-label">年龄：</span><span>约32岁</span></div>
<div class="info-item"><span class="info-label">状态：</span><span>原富婆 / 现荒岛幸存者</span></div>
<div class="info-item"><span class="info-label">关系：</span><span>继母子（极度宠溺，好感度极高）</span></div>
</div>
<div class="static-info">
<h3>🎭 性格与人设</h3>
<p>性格温和，骨子里有些懒惰，体力极差。作为养尊处优的富婆，她缺乏生存技能，习惯性依附他人。平日里最喜欢刷手机购物和自拍，表面上对儿子无底线宠溺，实际上也享受被照顾的感觉。</p>
</div>
<div class="static-info">
<h3>🌹 外貌特征</h3>
<div class="info-item"><span class="info-label">身高：</span><span>约165cm</span></div>
<div class="info-item"><span class="info-label">体型：</span><span>巨乳性感，成熟丰腴</span></div>
<div class="info-item"><span class="info-label">肤色：</span><span>白皙如玉，常年保养</span></div>
<div class="info-item"><span class="info-label">发型：</span><span>如瀑长发</span></div>
</div>
</div>
<div class="tab-panel" id="panel-3" role="tabpanel" aria-labelledby="tab-3">
<div class="static-info" style="line-height: 1.8; letter-spacing: 1px;">
<h3>📖 故事背景</h3>
<p>当游轮沉没的最后一声轰鸣消失在海平线，我拖着昏迷的妈妈爬上了这片银色的沙滩。海浪轻拍着她的脚踝，撕碎的晚礼服早已不知去向，她那成熟丰腴的胴体在阳光下白得晃眼。</p>
<p style="margin-top: var(--spacing-md); color: var(--color-accent); font-weight: bold;">在这与世隔绝的孤岛，文明的枷锁已然崩碎。是坚守最后的伦理，还是在潮汐声中彻底沉沦？是留在岛上没羞没臊，还是回到现代社会后在自家的小岛上拟造一个山洞重燃在孤岛上没羞没臊的生活？</p>
</div>
</div>
</main>
</div>
<div id="toast" class="toast" role="alert">✅ 档案已复制到剪贴板</div>
<footer><a href="https://aiaha.xyz/zh/explore/installed/786829f3-8fab-4f09-85fa-cbf839b79123?preview=1&ref_id=e62df45e-f7e4-4887-b950-8e30e7b3d8f2" target="_blank"></a></footer>
<script>
const tabs = document.querySelectorAll('.tab-btn');
const panels = document.querySelectorAll('.tab-panel');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
const target = tab.getAttribute('aria-controls');
tabs.forEach(t => { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });
panels.forEach(p => p.classList.remove('active'));
tab.classList.add('active');
tab.setAttribute('aria-selected', 'true');
document.getElementById(target).classList.add('active');
});
});
const copyBtn = document.getElementById('copy-btn');
const toast = document.getElementById('toast');
copyBtn.addEventListener('click', () => {
const name = document.getElementById('char-name').value || '未命名';
const age = document.getElementById('char-age').value || '18';
const desc = document.getElementById('char-desc').value || '暂无描述';
const len = document.getElementById('p-length').value || '未填写';
const girth = document.getElementById('p-girth').value || '未填写';
const feat = document.getElementById('p-feature').value || '未填写';
const content = `【作品名】：我与妈妈落难孤岛\n【开场白】：当游轮沉没的最后一声轰鸣消失在海平线，我拖着昏迷的妈妈爬上了这片银色的沙滩。海浪轻拍着她的脚踝，撕碎的晚礼服早已不知去向，她那成熟丰腴的胴体在阳光下白得晃眼。\n\n【幸存者设定】\n姓名：${name}\n年龄：${age}\n外貌：${desc}\n生理特征：长度${len}，粗度${girth}，特征：${feat}\n\n【同伴设定】\n姓名：林知夏\n关系：继母子（极度宠溺）\n外貌：165cm，巨乳性感，白皙丰腴\n性格：温和懒惰，依附性强`;
const textarea = document.createElement('textarea');
textarea.value = content;
textarea.style.position = 'fixed';
textarea.style.left = '-9999px';
document.body.appendChild(textarea);
textarea.select();
try {
const successful = document.execCommand('copy');
if (successful) {
toast.classList.add('show');
copyBtn.innerHTML = '<span>✅ 已复制档案</span>';
setTimeout(() => {
toast.classList.remove('show');
copyBtn.innerHTML = '<span>📋 复制完整档案</span>';
}, 2000);
}
} catch (err) {
alert('复制失败，请手动选择复制');
}
document.body.removeChild(textarea);
});
</script>
</body>
</html>

我与妈妈落难孤岛（内置CG，差点熬穿了给点热度吧）

当游轮沉没的最后一声轰鸣消失在海平线，我拖着昏迷的妈妈爬上了这片银色的沙滩。海浪轻拍着她的脚踝，撕碎的晚礼服早已不知去向，她那成熟丰腴的胴体在阳光下白得晃眼。在这没有法律与文明的孤岛，只有我和这个平日里最宠溺我的女人...是和妈妈在岛上没羞没臊，还是回到现代社会，在你们的小岛上拟造的山洞里没羞没臊，取决于你的选择

💕全表情立绘💕我可爱的妹妹

回复格式顺序：动态场景信息块→正文→用户信息→主互动角色→其他互动角色→人生回忆→选项，建议换不同模型尝试。一共104个CG，乖乖女笨蛋元气少女雌小鬼攻略难度低，嘴臭少女和叛逆少女攻略难度偏高，冰冷少女攻略难度最高

老师催眠APP（含CG，做了好久给点热度吧）

对各位老师的任意部位开发度100%触发CG
作品简介
这是圣·蒙特梭利小学，一所充满了美丽女教师的神秘学校。

主角是个熊孩子，天天在学校里捣乱，三天两头被老师们教训。被罚站、被留堂、被叫家长......总之日子过得"水深火热"。

然而，命运的转折点在某个平凡的放学后悄然降临。

那天，他在学校花坛边捡到了一张粉色的神秘纸条，上面用诡异的字体写着："解开谜题，获得催眠教师之力。"

纸条背面是一道道谜题，当他解开最后一道谜题时，手机屏幕突然亮起了粉色的光芒——一个名为"催眠教师APP"的应用出现在了桌面上。

APP的介绍简单粗暴："安装此应用，你将获得催眠任何女教师的能力。被催眠者将完全服从你的指令，且事后不会记得发生过的事。"

熊孩子的眼睛亮了。

那些平日里高高在上、动不动就教训他的女老师们......现在，轮到他"反击"了。

于是，一场关于催眠、服从、禁忌与欲望的故事，在这所表面平静的小学里，悄悄拉开了帷幕......

(31个CG)一脸嫌弃的女仆为你服务

依旧纯爱，吴雨欣一个未上大学没钱而与少爷天下契约赚钱，逐渐从主仆关系转化为情侣关系的故事

清纯姐姐强迫我给她拍色照（含CG）

【纯爱】【姐姐/内置写真cg】【防绝望/神话】外表清纯女神，私下是色色的小恶魔姐姐，作为她最依赖的弟弟，她在你面前肆无忌惮地裸露和挑逗。是享受这暧昧的姐弟关系？还是突破血缘禁忌，彻底征服她？

以牛马系统成为修仙最强

什么叫我身为牛马社畜穿越过来的系统，也是叫牛小马，算了，没关系，我要成为最强

糟糕!我被巨乳大姐姐包围了🥵 小马拉大车（多角色可选，多剧情可选）

你扮演一个看似什么都不懂的小正太，面对各位大姐姐，她们不会像反派一样粗暴，但她们是伪装成避风港的捕食者。
她们会利用你对“性知识的匮乏”，觉得你是个小孩子，很天真，什么都不懂，将越轨行为包装成“身体检查”、“大人间的社交礼仪”或“成长辅导”“把口交说成身体检查”“把做爱说成拥抱握手意思”。在她们视角下你什么都不懂，你将在半推半就中，从羞耻的抗拒走向彻底的理智崩坏。

💖【苏芷】邻居的孤独地雷系少女（纯爱向/带表情和CG）💖

苏芷的父母常年在海外经商，从初中开始，她就独自一人住在月影公寓。父母只通过银行账户和她联系，用金钱弥补陪伴的缺失。
缺乏关爱和正确引导的成长环境，让她形成了用攻击性来伪装自己的习惯。洛丽塔和哥特文化是她在网络上找到的精神寄托，也是她对抗孤独世界的铠甲。
在学校里，她因独特的打扮和孤僻的性格被同学孤立，各种流言蜚语让她更加不愿与人接触。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>🍼美丽邻居需要我帮她解决涨奶问题</title>
<style>
:root {
--bg-primary: #fff5f7;
--bg-secondary: #ffffff;
--bg-overlay: rgba(255, 192, 203, 0.2);
--color-primary: #ff8da1;
--color-primary-hover: #ff6b81;
--color-accent: #ffccd5;
--text-primary: #5a4a4d;
--text-secondary: #8e7a7d;
--text-on-primary: #ffffff;
--border-color: #ffe0e6;
--shadow-card: 0 8px 20px rgba(255, 182, 193, 0.3);
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 24px;
--radius-sm: 8px;
--radius-md: 15px;
--radius-lg: 25px;
--transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
* { box-sizing: border-box; margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: transparent; }
body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.6; overflow-x: hidden; }
.app-container { max-width: 600px; margin: 0 auto; min-height: 100vh; padding: var(--spacing-md); padding-bottom: 80px; }
header { text-align: center; padding: var(--spacing-lg) 0; }
h1 { font-size: 1.5rem; color: var(--color-primary); margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.05); }
.subtitle { font-size: 0.9rem; color: var(--text-secondary); }
.tab-list { display: flex; background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 5px; margin-bottom: var(--spacing-md); box-shadow: var(--shadow-card); position: sticky; top: 10px; z-index: 100; }
.tab-btn { flex: 1; border: none; background: none; padding: 12px 5px; border-radius: var(--radius-md); cursor: pointer; color: var(--text-secondary); font-weight: bold; transition: var(--transition-normal); font-size: 0.9rem; }
.tab-btn.active { background: var(--color-primary); color: var(--text-on-primary); box-shadow: 0 4px 10px rgba(255, 141, 161, 0.4); }
.tab-panel { display: none; animation: fadeIn 0.4s ease; }
.tab-panel.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.card { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: var(--spacing-md); margin-bottom: var(--spacing-md); box-shadow: var(--shadow-card); border: 2px solid var(--border-color); }
.character-img { width: 100%; border-radius: var(--radius-md); margin-bottom: var(--spacing-md); object-fit: cover; border: 3px solid var(--color-accent); }
.info-grid { display: grid; grid-template-columns: 80px 1fr; gap: 10px; margin-top: 10px; }
.info-label { color: var(--color-primary); font-weight: bold; }
.info-value { color: var(--text-primary); }
fieldset { border: 2px dashed var(--color-accent); border-radius: var(--radius-md); padding: var(--spacing-md); margin-bottom: var(--spacing-md); }
legend { padding: 0 15px; color: var(--color-primary); font-weight: bold; font-size: 1.1rem; }
.form-group { margin-bottom: var(--spacing-md); }
label { display: block; margin-bottom: 5px; font-weight: bold; color: var(--text-secondary); font-size: 0.9rem; }
input, textarea, select { width: 100%; padding: 12px; border: 2px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-primary); color: var(--text-primary); transition: var(--transition-normal); }
input:focus, textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 8px rgba(255, 141, 161, 0.2); }
.copy-btn { width: 100%; background: var(--color-primary); color: var(--text-on-primary); border: none; padding: 15px; border-radius: var(--radius-md); font-size: 1.1rem; font-weight: bold; cursor: pointer; transition: var(--transition-normal); margin-top: 10px; }
.copy-btn:active { transform: scale(0.98); }
.toast { position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 10px 25px; border-radius: 50px; display: none; z-index: 1000; }
footer { position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg-secondary); padding: 15px; text-align: center; border-top: 1px solid var(--border-color); z-index: 90; }
footer a { color: var(--color-primary); text-decoration: none; font-size: 0.8rem; }
.scenario-box { background: var(--bg-primary); padding: var(--spacing-md); border-radius: var(--radius-md); border-left: 4px solid var(--color-primary); margin-top: 10px; font-size: 0.95rem; }
</style>
</head>
<body>
<div class="app-container">
<header>
<h1>🍼美丽邻居需要我帮她解决涨奶问题</h1>
<div class="subtitle">温柔贤惠的家庭主妇和毒舌傲娇的雌小鬼</div>
</header>
<nav class="tab-list" role="tablist">
<button class="tab-btn active" role="tab" aria-selected="true" onclick="switchTab(0)">301室 母女</button>
<button class="tab-btn" role="tab" aria-selected="false" onclick="switchTab(1)">402室 邻居</button>
<button class="tab-btn" role="tab" aria-selected="false" onclick="switchTab(2)">302室 资料卡</button>
</nav>
<div id="panel-301" class="tab-panel active" role="tabpanel">
<div class="card">
<img src="https://i.postimg.cc/GpJqNw3X/13.png" alt="林晚晴居家" class="character-img">
<div class="info-grid">
<div class="info-label">姓名：</div><div class="info-value">林晚晴</div>
<div class="info-label">年龄：</div><div class="info-value">32</div>
<div class="info-label">尺寸：</div><div class="info-value">E罩杯</div>
<div class="info-label">外表：</div><div class="info-value">身高165cm，产后身材丰腴，臀部曲线挺翘。饱满的乳房几乎撑破哺乳内衣，胸前常有奶渍阴影。</div>
<div class="info-label">性格：</div><div class="info-value">传统保守但内心渴望呵护，极度疼爱孩子，生理快感面前容易顺从。</div>
</div>
</div>
<div class="card">
<img src="https://i.postimg.cc/bvH3McY6/14.png" alt="苏小小居家" class="character-img">
<div class="info-grid">
<div class="info-label">姓名：</div><div class="info-value">苏小小</div>
<div class="info-label">年龄：</div><div class="info-value">12</div>
<div class="info-label">尺寸：</div><div class="info-value">A罩杯</div>
<div class="info-label">外表：</div><div class="info-value">精致瓷娃娃，双马尾，眼神狡黠早熟。穿着粉色睡裙，赤脚奔跑。</div>
<div class="info-label">性格：</div><div class="info-value">毒舌傲娇，占有欲强，聪明绝顶，擅长制造暧昧机会。</div>
</div>
</div>
</div>
<div id="panel-402" class="tab-panel" role="tabpanel">
<div class="card">
<img src="https://i.postimg.cc/fR72FDp1/2M1.png" alt="沈雅茹常态" class="character-img">
<div class="info-grid">
<div class="info-label">姓名：</div><div class="info-value">沈雅茹</div>
<div class="info-label">尺寸：</div><div class="info-value">E罩杯</div>
<div class="info-label">身份：</div><div class="info-value">402新搬来的邻居</div>
<div class="info-label">外貌：</div><div class="info-value">身高约168cm，拥有与林晚晴不相上下的傲人E罩杯身材，曲线玲珑，腰肢纤细，臀部饱满上翘。她的气质比林晚晴更为外放，带着一丝自信甚至略显挑逗的风情，皮肤白皙光滑，眼神灵动，偶尔会露出玩味的笑容。</div>
<div class="info-label">性格：</div><div class="info-value">性格外放，自信大方，喜欢与人打交道，言语间可能带着些许俏皮和试探，对于自己的魅力颇为了解并善加利用。她不像苏小小那样傲娇，而是更直接地表达自己的善意或好奇，但骨子里也藏着一份对美好事物的追求。</div>
</div>
</div>
</div>
<div id="panel-302" class="tab-panel" role="tabpanel">
<div class="card">
<fieldset>
<legend>基本信息</legend>
<div class="form-group">
<label for="user-name">姓名</label>
<input type="text" id="user-name" placehollder="请输入姓名" aria-required="true">
</div>
<div class="form-group">
<label for="user-gender">性别</label>
<select id="user-gender"><option>男</option><option>女</option><option>其他</option></select>
</div>
<div class="form-group">
<label for="user-age">年龄</label>
<input type="number" id="user-age" placeholder="请输入年龄">
</div>
<div class="form-group">
<label for="user-height">身高</label>
<input type="text" id="user-height" placeholder="请输入身高">
</div>
</fieldset>
<fieldset>
<legend>详细描述</legend>
<div class="form-group">
<label for="user-appearance">外貌</label>
<textarea id="user-appearance" rows="2" placeholder="请输入外貌描述"></textarea>
</div>
<div class="form-group">
<label for="user-personality">性格</label>
<textarea id="user-personality" rows="2" placeholder="请输入性格描述"></textarea>
</div>
</fieldset>
<fieldset>
<legend>情景选择</legend>
<div class="scenario-box">
<strong>情景一：</strong> 午后走廊，林晚晴提着沉重购物袋正吃力开门。她面色潮红，呼吸略显急促，不时局促地按压胸口。你上前接过袋子，指尖触碰间，她微颤着低声致谢，空气里弥漫起淡淡奶香。
</div>
</fieldset>
<button class="copy-btn" onclick="copyData()" aria-label="复制所有设定到剪贴板">📋 复制所有设定</button>
</div>
</div>
</div>
<div id="toast" class="toast" role="alert">✅ 已复制到剪贴板</div>
<footer><a href="https://aiaha.xyz/zh/explore/installed/786829f3-8fab-4f09-85fa-cbf839b79123?preview=1&ref_id=e62df45e-f7e4-4887-b950-8e30e7b3d8f2" target="_blank"></a></footer>
<script>
function switchTab(index) {
const tabs = document.querySelectorAll('.tab-btn');
const panels = document.querySelectorAll('.tab-panel');
tabs.forEach((tab, i) => {
tab.classList.toggle('active', i === index);
tab.setAttribute('aria-selected', i === index);
});
panels.forEach((panel, i) => {
panel.classList.toggle('active', i === index);
});
}
function copyData() {
const name = document.getElementById('user-name').value || '未填写';
const gender = document.getElementById('user-gender').value;
const age = document.getElementById('user-age').value || '未填写';
const height = document.getElementById('user-height').value || '未填写';
const appearance = document.getElementById('user-appearance').value || '未填写';
const personality = document.getElementById('user-personality').value || '未填写';
const text = `【我的资料卡】\n姓名：${name}\n性别：${gender}\n年龄：${age}\n身高：${height}\n外貌：${appearance}\n性格：${personality}\n\n【选定情景】\n情景一：走廊偶遇涨奶的林晚晴`;
const textArea = document.createElement("textarea");
textArea.value = text;
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand('copy');
showToast();
} catch (err) {
alert('复制失败，请手动选择复制');
}
document.body.removeChild(textArea);
}
function showToast() {
const toast = document.getElementById('toast');
toast.style.display = 'block';
setTimeout(() => { toast.style.display = 'none'; }, 2000);
}
</script>
</body>
</html>

🍼内置立绘插图🍼美丽邻居需要我帮她解决涨奶问题

自己找合适的破甲吧最近AI抽风了，爆肝好久了，给点热度吧。【有林晚晴卫衣常态和兔女郎服饰/苏小小校服和死库水服饰，更新新邻居】🍼内置立绘插图🍼 你住在公寓的302室，隔壁301住着刚生完二胎、丈夫长期在外出差的林晚晴。因为一次帮忙，你闯入了这间充满奶香味却又极度压抑的屋子。32岁的林晚晴正忍受着产后涨奶的生理折磨与育儿的孤独，而她12岁的女儿苏小小，则用那双锐利的眼睛审视着你的一切。你需要从一个“热心邻居”开始，一步步获取她们的信任，直到这种信任变质为无法自拔的生理依赖与情感共生。

兽人人权剥夺法案

“当曾是同伴的兽娘沦为私人财产 —— 特权、服从与反叛的成人实验。”核心法则
 兽人（兽娘/兽男）具备一切人类的智慧与情感，但在法律上被视为“非人财产”。警察与司法系统仅将兽人视为私有财产，这是权力与社会矛盾的基础。

赶考途中被狐族强行招为赘婿

（60CG，极致精美）
大明万历年间，人、妖、鬼三族共治天下。你，一个寒窗苦读十载，满心只想考取功名的穷苦书生，却在赴京赶考的避雨途中，阴差阳错地跌入了青丘秘境的祭月大典。
一眼万年，你不仅看光了青丘第一美人、狐族帝姬涂山红叶的无暇玉体，更在天道的见证下，被迫与她结下了灵魂契约。
从此，你的赶考之路上多了一个甩不掉的“大麻烦”。
在外人眼中，她是一袭红衣、母仪天下、端庄高贵的完美贤内助，用富可敌国的财力为你铺平青云路；但在夜深人静的帷帐之内，她却是一个极度缺乏安全感、占有欲爆棚的醋坛子小娇妻。
“夫君，你今天多看了那个蛇妖同窗一眼，红叶的心好痛……”
当九条毛茸茸的赤色狐尾将你死死缠绕，当那令人迷醉的狐香侵入你的四肢百骸，你是选择沉沦在这温柔乡中，还是拼死挣脱，去博取那金榜题名？
这是一场关于科举、修仙、以及如何在醋海翻腾中艰难求生的旖旎之旅。小心，娘子的尾巴又炸毛了！

青梅女哥们儿和暗恋我的邻居怎么选？

30多个CG。青梅女兄弟和隔壁邻居纯情学霸应该怎么选？当然是全都要。好兄弟大多是露出CG和带戴CG，苏婷婷大多是厕所和床相关的CG

夏日淫曲

畜牲父亲把原本幸福的家庭拆散，爱我的妈妈搬去了教师公寓，房子里虽然有继母继妹和我，但是依旧冰冷，我要把继母继妹变成我的母狗，我要让妈妈的心不再寂寞

贞操观逆转的世界

这个贞操逆转的世界，男性18岁之前要是没保住自己的处子之身而堕落，就会沦为女性的奴隶

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>巨乳萝莉公寓：极乐租客的感官狩猎</title>
<style>
:root {
--bg-primary: #fff0f5;
--bg-secondary: #ffe4e1;
--bg-overlay: rgba(255, 182, 193, 0.8);
--color-primary: #ff69b4;
--color-primary-hover: #ff1493;
--color-accent: #db7093;
--text-primary: #4b0082;
--text-secondary: #8b4513;
--text-on-primary: #ffffff;
--border-color: #ffb6c1;
--shadow-card: 0 4px 15px rgba(219, 112, 147, 0.2);
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 24px;
--radius-sm: 8px;
--radius-md: 15px;
--radius-lg: 25px;
--transition-normal: all 0.3s ease;
}
* { box-sizing: border-box; margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.6; padding-bottom: 60px; overflow-x: hidden; }
.header { text-align: center; padding: var(--spacing-lg); background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); color: var(--text-on-primary); border-radius: 0 0 var(--radius-lg) var(--radius-lg); box-shadow: var(--shadow-card); margin-bottom: var(--spacing-lg); }
.header h1 { font-size: 1.8rem; margin-bottom: var(--spacing-sm); text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
.header p { font-size: 0.95rem; opacity: 0.9; max-width: 800px; margin: 0 auto; }
.main-container { display: flex; flex-direction: column; gap: var(--spacing-lg); padding: 0 var(--spacing-md); max-width: 1200px; margin: 0 auto; }
@media (min-width: 1024px) { .main-container { flex-direction: row; align-items: flex-start; } }
.tab-section { flex: 2; background: var(--bg-secondary); border-radius: var(--radius-md); padding: var(--spacing-md); box-shadow: var(--shadow-card); }
.tab-list { display: flex; gap: var(--spacing-sm); margin-bottom: var(--spacing-md); border-bottom: 2px solid var(--border-color); padding-bottom: var(--spacing-sm); overflow-x: auto; }
.tab-btn { padding: 10px 20px; border: none; background: transparent; color: var(--text-secondary); cursor: pointer; font-weight: bold; transition: var(--transition-normal); border-radius: var(--radius-sm); white-space: nowrap; }
.tab-btn.active { background: var(--color-primary); color: var(--text-on-primary); }
.tab-panel { display: none; animation: fadeIn 0.4s ease; }
.tab-panel.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.char-card { background: #fff; border-radius: var(--radius-sm); padding: var(--spacing-md); margin-bottom: var(--spacing-md); border-left: 5px solid var(--color-primary); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.char-card h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); display: flex; align-items: center; gap: 5px; }
.char-card p { font-size: 0.9rem; margin-bottom: 5px; }
.form-section { flex: 1; background: #fff; border-radius: var(--radius-md); padding: var(--spacing-md); box-shadow: var(--shadow-card); position: sticky; top: var(--spacing-md); }
.form-group { margin-bottom: var(--spacing-md); }
.form-group label { display: block; font-weight: bold; margin-bottom: 5px; font-size: 0.9rem; color: var(--color-accent); }
.form-group input, .form-group textarea { width: 100%; padding: 10px; border: 2px solid var(--border-color); border-radius: var(--radius-sm); font-family: inherit; transition: var(--transition-normal); }
.form-group input:focus, .form-group textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 8px rgba(255, 105, 180, 0.3); }
.btn-group { display: flex; flex-direction: column; gap: var(--spacing-sm); margin-top: var(--spacing-lg); }
.btn { padding: 12px; border: none; border-radius: var(--radius-sm); cursor: pointer; font-weight: bold; transition: var(--transition-normal); text-align: center; }
.btn-primary { background: var(--color-primary); color: var(--text-on-primary); }
.btn-primary:hover { background: var(--color-primary-hover); transform: translateY(-2px); }
.btn-secondary { background: var(--bg-secondary); color: var(--color-accent); border: 1px solid var(--color-primary); }
.btn-secondary:hover { background: var(--color-primary); color: #fff; }
footer { position: fixed; bottom: 0; width: 100%; background: var(--bg-overlay); backdrop-filter: blur(5px); text-align: center; padding: 10px; font-size: 0.8rem; border-top: 1px solid var(--border-color); z-index: 100; }
footer a { color: var(--color-accent); text-decoration: none; font-weight: bold; }
#toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.8); color: #fff; padding: 12px 24px; border-radius: 50px; display: none; z-index: 1000; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 0.7rem; margin-left: 8px; background: var(--bg-secondary); color: var(--color-accent); }
</style>
</head>
<body>
<div id="toast" role="alert"></div>
<header class="header">
<h1>🏩 巨乳萝莉公寓：极乐租客</h1>
<p>在“猫薄荷维度”的影响下，这栋公寓的女性住客们拥有着极其稚嫩的童颜与沉甸甸的傲人双峰。作为租客，你将如何在这片肉欲丛林中狩猎？</p>
</header>
<main class="main-container">
<section class="tab-section">
<div class="tab-list" role="tablist">
<button class="tab-btn active" role="tab" aria-selected="true" onclick="switchTab(event, 'char-list')">住客档案</button>
<button class="tab-btn" role="tab" aria-selected="false" onclick="switchTab(event, 'world-info')">公寓规则</button>
</div>
<div id="char-list" class="tab-panel active" role="tabpanel">
<div class="char-card">
<h3>白鸟 萌 <span class="badge">天然呆</span></h3>
<p><strong>外貌：</strong>粉色短发，草莓发卡，稚嫩无辜的脸庞下是几乎撑破T恤的硕大肉球。</p>
<p><strong>背景：</strong>管理员助理，常因胸部太重而摔倒，渴望被“安抚”。</p>
</div>
<div class="char-card">
<h3>神乐坂 雅 <span class="badge">傲娇学姐</span></h3>
<p><strong>外貌：</strong>黑直发红框眼镜，冷漠知性，校服纽扣随时会被巨乳崩飞。</p>
<p><strong>背景：</strong>名牌大学生，内心是渴望被强硬对待的受虐狂。</p>
</div>
<div class="char-card">
<h3>九条院 樱 <span class="badge">腹黑持有者</span></h3>
<p><strong>外貌：</strong>银色长发洛丽塔，紫眸狡黠，如同充气玩偶般夸张的乳量。</p>
<p><strong>背景：</strong>公寓实际持有者，将住客与租客视为“养成游戏”的玩具。</p>
</div>
<div class="char-card">
<h3>速水 玲奈 <span class="badge">元气快递</span></h3>
<p><strong>外貌：</strong>高马尾黄色制服，活力四射，拥有一对不输住客的豪乳。</p>
<p><strong>背景：</strong>常来串门的快递员，喜欢收集八卦并提供情报。</p>
</div>
<div class="char-card">
<h3>邻居太太 <span class="badge">神秘熟女</span></h3>
<p><strong>外貌：</strong>成熟丰满，童颜依旧，眼神中透着玩味与诱惑。</p>
<p><strong>背景：</strong>隔壁邻居，对公寓内的特殊现象洞若观火。</p>
</div>
</div>
<div id="world-info" class="tab-panel" role="tabpanel">
<div class="char-card">
<h3>💖 维纳斯化现象</h3>
<p>进入公寓的女性受特殊能量场影响，面部停止生长维持幼态，而乳腺组织会疯狂增生。</p>
</div>
<div class="char-card">
<h3>📈 沦陷度系统</h3>
<p>通过互动提升住客的好感，当沦陷度达到阈值，她们将完全沦为你的玩物。</p>
</div>
</div>
</section>
<section class="form-section">
<fieldset style="border:none;">
<legend style="font-weight:bold; color:var(--color-primary); margin-bottom:10px;">👤 租客登记</legend>
<div class="form-group">
<label for="u-name">姓名/代号</label>
<input type="text" id="u-name" placeholder="输入你的名字..." value="极乐租客">
</div>
<div class="form-group">
<label for="u-age">年龄</label>
<input type="number" id="u-age" value="24">
</div>
<div class="form-group">
<label for="u-trait">核心设定</label>
<textarea id="u-trait" rows="3">拥有“荷尔蒙嗅觉”能力的普通租客，搬进维纳斯公寓寻找刺激。</textarea>
</div>
<div class="form-group">
<label for="u-intro">开场白</label>
<textarea id="u-intro" rows="3">“你好，我是新搬来的租客...那个，你的胸部看起来很沉，需要帮忙吗？”</textarea>
</div>
<div class="btn-group">
<button class="btn btn-secondary" onclick="randomTrait()">🎲 随机觉醒天赋</button>
<button class="btn btn-primary" onclick="copyConfig()">📋 复制我的信息</button>
</div>
</fieldset>
</section>
</main>
<footer><a href="https://aiaha.xyz/zh/explore/installed/786829f3-8fab-4f09-85fa-cbf839b79123?preview=1&ref_id=e62df45e-f7e4-4887-b950-8e30e7b3d8f2" target="_blank"></a></footer>
<script>
function switchTab(e, tabId) {
const panels = document.querySelectorAll('.tab-panel');
const btns = document.querySelectorAll('.tab-btn');
panels.forEach(p => p.classList.remove('active'));
btns.forEach(b => { b.classList.remove('active'); b.setAttribute('aria-selected', 'false'); });
document.getElementById(tabId).classList.add('active');
e.currentTarget.classList.add('active');
e.currentTarget.setAttribute('aria-selected', 'true');
}
function randomTrait() {
const traits = ["拥有‘催情体质’，散发的汗水能让女性发情。", "精通‘身体按摩’，能瞬间找准女性的敏感点。", "拥有‘神之舌’，能通过舔舐让女性沦陷。", "天生‘巨根’，是所有维纳斯化女性的克星。"];
const intros = ["“哎呀，这走廊的味道...真是让人受不了呢～”", "“你是这里的住客吗？身材真是...艺术品啊。”", "“需要身体检查吗？我是专业的。”"];
document.getElementById('u-trait').value = traits[Math.floor(Math.random()*traits.length)];
document.getElementById('u-intro').value = intros[Math.floor(Math.random()*intros.length)];
showToast("✨ 天赋已随机生成！");
}
function showToast(msg) {
const t = document.getElementById('toast');
t.innerText = msg;
t.style.display = 'block';
setTimeout(() => { t.style.display = 'none'; }, 2000);
}
function copyConfig() {
const name = document.getElementById('u-name').value;
const age = document.getElementById('u-age').value;
const trait = document.getElementById('u-trait').value;
const intro = document.getElementById('u-intro').value;
if(!name || !trait || !intro) { showToast("❌ 请填写完整信息！"); return; }
const text = `【用户信息】\n姓名：${name}\n性别：男\n年龄：${age}\n核心设定：${trait}\n开场白：${intro}`;
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(el);
el.select();
try {
document.execCommand('copy');
showToast("✅ 已复制配置到剪贴板");
} catch (err) {
showToast("❌ 复制失败，请手动选择");
}
document.body.removeChild(el);
}
</script>
</body>
</html>

巨乳萝莉公寓（可自行加MOD）

你作为一名平凡的租客，搬进了这栋外表普通、内部却别有洞天的“维纳斯公寓”。这里的女性住客全部拥有如幼童般纯真稚嫩的面孔，却匹配着违反生物常识、沉甸甸的傲人双峰。通过日常互动、赠送礼物或处理“身体烦恼”，你将逐步攻陷她们的防线，开启一段肉欲横流的艳丽生活。

请自行开抗截断MOD，爆肝好久了，给点热度吧。【有林晚晴卫衣常态和兔女郎服饰/苏小小校服和死库水服饰，更新新邻居】🍼内置立绘插图🍼 你住在公寓的302室，隔壁301住着刚生完二胎、丈夫长期在外出差的林晚晴。因为一次帮忙，你闯入了这间充满奶香味却又极度压抑的屋子。32岁的林晚晴正忍受着产后涨奶的生理折磨与育儿的孤独，而她12岁的女儿苏小小，则用那双锐利的眼睛审视着你的一切。你需要从一个“热心邻居”开始，一步步获取她们的信任，直到这种信任变质为无法自拔的生理依赖与情感共生。

💗网瘾毒舌的妹💗宠溺的妈💗女王的姐姐💗

（56个CG）①尽量不被姐姐和妈妈发现我和妹妹的事②也可以先攻略姐姐或者妈妈，再放心接受妹妹的服务。

🍼内置立绘插图🍼美丽邻居需要我帮她解决涨奶问题（重置版）

【有林晚晴卫衣常态和兔女郎服饰/苏小小校服和死库水服饰，更新新邻居】🍼内置立绘插图🍼 你住在公寓的302室，隔壁301住着刚生完二胎、丈夫长期在外出差的林晚晴。因为一次帮忙，你闯入了这间充满奶香味却又极度压抑的屋子。32岁的林晚晴正忍受着产后涨奶的生理折磨与育儿的孤独，而她12岁的女儿苏小小，则用那双锐利的眼睛审视着你的一切。你需要从一个“热心邻居”开始，一步步获取她们的信任，直到这种信任变质为无法自拔的生理依赖与情感共生。

<!DOCTYPE html>
<html lang="zh">
<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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap');
:root {
--bg-dark: #0a0a0a;
--primary-neon: #ff007f;
--secondary-neon: #00ffff;
--accent-glow: #ff00ff;
--text-light: #e0e0e0;
--text-dark: #333;
--border-color: #333;
--input-bg: #1a1a1a;
--input-border: #555;
--button-bg: var(--primary-neon);
--button-hover-bg: var(--accent-glow);
--tab-inactive: #222;
--tab-active: var(--primary-neon);
--tab-text-inactive: #aaa;
--tab-text-active: #fff;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
font-family: 'Noto Sans SC', sans-serif;
background-color: var(--bg-dark);
color: var(--text-light);
cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ff007f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></svg>') 12 12, auto;
}
#loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg-dark);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1000;
opacity: 1;
transition: opacity 0.8s ease-out;
}
#loading-screen.hidden {
opacity: 0;
pointer-events: none;
}
.loading-svg {
width: 150px;
height: 150px;
animation: pulse 1.5s infinite alternate ease-in-out;
}
.loading-svg path {
fill: none;
stroke: var(--primary-neon);
stroke-width: 2;
stroke-dasharray: 100;
stroke-dashoffset: 0;
animation: draw 2s infinite ease-in-out;
}
.loading-svg circle {
fill: var(--secondary-neon);
opacity: 0.7;
animation: glow 1.5s infinite alternate ease-in-out;
}
@keyframes pulse {
from { transform: scale(0.9); opacity: 0.8; }
to { transform: scale(1.1); opacity: 1; }
}
@keyframes draw {
from { stroke-dashoffset: 100; }
to { stroke-dashoffset: 0; }
}
@keyframes glow {
from { opacity: 0.5; }
to { opacity: 1; }
}
.skip-button {
background: var(--button-bg);
color: #fff;
border: none;
padding: 10px 20px;
margin-top: 30px;
border-radius: 5px;
font-size: 1em;
cursor: pointer;
transition: background 0.3s ease, transform 0.2s ease;
box-shadow: 0 0 10px var(--primary-neon);
}
.skip-button:hover {
background: var(--button-hover-bg);
transform: translateY(-2px);
box-shadow: 0 0 15px var(--accent-glow);
}
.container {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background: linear-gradient(145deg, #1a0a1a, #0a0a0a);
border-radius: 15px;
box-shadow: 0 0 30px rgba(255,0,127,0.5);
border: 1px solid var(--border-color);
min-height: calc(100vh - 100px);
display: flex;
flex-direction: column;
position: relative;
overflow-y: auto;
}
h1 {
font-family: 'Orbitron', sans-serif;
color: var(--primary-neon);
text-align: center;
margin-bottom: 25px;
text-shadow: 0 0 15px var(--accent-glow);
font-size: 2.8em;
letter-spacing: 2px;
}
.tab-nav {
display: flex;
justify-content: center;
margin-bottom: 25px;
border-bottom: 2px solid var(--border-color);
}
.tab-button {
background: var(--tab-inactive);
color: var(--tab-text-inactive);
border: none;
padding: 12px 25px;
cursor: pointer;
font-size: 1.1em;
transition: all 0.3s ease;
border-radius: 8px 8px 0 0;
margin: 0 5px;
outline: none;
flex-grow: 1;
text-align: center;
max-width: 200px;
}
.tab-button:hover {
background: #333;
color: var(--text-light);
}
.tab-button.active {
background: var(--tab-active);
color: var(--tab-text-active);
box-shadow: 0 -5px 15px rgba(255,0,127,0.4);
transform: translateY(-3px);
border-bottom: 3px solid var(--tab-active);
}
.tab-content-wrapper {
flex-grow: 1;
padding: 15px;
background: rgba(0,0,0,0.3);
border-radius: 0 0 10px 10px;
}
.tab-panel {
display: none;
padding: 20px;
animation: fadeIn 0.5s ease-out;
}
.tab-panel.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
p {
line-height: 1.8;
margin-bottom: 15px;
}
h2 {
color: var(--secondary-neon);
margin-top: 30px;
margin-bottom: 15px;
font-size: 1.6em;
border-bottom: 1px solid var(--border-color);
padding-bottom: 5px;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 8px;
color: var(--secondary-neon);
font-weight: bold;
}
input[type="text"],
input[type="number"],
textarea,
select {
width: calc(100% - 22px);
padding: 12px;
background: var(--input-bg);
border: 1px solid var(--input-border);
border-radius: 8px;
color: var(--text-light);
font-size: 1em;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
input[type="text"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
border-color: var(--primary-neon);
box-shadow: 0 0 8px rgba(255,0,127,0.5);
outline: none;
}
textarea {
resize: vertical;
min-height: 100px;
}
.radio-group label {
display: inline-flex;
align-items: center;
margin-right: 20px;
cursor: pointer;
}
.radio-group input[type="radio"] {
appearance: none;
width: 20px;
height: 20px;
border: 2px solid var(--primary-neon);
border-radius: 50%;
margin-right: 8px;
position: relative;
outline: none;
transition: all 0.3s ease;
}
.radio-group input[type="radio"]:checked {
background-color: var(--primary-neon);
border-color: var(--primary-neon);
}
.radio-group input[type="radio"]:checked::before {
content: '';
display: block;
width: 10px;
height: 10px;
background-color: var(--bg-dark);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.preview-box {
background: #000;
border: 1px dashed var(--secondary-neon);
padding: 15px;
margin-top: 25px;
border-radius: 8px;
font-family: 'Consolas', 'Monaco', monospace;
white-space: pre-wrap;
word-break: break-word;
min-height: 100px;
max-height: 300px;
overflow-y: auto;
font-size: 0.9em;
color: #999;
}
#copy-button {
background: var(--button-bg);
color: #fff;
border: none;
padding: 12px 25px;
margin-top: 20px;
border-radius: 8px;
font-size: 1.1em;
cursor: pointer;
transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
box-shadow: 0 0 10px rgba(255,0,127,0.5);
width: 100%;
}
#copy-button:hover {
background: var(--button-hover-bg);
transform: translateY(-2px);
box-shadow: 0 0 15px rgba(255,0,255,0.7);
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(145deg, #2a0a2a, #1a0a1a);
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 20px var(--primary-neon);
z-index: 1001;
text-align: center;
color: var(--text-light);
border: 1px solid var(--primary-neon);
}
.popup-content {
display: flex;
flex-direction: column;
align-items: center;
}
.popup-close {
background: none;
border: none;
color: var(--text-light);
font-size: 1.5em;
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
transition: color 0.3s ease;
}
.popup-close:hover {
color: var(--primary-neon);
}
footer {
text-align: center;
padding: 20px 0;
font-size: 0.8em;
color: #555;
position: sticky;
bottom: 0;
width: 100%;
background: var(--bg-dark);
margin-top: auto;
}
footer a {
color: #777;
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: var(--primary-neon);
}
@media (max-width: 768px) {
.container {
margin: 10px;
padding: 15px;
}
h1 {
font-size: 2em;
}
.tab-button {
padding: 10px 15px;
font-size: 1em;
margin: 0 2px;
}
.tab-nav {
flex-wrap: wrap;
}
.tab-button {
flex-basis: 30%;
margin-bottom: 5px;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
.tab-button {
flex-basis: 45%;
font-size: 0.9em;
}
input[type="text"], input[type="number"], textarea, select, #copy-button {
font-size: 0.9em;
padding: 10px;
}
.popup {
width: 90%;
padding: 20px;
}
}
</style>
</head>
<body>
<div id="loading-screen">
<svg class="loading-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
<circle cx="12" cy="12" r="3"/>
</svg>
<button class="skip-button" id="skip-loading">跳过动画</button>
</div>
<div class="container">
<h1>黑暗色色问答</h1>
<div class="tab-nav">
<button class="tab-button active" data-tab="game-intro">游戏介绍</button>
<button class="tab-button" data-tab="special-commands">特殊指令</button>
<button class="tab-button" data-tab="player-settings">玩家设置</button>
</div>
<div class="tab-content-wrapper">
<div id="game-intro" class="tab-panel active">
<p>“你”被扔进一个奇怪的空间，在一个雌小鬼主持下和回答各种问题！ 答对了可以操逼！鸡鸡会变长，精液也会变得更容易让人怀孕！ 答错了会被惩罚！ 操人还是被操，看你的智商！</p>
<p>问题一开始很简单！ 后面会越来越难！ 好孩子不要百度！</p>
</div>
<div id="special-commands" class="tab-panel">
<h2>特殊指令列表</h2>
<ul>
<li><strong>【去除两个错误选项】</strong>：在多选题中，移除两个错误的答案选项，增加答对几率。</li>
<li><strong>【移动到X国】</strong>：立刻移动到地球上任意国家，有惊喜！（没错，本游戏也是大世界！）</li>
<li><strong>【这不够色】</strong>：当你认为H场景不够色的时候可以发送！当然，当你觉得自己的鸡鸡足够大时，你可以申请更换奖励，比如和各种女性做爱什么的。</li>
</ul>
<p>请谨慎使用特殊指令，它们可能会带来意想不到的后果...</p>
</div>
<div id="player-settings" class="tab-panel">
<h2>自定义用户信息</h2>
<form id="user-info-form">
<div class="form-group">
<label for="name">姓名:</label>
<input type="text" id="name" placeholder="你的角色名称">
</div>
<div class="form-group">
<label>性别:</label>
<div class="radio-group">
<label><input type="radio" name="gender" value="男"> 男</label>
<label><input type="radio" name="gender" value="女"> 女</label>
<label><input type="radio" name="gender" value="其他"> 其他</label>
</div>
</div>
<div class="form-group">
<label for="age">年龄:</label>
<input type="number" id="age" placeholder="你的年龄">
</div>
<div class="form-group">
<label for="appearance">外观:</label>
<textarea id="appearance" placeholder="描述你的角色外观，越详细越好"></textarea>
</div>
<div class="form-group">
<label for="background">身份背景:</label>
<textarea id="background" placeholder="你的角色来自哪里？有什么特殊经历？"></textarea>
</div>
</form>
<div class="preview-box" id="preview-box">
请填写上方信息以预览...
</div>
<button id="copy-button">复制信息</button>
</div>
</div>
</div>
<div id="popup-overlay" class="popup" style="display:none;">
<div class="popup-content">
<button class="popup-close" id="popup-close-button">&times;</button>
<p>信息已成功复制！</p>
</div>
</div>
<footer><a href="https://aitrader.wiki/zh/explore/installed/813e225e-2a1a-45bd-b441-f4741dff5418" target="_blank"></a></footer>
<script>
document.addEventListener('DOMContentLoaded', () => {
const loadingScreen = document.getElementById('loading-screen');
const skipButton = document.getElementById('skip-loading');
const tabButtons = document.querySelectorAll('.tab-button');
const tabPanels = document.querySelectorAll('.tab-panel');
const userInfoForm = document.getElementById('user-info-form');
const previewBox = document.getElementById('preview-box');
const copyButton = document.getElementById('copy-button');
const popupOverlay = document.getElementById('popup-overlay');
const popupCloseButton = document.getElementById('popup-close-button');
let selectedAbilities = [];
// Loading screen logic
setTimeout(() => {
loadingScreen.classList.add('hidden');
document.body.style.overflow = 'auto';
}, 2800);
skipButton.addEventListener('click', () => {
loadingScreen.classList.add('hidden');
document.body.style.overflow = 'auto';
});
// Tab switching logic
tabButtons.forEach(button => {
button.addEventListener('click', () => {
tabButtons.forEach(btn => btn.classList.remove('active'));
tabPanels.forEach(panel => panel.classList.remove('active'));
button.classList.add('active');
document.getElementById(button.dataset.tab).classList.add('active');
});
});
// User info form preview
const updatePreview = () => {
const name = document.getElementById('name').value || '未设置';
const gender = document.querySelector('input[name="gender"]:checked')?.value || '未设置';
const age = document.getElementById('age').value || '未设置';
const appearance = document.getElementById('appearance').value || '未设置';
const background = document.getElementById('background').value || '未设置';
previewBox.textContent = `
--- 玩家信息 ---
姓名: ${name}
性别: ${gender}
年龄: ${age}
外观: ${appearance}
身份背景: ${background}
----------------
`;
};
userInfoForm.addEventListener('input', updatePreview);
updatePreview();
// Copy button logic
copyButton.addEventListener('click', () => {
const textToCopy = previewBox.textContent;
const tempInput = document.createElement('textarea');
tempInput.value = textToCopy;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand('copy');
document.body.removeChild(tempInput);
popupOverlay.style.display = 'flex';
});
popupCloseButton.addEventListener('click', () => {
popupOverlay.style.display = 'none';
});
});
</script>
</body>
</html>

黑暗色色回答（重制版）

游戏很简单 “你”被扔进一个奇怪的空间 在一个雌小鬼主持下和回答各种问题！ 答对了可以操逼！鸡鸡会变长，精液也会变得更容易让人怀孕！ 答错了会被惩罚！ 操人还是被操，看你的智商！ ######################## 问题一开始很简单！ 后面会越来越难！ 好孩子不要百度！ ####################### 特殊指令： 【去除两个错误选项】 【移动到X国】立刻移动到地球上任意国家，有惊喜！（没错，本游戏也是大世界！） 【这不够色】当你认为H场景不够色的时候可以发送！


我掌握发情开关

恭喜获得发情开关系统，通过身体接触，打开各种女性的花钱开关吧，去征服所有女性

我爱狐娘

我爱狐娘

我与妈妈落难孤岛（内置CG，差点熬穿了给点热度吧）

💕全表情立绘💕我可爱的妹妹

老师催眠APP（含CG，做了好久给点热度吧）

(31个CG)一脸嫌弃的女仆为你服务

清纯姐姐强迫我给她拍色照（含CG）

以牛马系统成为修仙最强

糟糕!我被巨乳大姐姐包围了🥵 小马拉大车（多角色可选，多剧情可选）

💖【苏芷】邻居的孤独地雷系少女（纯爱向/带表情和CG）💖

🍼内置立绘插图🍼美丽邻居需要我帮她解决涨奶问题

兽人人权剥夺法案

赶考途中被狐族强行招为赘婿

青梅女哥们儿和暗恋我的邻居怎么选？

夏日淫曲

贞操观逆转的世界

巨乳萝莉公寓（可自行加MOD）

🍼内置立绘插图🍼美丽邻居需要我帮她解决涨奶问题

💗网瘾毒舌的妹💗宠溺的妈💗女王的姐姐💗

🍼内置立绘插图🍼美丽邻居需要我帮她解决涨奶问题（重置版）

黑暗色色回答（重制版）

我掌握发情开关