测试：修订间差异

2026年5月18日 (一) 20:49的版本

全站通知：萌新请先点击游戏攻略查看相关新手指南！

📢 更新公告

           1572测试版版本更新

            更新日期：2026年5月16日

           • 优化地图

           • 修复BUG

           • 加强佐助

           更新日志 →

菲比
我的刀盾
黑岩射手
夜神月
莱茵哈鲁特
耄耋
富樫勇太

📺 推荐直播间

       <a href="https://live.bilibili.com/你的房间号" target="_blank" rel="noopener noreferrer" class="live-item">

🎮

主播名A

B站直播 · 正在鏖战

       </a>
       <a href="https://www.douyu.com/你的房间号" target="_blank" rel="noopener noreferrer" class="live-item">

🔥

主播名B

斗鱼直播 · 新版本冲分

       </a>
       <a href="https://live.bilibili.com/你的房间号" target="_blank" rel="noopener noreferrer" class="live-item">

⭐

主播名C

B站直播 · 答疑教学

       </a>

       <a href="/推荐直播间" target="_blank">更多推荐 →</a>

兑换中心

新增兑换道具

              棋子-菲比使用权
              小小棋手-菲比

兑换详情

@@ 第1行： / 第1行： @@
-<templatestyles src="Template:测试/styles.css" />
+<div class="custom-homepage">
-[[File:棋子图鉴标题.png|center|link=首页]]
-<div style="text-align: center;">
+<!-- 全站通知 -->
-<span></span>
+<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:25px;">
-<p style="font-size: 30px; color: #8B0000; border: 2px solid #8B0000; padding: 8px 16px; display: inline-block; border-radius: 8px;font-weight: bold;">
+<span style="background: linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;">全站通知：萌新请先点击游戏攻略查看相关新手指南！</span>
-点击棋子名称可跳转至详情页
-</p>
 </div>
-</br>
-<div id="chess-table">
+<!-- 第一行：横幅 + 更新公告并排 -->
-{{#cargo_query:
+<div class="top-row">
-table=roles
+    <div class="hero-banner">
-|fields=图片,图片文件名,名称,_pageName,稀有度,费用,定位,羁绊
+        [[File:wyhf.png|center|link=|alt=网站横幅]]
-|format=dynamic table
+    </div>
-|rows per page=500
+            __NOTOC__
-|order by=名称 ASC
+    <div class="update-card">
-|class=wikitable sortable
+        <h3>📢 更新公告</h3>
-}}
+<div class="update-item">
+        <div class="update-item">
+            <strong>1572测试版版本更新</strong><br>
+             更新日期：2026年5月16日<br>
+            • 优化地图<br>
+            • 修复BUG<br>
+            • 加强佐助<br>
+        </div>
+        <div class="update-link">
+            [[更新日志|更新日志 →]]
+        </div>
+    </div>
+</div>
+<!-- 两栏布局 -->
+<div class="two-columns">
+    <!-- 左侧区域 -->
+    <div class="left-column">
+         <!-- 常用内容标题 -->
+<div style="padding-left:15px; margin-bottom:20px; background: transparent; box-shadow: none; border-radius: 0;">
+  [[File:常用内容标题.png|link=]]
+</div>
+       <!-- 四个图片卡片 - 点击图片跳转 -->
+       <div class="feature-cards">
+    <div class="feature-card-link">
+        [[File:棋子首页.png|center|link=棋子|alt=棋子图鉴]]</div>
+    <div class="feature-card-link">
+        [[File:装备图鉴.png|center|link=装备图鉴|alt=装备图鉴]]
+    </div>
+    <div class="feature-card-link">
+[[File:天赋首页.png|center|link=天赋图鉴|alt=天赋图鉴]]
+    </div>
+    <div class="feature-card-link">
+[[File:羁绊详情.png|center|link=羁绊详情|alt=羁绊详情]]
+    </div>
+    <div class="feature-card-link">
+        [[File:游戏攻略.png|center|link=游戏攻略|alt=游戏攻略]]
+    </div>
+</div>
+      <!-- 角色一览 -->
+<div style="text-align: left; margin: 0; padding: 0;">
+    <gallery mode="nolines" widths="1000"  perrow="1">
+    最新棋子标题.png
+    </gallery>
+</div>
+        <div class="character-section">
+            <gallery mode="nolines" widths="120" heights="120" perrow="7">
+           角色103.png|link=菲比|菲比
+           角色102.png|link=我的刀盾|我的刀盾
+           角色101.png|link=黑岩射手|黑岩射手
+           角色100.png|link=夜神月|夜神月
+           角色99.png|link=莱茵哈鲁特|莱茵哈鲁特
+           角色98.png|link=耄耋|耄耋
+           角色97.png|link=富樫勇太|富樫勇太
+            </gallery>
+<div style="text-align: left; margin: 0; padding: 0;">
+    <gallery mode="nolines" widths="1000"  perrow="1">
+    全部棋子.png|link=棋子
+    </gallery>
+</div>
+        </div>
+    </div>
+    <!-- 右侧区域 -->
+    <div class="right-column">
+        <!-- 推荐直播间卡片 -->
+<div class="live-card">
+    <h3>📺 推荐直播间</h3>
+    <div class="live-list">
+        <a href="https://live.bilibili.com/你的房间号" target="_blank" rel="noopener noreferrer" class="live-item">
+            <div class="live-avatar">🎮</div>
+            <div class="live-info">
+                <div class="live-name">主播名A</div>
+                <div class="live-desc">B站直播 · 正在鏖战</div>
+            </div>
+        </a>
+        <a href="https://www.douyu.com/你的房间号" target="_blank" rel="noopener noreferrer" class="live-item">
+            <div class="live-avatar">🔥</div>
+            <div class="live-info">
+                <div class="live-name">主播名B</div>
+                <div class="live-desc">斗鱼直播 · 新版本冲分</div>
+            </div>
+        </a>
+        <a href="https://live.bilibili.com/你的房间号" target="_blank" rel="noopener noreferrer" class="live-item">
+            <div class="live-avatar">⭐</div>
+            <div class="live-info">
+                <div class="live-name">主播名C</div>
+                <div class="live-desc">B站直播 · 答疑教学</div>
+            </div>
+        </a>
+    </div>
+    <div class="live-more">
+        <a href="/推荐直播间" target="_blank">更多推荐 →</a>
+    </div>
+</div>
+        <!-- 兑换码卡片 -->
+        <div class="redeem-card">
+            <h3 style="background: linear-gradient(135deg, #ffd89b, #c7e9fb); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block;font-size:20px;">兑换中心</h3>
+            <div class="code-box">新增兑换道具</div>
+            <div class="redeem-info">
+               '''棋子-菲比使用权'''
+               '''小小棋手-菲比'''
+            </div>
+           <div class="redeem-btn">[[兑换中心|兑换详情]]</div>
+        </div>
+    </div>
+</div>
 </div>

测试：修订间差异

2026年5月18日 (一) 20:49的版本

📢 更新公告

📺 推荐直播间

兑换中心

导航菜单

页面操作

页面操作

个人工具

工具

搜索