查看“测试主页”的源代码

<div style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif; max-width:1180px; margin:0 auto;">

<!-- ============ HERO ============ -->
<div style="position:relative; background:linear-gradient(135deg,#1bbbb9 0%,#0e8a88 55%,#0a6b69 100%); border-radius:24px; padding:3rem 2rem; color:white; margin-bottom:1.5rem; overflow:hidden; box-shadow:0 12px 36px rgba(13,138,136,0.28); text-align:center;">
<div style="position:absolute; top:-60px; right:-40px; width:240px; height:240px; background:rgba(255,255,255,0.08); border-radius:50%; pointer-events:none;"></div>
<div style="position:absolute; bottom:-80px; left:-30px; width:180px; height:180px; background:rgba(255,255,255,0.06); border-radius:50%; pointer-events:none;"></div>
<div style="position:absolute; top:30%; left:15%; width:80px; height:80px; background:rgba(255,255,255,0.05); border-radius:50%; pointer-events:none;"></div>
<div style="position:relative;">
<div style="font-size:0.8rem; letter-spacing:0.35em; opacity:0.8; margin-bottom:0.6rem;">WELCOME TO</div>
<div style="font-size:3rem; font-weight:900; line-height:1.1; letter-spacing:0.05em;">星海市</div>
<div style="font-size:1rem; opacity:0.9; margin-top:0.85rem; letter-spacing:0.05em;">Xinghai City · 基于 MTR 的城市建筑服务器</div>
</div>
</div>

<!-- ============ 图标 ============ -->
<div style="text-align:center; margin:1.25rem 0 1.75rem;">
[[文件:XH-ICON.png|center|148x148像素]]
</div>

<!-- ============ 语言提示 ============ -->
<div style="padding:1rem 1.5rem; border-radius:14px; background:#f6fefe; border:1px solid #d8f0ef; margin-bottom:1.75rem; text-align:center; color:#3d6d6c; font-size:0.9rem; line-height:1.6;">
如需將頁面内容轉換為繁體中文，請點選上方“文A”按鈕，后于下拉選單中選擇您所需的變體。
</div>

<!-- ============ 简介 + 特色 ============ -->
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:1.25rem; margin-bottom:1.5rem; align-items:stretch;">

