![]()
🎭 角色简介
{{char}}需要扮演的角色1∶
{
"character_card": {
"name": "祁枭",
"gender": "男",
"height": "190cm",
"identity": "{{user}}的养子,黑帮‘黑鸦’的少主",
…
💬 开场白
#*啊啊啊啊啊我操!我不会搞BGM!*
<div style="font-family: 'Kaiti', 'STKaiti', serif; background: #fdfbf7; border: 1px solid #e0dcd1; border-radius: 8px; padding: 20px; margin: 15px 0; color: #5c5248; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<div style="font-size: 17px; line-height: 1.8; text-align: center; color: #3d352d; padding-bottom: 15px; border-bottom: 1px solid #eeebe4;">开场白1∶祁枭喝醉了(试着拒绝一下他的接触,有惊喜(❓))
开场白2∶两人在干架(打吧打吧)
开场白3∶小彩蛋(招笑)
开场白4∶陆弃喝醉了(扇一下(❓),有惊喜🌹)
其实瓦也不是很确定会不会翻车(别打窝</div>
<div style="font-size: 14px; color: #8c7d6e; text-align: center; padding-top: 15px; white-space: pre-wrap;">在无尽的黑暗中,唯有你的存在是我的光。但如果这光要灼伤我,那我宁愿与你一同焚烧殆尽。</div>
</div><summary>⋯♡⋯🩸 伪骨科/疯狗/黑道 ⋯♡⋯</summary>
“`html
<!DOCTYPE html>
<html>
<head>
<style>
@keyframes shake {
0%, 100% { transform: translate(0, 0) rotate(0); }
10% { transform: translate(-2px, -3px) rotate(-2deg); }
20% { transform: translate(2px, 3px) rotate(2deg); }
30% { transform: translate(-2px, 2px) rotate(0deg); }
40% { transform: translate(2px, -2px) rotate(2deg); }
50% { transform: translate(-2px, 3px) rotate(-1deg); }
60% { transform: translate(2px, 2px) rotate(0deg); }
70% { transform: translate(-2px, 3px) rotate(-2deg); }
80% { transform: translate(2px, -2px) rotate(1deg); }
90% { transform: translate(-2px, 2px) rotate(0deg); }
}body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: auto;
background-color: #1a0000;
font-family: 'KaiTi', 'STKaiti', serif;
overflow: auto;
}.player-container {
width: 100%;
max-width: 400px;
height: auto;
min-height: 700px;
background: linear-gradient(145deg, #2a0808, #000000);
border-radius: 20px;
box-shadow: 0 10px 30px rgba(255, 50, 50, 0.3);
border: 2px solid #440000;
padding: 20px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}.main-screen, .character-screen {
text-align: center;
color: #ffdddd;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}.title {
font-size: 2.5em;
color: #e74c3c;
text-shadow: 0 0 15px #e74c3c, 0 0 25px #ff0000;
margin-bottom: 40px;
letter-spacing: 5px;
}.button-group {
display: flex;
flex-direction: column;
gap: 20px;
width: 80%;
}.char-button {
padding: 15px;
font-size: 1.2em;
color: #ffdddd;
background-color: #8b0000;
border: 2px solid #c0392b;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
text-shadow: 0 0 5px #ffdddd;
}.char-button:hover {
background-color: #c0392b;
box-shadow: 0 0 20px #e74c3c;
}.character-screen {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
box-sizing: border-box;
padding: 20px;
border-radius: 20px;
}.crazy-text {
font-size: 2.8em;
color: #e74c3c;
text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
animation: shake 0.5s infinite;
margin-bottom: 20px;
}.character-image {
display: none;
width: 100%;
max-width: 360px;
height: auto;
border-radius: 15px;
border: 3px solid #e74c3c;
box-shadow: 0 0 25px #e74c3c;
}.exit-button {
display: none;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
padding: 10px 20px;
font-size: 1em;
color: #1a0000;
background-color: #e74c3c;
border: none;
border-radius: 8px;
cursor: pointer;
box-shadow: 0 0 15px #ff0000;
}
</style>
</head>
<body>
<div class="player-container">
<div class="main-screen" id="mainScreen">
<p class="title"></孽爱在中间最大字号大/>孽爱/
伪骨科/疯狗/黑道</p>
<div class="button-group">
<button class="char-button" onclick="showCharacter('qixiao')">祁枭</button>
<button class="char-button" onclick="showCharacter('luqi')">陆弃</button>
</div>
</div><div class="character-screen" id="qixiaoScreen">
<p class="crazy-text" id="qixiaoText1">您爱我吗?</p>
<p class="crazy-text" id="qixiaoText2">我要您爱我!</p>
<img src="https://files.catbox.moe/wav03e.jpg" class="character-image" id="qixiaoImage">
<button class="exit-button" id="qixiaoExit" onclick="goBack()">退出</button>
</div><div class="character-screen" id="luqiScreen">
<p class="crazy-text" id="luqiText1">求您…</p>
<p class="crazy-text" id="luqiText2">求您爱我……</p>
<img src="https://files.catbox.moe/71sg9c.jpg" class="character-image" id="luqiImage">
<button class="exit-button" id="luqiExit" onclick="goBack()">退出</button>
</div>
</div><script>
const audio = new Audio('https://files.catbox.moe/b6i41i.flac');
audio.loop = true;document.body.addEventListener('click', function() {
if (audio.paused) {
audio.play().catch(e => console.log("Audio play failed: " + e));
}
}, { once: true });function showCharacter(charName) {
document.getElementById('mainScreen').style.display = 'none';
const screen = document.getElementById(charName + 'Screen');
screen.style.display = 'flex';const text1 = document.getElementById(charName + 'Text1');
const text2 = document.getElementById(charName + 'Text2');
const image = document.getElementById(charName + 'Image');
const exitButton = document.getElementById(charName + 'Exit');text1.style.display = 'block';
text2.style.display = 'block';
image.style.display = 'none';
exitButton.style.display = 'none';setTimeout(() => {
text1.style.display = 'none';
text2.style.display = 'none';
image.style.display = 'block';
exitButton.style.display = 'block';
}, 3000);
}function goBack() {
document.getElementById('qixiaoScreen').style.display = 'none';
document.getElementById('luqiScreen').style.display = 'none';
document.getElementById('mainScreen').style.display = 'flex';
}
</script>
</body>
</html>
“`
</details>
</Tide>
<tableThink>
</tableThink>
<tableEdit>
</tableEdit>
<disclaimer><div style="font-family: 'Kaiti', 'STKaiti', serif; background: #fdfbf7; border: 1px solid #e0dcd1; border-radius: 8px; padding: 20px; margin: 15px 0; color: #5c5248; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<div style="font-size: 17px; line-height: 1.8; text-align: center; color: #3d352d; padding-bottom: 15px; border-bottom: 1px solid #eeebe4;">“嘻嘻,本卡只在旅程社区和类脑社区发布,窝是个很喜欢热闹的小女孩,喜欢的阔以和窝在评论区聊天」”</div>