互联网创作，仅供个人使用，如有侵权，请联系删除 来源网络地址:https://loli520.com/286.html 我的演示页面: gj.qqgxs.qzz.io
text
<!DOCTYPE html><html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>求求你手下留情QAQ</title>
<style>
body {
background: linear-gradient(180deg, #ffe4e9, #ffc0cb);
font-family: "Comic Sans MS", "微软雅黑", cursive;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.container {
max-width: 480px;
width: 100%;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
.crying-girl {
max-width: 240px;
height: auto;
animation: shake 1s infinite alternate;
filter: drop-shadow(0px 5px 10px rgba(255, 77, 109, 0.3));
margin-bottom: 15px;
}
@keyframes shake {
0% { transform: translateX(-2px); }
100% { transform: translateX(2px); }
}
.text, .small-text, .contact {
background: rgba(255, 255, 255, 0.9);
margin: 10px auto;
padding: 10px;
border-radius: 12px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
max-width: 90%;
}
.text {
font-size: 20px;
color: #ff5e78;
font-weight: bold;
}
.small-text {
font-size: 14px;
color: #666;
}
.contact {
font-size: 16px;
color: #ff4d6d;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
.qq-icon {
width: 22px;
height: 22px;
}
.contact a {
color: #ff4d6d;
text-decoration: none;
}
.contact a:hover {
text-decoration: underline;
}
.love-btn {
background: linear-gradient(135deg, #ff5e78, #ff2e63);
color: white;
font-size: 16px;
font-weight: bold;
border: none;
padding: 10px 20px;
border-radius: 25px;
cursor: pointer;
margin-top: 15px;
transition: 0.3s ease;
}
.love-btn:hover {
transform: scale(1.05);
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffe4e9;
padding: 20px;
border-radius: 15px;
text-align: center;
box-shadow: 0px 4px 8px rgba(255, 94, 120, 0.2);
width: 90%;
max-width: 320px;
}
.popup-content p {
font-size: 16px;
color: #ff5e78;
font-weight: bold;
}
.popup-content button {
background: linear-gradient(135deg, #ff5e78, #ff2e63);
color: white;
font-size: 14px;
border: none;
padding: 8px 16px;
border-radius: 20px;
cursor: pointer;
margin-top: 10px;
}
.popup-content button:hover {
transform: scale(1.05);
}
</style>
</head>
<body>
<div class="container">
<img src="https://loli520.com/wp-content/uploads/2025/03/20250305085825937-backgrounderaser_1741136243.png" class="crying-girl" alt="可怜的小女孩">
<div class="text">呜呜... 你真的要攻击人家吗？(つ﹏⊂)</div>
<div class="small-text">
人家只是个小小服务器…你这么大力，人家真的要坏掉了QAQ！<br>要不…先停一下，求求你啦~
</div>
<div class="contact">
<img src="https://img.icons8.com/color/48/000000/qq.png" class="qq-icon" alt="QQ">
<a href="https://qm.qq.com/q/9tcfSwgVNe">联系我: QQ 123456</a>
</div>
<button class="love-btn" onclick="showThanks()">💖 点一下手下留情 💖</button>
</div>
<div id="cute-popup" class="popup">
<div class="popup-content">
<p>谢谢你愿意和我聊聊 💖<br>点下面的按钮就能找到人家啦~<br>(>﹏<)</p>
<button onclick="goToQQ()">✨ 来找人家玩 ✨</button>
</div>
</div>
<script>
function showThanks() {
document.getElementById("cute-popup").style.display = "block";
}
function goToQQ() {
window.location.href = "https://qm.qq.com/q/9tcfSwgVNe";
}
document.onkeydown = function (e) {
if (e.keyCode == 123 || (e.ctrlKey && (e.keyCode == 85 || e.keyCode == 83))) {
alert("嘤嘤嘤~宝宝，不要扒人家的代码啦！QAQ");
return false;
}
};
(function () {
var element = new Image();
Object.defineProperty(element, 'id', {
get: function () {
alert("喵喵喵~你在干嘛呀QAQ？");
window.location.href = "about:blank";
}
});
console.log('%c ', element);
})();
</script>
</body>
</html>
