<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>【夜澜】游戏大厅</title>
<style>
*{
margin:0;
padding:0;
}
body{
width:100%;
min-height:100vh;
/* 纯CSS星空背景,无需外部图片 */
background-color:#000010;
background-image:
radial-gradient(2px 2px at 20px 30px,#ffffff,transparent),
radial-gradient(2px 2px at 40px 70px,#ffffff,transparent),
radial-gradient(1px 1px at 90px 40px,#ffffff,transparent),
radial-gradient(2px 2px at 160px 120px,#ffffff,transparent),
radial-gradient(1px 1px at 230px 80px,#ffffff,transparent),
radial-gradient(2px 2px at 300px 150px,#ffffff,transparent),
radial-gradient(1px 1px at 370px 60px,#ffffff,transparent);
background-repeat:repeat;
background-size:400px 200px;
color:#fff;
font-family:SimHei,Microsoft YaHei,sans-serif;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
h1{
font-size:44px;
margin-bottom:45px;
text-shadow:0 0 8px #73a8ff;
}
.main-text{
text-align:center;
font-size:23px;
line-height:2.4;
margin-bottom:60px;
text-shadow:0 0 5px #5088dd;
}
.link-area a{
display:block;
font-size:21px;
color:#99ccff;
margin:18px 0;
text-decoration:none;
}
.link-area a:hover{
color:#ffffff;
text-shadow:0 0 10px #82b8ff;
}
</style>
</head>
<body>
<h1>【夜澜】游戏大厅</h1>
<div class="main-text">
<div>欢迎来到夜澜游戏大厅</div>
<div>这里欢迎每一个寻找乐趣的旅客</div>
<div>参加你们自己的博弈游戏</div>
<div>欺诈游戏•无限推理•永恒派对</div>
</div>
<div class="link-area">
<a href="">点此前往迷雾酒馆社区</a>
<a href="https://jsrun.net/GTmKp">点此前往怪诞小镇社区</a>
</div>
</body>
</html>