Kultivierungs-Simulator n+1
```html
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formular zur Charaktererstellung</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑",sans-serif;}
body{background:transparent;padding:15px;}
/* 外层容器 */
.info-box{
width:100%;
max-width:480px;
margin:0 auto;
background:rgba(255,255,255,0.15);
border-radius:12px;
padding:20px;
border:1px solid rgba(180,140,90,0.3);
}
/* 每一行输入项 */
.item{margin-bottom:12px;}
label{
display:block;
color:#6b4c38;
font-size:14px;
margin-bottom:4px;
}
input,textarea{
width:100%;
border:1px solid #d9c7b8;
border-radius:6px;
padding:8px 10px;
background:rgba(255,255,255,0.6);
outline:none;
font-size:14px;
color:#333;
}
textarea{min-height:60px;resize:none;}
/* 按钮区域 */
.btn-wrap{
display:flex;
gap:10px;margin-top:15px;
}
button{
flex:1;
padding:9px 0;
border:none;
border-radius:6px;
cursor:pointer;
font-size:14px;
transition:0.2s;
}
.copy-btn{background:#c9a87c;color:#fff;}
.clear-btn{background:#b98b6b;color:#fff;}
button:active{opacity:0.8;}
</style>
</head>
<body>
<div class="info-box">
<div class="item">
<label>Name</label>
<input type="text" id="name" placeholder="Bitte Namen eingeben">
</div>
<div class="item">
<label>Geschlecht</label><input type="text" id="sex1" placeholder="Z. B.: Männlich / Weiblich / Inter">
</div>
<div class="item">
<label>Spezies / Volk</label>
<input type="text" id="sex2" placeholder="Z. B.: Mensch / Yao / Mo / Xian / Shen / Gui">
</div>
<div class="item">
<label>Alter (≥18)</label>
<input type="number" id="age" min="18" placeholder="Zahl ab 18 eingeben">
</div>
<div class="item">
<label>Geistige Wurzel</label>
<input type="text" id="spiritAnimal" placeholder="Bitte Geistige Wurzel eingeben">
</div>
<div class="item">
<label>Kultivierungsstufe</label>
<input type="text" id="spiritPower" placeholder="Bitte eingeben">
</div>
<div class="item">
<label>Aussehen</label>
<input type="text" id="phero" placeholder=“Bitte ausfüllen”>
</div>
<div class="item">
<label>Persönlichkeit</label>
<textarea id="look" placeholder="Frei wählbar"></textarea>
</div>
<div class="item">
<label>Identität / Hintergrund</label>
<textarea id="character" placeholder="Beliebig ausfüllen, passend zur Welt"></textarea>
</div>
<div class="item">
<label>Zugehörige Sekte</label>
<textarea id="identity" placeholder="Gewünschte Sekte eintragen"></textarea>
</div>
<div class="btn-wrap">
<button class="copy-btn"onclick="copyAll()">Alles kopieren</button>
<button class="clear-btn" onclick="clearAll()">Alles leeren</button>
</div>
</div>
<script>
// 一键拼接所有内容并复制function copyAll(){
let text = `Name: ${document.getElementById('name').value}
Erstes Geschlecht: ${document.getElementById('sex1').value}
Zweites Geschlecht: ${document.getElementById('sex2').value}
Alter: ${document.getElementById('age').value}
Geistform: ${document.getElementById('spiritAnimal').value}
Geisteskraft: ${document.getElementById('spiritPower').value}
Pheromon: ${document.getElementById('phero').value}
Aussehen: ${document.getElementById('look').value}
Persönlichkeit: ${document.getElementById('character').value}
Identität: ${document.getElementById('identity').value}`;
// 调用复制
navigator.clipboard.writeText(text).then(()=>{
alert('✅ Charakterdaten kopiert!');
}).catch(()=>{
alert('❌ Kopieren fehlgeschlagen, bitte manuell kopieren');
})
}
// 一键清空所有输入
function clearAll(){
document.getElementById('name').value = '';
document.getElementById('sex1').value = '';
document.getElementById('sex2').value = '';
document.getElementById('age').value = '';
document.getElementById('spiritAnimal').value = '';
document.getElementById('spiritPower').value = '';
document.getElementById('phero').value = '';
document.getElementById('look').value = '';
document.getElementById('character').value = '';
document.getElementById('identity').value = '';
}
</script>
</body>
</html>
```Melde dich an, um den Chat fortzusetzen.