cloudflare
tcp/80
Open service 104.21.64.94:80 · there.chat
2026-01-10 01:42
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 01:42:20 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Vary: Accept-Encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BPoztyfFCM0ctU4BN%2B2N4MtZiNDiQDa1IHjuvj0YKuN0uw0lp7bj6CT3Z%2Bon4czjI479PKikhE31y37ha9xJeK9PLivW2gQ%2B9iU%3D"}]}
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=15,cfOrigin;dur=145
CF-RAY: 9bb87a292f3d6da2-EWR
alt-svc: h3=":443"; ma=86400
Page title: there.chat
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>there.chat</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
overflow: hidden;
background: rgb(8, 5, 16);
color: #fefeff;
font-family: 'Monaco', sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
touch-action: none;
}
#container {
display: table;
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
text-align: center;
cursor: none;
}
#container > div {
display: table-cell;
vertical-align: middle;
}
h1 {
font-size: 8em;
font-weight: 400;
letter-spacing: 2px;
text-shadow: 0 0 25px rgba(254, 254, 255, 0.85);
visibility: hidden;
}
h2 {
font-size: 2em;
font-weight: 400;
letter-spacing: 2px;
text-shadow: 0 0 25px rgba(254, 254, 255, 0.85);
margin-top: 20px;
visibility: hidden;
}
[class^="letter"] {
-webkit-transition: opacity 3s ease;
-moz-transition: opacity 3s ease;
transition: opacity 3s ease;
opacity: 0;
}
.letter-0 { transition-delay: 0.2s; }
.letter-1 { transition-delay: 0.4s; }
.letter-2 { transition-delay: 0.6s; }
.letter-3 { transition-delay: 0.8s; }
.letter-4 { transition-delay: 1.0s; }
.letter-5 { transition-delay: 1.2s; }
.letter-6 { transition-delay: 1.4s; }
.letter-7 { transition-delay: 1.6s; }
.letter-8 { transition-delay: 1.8s; }
.letter-9 { transition-delay: 2.0s; }
.letter-10 { transition-delay: 2.2s; }
.letter-11 { transition-delay: 2.4s; }
.letter-12 { transition-delay: 2.6s; }
.letter-13 { transition-delay: 2.8s; }
.letter-14 { transition-delay: 3.0s; }
h1.transition-in, h2.transition-in {
visibility: visible;
}
h1.transition-in [class^="letter"],
h2.transition-in [class^="letter"] {
opacity: 1;
}
/* 抖音LOGO抖动效果 */
@keyframes shake {
0% { transform: translate(0, 0) rotate(0deg); }
10% { transform: translate(-2px, -1px) rotate(-1deg); }
20% { transform: translate(2px, 0px) rotate(1deg); }
30% { transform: translate(-1px, 1px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 1px) rotate(-1deg); }
60% { transform: translate(-2px, 1px) rotate(0deg); }
70% { transform: translate(2px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(0, 0) rotate(0deg); }
}
.shake {
animation: shake 3s ease infinite;
transform-origin: center;
}
#container p {
margin-top: 30px;
}
#container p strong {
color: #b3abc5;
font-size: 1.5em;
}
#container p strong a {
color: #b3abc5;
text-decoration: none;
}
canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;