const tabContent = `
<div class="tab-pane active" id="tab-index">
    <div class="comm-banner">
        <h1>安心结缘 · 全国靠谱成家</h1>
        <h2>做有温度、可信赖的婚恋服务品牌</h2>
        <p>✅ 免费入驻！后续100元/年会员费赠500元虚拟豪礼！✅ 红娘免费首单赚钱，200元开通长期权限！</p>
        <p>现在注册首年免100元年费！兼职红娘海量资源赚钱！</p>
        <button class="btn" style="width:200px;margin-top:10px;" onclick="switchTab('tab-register', this)">立即注册</button>
    </div>
    <div class="platform-announce">
        <strong>安心结缘婚恋平台 —— 试运行公告</strong><br>
        本平台已合法注册运营主体，面向全国单身朋友开放注册，未来将升级为全国性婚恋公司。<br>
        【会员福利】首批免费入驻，后续100元/年，赠500元自研虚拟产品（营销软件+安全软件+电子笔记本）；<br>
        【红娘福利】0门槛免费首单赚300元，首单后200元开通长期权限，享50%全额提成；<br>
        【推广规则】拉新5元/个、二级1元/个，累计满100元提现。<br>
        <div class="interflow-tip">💡 与AI三合一预测系统互通，会员数据、缘分检测结果实时同步！</div>
    </div>
    <div class="box">
        <h2>核心亮点</h2>
        <div class="card">
            <h3>AI智能匹配+代聊 + 兼职红娘赚钱 + 3D娱乐 + 平台互通</h3>
            <p>✅ 首年免100元年费：免费畅玩婚恋匹配+3D娱乐+全社交功能</p>
            <p>✅ 兼职红娘：0门槛免费首单，首单后200元开通长期权限，高提成</p>
            <p>✅ 后续100元/年：享所有权益+500元自研虚拟豪礼</p>
            <p>✅ 风控保障：严禁私发联系方式，违规200/500元解锁，3次永久拉黑</p>
            <p>✅ 推广提现：拉新5元/个、二级1元/个，满100元可提现</p>
            <p>✅ 退费保障：AI/红娘服务首10天无条件退费</p>
            <p>✅ 全国资源：覆盖全国各省市县乡，无地域限制</p>
            <p>✅ 真实保障：资料双重权重评级，AI+人工审核</p>
            <p>✅ 平台互通：与预测系统数据同步，无需重复检测！</p>
        </div>
        <div class="money-tip">
            <strong>收费透明无隐形消费</strong><br>
            AI代聊100元/次，解锁匹配1000元/3次机会，红娘提成透明！<br>
            【红娘提成】首单免费赚300元，长期权限享50%提成（1000元单赚500元）！
        </div>
    </div>
</div>

<div class="tab-pane" id="tab-member">
    <div class="box">
        <h2>全国会员展示（真实资料 · 精准匹配）</h2>
        <p class="red" style="margin-bottom:15px;">✅ AI+人工审核，含生活照/真实信息，拒绝虚假！✅ 免费/付费会员均可浏览聊天！✅ 真实度权重评级！</p>
        <div class="member-list">
            <div class="member-card">
                <img src="" alt="会员头像">
                <p><strong>李女士 | 28岁 | 未婚</strong></p>
                <p>165cm/52kg | 本科 | 北京市朝阳区</p>
                <p>国企文员 | 月入6000+</p>
                <p class="level-a">高真实度（A级）</p>
                <button class="btn-sm" style="margin-top:10px;background:#ff4c61;color:#fff;" onclick="checkWeightAndChat('李女士', 'A级', this)">发起聊天</button>
            </div>
            <div class="member-card">
                <img src="" alt="会员头像">
                <p><strong>张先生 | 30岁 | 未婚</strong></p>
                <p>178cm/70kg | 硕士 | 广东省深圳市南山区</p>
                <p>互联网工程师 | 月入15000+</p>
                <p class="level-s">超高真实度（S级）</p>
                <button class="btn-sm" style="margin-top:10px;background:#ff4c61;color:#fff;" onclick="checkWeightAndChat('张先生', 'S级', this)">发起聊天</button>
            </div>
            <div class="member-card">
                <img src="" alt="会员头像">
                <p><strong>王女士 | 32岁 | 离异无孩</strong></p>
                <p>162cm/50kg | 本科 | 四川省成都市锦江区</p>
                <p>小学教师 | 月入8000+</p>
                <p class="level-a">高真实度（A级）</p>
                <button class="btn-sm" style="margin-top:10px;background:#ff4c61;color:#fff;" onclick="checkWeightAndChat('王女士', 'A级', this)">发起聊天</button>
            </div>
            <div class="member-card">
                <img src="" alt="会员头像">
                <p><strong>赵先生 | 33岁 | 未婚</strong></p>
                <p>180cm/75kg | 本科 | 浙江省杭州市西湖区</p>
                <p>创业老板 | 月入30000+</p>
                <p class="level-s">超高真实度（S级）</p>
                <button class="btn-sm" style="margin-top:10px;background:#ff4c61;color:#fff;" onclick="checkWeightAndChat('赵先生', 'S级', this)">发起聊天</button>
            </div>
        </div>
        <button class="btn" style="width:100%;">加载更多全国会员</button>
    </div>
</div>

<div class="tab-pane" id="tab-register">
    <div class="box">
        <h2>免费注册（首年免100元年费 + 兼职红娘权限）</h2>
        <div class="form-item"><label>性别 <span class="red">*</span></label><select><option value="male">男</option><option value="female">女</option></select></div>
        <div class="form-item"><label>年龄 <span class="red">*</span></label><input type="number" placeholder="18-60岁" oninput="checkNumRange(this, 18, 60)"></div>
        <div class="form-item"><label>身高（cm）<span class="red">*</span></label><input type="number" placeholder="140-220" oninput="checkNumRange(this, 140, 220)"></div>
        <div class="form-item"><label>体重（kg）<span class="red">*</span></label><input type="number" placeholder="30-200" oninput="checkNumRange(this, 30, 200)"></div>
        <div class="form-item"><label>婚姻状况 <span class="red">*</span></label>
            <select>
                <option value="unmarried">未婚</option><option value="divorced">离异</option><option value="widowed">丧偶</option><option value="other">其他</option>
            </select>
        </div>
        <div class="form-item"><label>所在地区 <span class="red">*</span></label>
            <div class="area-select">
                <select><option value="">请选择省</option><option>北京市</option><option>上海市</option><option>广东省</option><option>四川省</option><option>浙江省</option></select>
                <select><option value="">请选择市</option></select>
                <select><option value="">请选择县/区</option></select>
                <select><option value="">请选择乡/镇</option></select>
            </div>
        </div>
        <div class="form-item"><label>工作与收入 <span class="red">*</span></label><input type="text" placeholder="如：互联网工程师/月入15000+"></div>
        <div class="form-item" style="margin-top:10px;border-top:1px dashed #eee;padding-top:10px;">
            <label>收入证明（月入≥3万必填）</label>
            <input type="file" accept="image/*" placeholder="工资流水/工作证/营业执照">
            <p style="font-size:12px;color:#666;margin-top:5px;">未上传降权重，上传审核后大幅提升权重，资料仅后台可见！</p>
        </div>
        <div class="form-item"><label>手机号（登录账号）<span class="red">*</span></label><input type="tel" placeholder="本人实名手机号"></div>
        <div class="form-item"><label>微信号（提现账号）<span class="red">*</span></label><input type="text" placeholder="本人实名微信号"></div>
        <div class="form-item"><label>设置密码 <span class="red">*</span></label><input type="password" placeholder="6-16位密码"></div>
        <div class="form-item"><label>上传头像（真实照片）<span class="red">*</span></label>
            <input type="file" accept="image/*" multiple style="display:block;margin-bottom:8px;">
            <button class="btn-sm" style="background:#ff4c61;color:#fff;border:none;padding:5px 10px;border-radius:4px;">建议上传3-4张（含生活照）</button>
        </div>
        <div class="form-item"><label>我的性格 <span class="red">*</span></label>
            <textarea placeholder="如：温柔开朗/成熟稳重，越详细AI代聊越逼真！" id="userPersonality"></textarea>
        </div>
        <div class="form-item"><label>择偶要求 <span class="red">*</span></label><textarea placeholder="简要描述择偶要求"></textarea></div>
        <div class="form-item" style="margin-top:20px;padding-top:15px;border-top:1px solid #eee;">
            <label>服务意愿（可多选）<span class="red">*</span></label><br>
            <input type="checkbox" name="service" value="hongniang"> 兼职红娘（0门槛免费首单，首单后200元开长期）<br>
            <input type="checkbox" name="service" value="ai" id="aiService"> AI智能匹配+代聊（需先付费测缘分）
        </div>
        <div class="form-item" id="voicePackage" style="display:none;margin-top:15px;padding-top:15px;border-top:1px solid #eee;">
            <label>AI代聊语音包录制 <span class="red">*</span></label>
            <p style="font-size:12px;color:#666;margin-bottom:10px;">按住说话10秒，录制原声，AI1:1模仿代聊！</p>
            <button class="voice-btn" onmousedown="startRecord()" onmouseup="stopRecord()">按住说话录制（10秒）</button>
            <p id="recordTip" style="font-size:12px;text-align:center;margin-top:10px;color:#666;">未录制</p>
        </div>
        <div class="eval-box" id="ai-eval">
            <h3>AI 缘分初筛结果</h3>
            <p>缘分等级：<span class="highlight">良好</span></p>
            <p>适配类型：成熟稳重/三观契合型</p>
            <p>匹配成功率：85%</p>
        </div>
        <button class="btn" onclick="document.getElementById('ai-eval').style.display='block'">AI 缘分初筛</button>
        <button class="btn interflow-btn" onclick="bindPredictPlatform()">绑定预测平台账号</button>
        <button class="btn" style="margin-top:10px;">完成注册（免费）</button>
        <div class="declare">
            <strong>重要声明：</strong><br>
            1. 资料真实填写，是AI匹配/代聊的重要依据；<br>
            2. 资料提交后原则上不可修改，特殊情况需人工审核；<br>
            3. 虚假资料永久拉黑，取消所有权限；<br>
            4. 勾选红娘意愿即开通免费首单权限，首单后需200元开长期；<br>
            5. 注册首年免年费，后续100元/年，赠500元虚拟豪礼。
        </div>
    </div>
</div>

<div class="tab-pane" id="tab-login">
    <div class="box">
        <h2>会员登录（首年免年费 + 兼职权限已解锁）</h2>
        <div class="form-item"><label>手机号 <span class="red">*</span></label><input type="tel" placeholder="注册手机号" id="loginPhone"></div>
        <div class="form-item"><label>密码 <span class="red">*</span></label><input type="password" placeholder="登录密码"></div>
        <button class="btn" onclick="login()">立即登录</button>
        <button class="btn interflow-btn" style="margin-top:10px;" onclick="interflowLogin()">预测平台一键登录</button>
        <div class="notice">
            <p>免费期内：免年费，解锁全部功能（交友+红娘+社区+3D娱乐）</p>
            <p>免费期结束未续费：可浏览会员资料，C/D级不可主动聊天</p>
            <p class="highlight">续费100元/年，享所有权益+500元虚拟豪礼（营销软件+安全软件+电子笔记本）</p>
            <p>推广提现满100元即可申请！</p>
        </div>
        <p class="tip" style="text-align:center;margin-top:20px;">无账号？<a href="javascript:;" onclick="switchTab('tab-register', this)" class="red">免费注册</a>（免年费+兼职权限）</p>
    </div>
</div>

<div class="tab-pane" id="tab-center">
    <div class="box">
        <h2>会员中心</h2>
        <div style="text-align:center;margin-bottom:20px;">
            <img src="" alt="会员头像" class="avatar">
            <div class="info">
                <p><strong>张先生 | 30岁 | 未婚</strong></p>
                <p>178cm/70kg | 广东省深圳市南山区</p>
                <p>全国创始会员 | 免费期（剩余218天）</p>
                <p>资料权重：<span class="level-s">超高真实度（S级）</span> <a href="javascript:;" style="font-size:12px;color:#3399ff;">点击提升</a></p>
                <p style="font-size:12px;color:#666;margin-top:5px;">提升建议：补充1张生活照+完善收入证明</p>
                <p style="font-size:14px;color:#3399ff;margin-top:5px;">平台互通：<span id="interflowStatus">已绑定</span> | <a href="javascript:;" onclick="bindPredictPlatform()">重新绑定</a></p>
            </div>
        </div>
        <div class="card">
            <h3>我的数据</h3>
            <div class="row"><div class="label">已添加好友</div><div class="value">8 人</div></div>
            <div class="row"><div class="label">剩余匹配机会</div><div class="value">3 次（不限时）</div></div>
            <div class="row"><div class="label">今日聊天时长</div><div class="value">32 分钟</div></div>
            <div class="row"><div class="label">聊天权限</div><div class="value">无限制（S级会员）</div></div>
            <div class="row"><div class="label">会员状态</div><div class="value">免费期（剩余218天）</div></div>
            <div class="row"><div class="label">红娘提成（待结算）</div><div class="value">¥0.00（满100元提现）</div></div>
            <div class="row"><div class="label">红娘权限</div><div class="value">免费首单权限（未使用）</div></div>
            <div class="row"><div class="label">违规次数</div><div class="value">0 次（3次永久拉黑）</div></div>
        </div>
        <div class="card">
            <h3>兼职红娘赚钱专区</h3>
            <p>核心权益：全国海量单身资源，免费首单赚300元</p>
            <p>赚钱方式：匹配成功享高提成，首单后200元开通长期权限</p>
            <button class="btn">查看全国单身资源库（免费首单专用）</button>
            <button class="btn" style="margin-top:10px;background:#333;">200元开通长期红娘权限</button>
        </div>
        <div class="card" style="border:2px solid #ff4c61;">
            <h3>AI/人工红娘服务开通</h3>
            <p>需先前往AI三合一预测系统付费测缘分，截图结果返回定制服务！</p>
            <p>服务保障：首10天无条件退费</p>
            <button class="btn" style="margin-right:10px;" onclick="openAIService()">开通AI智能匹配</button>
            <button class="btn" style="margin-top:10px;">开通人工红娘匹配</button>
        </div>
        <div class="card">
            <h3>会员续费专属赠品</h3>
            <p>赠品：营销群发软件*1 + 龙虾安全软件*1 + 终身电子笔记本*1</p>
            <p>领取：免费期结束后，续费100元/年即可</p>
            <button class="btn" style="background:#ff9900;">立即续费100元领取</button>
        </div>
    </div>
</div>

<div class="tab-pane" id="tab-chat">
    <div class="box">
        <h2>聊天页面</h2>
        <div class="limit-box" style="display:none;">
            账号因私发联系方式临时限制！首次违规支付200元解锁
            <button class="btn" style="margin-top:10px;">立即支付200元解锁</button>
        </div>
        <div class="chat-user-card">
            <div class="user-info">
                <strong id="chatUserName">张先生</strong>
                <span id="chatUserLevel" class="level-s">S级</span>
                <span>30岁 | 广东深圳</span>
            </div>
            <span>仅可打招呼/对方回复后畅聊</span>
        </div>
        <div class="chat-box">
            <div class="chat-menu">
                <button class="menu-btn" onclick="toggleChatMenu()">···</button>
                <div class="menu-list" id="chatMenuList">
                    <button onclick="blockUser()">拉黑对方</button>
                    <button onclick="reportUser()">举报违规</button>
                    <button onclick="chatFeedback()">体验反馈</button>
                </div>
            </div>
            <div class="msg other"><div class="msg-bubble">你好呀，很高兴认识你</div></div>
            <div class="msg me"><div class="msg-bubble">你好，我看到你的资料了，感觉很合适</div></div>
            <div class="msg other"><div class="msg-bubble">你平时喜欢做什么呀？</div></div>
            <div class="msg me"><div class="msg-bubble">喜欢运动和看书，你呢？</div></div>
        </div>
        <div class="eval-remind">聊完可评价，3条负面评价触发平台审核</div>
        <div class="eval-btn-box" id="evalBtnBox">
            <button onclick="evalUser('真实')">资料真实</button>
            <button onclick="evalUser('存疑')">资料存疑</button>
            <button onclick="evalUser('真人')">真人互动</button>
            <button onclick="evalUser('ai')">疑似AI</button>
            <button onclick="evalUser('高契合')">契合度高</button>
            <button onclick="evalUser('低契合')">契合度低</button>
        </div>
        <div class="ai-topic-box" id="aiTopicBox">
            <div class="topic-title">AI话题推荐</div>
            <div class="topic-list" id="topicList">
                <button class="topic-btn" onclick="sendTopic(this)">平时工作忙吗，有专属休闲方式？</button>
                <button class="topic-btn" onclick="sendTopic(this)">你喜欢看什么类型的书/运动？</button>
                <button class="topic-btn" onclick="sendTopic(this)">对未来生活规划有什么想法？</button>
            </div>
        </div>
        <div class="send-box">
            <input type="text" placeholder="严禁私发联系方式，风控实时拦截" id="chatInput" oninput="checkSensitiveWord(this)">
            <button class="btn" onclick="sendChatMsg()">发送</button>
            <div class="tip-text" id="sensitiveTip">检测到敏感信息，严禁私发联系方式</div>
        </div>
        <button class="btn-sm" style="margin-top:5px;" onclick="toggleTopicBox()">AI话题推荐</button>
        <div class="notice">
            <strong class="red">严禁私发手机号/微信/QQ/二维码，风控实时拦截！</strong><br>
            违规处罚：第一次200元解锁→第二次500元→第三次永久拉黑！<br>
            B级及以上会员解锁无限制聊天，1000元享3次匹配机会，首10天无条件退费！
        </div>
    </div>
</div>

<div class="tab-pane" id="tab-redmatch">
    <div class="box">
        <h2>AI智能匹配+代聊服务</h2>
        <div class="money-tip">
            <p>AI代聊100元/次（首10天无条件退费）</p>
            <p>解锁匹配1000元/3次机会（首10天无条件退费）</p>
            <p>服务时长：缘分良好3个月/缘分晚6-12个月</p>
            <p>红娘提成：免费首单赚300元，长期权限赚500元/单</p>
            <p>匹配优先级：S/A级会员优先，真实度越高成功率越高！</p>
        </div>
        <div class="form-item">
            <label>预测平台检测状态</label><span class="red" id="predictStatus">未检测</span>
            <button class="btn-sm" style="margin-left:10px;" onclick="window.open('https://你的AI预测系统网址.com','_blank')">立即检测</button>
            <button class="btn-sm interflow-btn" style="margin-left:10px;" onclick="uploadPredictResult()">上传检测结果</button>
        </div>
        <div class="declare"><strong>服务保障</strong>：首10天无条件退费，3次匹配未成功全额退费！<br><strong>真实保障</strong>：AI+人工审核，权重评级透明！</div>
        <button class="btn" style="margin-top:10px;" onclick="checkPredictStatus()">申请AI智能代聊（100元）</button>
        <button class="btn" style="margin-top:10px;">解锁匹配权限（1000元/3次）</button>
        <div class="refund-tag">该账号已申请退款（首10天内）</div>
        <button class="report-btn">举报恶意退款（奖100元）</button>
    </div>
</div>

<div class="tab-pane" id="tab-promote">
    <div class="box">
        <h2>推广赚钱 · 收益无上限</h2>
        <div class="card">
            <h3>提成规则（满100元提现）</h3>
            <div class="row"><div class="label">一级推广提成</div><div class="value">50%（1000元→赚500元/对）</div></div>
            <div class="row"><div class="label">二级推广提成</div><div class="value">10%（1000元→赚100元/对）</div></div>
            <div class="row"><div class="label">新人入驻奖励</div><div class="value">拉新5元/个、二级1元/个</div></div>
            <div class="row"><div class="label">成功费标准</div><div class="value">统一1000元/对</div></div>
            <div class="row"><div class="label">结算条件</div><div class="value">被推荐人首10天未退费</div></div>
            <div class="row"><div class="label">最低提现</div><div class="value"><span class="red">满100元</span></div></div>
            <div class="row"><div class="label">红娘首单提成</div><div class="value">300元/对（免费首单）</div></div>
        </div>
        <div class="money-tip">
            <strong>推广收益参考：</strong><br>
            ✅ 业余推广：一周1对，一月6对，一级提成3000+/月；<br>
            ✅ 达人推广：粉丝/好友多，促成缘分翻倍，多推多赚无上限！
        </div>
    </div>
</div>

<div class="tab-pane" id="tab-rule">
    <div class="box">
        <h2>平台运营规则</h2>
        <div class="card">
            <h3>一、会员注册与资料规则</h3>
            <p>1. 18-60周岁单身人士注册，资料真实有效；</p>
            <p>2. 头像需本人真实照片，含至少1张生活照；</p>
            <p>3. 月入≥3万需上传收入证明，未上传降权重；</p>
            <p>4. 资料提交后原则上不可修改，特殊情况需审核；</p>
            <p>5. 虚假资料永久拉黑，已缴费用不退。</p>
        </div>
        <div class="card">
            <h3>二、聊天与风控规则</h3>
            <p>1. 严禁私发联系方式、外部链接，风控拦截；</p>
            <p>2. 违规私发：第一次200元解锁→第二次500元→第三次永久拉黑；</p>
            <p>3. C/D级会员仅可接收聊天，不可主动发起；</p>
            <p>4. 聊天严禁违法违规内容，一经发现拉黑；</p>
            <p>5. 聊满5分钟可评价，3条负面评价触发审核。</p>
        </div>
        <div class="card">
            <h3>三、红娘与提成规则</h3>
            <p>1. 注册即解锁免费首单权限，首单赚300元；</p>
            <p>2. 首单后200元开通长期权限，享50%提成；</p>
            <p>3. 匹配成功后提交记录，审核通过结算提成；</p>
            <p>4. 虚假匹配、刷单取消权限，扣除提成；</p>
            <p>5. 提成满100元提现，3个工作日到账。</p>
        </div>
        <div class="card">
            <h3>四、推广与提现规则</h3>
            <p>1. 一级拉新5元/人，二级1元/人；</p>
            <p>2. 推广奖励+提成满100元可提现；</p>
            <p>3. 被推荐人首10天退费，对应奖励扣除；</p>
            <p>4. 仅支持微信提现，账号需一致；</p>
            <p>5. 恶意推广、刷粉取消资格，扣除奖励。</p>
        </div>
        <div class="card">
            <h3>五、退费规则</h3>
            <p>1. AI代聊/匹配服务首10天无条件退费；</p>
            <p>2. 3次匹配未成功，无条件全额退费；</p>
            <p>3. 匹配成功后原则上不退，恶意退款可退但拉黑；</p>
            <p>4. 会员年费续费后不退；</p>
            <p>5. 退费申请3个工作日内到账。</p>
        </div>
    </div>
</div>
`;

window.onload = function() {
    const container = document.getElementById('tabContentContainer');
    container && (container.innerHTML = tabContent);
};