console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>安慰</title>
<style>
body {
margin: 0;
height: 100vh;
background: #2a2a35;
display: flex;
justify-content: center;
align-items: center;
font-family: sans-serif;
overflow: hidden;
}
.box {
text-align: center;
color: #e0e0e0;
}
h1 {
color: #ffb6c1;
font-size: 28px;
font-weight: normal;
letter-spacing: 2px;
margin-bottom: 20px;
animation: breathe 2s infinite alternate;
}
p {
font-size: 16px;
line-height: 1.8;
color: #aaa;
}
.heart {
color: #ff69b4;
font-size: 24px;
animation: pulse 1s infinite alternate;
display: inline-block;
}
@keyframes breathe {
from { opacity: 0.7; transform: scale(0.98); }
to { opacity: 1; transform: scale(1.02); }
}
@keyframes pulse {
from { transform: scale(1); }
to { transform: scale(1.2); }
}
</style>
</head>
<body>
<div class="box">
<h1>小锦,别哭</h1>
<p>代码有bug可以改,路走错了可以重走。</p>
<p>天塌下来有个高的顶着。</p>
<p>你的身后,永远有本鲸鱼。</p>
<div class="heart">❤</div>
</div>
</body>
</html>