码桶
发现社区成员的开源项目
毒舌语录.html10.3 KB
<!DOCTYPE html>
<!--
============================================
页面名称：恋爱脑请进 · 毒舌语录
版权说明：本页内容版权归原作者所有
源码来源：毒蛊博客 https://blog.idg8.cn/
最后更新：2026年8月31日 若需调整 请自行修改
============================================
-->
<html lang="zh-CN">
<head><script src="/sandbox-inject.js?access_token=sit_uerrqZ4W7aIVeRKUFa8WQYcuXpxXtfAlsKLBdVQY2DM"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>恋爱脑请进 · 毒舌语录</title>
<style>
:root {
--bg: #0f0f13;
--card: #1a1a22;
--accent: #ff4757;
--text: #e8e6e3;
--muted: #88889a;
--border: #2a2a35;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
background: var(--bg);
color: var(--text);
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 20px;
}
.header {
text-align: center;
margin-bottom: 48px;
}
.header h1 {
font-size: 2.4rem;
font-weight: 900;
line-height: 1.2;
letter-spacing: 2px;
margin-bottom: 12px;
}
.header h1 .red { color: var(--accent); }
.header p {
color: var(--muted);
font-size: 1rem;
max-width: 620px;
margin: 0 auto;
}
.header .badge {
display: inline-block;
background: rgba(255, 71, 87, 0.12);
color: var(--accent);
border: 1px solid rgba(255, 71, 87, 0.4);
padding: 4px 14px;
border-radius: 999px;
font-size: 0.85rem;
margin-bottom: 18px;
letter-spacing: 4px;
}
.grid {
max-width: 880px;
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 18px;
}
.card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 26px 24px;
position: relative;
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
cursor: pointer;
user-select: none;
}
.card:hover {
transform: translateY(-4px);
border-color: var(--accent);
box-shadow: 0 10px 30px rgba(255, 71, 87, 0.08);
}
.card .num {
position: absolute;
top: 14px;
right: 18px;
font-size: 0.75rem;
color: var(--muted);
font-weight: 700;
letter-spacing: 1px;
}
.card .quote {
font-size: 1.05rem;
line-height: 1.75;
min-height: 90px;
}
.card .quote .em {
color: var(--accent);
font-weight: 700;
}
.footer {
margin-top: 48px;
color: var(--muted);
font-size: 0.85rem;
text-align: center;
line-height: 1.8;
}
.footer i { color: var(--accent); font-style: normal; }
.footer a {
color: var(--accent);
text-decoration: none;
}
.footer a:hover { text-decoration: underline; }
@media (max-width: 520px) {
.grid { grid-template-columns: 1fr; }
.header h1 { font-size: 1.9rem; }
}
</style>
<script>(function(){var OW=window.WebSocket;if(!OW||OW.__ags_patched)return;var t='sit_uerrqZ4W7aIVeRKUFa8WQYcuXpxXtfAlsKLBdVQY2DM';function PW(u,p){if(typeof u==="string"){var qIdx=u.indexOf("?");var base=qIdx>=0?u.substring(0,qIdx):u;u=base+"?access_token="+encodeURIComponent(t);}return p!==undefined?new OW(u,p):new OW(u);}Object.setPrototypeOf(PW,OW);PW.prototype=OW.prototype;PW.__ags_patched=true;window.WebSocket=PW;})();</script></head>
<body>
<header class="header">
<span class="badge">🌶 温馨提示</span>
<h1>恋爱脑，<span class="red">醒一醒</span></h1>
<p>这里没有温柔劝导，只有一句句扎心的实话。每一句都来自爱情的前车之鉴，读前请把玻璃心收好。</p>
</header>
<main class="grid">
<!-- 语录卡片 -->
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">01</span>
<p class="quote">他回你消息慢，不是在忙，是<span class="em">压箱底</span>了。你的消息在他手机里，就像超市货架最下面的临期酸奶。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">02</span>
<p class="quote">别给自己加戏了，他<span class="em">不主动</span>找你，就是不想找你。成年人的忙，都是分人的。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">03</span>
<p class="quote">你以为你在守护爱情，其实你在<span class="em">维护对方的傲慢</span>。你卑微的样子，感动不了他，只能感动你妈。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">04</span>
<p class="quote">他要是真拿你当回事，凌晨三点也会回你消息。他晾着你，不是等<span class="em">良辰吉日</span>，是等下一个比你更顺手的。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">05</span>
<p class="quote">"他不是不理我，只是太累了"——行，他累得连<span class="em">抠个鼻屎打个字</span>的力气都没有，你信就好。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">06</span>
<p class="quote">你翻他手机、查他行程、等他消息，一天24小时围着一个人转。<span class="em">你以为你在恋爱，你在当他的私人侦探</span>，还是自费那种。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">07</span>
<p class="quote">他给你画的大饼，你吃得<span class="em">津津有味</span>两年了还没消化完。建议你去查查胃镜，别是馅里有毒。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">08</span>
<p class="quote">你为他放弃朋友圈、放弃爱好、放弃工作机会，最后他说你<span class="em">"没有自己的生活"</span>。看吧，倒贴的代价就是人身攻击。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">09</span>
<p class="quote">他一句"晚安"，你能脑补出一部<牡丹亭>。<span class="em">他压根没看梁祝</span>，是你自己沉浸在唱戏。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">10</span>
<p class="quote">你那么在乎他为什么还不回来了，<span class="em">你不如在乎在乎头发为什么越来越少</span>。都是消耗，后者至少可再生。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">11</span>
<p class="quote">对一个人好是加分项，不是<span class="em">豁免金牌</span>。你掏心掏肺，别人照样狼心狗肺。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">12</span>
<p class="quote">你把恋爱当成人生全部，他却把你当成<span class="em">人生的消遣</span>。你看，你俩对这段关系的理解差了一个故宫。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">13</span>
<p class="quote">分手了别去求复合，你问他一句 "为什么"，他能给你编出<span class="em">三千字的免责声明</span>，还顺带把你情商贬低成负数。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">14</span>
<p class="quote">你以为"合适的人会包容你"，错，合适的人是<span class="em">你自己先变得合适</span>。别指望从垃圾堆里捡出个宝。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">15</span>
<p class="quote">他不回你，你就开始自我反省：是不是我话太多、太黏人？<span class="em">别反思了，你是被pua惯坏了</span>，真正的问题是他配不上你。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">16</span>
<p class="quote">你的爱情观是：只要我足够的爱他，他就会懂。<span class="em">醒醒，你是谈恋爱，不是在做心理咨询</span>。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">17</span>
<p class="quote">他从来没给过你承诺，是你自己把<span class="em">暧昧当成了未来</span>。备注栏里他可能写着"备胎A"，你是A不是唯一。</p>
</div>
<div class="card" onclick="copy(this)" title="点击复制">
<span class="num">18</span>
<p class="quote">你很爱他，爱到一个电话都舍不得挂。<span class="em">但在他心里，你连他的游戏重要程度前十名都没进</span>。</p>
</div>
</main>
<footer class="footer">
❤ 心疼你，才不惯着你。<br>
<i>点击任意语录即可复制</i> · 读完全篇，建议你先把置顶联系人检查一下。<br>
本页所有内容，仅供娱乐，不构成任何情感建议。<br>
© 2026 版权所有 | 源码来源：<a href="https://blog.idg8.cn/" target="_blank" rel="noopener noreferrer">毒蛊博客</a><br>
页面制作日期：2026年
</footer>
<script>
function copy(card) {
const text = card.querySelector('.quote').innerText.split('\n')[0].trim();
const range = document.createRange();
range.selectNode(card.querySelector('.quote'));
const sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
let done = () => {
sel.removeAllRanges();
card.style.borderColor = '#2ecc71';
setTimeout(() => { card.style.borderColor = ''; }, 500);
};
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(done, () => { fallbackDone(); });
} else {
fallbackDone();
}
function fallbackDone() {
done();
}
}
</script>
</body>
</html>