SOURCE

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>【夜澜】怪诞小镇社区</title>
<style>
*{
  margin:0;
    padding:0;
      box-sizing:border-box;
      }
      body{
        min-height:100vh;
          /*无水印中世纪小酒馆背景图*/
            background:url("https://picsum.photos/id/1060/1920/1080") no-repeat center center fixed;
              background-size:cover;
                /*深色半透明遮罩，保证文字看得清*/
                  background-color:rgba(0,0,0,0.55);
                    background-blend-mode:multiply;
                      color:#fff;
                        font-family:"Microsoft YaHei",SimHei,sans-serif;
                          display:flex;
                            flex-direction:column;
                              align-items:center;
                                justify-content:center;
                                }
                                h1{
                                  font-size:42px;
                                    margin-bottom:40px;
                                      text-shadow:2px 2px 8px #000000;
                                      }
                                      .text-block{
                                        text-align:center;
                                          font-size:24px;
                                            line-height:2.3;
                                              margin-bottom:55px;
                                                text-shadow:2px 2px 6px #000000;
                                                }
                                                .link-wrap a{
                                                  display:block;
                                                    font-size:21px;
                                                      color:#ffddaa;
                                                        margin:17px 0;
                                                          text-decoration:none;
                                                            text-shadow:2px 2px 6px #000;
                                                            }
                                                            .link-wrap a:hover{
                                                              color:#ffffff;
                                                                text-shadow:0 0 12px #ffc873;
                                                                }
                                                                </style>
                                                                </head>
                                                                <body>
                                                                <h1>【夜澜】怪诞小镇社区</h1>
                                                                <div class="text-block">
                                                                <div>欢迎来到怪诞小镇</div>
                                                                <div>一切诡诈都可以在这里尽情释放</div>
                                                                </div>
                                                                <div class="link-wrap">
                                                                <a href="https://jsrun.net/xTmKp/edit">点此返回游戏大厅</a>
                                                                <a href="#">点此前往狼人杀游戏</a>
                                                                <a href="#">点此前往荒芜行者游戏</a>
                                                                </div>
                                                                </body>
                                                                </html>