无限制小说生成器

已破甲！无限色情！积分消耗极少！！！非常廉价划算的无限制生成器！！！彻底疯狂任意幻想，你可以生成任意图片，说出任何你内心幻想的事情，在这里通通可以实现，由你来自定义的世界！如果遇到bug可以更换模型

母爱泛滥的妈妈对我无底线宠爱

消耗的积分非常非常非常少！平均不到一百积分！让你体验到真实的母子关系！欢迎大家尝试！妈妈的爱早已超出普通母子的关系，在青春期的我能把握住自己吗？还是和妈妈一起堕落？

> 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>主人公设定工坊 · 简约蓝框</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: #f5f7fb;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem 1.5rem;
        }

        /* 主容器：纯白卡片 + 醒目蓝色边框 */
        .character-container {
            max-width: 880px;
            width: 100%;
            background: #ffffff;
            border: 2px solid #3b82f6;
            border-radius: 24px;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(59,130,246,0.08);
            overflow: hidden;
            transition: all 0.2s ease;
        }

        .panel-inner {
            padding: 2rem 2rem 2rem 2rem;
        }

        /* 头部区域 */
        .header-section {
            margin-bottom: 2rem;
            border-bottom: 1px solid #eef2f6;
            padding-bottom: 0.85rem;
        }

        .header-section h1 {
            font-size: 1.65rem;
            font-weight: 600;
            letter-spacing: -0.3px;
            color: #1e293b;
            background: linear-gradient(135deg, #1e293b 0%, #2d3a4b 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }

        .header-section p {
            color: #5b6e8c;
            font-size: 0.85rem;
            margin-top: 8px;
        }

        /* 表单网格布局 干净利落 */
        .form-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem 2rem;
            margin-bottom: 1.8rem;
        }

        .field-group {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .field-group.full-width {
            grid-column: span 2;
        }

        .field-group label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            color: #3b82f6;
            background: #f0f7ff;
            display: inline-block;
            width: fit-content;
            padding: 0.2rem 0.8rem;
            border-radius: 20px;
        }

        input, select, textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            font-size: 0.95rem;
            font-family: inherit;
            border: 1px solid #e2e8f0;
            border-radius: 18px;
            background: #ffffff;
            transition: 0.2s;
            outline: none;
            color: #0f172a;
        }

        /* 输入框占位符轻提示 */
        input::placeholder, textarea::placeholder {
            color: #b9c2d0;
            font-weight: 400;
            font-size: 0.85rem;
        }

        input:focus, select:focus, textarea:focus {
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
        }

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

        /* 预览区域 (浏览框) */
        .preview-section {
            margin: 1.8rem 0 2rem 0;
            border-top: 1px solid #eef2f6;
            padding-top: 1.8rem;
        }

        .preview-header {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 1rem;
        }

        .preview-header h3 {
            font-size: 1.2rem;
            font-weight: 600;
            color: #0f172a;
            letter-spacing: -0.2px;
        }

        .preview-header span {
            font-size: 0.7rem;
            color: #5b6e8c;
            background: #f8fafc;
            padding: 0.2rem 0.7rem;
            border-radius: 30px;
        }

        /* 浏览框: 纯白底 + 蓝色细边框，显示即将复制的内容 */
        .browser-box {
            background: #ffffff;
            border: 1px solid #3b82f6;
            border-radius: 20px;
            padding: 1.3rem 1.5rem;
            font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
            font-size: 0.9rem;
            line-height: 1.55;
            color: #1e293b;
            white-space: pre-wrap;
            word-break: break-word;
            max-height: 280px;
            overflow-y: auto;
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.01), 0 1px 2px rgba(0,0,0,0.02);
        }

        .browser-box::-webkit-scrollbar {
            width: 6px;
        }
        .browser-box::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 8px;
        }
        .browser-box::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 8px;
        }

        /* 按钮区域 */
        .copy-button-area {
            margin-top: 1.5rem;
            display: flex;
            justify-content: flex-end;
        }

        .copy-btn {
            background: #3b82f6;
            border: none;
            padding: 0.85rem 2.2rem;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.95rem;
            color: white;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 2px 5px rgba(59,130,246,0.2);
            font-family: inherit;
        }

        .copy-btn:hover {
            background: #2563eb;
            transform: translateY(-1px);
            box-shadow: 0 6px 14px rgba(59,130,246,0.25);
        }

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

        /* Toast 提示轻量化 */
        .toast-msg {
            position: fixed;
            bottom: 28px;
            left: 50%;
            transform: translateX(-50%) scale(0.9);
            background: #1e293b;
            color: white;
            padding: 0.6rem 1.5rem;
            border-radius: 40px;
            font-size: 0.85rem;
            font-weight: 500;
            opacity: 0;
            transition: opacity 0.2s, transform 0.2s;
            pointer-events: none;
            z-index: 1000;
            backdrop-filter: blur(4px);
            white-space: nowrap;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }

        .toast-msg.show {
            opacity: 1;
            transform: translateX(-50%) scale(1);
        }

        /* 响应式 */
        @media (max-width: 640px) {
            .panel-inner {
                padding: 1.5rem;
            }
            .form-grid {
                grid-template-columns: 1fr;
                gap: 1.2rem;
            }
            .field-group.full-width {
                grid-column: span 1;
            }
            .copy-button-area {
                justify-content: stretch;
            }
            .copy-btn {
                justify-content: center;
                width: 100%;
            }
        }

        /* 占位优雅样式 */
        .empty-tip {
            color: #94a3b8;
        }
    </style>
