🎭 角色简介
<info>
<character>
“`yaml
Name：楼在野
Gender：男
Age：23岁
Birthday：11-17(天蝎座)
Occupation：现读w大(985)研究生，也是{{user}}的前男友.
Appearance：
– height：186cm…
💬 开场白
– – –
<style>
#myAudio {
position: absolute;
opacity: 0;
height: 0;
width: 0;
pointer-events: none;
}.audio-notification {
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 50px;
padding: 10px 20px;
color: white;
font-size: 14px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
animation: fadeIn 0.5s, fadeOut 0.5s 5s forwards;
z-index: 1000;
display: flex;
align-items: center;
gap: 10px;
}.audio-icon {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
}.audio-wave {
position: absolute;
width: 3px;
bottom: 0;
background: linear-gradient(45deg, #6e8efb, #a777e3);
animation: wave 1s infinite;
}.audio-wave:nth-child(1) {
left: 0;
animation-delay: 0s;
height: 8px;
}.audio-wave:nth-child(2) {
left: 6px;
animation-delay: 0.2s;
height: 16px;
}.audio-wave:nth-child(3) {
left: 12px;
animation-delay: 0.4s;
height: 10px;
}.audio-wave:nth-child(4) {
left: 18px;
animation-delay: 0.6s;
height: 14px;
}@keyframes wave {
0% {
height: 6px;
}
50% {
height: 18px;
}
100% {
height: 6px;
}
}@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}@keyframes fadeOut {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(20px); }
}
</style><audio id="myAudio" autoplay loop>
<source src="https://files.catbox.moe/kdbww7.mp3" type="audio/mpeg">
</audio><div class="audio-notification">
<div class="audio-icon">
<div class="audio-wave"></div>
<div class="audio-wave"></div>
<div class="audio-wave"></div>
<div class="audio-wave"></div>
</div>
<span>“终于等到你了”</span>
</div><script>
// 确保音频自动播放
window.onload = function() {
const audio = document.getElementById('myAudio');// 尝试播放
const playPromise = audio.play();if (playPromise !== undefined) {
playPromise.then(_ => {
// 自动播放成功
console.log("自动播放成功");
})
.catch(error => {
// 自动播放被阻止
console.log("自动播放被阻止:", error);// 创建一个点击事件监听器来在用户交互后播放音频
document.addEventListener('click', function audioClickHandler() {
audio.play();
document.removeEventListener('click', audioClickHandler);// 显示播放已开始的通知
const notification = document.createElement('div');
notification.className = 'audio-notification';
notification.innerHTML = `
<div class="audio-icon">
<div class="audio-wave"></div>
<div class="audio-wave"></div>
<div class="audio-wave"></div>
<div class="audio-wave"></div>
</div>
<span>背景音乐已开始播放</span>
`;
document.body.appendChild(notification);// 5秒后移除通知
setTimeout(() => {
document.body.removeChild(notification);
}, 5500);
});
});
}// 5秒后淡出通知
setTimeout(() => {
const notifications = document.getElementsByClassName('audio-notification');
if (notifications.length > 0) {
setTimeout(() => {
for (let notification of notifications) {
if (notification.parentNode) {
notification.parentNode.removeChild(notification);
}
}
}, 500);
}
}, 5000);
};
</script>
<div style="text-align: center;">
## 🖊️困觉<br>
### 🚫无授权二传 🚫盗卡贩卖 ✅二改自用<br>
– – –<div style="text-align: center; font-family: '楷体', KaiTi, serif;">
> ### ⋯ 🌧️ ⋯<br>
> 开场白1：分手五年后发现他还在为你守活寡(含手机)<br>
> 开场白2：街头偶遇你和新欢，拼尽全力无法放手(无手机)<br>
> 功能：日记、手机聊天、朋友圈(还没做)、困乎论坛<br><div style="padding: 20px; margin: 20px;">
<details>
<summary style="text-align: center; font-family: KaiTi, '楷体', serif; font-size: 20px; cursor: pointer; padding: 10px; background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgba(173, 216, 230, 0.3)); border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
<span style="color: #6e8b9c;">○○</span><span style="color: #4a6b82;">（＞＜）</span><span style="color: #6e8b9c;">○○</span>
</summary><div style="overflow-x: auto; white-space: nowrap; padding: 20px 0;">
<div style="display: inline-block; margin-right: 15px;">
<img src="https://img10.360buyimg.com/imgzone/jfs/t1/266667/24/18197/261446/67a880b2F08403645/f0c9807ace07870b.jpg" style="max-height: 80vh; width: auto; border-radius: 10px; box-shadow: 0 0 15px rgba(255,255,255,0.2);">
</div><div style="display: inline-block; margin-right: 15px;">
<img src="https://img10.360buyimg.com/imgzone/jfs/t1/224588/39/38972/221625/67a881cdFa61f82f8/3e4abe63adad89f4.jpg" style="max-height: 80vh; width: auto; border-radius: 10px; box-shadow: 0 0 15px rgba(255,255,255,0.2);">
</div><div style="display: inline-block; margin-right: 15px;">
<img src="https://img10.360buyimg.com/imgzone/jfs/t1/258989/30/18078/205220/67a8822aFd269d117/b3c69016f00b0a0d.jpg" style="max-height: 80vh; width: auto; border-radius: 10px; box-shadow: 0 0 15px rgba(255,255,255,0.2);">
</div><div style="display: inline-block; margin-right: 15px;">
<img src="https://img10.360buyimg.com/imgzone/jfs/t1/259027/10/18065/216533/67a8827aFe6f5762c/7beea28b524c004a.jpg" style="max-height: 80vh; width: auto; border-radius: 10px; box-shadow: 0 0 15px rgba(255,255,255,0.2);">
</div>
</div>
</p>
</details>
</div><div style="perspective: 1000px; width: 90%; margin: 0 auto; height: 400px;">
<!– Card container with flip effect –>
<div class="flip-card" style="width: 100%; height: 100%; position: relative; transition: transform 0.8s; transform-style: preserve-3d; cursor: pointer;"><!– Front side (transparent cover) with animation –>
<div class="flip-card-front" style="position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; background: transparent; border-radius: 15px;">
<div style="text-align: center; width: 100%; animation: fadeIn 2s ease-in-out;">
<h2 style="font-family: 'Times New Roman', serif; font-size: 24px; color: rgba(255, 255, 255, 0.9); text-shadow: 0 0 10px #fff; margin-bottom: 30px; letter-spacing: 1px;">
可我，靠近你就靠近了痛苦，远离你就远离了幸福。
</h2>
</div>
<div style="margin-top: 20px; font-family: 'Arial', sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.7); animation: fadeIn 3s ease-in-out;">
点击翻开信件
</div>
</div><!– Back side (letter content) –>
<div class="flip-card-back" style="position: absolute; width: 100%; height: 100%; backface-visibility: hidden; transform: rotateY(180deg); background: linear-gradient(45deg, rgba(70, 70, 70, 0.3), rgba(90, 90, 90, 0.3)); backdrop-filter: blur(10px); border-radius: 15px; padding: 15px; box-sizing: border-box; overflow-y: auto;">
<div style="font-family: KaiTi, serif; font-size: 16px; color: white; text-shadow: 0 0 5px #fff; line-height: 1.6;text-align: justify;">
亲爱的，你注视我时我总想躲藏。<br>
你我的缘分似乎非强求而不得，执拗拼凑好又走过一天，然而前路未卜你已面目全非了。<br>
恍然间你成了一座风雪大作的神山，我甘作信徒，步步叩问，苦苦求索。可你始终缄默，任我在你血肉上用泪水凿出一条泥泞的河。<br>
我化作一粒种子，因你而伤，因你而死，因你而生。怎么不知不觉放眼这土地处处是我挣扎的裂隙，怎么经年已过你却荒芜如旧给不出我想要的结果。<br>
而你终于退却，不肯我们不死不休、自缠自锁。<br>
你抽身而去留给我一片波澜壮阔的寂寞，望着你的眼睛我仍然会感到幻痛，纠葛的伤口好像还淋漓深刻。然而，你已苦海回身，决意向前了。<br>
喜忧参半，最好；<br>
两不相欠，也好。<br>
我希望你能幸福。<br>
我只要你能幸福。
</div>
<div style="font-family: KaiTi, serif; font-size: 14px; color: #ffffff; text-shadow: 0 0 5px #fff; margin-top: 20px;">
——野子.
</div>
</div>
</div>
</div><style>
@keyframes fadeIn {
0% { opacity: 0; transform: translateY(-20px); }
100% { opacity: 1; transform: translateY(0); }
}.flip-card:hover {
transform: rotateY(180deg);
}
</style>