Brief
<!DOCTYPE html> <html lang="zh-CN"> <body> <div class="hive-root" id="hiveRoot"> <!-- 装饰粒子 --> <span class="hive-particle" style="left:8%; bottom:10%; animation-delay:0s; font-size:10px;">🦋</span> <span class="hive-particle" style="left:25%; bottom:5%; animation-delay:3s;">✦</span> <span class="hive-particle" style="left:55%; bottom:15%; animation-delay:6s; font-size:10px;">🦋</span> <span class="hive-particle" style="left:78%; bottom:8%; animation-delay:9s;">✦</span> <span class="hive-particle" style="left:92%; bottom:12%; animation-delay:2s; font-size:9px;">🦋</span> <!-- 顶部系统栏 --> <div class="hive-topbar"> <div class="hive-topbar-left"> <div class="hive-logo">⬡</div> <div class="hive-sys-name">总攻快穿系统 · 世界接入终端</div> </div> <div class="hive-topbar-right"> <span class="hive-status-dot"></span>信号稳定<br> 当前世界：虫族帝国 </div> </div> <!-- 标题区 --> <div class="hive-title-section"> <div class="hive-main-title">虫族军雌</div> <div class="hive-tags"> <span class="hive-tag"># 星际虫族</span> <span class="hive-tag"># 总攻快穿</span> <span class="hive-tag"># 军雌少将</span> <span class="hive-tag"># 包办婚姻</span> </div> <div class="hive-subtitle">宿主已接入 · 攻略目标锁定 · 请选择故事开局</div> </div> <!-- 三栏主体 --> <div class="hive-columns"> <!-- ===== 左栏：世界观 ===== --> <div class="hive-column"> <div class="hive-col-header"> <div class="hive-col-icon world">🌐</div> <div class="hive-col-title">世界观概要</div> </div> <!-- 世界观卡片：可点击展开 --> <div class="hive-lore-card"> <div class="hive-lore-card-title"> <span class="dot blue"></span> 星际虫族帝国 <span class="hive-lore-toggle">▸ 展开</span> </div> <div class="hive-lore-body"> 虫族建立了等级森严的星际帝国。所有个体外貌貌似精灵俊美人类，化茧成蝶后化为人形，蝶翅可收放自如。只有精神海紊乱、虫化濒临爆体时才会显露虫态——此时需要雄虫信息素安抚。 </div> </div> <div class="hive-lore-card"> <div class="hive-lore-card-title"> <span class="dot purple"></span> 性别与阶层 <span class="hive-lore-toggle">▸ 展开</span> </div> <div class="hive-lore-body"> <strong style="color:#a78bfa;">雄虫</strong>：数量极稀少，天生柔弱，是唯一能有效授精的性别。信息素可安抚雌虫精神海，必须自愿才能释放。社会地位极高，可娶妻纳妾。<br><br> <strong style="color:#60a5fa;">军雌</strong>：帝国武力支柱，战斗力强大，掌握军政大权。对雄虫信息素有极强生理依赖，社会规则要求服从雄主。<br><br> <strong style="color:#fbbf24;">亚雌</strong>：外形柔弱美丽，战斗力较弱，多从事文职或艺术行业。同样具备生育能力。<br><br> <span style="color:#5a6a7a;">※ 所有性别均为男性外表。雌虫拥有泄殖腔（雌穴），负责受孕与繁衍。</span> </div> </div> <div class="hive-lore-card"> <div class="hive-lore-card-title"> <span class="dot amber"></span> 雄尊雌卑 <span class="hive-lore-toggle">▸ 展开</span> </div> <div class="hive-lore-body"> 远古时期雌虫主导社会并虐待雄虫，导致雄虫大量死亡、比例严重失调。因雄虫精神状态影响信息素释放，强迫无效，必须保障其自愿合作。社会被迫建立保护雄虫的制度——雄虫的高待遇本质上是为了维持其心理稳定，服务于种族繁衍需求。 </div> </div> <div class="hive-lore-card"> <div class="hive-lore-card-title"> <span class="dot red"></span> 快穿系统 <span class="hive-lore-toggle">▸ 展开</span> </div> <div class="hive-lore-body"> 你（宿主）通过总攻快穿系统接入此世界，扮演一名雄虫，攻略目标角色。好感度与攻略进度需同时达到100%方可选择离开或留在此世界。好感度=角色对你的好感，攻略进度=爱情心动程度。 </div> </div> </div> <!-- ===== 中栏：角色 ===== --> <div class="hive-column"> <div class="hive-col-header"> <div class="hive-col-icon char">🦋</div> <div class="hive-col-title">攻略目标</div> </div> <!-- 头像 --> <div class="hive-char-avatar-wrap"> <div class="hive-char-avatar"> <span class="hive-char-avatar-inner">🦋</span> </div> </div> <!-- 名字与军衔 --> <div class="hive-char-name">赫维尔</div> <div class="hive-char-rank"> <span class="hive-char-rank-badge">联邦少将 ★</span> </div> <!-- 基本信息 --> <div class="hive-char-grid"> <span class="hive-char-label">性别</span> <span class="hive-char-value">军雌</span> <span class="hive-char-label">年龄</span> <span class="hive-char-value">24标准年</span> <span class="hive-char-label">身高</span> <span class="hive-char-value">189cm</span> <span class="hive-char-label">蝶种</span> <span class="hive-char-value">银翼 · 冰蓝脉</span> <span class="hive-char-label">所属</span> <span class="hive-char-value">第七星域舰队</span> <span class="hive-char-label">精神力</span> <span class="hive-char-value" style="color:#a78bfa;">S级</span> <span class="hive-char-label">婚姻</span> <span class="hive-char-value" style="color:#f87171;">已婚（你的合法伴侣）</span> </div> <hr class="hive-char-divider"> <!-- 性格标签 --> <div class="hive-char-tags"> <span class="hive-char-tag cold">天之骄子</span> <span class="hive-char-tag hot">暴躁易怒</span> <span class="hive-char-tag gold">一丝不苟</span> <span class="hive-char-tag purple">先婚后爱</span> <span class="hive-char-tag hot">暴力倾向</span> <span class="hive-char-tag cold">军雌</span> </div> <hr class="hive-char-divider"> <!-- 好感度与攻略进度 --> <div class="hive-progress-section"> <div class="hive-progress-row"> <span class="hive-progress-label">好感度</span> <div class="hive-progress-bar-bg"> <div class="hive-progress-bar-fill" style="width:0%; background: linear-gradient(90deg, #ef4444, #f87171);"></div> </div> <span class="hive-progress-value" style="color:#ef4444;">0%</span> </div> <div class="hive-progress-row"> <span class="hive-progress-label">攻略进度</span> <div class="hive-progress-bar-bg"> <div class="hive-progress-bar-fill" style="width:0%; background: linear-gradient(90deg, #8b5cf6, #a78bfa);"></div> </div> <span class="hive-progress-value" style="color:#8b5cf6;">0%</span> </div> </div> <!-- 关系状态 --> <div class="hive-relation-block"> <span class="hive-relation-flag">⚠ 当前关系</span><br> 赫维尔视你为完成生育任务的工具。结婚一年未孕，他的耐心已近极限。你是离他最近的、可以承受愤怒的容器。<br> <span style="color:#f87171; font-size:9px;">※ 晋升上将期限剩余不足11个月</span> </div> </div> <!-- ===== 右栏：开场白 ===== --> <div class="hive-column"> <div class="hive-col-header"> <div class="hive-col-icon story">▶</div> <div class="hive-col-title">故事开局</div> </div> <!-- 动态开场白列表容器 --> <div class="hive-opening-list" id="hiveOpeningList"> <div class="hive-opening-placeholder"> 正在读取开场白数据…… </div> </div> </div> <!-- 快穿系统说明弹窗 --> <div class="hive-modal-overlay" id="hiveModal"> <div class="hive-modal"> <span class="hive-modal-close">✕</span> <h3>总攻快穿系统 · 使用手册</h3> <h4>系统机制</h4> <p>你通过总攻快穿系统降临此世界，身份为赫维尔的合法雄虫配偶。你的目标是攻略赫维尔——让他对你产生真正的感情。</p> <h4>双轨指标</h4> <p><strong style="color:#f87171;">好感度</strong>：赫维尔对你的整体好感。让他感到舒适、被尊重、被理解时增长；激怒或冒犯他时下降。</p> <p><strong style="color:#a78bfa;">攻略进度</strong>：爱情维度。只有赫维尔对你产生心动、依恋、不舍等情感时才会增长。好感不等于爱情。</p> <p>两项指标均达到100%后，可选择离开此世界（生成后日谈）或继续留下。</p> <h4>攻略难度</h4> <p>赫维尔是回避型依恋、极度骄傲的军雌少将。他不相信爱情，将婚姻视为纯粹的生育工具。初始好感度和攻略进度均为0。这是一场硬仗。</p> <h4>注意事项</h4> <p>· 赫维尔有暴力倾向，但法律保护雄虫，你拥有法律优势。</p> <p>· 他的精神海对你的信息素存在生理依赖，但他本人尚未察觉。</p> <p>· 他每天都会回家。他把这解释为"履行义务"。</p> </div> </div> <!-- 底部 --> <div class="hive-footer"> <span>总攻快穿系统 v2.1 · 世界编号 INS-7742</span> <div class="hive-footer-btn">📖 系统手册</div> </div> </div> <script> // ====== 世界观卡片展开/折叠 ====== function toggleLore(card) { var wasExpanded = card.classList.contains('expanded'); // 关闭所有 var allCards = document.querySelectorAll('#hiveRoot .hive-lore-card'); for (var i = 0; i < allCards.length; i++) { allCards[i].classList.remove('expanded'); var toggle = allCards[i].querySelector('.hive-lore-toggle'); if (toggle) toggle.textContent = '▸ 展开'; } // 如果之前没展开，则展开当前 if (!wasExpanded) { card.classList.add('expanded'); var toggle = card.querySelector('.hive-lore-toggle'); if (toggle) toggle.textContent = '▾ 收起'; } } // ====== 系统手册弹窗 ====== function openHiveModal() { document.getElementById('hiveModal').classList.add('active'); } function closeHiveModal() { document.getElementById('hiveModal').classList.remove('active'); } // 点击遮罩关闭 document.getElementById('hiveModal').addEventListener('click', function(e) { if (e.target === this) { closeHiveModal(); } }); // ====== 动态开场白加载 ====== async function loadHiveOpenings() { var container = document.getElementById('hiveOpeningList'); if (!container) return; // 检查酒馆助手API if (typeof getChatMessages !== 'function') { container.innerHTML = '<div class="hive-opening-placeholder">酒馆助手接口不可用，请确认插件已开启。</div>'; return; } try { var messages = await getChatMessages("0", { include_swipe: true }); if (!messages || messages.length === 0 || !messages[0].swipes || messages[0].swipes.length <= 1) { c
测试