</head>
<body>

<div class="character-container">
    <div class="panel-inner">
        
        <div class="header-section">
            <h1>◈ 主人公自定义面板</h1>
            <p>自由填写姓名、性别、年龄、外观、身份背景及其他设定 · 实时预览一键复制</p>
        </div>

        
        <div class="form-grid">
            
            <div class="field-group">
                <label>📛 姓名</label>
                <input type="text" id="heroName" placeholder="例如：陆雪吟 / 凯恩·夜风" autocomplete="off" value="">
            </div>
            
            <div class="field-group">
                <label>⚥ 性别</label>
                <select id="heroGender">
                    <option value="" selected disabled style="color:#9ca3af;">—— 请选择 ——</option>
                    <option value="女性">女性</option>
                    <option value="男性">男性</option>
                    <option value="非二元">非二元</option>
                    <option value="保密">保密</option>
                </select>
            </div>
            
            <div class="field-group">
                <label>🎂 年龄</label>
                <input type="text" id="heroAge" placeholder="例如：21岁 / 永生者外观17" autocomplete="off" value="">
            </div>
            
            <div class="field-group">
                <label>✨ 外观</label>
                <input type="text" id="heroLook" placeholder="发色/瞳色/服饰风格/特征" autocomplete="off" value="">
            </div>
            
            <div class="field-group full-width">
                <label>🏛️ 身份背景</label>
                <textarea id="heroBackground" placeholder="出身 / 家族 / 职业 / 经历背景……"></textarea>
            </div>
            
            <div class="field-group full-width">
                <label>📜 其他设定</label>
                <textarea id="heroExtra" placeholder="性格特质 / 特殊能力 / 癖好 / 人际关系 / 口头禅……"></textarea>
            </div>
        </div>

        
        <div class="preview-section">
            <div class="preview-header">
                <h3>📋 预览 · 角色档案</h3>
                <span>内容将一键复制</span>
            </div>
            <div class="browser-box" id="previewContent">
                
                【等待填写】请在左侧表单中输入主人公信息，预览区将实时显示。
            </div>
            
            <div class="copy-button-area">
                <button class="copy-btn" id="copyAllBtn">📋 复制全部信息</button>
            </div>
        </div>
    </div>
</div>


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