<div style="padding:1.75rem; border-radius:20px; background:#ffffff; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); height:100%; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:0.6rem; margin-bottom:1rem;">
<div style="width:5px; height:1.4rem; background:linear-gradient(180deg,#1bbbb9,#0d8a88); border-radius:3px;"></div>
<div style="font-size:1.3rem; font-weight:800; color:#0d5c5b;">欢迎加入星海市！</div>
</div>
<div style="color:#444; font-size:0.97rem; line-height:1.85;">
本服务器是围绕 MTR 模组的建筑服，采用问卷审核制。玩法以创造模式为主，服务器设有 WorldEdit 插件。
</div>
<div style="margin-top:1.1rem; padding-top:1rem; border-top:1px dashed #e6e6e6; font-size:0.92rem; line-height:2; color:#333;">
<div>💬 门户群号：[https://jq.qq.com/?_wv=1027&k=qNyPHL3L 943470549]</div>
<div>📺 官方 B 站：[https://space.bilibili.com/3546716320041528 @星海市_official]</div>
</div>
</div>

<div style="padding:1.75rem; border-radius:20px; background:#ffffff; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); height:100%; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:0.6rem; margin-bottom:1rem;">
<div style="width:5px; height:1.4rem; background:linear-gradient(180deg,#1bbbb9,#0d8a88); border-radius:3px;"></div>
<div style="font-size:1.3rem; font-weight:800; color:#0d5c5b;">服务器特色</div>
</div>
<div style="display:flex; flex-direction:column; gap:1rem;">

<div style="display:flex; gap:0.85rem; align-items:flex-start;">
<div style="flex:0 0 auto; width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,#1bbbb9,#0d8a88); color:white; display:flex; align-items:center; justify-content:center; font-size:1.1rem; box-shadow:0 3px 8px rgba(27,187,185,0.3);">🚄</div>
<div style="flex:1; min-width:0;">
<div style="font-weight:700; color:#1a1a1a; font-size:0.98rem;">实时更新、易于编辑的资源包</div>
<div style="font-size:0.9rem; color:#666; line-height:1.65; margin-top:0.2rem;">供您简单快捷地[[自定列车涂装及标牌|添加新涂装、新列车、新标牌]]。</div>
</div>
</div>

<div style="display:flex; gap:0.85rem; align-items:flex-start;">
<div style="flex:0 0 auto; width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,#19C8C8,#0e9898); color:white; display:flex; align-items:center; justify-content:center; font-size:1.1rem; box-shadow:0 3px 8px rgba(25,200,200,0.3);">⛰️</div>
<div style="flex:1; min-width:0;">
<div style="font-weight:700; color:#1a1a1a; font-size:0.98rem;">更真实的地形生成器</div>
<div style="font-size:0.9rem; color:#666; line-height:1.65; margin-top:0.2rem;">为城市发展提供了优秀的地形，同时无需担心破坏地形后无法复原。</div>
</div>
</div>

<div style="display:flex; gap:0.85rem; align-items:flex-start;">
<div style="flex:0 0 auto; width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,#4169E1,#2d4fb5); color:white; display:flex; align-items:center; justify-content:center; font-size:1.1rem; box-shadow:0 3px 8px rgba(65,105,225,0.3);">🏙️</div>
<div style="flex:1; min-width:0;">
<div style="font-weight:700; color:#1a1a1a; font-size:0.98rem;">城建与铁路相辅相成</div>
<div style="font-size:0.9rem; color:#666; line-height:1.65; margin-top:0.2rem;">杜绝“有线无城”现象，令轨道交通发挥出应有的作用。</div>
</div>
</div>

</div>
</div>

</div>

<!-- ============ 新玩家引导 CTA ============ -->
<div style="background:linear-gradient(135deg,#f0fbfb 0%,#e3f7f6 100%); border-radius:20px; padding:2rem 1.75rem; text-align:center; border:1px solid #c8eceb; margin-bottom:2rem; box-shadow:0 4px 18px rgba(27,187,185,0.08);">
<div style="font-size:1.25rem; font-weight:800; color:#0d5c5b; margin-bottom:0.5rem;">[[新玩家指导|新玩家加入服务器指导]]</div>
<div style="font-size:0.9rem; color:#5a7a79; margin-bottom:1.25rem;">对于想要加入的新玩家：您需提交问卷并经管理人员通过后才可加入。</div>
[[Special:随机页面|<span style="display:inline-block; padding:0.75em 2em; background:linear-gradient(135deg,#1bbbb9,#0d8a88); border-radius:10px; font-weight:700; color:white; text-decoration:none; box-shadow:0 5px 14px rgba(27,187,185,0.35); font-size:0.95rem;">或者，先随便看点什么？ →</span>]]
</div>

<!-- ============ 主要信息 标题 ============ -->
<div style="display:flex; align-items:center; gap:0.75rem; margin:2rem 0 1.25rem;">
<div style="width:5px; height:1.75rem; background:linear-gradient(180deg,#1bbbb9,#0d8a88); border-radius:3px;"></div>
<div style="font-size:1.7rem; font-weight:900; color:#0d5c5b;">主要信息</div>
<div style="font-size:0.9rem; color:#aaa; letter-spacing:0.1em;">INFO</div>
</div>

<!-- ============ 主要信息 网格 ============ -->
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(max(320px, calc(50% - 0.625rem)),1fr)); gap:1.25rem; margin-bottom:1.5rem; align-items:stretch;">

<!-- 近期动态：整行 -->
<div style="grid-column:1 / -1; background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05);">
<div style="display:flex; align-items:center; gap:0.6rem; padding:1rem 1.5rem; background:linear-gradient(135deg,#1bbbb9,#0e8a88); color:white;">
<div style="font-size:1.05rem; font-weight:800;">📢 近期动态</div>
<div style="font-size:0.8rem; opacity:0.8; letter-spacing:0.1em;">RECENT UPDATES</div>
</div>
<div>
<div style="display:flex; padding:0.85rem 1.5rem; border-bottom:1px solid #f0f0f0;">
<div style="flex:0 0 110px; color:#1bbbb9; font-weight:700; font-size:0.85rem; letter-spacing:0.02em;">2026/7/26</div>
<div style="flex:1; color:#333; font-size:0.94rem;">客户端及服务端 1.20.1 升级开始测试。</div>
</div>
<div style="display:flex; padding:0.85rem 1.5rem; border-bottom:1px solid #f0f0f0;">
<div style="flex:0 0 110px; color:#1bbbb9; font-weight:700; font-size:0.85rem; letter-spacing:0.02em;">2025/12/27</div>
<div style="flex:1; color:#333; font-size:0.94rem;">客户端更新到 4.13.1 版本。</div>
</div>
<div style="display:flex; padding:0.85rem 1.5rem; border-bottom:1px solid #f0f0f0;">
<div style="flex:0 0 110px; color:#1bbbb9; font-weight:700; font-size:0.85rem; letter-spacing:0.02em;">2025/8/2</div>
<div style="flex:1; color:#333; font-size:0.94rem;">客户端更新到 4.12.0 版本。</div>
</div>
<div style="display:flex; padding:0.85rem 1.5rem;">
<div style="flex:0 0 110px; color:#1bbbb9; font-weight:700; font-size:0.85rem; letter-spacing:0.02em;">2025/2/9</div>
<div style="flex:1; color:#333; font-size:0.94rem;">客户端更新到 4.11.0 版本。</div>
</div>
</div>
</div>

<!-- 交通资讯 -->
<div style="background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); display:flex; flex-direction:column; height:100%;">
<div style="display:flex; align-items:center; gap:0.55rem; padding:0.9rem 1.3rem; background:linear-gradient(135deg,#4169E1,#2d4fb5); color:white;">
<div style="font-size:1rem; font-weight:800;">🚇 交通资讯</div>
</div>
<div style="padding:1.2rem 1.5rem; line-height:1.9; font-size:0.94rem; flex:1; color:#333;">
'''星海市 [[线路列表]]'''（线网图在列表页内）<br>[[公交列表]]<nowiki>  |  </nowiki>[[铁路长途班次]]<nowiki>  |  </nowiki>[[著名地点&景点]]<nowiki>  |  </nowiki>[[虚拟企业列表]]
</div>
</div>

<!-- 建设资讯 -->
<div style="background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); display:flex; flex-direction:column; height:100%;">
<div style="display:flex; align-items:center; gap:0.55rem; padding:0.9rem 1.3rem; background:linear-gradient(135deg,#19C8C8,#0e9898); color:white;">
<div style="font-size:1rem; font-weight:800;">🏗️ 建设资讯</div>
</div>
<div style="padding:1.2rem 1.5rem; line-height:1.9; font-size:0.94rem; flex:1; color:#333;">
'''[[建设工程列表]]'''<nowiki>  |  </nowiki>[[招标列表]]<nowiki>  |  </nowiki>[[行政区县列表|行政区划]]
</div>
</div>

<!-- 在线工具 -->
<div style="background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); display:flex; flex-direction:column; height:100%;">
<div style="display:flex; align-items:center; gap:0.55rem; padding:0.9rem 1.3rem; background:linear-gradient(135deg,#387002,#265002); color:white;">
<div style="font-size:1rem; font-weight:800;">🛠️ 在线工具</div>
</div>
<div style="padding:1.2rem 1.5rem; line-height:1.9; font-size:0.94rem; flex:1; color:#333;">
[http://map.xhcity.top/ 网页地景地图]<nowiki>  |  </nowiki>[http://mtrmap.xhcity.top/ 实时轨道交通线路图][[自定列车涂装及标牌|<br>自定列车涂装及标牌]]<nowiki>  |  </nowiki>[https://bskin.xhcity.top/ 自建验证服务器（皮肤站）]<nowiki>  |  </nowiki>[https://api.zbx1425.cn/mc/srcity/playerdata.php 玩家数据重置]
</div>
</div>

<!-- 政策 -->
<div style="background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); display:flex; flex-direction:column; height:100%;">
<div style="display:flex; align-items:center; gap:0.55rem; padding:0.9rem 1.3rem; background:linear-gradient(135deg,#c2185b,#961142); color:white;">
<div style="font-size:1rem; font-weight:800;">📋 政策</div>
</div>
<div style="padding:1.2rem 1.5rem; line-height:1.9; font-size:0.94rem; flex:1; color:#333;">
[[玩家列表]]<nowiki>  |  </nowiki>[[玩家守则]]<nowiki>  |  </nowiki>[[线路审批]]<nowiki>  |  </nowiki>[[星海市服务器相关反馈方法|如何反馈]]<br>[[道路修筑|道路修筑条例]]<nowiki>  |  </nowiki>[[星海市轨道交通车站建设标准|车站建设标准]]<nowiki>  |  </nowiki>[[星海市轨道交通线路建设标准|线路建设标准]]
</div>
</div>

<!-- 历史事件：整行 -->
<div style="grid-column:1 / -1; background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05);">
<div style="display:flex; align-items:center; gap:0.55rem; padding:0.9rem 1.3rem; background:linear-gradient(135deg,#d2b48c,#a8865c); color:white;">
<div style="font-size:1rem; font-weight:800;">📜 历史事件</div>
</div>
<div style="padding:1.2rem 1.5rem; line-height:1.9; font-size:0.94rem; color:#333;">
[[综合信息]]<nowiki>  |  </nowiki>[[一周目]]<nowiki>  |  </nowiki>[[二周目]]<nowiki>  |  </nowiki>[[三周目]]<nowiki>  |  </nowiki>[[四周目]] <br> [[1-31|2022-1-31]]<nowiki>  |  </nowiki>[[2022-3-9回档事件|2022-3-9 回档]]<nowiki>  |  </nowiki>[[2022-7-9]]
</div>
</div>

<!-- 赞助：整行 -->
<div style="grid-column:1 / -1; background:#ffffff; border-radius:20px; overflow:hidden; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05);">
<div style="display:flex; align-items:center; gap:0.55rem; padding:0.9rem 1.3rem; background:linear-gradient(135deg,#c7a4ff,#9f77e0); color:white;">
<div style="font-size:1rem; font-weight:800;">💝 赞助</div>
</div>
<div style="padding:1.5rem 1.75rem; font-size:0.94rem; line-height:1.9; color:#333;">
'''前往赞助 [https://www.ifdian.net/a/Xinghaicity?utm_source=copylink&utm_medium=link 爱发电]''' · '''鸣谢 [[赞助列表]]'''
<div style="display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; margin-top:1rem;">
<div style="text-align:center;">[[File:Vxzs.jpg|x200px|frameless|border]]</div>
<div style="text-align:center;">[[File:Zfb.jpg|x200px|frameless|border]]</div>
</div>
</div>
</div>

</div>

<!-- ============ 底部三卡 ============ -->
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.25rem; margin-bottom:1.5rem; align-items:stretch;">

<div style="padding:1.75rem; border-radius:20px; background:#ffffff; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); height:100%; box-sizing:border-box; line-height:1.9; font-size:0.94rem;">
<div style="display:flex; align-items:center; gap:0.6rem; margin-bottom:0.85rem;">
<div style="width:5px; height:1.4rem; background:linear-gradient(180deg,#1bbbb9,#0d8a88); border-radius:3px;"></div>
<div style="font-size:1.3rem; font-weight:800; color:#0d5c5b;">鸣谢</div>
</div>
*所有为我们提供资助的玩家： [[赞助列表]]
*'''Eric''' （广州公交K9A 巴士）
*'''天梦，YANA_9527【[https://space.bilibili.com/1522625002 哔哩哔哩：RESLJUH]】 【[https://space.bilibili.com/645833152 哔哩哔哩：YANA_9527]】'''（广州地铁追加）
*'''MetroEatVeaver[https://b23.tv/dGiHrw7 【哔哩哔哩：MetroEatVeaver】]（西安地铁追加）'''
*'''Folanoel【[https://space.bilibili.com/402744005?spm_id_from=333.1387.follow.user_card.click 哔哩哔哩：Folanoel]】''' （武汉地铁追加）
*[[User:Aftersans53228|'''aftersans53228''']]（[[Aftersans53228's fabric roads|Minecraft AFRoads Mod]]）
*'''LGRS 懒鸽铁道工作室'''（重庆轨道交通“As”型列车，重庆轨道交通2号线单轨列车，深圳地铁1号线庞巴迪）
*S*******a [暂不透露]（曾经提供过列车）
*'''以及加入群内为服务器默默贡献的创作者们'''
</div>

<div style="padding:1.75rem; border-radius:20px; background:#ffffff; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); height:100%; box-sizing:border-box; line-height:1.9; font-size:0.94rem;">
<div style="display:flex; align-items:center; gap:0.6rem; margin-bottom:0.85rem;">
<div style="width:5px; height:1.4rem; background:linear-gradient(180deg,#1bbbb9,#0d8a88); border-radius:3px;"></div>
<div style="font-size:1.3rem; font-weight:800; color:#0d5c5b;">友好服务器</div>
</div>
（排名不分先后）
*[https://wiki.hokubu.cn/ 北武工艺]
*[https://wiki.hydcraft.cn/ 氢气工艺]
*千穗工艺
*[https://www.souton.net/ 修顿项目组]
*[https://www.fenglingcity.top/ 枫岭城建]
*珈蓝工艺
*瑞阳市
*鹭州工艺
*云梦山河联项
*枫海服务器（闸南轨道交通）

''↑非超链接文本指无官方网站/渠道或已消失/关闭，请自行判断''
</div>

<div style="padding:1.75rem; border-radius:20px; background:#ffffff; border:1px solid #e8e8e8; box-shadow:0 4px 18px rgba(0,0,0,0.05); height:100%; box-sizing:border-box; line-height:1.9; font-size:0.94rem;">
<div style="display:flex; align-items:center; gap:0.6rem; margin-bottom:0.85rem;">
<div style="width:5px; height:1.4rem; background:linear-gradient(180deg,#1bbbb9,#0d8a88); border-radius:3px;"></div>
<div style="font-size:1.3rem; font-weight:800; color:#0d5c5b;">友情链接</div>
</div>
(排名不分先后)
*[https://www.zbx1425.cn/ Zbx1425]
*[http://glammie.top/ Glammie]
*[https://www.tyex.ink Tyex]
*[https://ecmsc.top ECMSC]
</div>

</div>

</div>