Description <!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>
Index notes This DokiLove entry indexes the Tavern character card "奥特战姬米娅" from AI风月. It keeps the source relationship visible so users can compare the card topic, preview image, creator context, and original platform before leaving DokiLove.
The current tag summary is general roleplay. Tags are useful for browsing related SillyTavern and AI chat cards, but the original source remains the authority for complete creator notes, usage rules, update history, and any platform-specific restrictions.
Use the source button to inspect the complete original content. To find similar characters or create a new one, continue to NIMEI. DokiLove remains the public discovery index.