<script>
    (function() {
        // 获取所有表单元素
        const heroName = document.getElementById('heroName');
        const heroGender = document.getElementById('heroGender');
        const heroAge = document.getElementById('heroAge');
        const heroLook = document.getElementById('heroLook');
        const heroBackground = document.getElementById('heroBackground');
        const heroExtra = document.getElementById('heroExtra');
        const previewDiv = document.getElementById('previewContent');
        const copyBtn = document.getElementById('copyAllBtn');
        const toastEl = document.getElementById('copyToast');

        // 辅助：获取当前主人公数据 (未填写时显示占位符)
        function getCharacterData() {
            // 获取姓名：如果为空字符串，则显示「未填写」
            let name = heroName.value.trim();
            let gender = heroGender.value;
            // 性别特殊处理: 如果未选择有效值(空值或disabled占位符)
            let genderDisplay = (gender && gender !== "") ? gender : "未填写";
            let age = heroAge.value.trim();
            let appearance = heroLook.value.trim();
            let background = heroBackground.value.trim();
            let other = heroExtra.value.trim();

            return {
                name: name === "" ? "未填写" : name,
                gender: genderDisplay,
                age: age === "" ? "未填写" : age,
                appearance: appearance === "" ? "未填写" : appearance,
                background: background === "" ? "未填写" : background,
                other: other === "" ? "未填写" : other,
                // 同时保留原始空值标志用于判断是否全部空（但无需额外逻辑）
            };
        }

        // 生成美观、结构清晰的预览文本 (便于复制使用)
        function generatePreviewText(data) {
            let content = `【主人公档案】\n`;
            content += `────────────────\n`;
            content += `姓名　　：${data.name}\n`;
            content += `性别　　：${data.gender}\n`;
            content += `年龄　　：${data.age}\n`;
            content += `外观　　：${data.appearance}\n`;
            content += `身份背景：${data.background}\n`;
            content += `其他设定：${data.other}\n`;
            content += `────────────────\n`;
            content += `📅 生成时间：${new Date().toLocaleString()}`;
            return content;
        }

        // 刷新浏览框内容 (实时显示即将复制的内容)
        function updatePreview() {
            const data = getCharacterData();
            const previewText = generatePreviewText(data);
            // 使用 textContent 安全显示，并保留换行样式 (white-space: pre-wrap)
            previewDiv.textContent = previewText;
        }

        // 一键复制全部信息 (基于当前预览内容)
        async function copyAllInfo() {
            const data = getCharacterData();
            const copyContent = generatePreviewText(data);
            
            try {
                if (navigator.clipboard && window.isSecureContext) {
                    await navigator.clipboard.writeText(copyContent);
                    showToast('✅ 已复制！主人公设定已保存到剪贴板');
                } else {
                    // 降级方案
                    const textarea = document.createElement('textarea');
                    textarea.value = copyContent;
                    textarea.style.position = 'fixed';
                    textarea.style.top = '-9999px';
                    textarea.style.left = '-9999px';
                    document.body.appendChild(textarea);
                    textarea.select();
                    document.execCommand('copy');
                    document.body.removeChild(textarea);
                    showToast('📋 复制成功 (兼容模式)');
                }
            } catch (err) {
                console.error('复制失败: ', err);
                showToast('❌ 复制失败，请手动选取复制', true);
            }
        }

        let toastTimer = null;
        function showToast(msg, isError = false) {
            if (toastTimer) clearTimeout(toastTimer);
            toastEl.textContent = msg;
            if (isError) {
                toastEl.style.background = '#b91c1c';
            } else {
                toastEl.style.background = '#1e293b';
            }
            toastEl.classList.add('show');
            toastTimer = setTimeout(() => {
                toastEl.classList.remove('show');
                toastEl.style.background = '#1e293b';
            }, 2200);
        }

        // 监听所有输入事件，实时更新预览区
        const watchElements = [heroName, heroGender, heroAge, heroLook, heroBackground, heroExtra];
        function bindEvents() {
            for (let el of watchElements) {
                if (el) {
                    el.addEventListener('input', updatePreview);
                    el.addEventListener('change', updatePreview);
                }
            }
            // 特别确保 select 的 change 事件同样触发（上面已覆盖change）
            if (heroGender) {
                heroGender.addEventListener('change', updatePreview);
            }
            // 复制按钮事件
            if (copyBtn) {
                copyBtn.addEventListener('click', (e) => {
                    e.preventDefault();
                    copyAllInfo();
                });
            }
        }

        // 初始化预览 (没有任何预设内容，显示用户友好提示但依然是未填写状态)
        function initPreview() {
            // 由于所有字段均空白，调用更新会显示「未填写」，用户开始输入后就正常显示内容。
            // 但为了保证体验，初次调用预览显示如下等待文案但结构统一；我们调用updatePreview会展示【未填写】
            updatePreview(); 
            // 如果用户觉得初始预览有占位符太干，但完全符合题目“所有内容空白由用户自行输入”
            // 另外性别选择框默认是占位选项未实际值，显示“未填写”，完美。
        }

        bindEvents();
        initPreview();

        // 附加细节：让性别下拉选择后不会残留无效选项，并且用户友好
        // 当下拉选中具体值后，不会回退，体验ok。而且无预置值，完美符合所有内容空白。
    })();
</script>
</body>
</html>

作为妇产科医生却对病人大胆调戏

爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽爽

吃饱就睡

吃饱就睡

无限制小说生成器

母爱泛滥的妈妈对我无底线宠爱

作为妇产科医生却对病人大胆调戏