\n\n","image":"https://catai.wiki/279ae746-b04f-4312-f805-51290bd83500/cover","url":"https://doki.love/cards/53372","datePublished":"2025-10-24T12:13:34.000Z","author":{"@type":"Person","name":"sHaMEr"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3}} 返回浏览

奥特战姬米娅

sHaMEr

热度 2493 赞2025/10/24

前往原站查看

简介

<!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-color: #ff3366; --secondary-color: #33ccff; --background-dark: #121212; --surface-dark: #1e1e1e; --text-light: #e0e0e0; --text-dark: #333333; --border-color: rgba(255, 255, 255, 0.2); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Microsoft YaHei', 'SimSun', sans-serif; background-color: var(--background-dark); color: var(--text-light); line-height: 1.6; background-image: url('https://i.imgur.com/7bJdJ8L.jpg'); background-attachment: fixed; background-size: cover; background-position: center; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .main-panel { background: rgba(18, 18, 18, 0.9); border: 2px solid var(--primary-color); border-radius: 15px; padding: 30px; backdrop-filter: blur(10px); box-shadow: 0 0 30px rgba(255, 51, 102, 0.4); margin-bottom: 30px; } h1, h2, h3, h4 { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); } h1 { color: var(--primary-color); text-align: center; font-size: 2.8em; margin-bottom: 10px; } h2 { color: var(--text-light); text-align: center; font-size: 1.2em; margin-bottom: 30px; font-weight: normal; opacity: 0.9; } h3 { color: var(--secondary-color); font-size: 1.8em; margin: 40px 0 20px 0; border-left: 5px solid var(--secondary-color); padding-left: 15px; } h4 { color: var(--primary-color); font-size: 1.3em; margin: 20px 0 10px 0; } p { margin-bottom: 15px; line-height: 1.8; } .intro-section { background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 25px; margin-bottom: 30px; border: 1px solid var(--border-color); } .character-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; } .character-card, .monster-card { background: var(--surface-dark); border: 1px solid var(--border-color); border-radius: 10px; padding: 20px; transition: transform 0.3s, box-shadow 0.3s; display: flex; flex-direction: column; } .character-card:hover, .monster-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5); border-color: var(--primary-color); } .card-header { color: var(--secondary-color); font-size: 1.5em; margin-bottom: 15px; text-align: center; } .card-subheader { color: #aaa; text-align: center; font-size: 0.9em; margin-top: -10px; margin-bottom: 15px; } .character-card ul, .monster-card ul { list-style: none; padding-left: 0; flex-grow: 1; } .character-card li, .monster-card li { margin-bottom: 10px; position: relative; padding-left: 20px; } .character-card li::before, .monster-card li::before { content: '✧'; color: var(--secondary-color); position: absolute; left: 0; font-weight: bold; } strong { color: var(--text-light); font-weight: bold; } .villain-section h3, .villain-section h4 { color: #ff4d4d; } .villain-section .character-card:hover { border-color: #ff4d4d; } .villain-section .card-header { color: #ff4d4d; } .villain-section li::before { color: #ff4d4d; } .monster-tabs { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; } .tab-btn { background: var(--surface-dark); color: var(--text-light); border: 1px solid var(--border-color); padding: 10px 20px; cursor: pointer; border-radius: 20px; transition: all 0.3s ease; font-size: 1em; } .tab-btn.active { background: var(--primary-color); color: var(--text-dark); border-color: var(--primary-color); box-shadow: 0 0 15px rgba(255, 51, 102, 0.5); } .monster-content { display: none; } .monster-content.active { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; } .gameplay-section { background: rgba(30, 30, 30, 0.8); border-radius: 10px; padding: 25px; margin-top: 30px; } .role-selection { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; } .role-btn { flex: 1; min-width: 200px; background: linear-gradient(145deg, #2a2a2a, #1a1a1a); color: var(--text-light); border: 2px solid var(--border-color); padding: 15px 25px; font-size: 1.1em; font-weight: bold; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-align: center; } .role-btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .role-btn.positive:hover { color: var(--secondary-color); border-color: var(--secondary-color); } .role-btn.negative:hover { color: var(--primary-color); border-color: var(--primary-color); } .custom-character { background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 25px; border: 1px solid var(--border-color); } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; color: var(--secondary-color); font-weight: bold; } .form-group input, .form-group textarea { width: 100%; background: rgba(0, 0, 0, 0.3); border: 1px solid var(--border-color); border-radius: 5px; padding: 10px; color: var(--text-light); font-size: 1em; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--secondary-color); box-shadow: 0 0 10px rgba(51, 204, 255, 0.3); } .confirm-btn { display: block; width: 200px; margin: 20px auto 0; padding: 12px; background: var(--primary-color); color: white; border: none; border-radius: 5px; font-size: 1.1em; cursor: pointer; transition: background 0.3s ease; } .confirm-btn:hover { background: #ff5588; } .footer-text { text-align: center; margin-top: 40px; opacity: 0.7; } .footer-text a { color: var(--secondary-color); text-decoration: none; } .footer-text a:hover { text-decoration: underline; } #popup { display: none; position: fixed; z-index: 1000; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 500px; background: var(--surface-dark); padding: 25px; border-radius: 10px; border: 2px solid var(--primary-color); box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); } #popup-content { max-height: 60vh; overflow-y: auto; margin-bottom: 20px; } #popup h4 { text-align: center; margin-top: 0; } .popup-buttons { text-align: center; } .popup-buttons button { margin: 0 10px; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 1em; border: 1px solid; } .copy-btn { background: var(--primary-color); color: white; border-color: var(--primary-color); } .close-btn { background: transparent; color: var(--text-light); border-color: var(--border-color); } </style> </head> <body> <div class="container"> <div class="main-panel"> <h1>奥特战姬米娅</h1> <h2>作者：sHaMEr</h2> <div class="intro-section"> <h3>作品背景</h3> <p>在一个与我们所知的宇宙截然不同的平行时空，地球同样面临着来自宇宙深处各种怪兽与侵略者的威胁。守护地球的光之巨人名为【奥特战姬米娅】。她是守护人类的光。</p> <p>然而，女神为了更深入地了解她所守护的这颗蓝色星球和上面的人类，选择化身为一名普通的人类女性，【米娅】。光之女神出现的能量波动，吸引来无数觊觎地球资源的怪兽；光之女神的战斗，吸引来了行为诡异的宇宙人们......</p> </div> <h3>正面角色</h3> <div class="character-grid"> <div class="character-card"> <div class="card-header">奥特战姬米娅</div> <div class="card-subheader">主角</div> <ul> <li><strong>简介：</strong>娘化初代奥特曼，来自光之国的女战士，为追击宇宙怪兽来到地球并爱上了这颗星球。她化身为人类女性米娅，以双重身份默默守护着一切。</li> </ul> </div> <div class="character-card"> <div class="card-header">奥特姐妹</div> <div class="card-subheader">支援角色</div> <ul> <li><strong>佐菲娅 (Zoffia):</strong> 娘化佐菲，宇宙警备队队长，奥特姐妹中的长女，所有奥特战姬敬仰的领袖。</li> <li><strong>杰奎琳 (Jacqueline):</strong> 娘化杰克，宇宙警备队精英，奥特姐妹次女，被称为“归来的女武神”。</li> <li><strong>艾茜娅 (Acia):</strong> 娘化艾斯，光线技能大师，奥特姐妹三女，被誉为“断头刀公主”。</li> <li><strong>塞薇莉娅 (Severia):</strong> 娘化赛文，首席战术顾问，精通情报战与一击必杀的孤高战士。</li> </ul> </div> <div class="character-card"> <div class="card-header">奥特战姬玛丽</div> <div class="card-subheader">高级支援角色</div> <ul> <li><strong>简介：</strong>奥特之母，宇宙警备队【银十字骑士团】总指挥，所有奥特战姬的“母亲”，光之国医疗与后勤的最高权威。</li> </ul> </div> <div class="character-card"> <div class="card-header">神姬·诺娅</div> <div class="card-subheader">神话角色</div> <ul> <li><strong>简介：</strong>娘化诺亚，伴随宇宙大爆炸诞生的第一缕“光”，是秩序、生命、希望等一切正面概念的集合体。</li> </ul> </div> </div> <div class="villain-section"> <h3>反派角色</h3> <div class="character-grid"> <div class="character-card"> <div class="card-header">地狱星人希波利特</div> <div class="card-subheader">宇宙人</div> <ul> <li><strong>简介：</strong>极度狡猾、残忍且充满恶趣味的战略家。享受将强大美丽的生物逼入绝境，欣赏她们在绝望中挣扎、堕落的“艺术”。</li> </ul> </div> <div class="character-card"> <div class="card-header">知性支配者美菲利斯</div> <div class="card-subheader">宇宙人</div> <ul> <li><strong>简介：</strong>极度理智、冷静，拥有无与伦比的智慧和口才。鄙视暴力，享受通过语言、逻辑和心理战术，让对手心甘情愿地放弃抵抗。</li> </ul> </div> <div class="character-card"> <div class="card-header">黄昏魔导士·纳克雷斯</div> <div class="card-subheader">宇宙人</div> <ul> <li><strong>简介：</strong>冷静、残忍的战略家，享受将强大高洁的存在从精神到肉体彻底玩弄、使其堕落的过程。将侵略视为一场艺术创作。</li> <li><strong>组合：</strong>常与怪兽布莱克基加斯组成【黄昏死斗组合】。</li> </ul> </div> </div> </div> <h3>怪兽图鉴</h3> <div class="monster-tabs"> <button class="tab-btn active" onclick="openTab('epic')">史诗级</button> <button class="tab-btn" onclick="openTab('elite')">精英级</button> <button class="tab-btn" onclick="openTab('minion')">杂鱼级</button> </div> <div id="epic" class="monster-content active"> <div class="monster-card"> <div class="card-header">骸装兽·布莱克基加斯</div> <ul> <li><strong>简介：</strong>身高超60米的巨型怪兽，全身覆盖黑曜石般坚硬厚重的外骨骼装甲。头生巨角，双臂粗壮，尾部是巨大骨锤。</li> </ul> </div> <div class="monster-card"> <div class="card-header">最终の兵器杰顿</div> <ul> <li><strong>简介：</strong>为“歼灭光之生命体”而生的生物兵器。无感情、无痛觉、无恐惧，只有基于最高效战斗演算的绝对执行力。</li> </ul> </div> </div> <div id="elite" class="monster-content"> <div class="monster-card"> <div class="card-header">虚耗怪兽德古拉格</div> <ul><li><strong>简介：</strong>巨大的幽蓝色螳螂形态，擅长制造幻象。</li></ul> </div> <div class="monster-card"> <div class="card-header">粘缚怪兽贝塔隆</div> <ul><li><strong>简介：</strong>彩色史莱姆状的无定型怪兽。</li></ul> </div> <div class="monster-card"> <div class="card-header">狂乱音波怪兽诺伊吉亚</div> <ul><li><strong>简介：</strong>巨蝉形态，能发出强大的破坏性音波。</li></ul> </div> <div class="monster-card"> <div class="card-header">侵蚀孢子植物基加普兰特</div> <ul><li><strong>简介：</strong>魔界花形态，能散播寄生孢子。</li></ul> </div> </div> <div id="minion" class="monster-content"> <div class="monster-card"> <div class="card-header">集群怪兽·莱吉恩</div> </div> <div class="monster-card"> <div class="card-header">钻地怪兽·古拉巴</div> </div> <div class="monster-card"> <div class="card-header">噪音怪兽·嚎叫者</div> </div> <div class="monster-card"> <div class="card-header">溶胶怪兽·阿西多斯</div> </div> </div> <h3>游玩方式</h3> <div class="gameplay-section"> <h4>选择你的阵营</h4> <div class="role-selection"> <button class="role-btn positive" onclick="playRole('你将扮演正面角色阵营中的一员，例如奥特战姬米娅或她的姐妹们。请在下方输入框中指定你想扮演的具体角色，或直接开始，由AI为你选择。', '扮演正面角色')">扮演正面角色</button> <button class="role-btn negative" onclick="playRole('你将扮演反派角色阵营中的一员，例如希波利特星人或纳克雷斯星人。请在下方输入框中指定你想扮演的具体角色，或直接开始，由AI为你选择。', '扮演反派角色')">扮演反派角色</button> </div> <h4>或自由扮演</h4> <div class="role-selection"> <button class="role-btn" onclick="playRole('你将以自由的身份进入这个世界，不受任何已有角色的限制。请在下方输入框中简单描述你的想法或直接开始，让故事自由发展。', '自由提示')">自由提示</button> </div> <div class="custom-character"> <h4>扮演一个自创的新角色</h4> <div class="form-group"> <label for="char-name">角色名称</label> <input type="text" id="char-name" placeholder="为你的角色命名"> </div> <div class="form-group"> <label for="char-faction">所属阵营</label> <input type="text" id="char-faction" placeholder="正面 / 反派 / 中立 / 其他"> </div> <div class="form-group"> <label for="char-desc">角色设定</label> <textarea id="char-desc" rows="4" placeholder="描述角色的外貌、能力、背景故事等..."></textarea> </div> <button class="confirm-btn" onclick="createCharacter()">确认创建并开始</button> </div> </div> <div class="footer-text"> <p>©AI风月 - 无赞助播出｜网页使用此卡生成：<a href="/explore/installed/106008ec-8393-459d-a561-7c760086e878" target="_blank">AI 风月神器</a></p> </div> </div> </div> <div id="popup"> <h4 id="popup-title"></h4> <div id="popup-content"></div> <div class="popup-buttons"> <button class="copy-btn" onclick="copyToClipboard()">复制设定</button> <button class="close-btn" onclick="closePopup()">关闭</button> </div> </div> <script> function openTab(tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("monster-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; tabcontent[i].classList.remove("active"); } tablinks = document.getElementsByClassName("tab-btn"); for (i = 0; i < tablinks.length; i++) { tablinks[i].classList.remove("active"); } document.getElementById(tabName).style.display = "grid"; document.getElementById(tabName).classList.add("active"); event.currentTarget.classList.add("active"); } function showPopup(title, content) { document.getElementById('popup-title').innerText = title; document.getElementById('popup-content').innerText = content; document.getElementById('popup').style.display = 'block'; } function closePopup() { document.getElementById('popup').style.display = 'none'; } function copyToClipboard() { const content = document.getElementById('popup-content').innerText; navigator.clipboard.writeText(content).then(() => { alert('已复制到剪贴板！'); }).catch(err => { alert('复制失败，请手动复制。'); }); } function playRole(roleDescription, roleTitle) { showPopup('扮演：' + roleTitle, roleDescription); } function createCharacter() { const name = document.getElementById('char-name').value; const faction = document.getElementById('char-faction').value; const desc = document.getElementById('char-desc').value; if (!name.trim()) { alert('请输入角色名称！'); return; } const charInfo = ` 创建新角色： - 角色名称：${name} - 所属阵营：${faction || '未指定'} - 角色设定：${desc || '无'} `; showPopup('创建新角色', charInfo.trim()); } </script> </body> </html>

奥特战姬米娅

简介

图片预览