cloudflare
tcp/443 tcp/80 tcp/8443
Open service 172.66.44.104:80 · u.77580.site
2026-01-12 08:25
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Length: 0
Connection: close
Location: https://u.77580.site/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=PRH9zOhaZdZeexo6w%2BbLzjSM3cqA1GxHmxeKTABh0hK26iL3CRyhfypySWju%2FACNnchSAynDMrAVkTFTVmeO%2FO%2B08itdDI7%2FAxPRLA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431fec7f1eef-BLR
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2c68:80 · u.77580.site
2026-01-12 08:25
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Length: 0
Connection: close
Location: https://u.77580.site/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=izwqFgb918Uqj7tUtGxrYxV7h32QJjW4sNOK6ca6ppyo1v6dg4sjigNIB%2F34XW0iDsLubDxuo6%2BhKSs%2BzEDuYMP491NMs7pShJPUWge7mLE4b%2B7Jyuxm%2BA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431f6a5ab277-BLR
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2c68:8443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=EOAuZ8umgYTBMePg5ORKUqWuJyOz738O7giKCZG0u737fZhvOwP0uZb5O2cgsCOsn83oXdXZTmLzu7TnYIeeZjchurIZCdofibq%2FFGk6m0w41fy4omaU1w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431feddaab12-YYZ
alt-svc: h3=":8443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 2606:4700:310c::ac42:2c68:443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=OCz644Y0ESY%2BhzEIGucI03f%2B99pD%2Fc3Fx70yz093XhXK8vH1qrlaRavFnw4jdZuAkeeVeTZjW%2BIgKv5VanDBdOayNQusIUyKR5%2FW5kJqeTyQMt%2BvjgXb9w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431f8cf1de94-EWR
alt-svc: h3=":443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 2606:4700:310c::ac42:2f98:8443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=1juaahoYMweWVRmCD%2B0G%2FdVX8nFDlqtYf2xlVEumPwHZgy3lh8jXcGx4N1JUxt79dSkPQgGUy6imKzFVYJrCgUTmJ9ruE4GTjp9v2wSleojnbIaix2I%2BwA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb43202c4ce8ff-LHR
alt-svc: h3=":8443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 172.66.47.152:8443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=2Q3rZ9lc%2FBudVLiqvjrcWT6lZP0rHEVB7Z4Jsnu3Yy%2BnThnxTZTVsjBBmcT85LHn1kHbkeYq73zf1TPEPSndefzBiX8vHL60pp9dYw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431fa80df46c-YYZ
alt-svc: h3=":8443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 172.66.47.152:80 · u.77580.site
2026-01-12 08:25
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Length: 0
Connection: close
Location: https://u.77580.site/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=CLcxk9wZCZghSDYDL%2FkmZubZ%2BHiIuHwzGg%2FvVWKPnMZnzVc4E4Mo3sA4aJ3h%2F9kMSNrv8BLciGO2QKJMoA5vKz3dYz1%2B4icE60RSKQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431f2c584544-EWR
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.104:443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=FXkBvA4SsybkqRVyAUNPG%2FVdA%2BugXrYW0BiABW8yBJ3Rr9N02s%2BMOeiX3XBhYnCYy03Se6VDJjy2pLMpXf1LxxDy5ocjmavEN%2F0Mog%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431f3c7743cb-EWR
alt-svc: h3=":443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 172.66.47.152:443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZTsmTa9QvAnI3UoG2ECU3yBV7YHHWBE9SL%2FgzETSB9biatoN2wypWoPhP%2BlLRylNJHKRCXhcNakCb7yEzYRRk1atjkcqNH8o5so2Ow%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431f0fbd4f69-EWR
alt-svc: h3=":443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 2606:4700:310c::ac42:2f98:443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=UyEmxZSotjJOzWulMk6eR3lcuVBa7u0D%2F1ay9Gv7p%2Bxqc4O%2Fm1TaPeSrzJ4ZOHoVo%2BQW82gVOml6NpfzoE4XER5GdelOPFShyMUEZsdCyG39yfm8lAY%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431f19d136a1-YYZ
alt-svc: h3=":443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 172.66.44.104:8443 · u.77580.site
2026-01-12 08:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 8181
Connection: close
Cache-Control: no-cache
X-Content-Type-Options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=z66IrWtARCj3hMeEL0iNuupvTaE2AJyRfYai0zEX5KZ90A3Df6eLtlV2%2FsKOXgqKrTJJmjn8RVI9OelPgeuk0eRIFee5yyZ2TXQfKA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431efad5c4fb-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Cloudflare Workers 酷炫网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloudflare Workers 酷炫网站</title>
<style>
/* 全局样式重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面基础样式 */
body {
min-height: 100vh;
overflow-x: hidden;
background: #000;
color: #fff;
}
/* 粒子背景容器 */
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
/* 内容容器 */
.container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 头部样式 */
header {
text-align: center;
padding: 4rem 0;
}
/* 霓虹文字效果 */
.neon-text {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin-bottom: 1rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5, #00f5ff);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: textShine 3s linear infinite;
}
/* 副标题样式 */
.subtitle {
font-size: clamp(1rem, 3vw, 1.5rem);
color: #888;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
/* 卡片容器 */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 4rem 0;
}
/* 卡片样式 */
.card {
background: rgba(20, 20, 40, 0.7);
border: 1px solid rgba(0, 245, 255, 0.2);
border-radius: 1rem;
padding: 2rem;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}
/* 卡片悬停效果 */
.card:hover {
transform: translateY(-10px);
border-color: #00f5ff;
box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
}
/* 卡片标题 */
.card h2 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #00f5ff;
}
/* 卡片内容 */
.card p {
color: #ccc;
line-height: 1.6;
}
/* 页脚样式 */
footer {
text-align: center;
padding: 4rem 0 2rem;
color: #666;
}
/* 按钮样式 */
.btn {
display: inline-block;
margin-top: 2rem;
padding: 1rem 2.5rem;
background: linear-gradient(90deg, #00f5ff, #ff00f5);
border: none;
border-radius: 50px;
color: white;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0, 245, 255, 0.2);
}
.btn:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(0, 245, 255, 0.5);
}
/* 动画定义 */
@keyframes textShine {
to {
background-position: 200% center;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 1rem;
}
header {
padding: 2rem 0;
}
.cards {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- 粒子背景 -->
<div id="particles-js"></div>
<!-- 主要内容 -->
<div class="container">
<header>
<h1 class="neon-text">Cloudflare 炫酷站点</h1>
<p class="subtitle">
由 Cloudflare Workers 驱动的单文件静态网站,
包含动态粒子背景、霓虹文字效果和流畅的交互动画
</p>
<a href="#features" class="btn">探索功能</a>
</header>
<section id="features" class="cards">
<div class="card">
<h2>粒子背景</h2>
<p>动态生成的粒子特效,跟随鼠标移动,营造沉浸式视觉体验,适配各种屏幕尺寸。</p>
</div>
<div class="card">
<h2>霓虹渐变</h2>
<p>流畅的霓虹文字
Open service 2606:4700:310c::ac42:2f98:80 · u.77580.site
2026-01-12 08:25
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 08:25:15 GMT
Content-Length: 0
Connection: close
Location: https://u.77580.site/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=kSwZkzvi%2BqM7CVBrQF4qRbuUd7vfPQSorISaSqtUWwnujss2OMedSQPy3lMCV47OOALltIPz%2FlBsHllYnAfbnB2q4SsnslpObd5tUuj0xvJz%2F520xBJBnw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bcb431e7a834276-EWR
alt-svc: h3=":443"; ma=86400