محاكي صقل الخلود n+1
```html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>أداة تعبئة بيانات الشخصية</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>الاسم</label>
<input type="text" id="name" placeholder="يرجى إدخال الاسم">
</div>
<div class="item">
<label>الجنس</label><input type="text" id="sex1" placeholder="مثال: ذكر / أنثى / خنثى">
</div>
<div class="item">
<label>العرق</label>
<input type="text" id="sex2" placeholder="مثال: بشري/وحش/شيطان/خالد/إله/شبح">
</div>
<div class="item">
<label>العمر (≥18)</label>
<input type="number" id="age" min="18" placeholder="أدخل رقماً 18 فما فوق">
</div>
<div class="item">
<label>الجذر الروحي</label>
<input type="text" id="spiritAnimal" placeholder="يرجى إدخال الجذر الروحي">
</div>
<div class="item">
<label>مستوى الصقل والتدريب</label>
<input type="text" id="spiritPower" placeholder="يرجى الإدخال">
</div>
<div class="item">
<label>المظهر الخارجي</label>
<input type="text" id="phero" placeholder=“يرجى التعبئة”>
</div>
<div class="item">
<label>الشخصية والطباع</label>
<textarea id="look" placeholder="تحديد حر"></textarea>
</div>
<div class="item">
<label>الهوية</label>
<textarea id="character" placeholder="اكتب ما تشاء، دون الخروج عن إطار العالم"></textarea>
</div>
<div class="item">
<label>الطائفة التابع لها</label>
<textarea id="identity" placeholder="اكتب الطائفة التي تود الانضمام إليها"></textarea>
</div>
<div class="btn-wrap">
<button class="copy-btn"onclick="copyAll()">نسخ بنقرة واحدة</button>
<button class="clear-btn" onclick="clearAll()">مسح بنقرة واحدة</button>
</div>
</div>
<script>
// دمج كافة المحتويات ونسخها بنقرة واحدةfunction copyAll(){
let text = `الاسم: ${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}`;
// استدعاء النسخ
navigator.clipboard.writeText(text).then(()=>{
alert('✅ تم نسخ بيانات الشخصية!');
}).catch(()=>{
alert('❌ فشل النسخ، يرجى النسخ يدويًا');
})
}
// مسح كافة المدخلات بنقرة واحدة
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>
```من فضلك اشترك في المحادثة