概要
<!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>
インデックスメモ
この DokiLove エントリは、AI风月 にある Tavern キャラクターカード「奥特战姬米娅」をインデックスしています。カードのテーマ、プレビュー画像、作者情報、元のプラットフォームを比較してから外部サイトへ移動できます。
現在のタグ概要は 汎用ロールプレイ です。タグは関連する SillyTavern と AI チャット向けカードを探す助けになりますが、作者メモ、利用ルール、更新履歴、プラットフォーム固有の制限は元ページが正式な情報源です。
完全な元情報は元ページで確認できます。似たキャラクターを探すか新しいキャラクターを作る場合は NIMEI に進みます。DokiLove は公開ディスカバリーインデックスとして機能します。
