首页：修订间差异

2026年5月23日 (六) 14:10的最新版本

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

📢 更新公告

           1573版本

           更新日期：2026年5月22日

           • 新增角色1名

           • 新增一个天赋

           • 修复BUG和优化地图

           • 新增难度4

           • 野怪调整

           • 羁绊调整和角色调整

           更新日志 →

千子村正
菲比
我的刀盾
黑岩射手
夜神月
莱茵哈鲁特
耄耋

存档与赞助

新增存档与赞助道具

               棋子-菲比使用权

               小小棋手-菲比

               小小棋手-千咲

   兑换详情

首页：修订间差异

2026年5月23日 (六) 14:10的最新版本

📢 更新公告

推荐主播

存档与赞助

导航菜单

页面操作

页面操作

个人工具

工具

搜索

@@ 第1行： / 第1行： @@
-<div class="wiki-main">
+<div class="custom-homepage">
 <!-- 全站通知 -->
-<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:14px;">
+<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:25px;">
-'''全站通知：''' 本站数据正在完善中，欢迎参与编辑贡献
+<span style="background: linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;">全站通知：萌新请先点击游戏攻略查看相关新手指南！</span>
 </div>
-<div class="custom-homepage">
-<!-- ========== 自定义图片区域 ========== -->
+<!-- 第一行：横幅 + 更新公告并排 -->
-<div class="hero-banner" style="text-align:center; margin-bottom:30px;">
+<div class="top-row">
-     <img src="/images/hero-banner.jpg" alt="网站横幅" style="width:100%; max-height:300px; object-fit:cover; border-radius:12px;">
+    <div class="hero-banner">
+        [[File:wyhf.png|center|link=|alt=网站横幅]]
+    </div>
+     <div class="update-card">
+        <h3>📢 更新公告</h3>
+        <div class="update-item">
+            <strong>1573版本</strong><br>
+            更新日期：2026年5月22日<br>
+            • 新增角色1名<br>
+            • 新增一个天赋<br>
+            • 修复BUG和优化地图<br>
+            • 新增难度4<br>
+            • 野怪调整<br>
+            • 羁绊调整和角色调整<br>
+        </div>
+        <div class="update-link">
+            [[更新日志|更新日志 →]]
+        </div>
+    </div>
 </div>
-<!-- ========== 两栏布局：左侧常用内容 + 右侧侧边栏 ========== -->
+<!-- 两栏布局 -->
-<div style="display:flex; gap:25px; flex-wrap:wrap;">
+<div class="two-columns">
-     <!-- 左侧：常用内容区域 -->
+     <!-- 左侧区域 -->
-     <div style="flex:2; min-width:250px;">
+     <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 class="feature-cards" style="display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:20px; margin-bottom:40px;">
+         <div style="text-align: left; margin: 0; padding: 0;">
-            <div class="feature-card" style="background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding:25px 15px; border-radius:16px; text-align:center; transition:transform 0.2s;">
+             <gallery mode="nolines" widths="850" perrow="1">
-                <div style="font-size:48px; margin-bottom:12px;">⚔️</div>
+                 最新棋子标题.png
-                <a href="/角色图鉴" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">角色图鉴</a>
+             </gallery>
-                <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">查看所有角色</div>
-            </div>
-            <div class="feature-card" style="background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding:25px 15px; border-radius:16px; text-align:center; transition:transform 0.2s;">
-                <div style="font-size:48px; margin-bottom:12px;">🗺️</div>
-                <a href="/地图资料" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">地图资料</a>
-                <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">探索世界</div>
-            </div>
-             <div class="feature-card" style="background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding:25px 15px; border-radius:16px; text-align:center; transition:transform 0.2s;">
-                <div style="font-size:48px; margin-bottom:12px;">📖</div>
-                 <a href="/游戏攻略" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">游戏攻略</a>
-                <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">新手入门指南</div>
-             </div>
-            <div class="feature-card" style="background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); padding:25px 15px; border-radius:16px; text-align:center; transition:transform 0.2s;">
-                <div style="font-size:48px; margin-bottom:12px;">📊</div>
-                <a href="/数据统计" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">数据统计</a>
-                <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">最新数据排行</div>
-            </div>
          </div>
+         <div class="character-section">
-        <!-- 响应式角色一览 -->
+             <gallery mode="nolines" widths="120" heights="120" perrow="7">
-         <div class="character-section" style="margin-top:30px;">
+                 角色104.png|link=千子村正|千子村正
-             <h2 style="border-left:4px solid #36c; padding-left:15px; margin-bottom:20px;">✨ 角色一览</h2>
+                 角色103.png|link=菲比|菲比
-            <div class="character-grid" style="display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:20px;">
+                 角色102.png|link=我的刀盾|我的刀盾
-                 {{#ask: [[分类:角色]]
+                 角色101.png|link=黑岩射手|黑岩射手
-                |?角色名称
+                 角色100.png|link=夜神月|夜神月
-                 |?稀有度
+                 角色99.png|link=莱茵哈鲁特|莱茵哈鲁特
-                |?职业
+                 角色98.png|link=耄耋|耄耋
-                 |limit=8
+            </gallery>
-                 |format=template
+            <div style="text-align: left; margin: 0; padding: 0;">
-                 |template=角色卡片模板
+                <gallery mode="nolines" widths="850" perrow="1">
-                }}
+                     全部棋子.png|link=棋子
-                <!-- 如果没有动态查询，显示静态示例 -->
+                 </gallery>
-                 <div class="character-card" style="background:#fff; border-radius:12px; padding:15px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
-                    <div style="font-size:64px;">👤</div>
-                    <a href="/角色/示例角色" style="font-weight:bold; text-decoration:none;">示例角色</a>
-                    <div style="font-size:12px; color:#666;">稀有度 ★★★★★</div>
-                 </div>
-                <div class="character-card" style="background:#fff; border-radius:12px; padding:15px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
-                    <div style="font-size:64px;">⚔️</div>
-                    <a href="/角色/示例角色2" style="font-weight:bold; text-decoration:none;">示例角色2</a>
-                    <div style="font-size:12px; color:#666;">稀有度 ★★★★</div>
-                </div>
-                <div class="character-card" style="background:#fff; border-radius:12px; padding:15px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
-                    <div style="font-size:64px;">🧙</div>
-                    <a href="/角色/示例角色3" style="font-weight:bold; text-decoration:none;">示例角色3</a>
-                    <div style="font-size:12px; color:#666;">稀有度 ★★★★★</div>
-                </div>
-                <div class="character-card" style="background:#fff; border-radius:12px; padding:15px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
-                    <div style="font-size:64px;">🏹</div>
-                    <a href="/角色/示例角色4" style="font-weight:bold; text-decoration:none;">示例角色4</a>
-                     <div style="font-size:12px; color:#666;">稀有度 ★★★★</div>
-                </div>
-            </div>
-            <div style="text-align:center; margin-top:20px;">
-                 <a href="/分类:角色" style="display:inline-block; padding:8px 24px; background:#36c; color:white; border-radius:20px; text-decoration:none;">查看全部角色 →</a>
              </div>
          </div>
      </div>
-     <!-- 右侧：侧边栏区域 -->
+     <!-- 右侧区域（修复后的完整代码） -->
-     <div style="flex:1; min-width:280px;">
+     <div class="right-column">
+         <!-- 直播封面卡片 -->
-         <!-- 更新公告卡片 -->
+         <div id="live-carousel-container" style="
-         <div class="update-card" style="background:#f8f9fa; border-radius:12px; padding:20px; margin-bottom:25px; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
+            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
-             <h3 style="margin-top:0; padding-bottom:8px; border-bottom:2px solid #36c;">📢 更新公告</h3>
+            border-radius: 20px;
-             <div class="update-content" style="font-size:14px;">
+            padding: 20px;
-                <div style="margin:12px 0; padding:8px 0; border-bottom:1px solid #eee;">
+            color: white;
-                    <strong>v1.2.0 版本更新</strong><br>
+            margin-bottom: 20px;
-                     更新日期：2026年3月25日<br>
+            text-align: center;
-                    • 新增3位新角色<br>
+        ">
-                    • 优化游戏性能<br>
+        <h3 style="
-                    • 修复已知Bug
+        background: linear-gradient(135deg, #ffd89b, #c7e9fb);
-                </div>
+        -webkit-background-clip: text;
-                <div style="margin:12px 0; padding:8px 0; border-bottom:1px solid #eee;">
+        background-clip: text;
-                    <strong>v1.1.0 版本更新</strong><br>
+        color: transparent;
-                    更新日期：2026年3月15日<br>
+        display: inline-block;
-                    • 新增活动副本<br>
+        font-size: 20px;
-                    • 调整角色平衡性
+        margin: 0 0 12px 0;
-                </div>
+        padding: 0;
+    ">推荐主播</h3>
-            </div>
+             <div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div>
+             <div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div>
+            <div id="live-cover-img" style="
+                width: 100%;
+                max-width: 280px;
+                height: 160px;
+                margin: 0 auto 15px auto;
+                border-radius: 12px;
+                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+                background-size: cover;
+                background-position: center;
+                background-repeat: no-repeat;
+                cursor: pointer;
+            "></div>
+            <div id="live-controls" style="display: flex; justify-content: center; align-items: center; gap: 0;">
+    <div id="live-dots" style="display: flex; gap: 10px; align-items: center;"></div>
+</div>
          </div>
-         <!-- 兑换码卡片 -->
+         <!-- 兑换中心卡片 -->
-         <div class="redeem-card" style="background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius:12px; padding:20px; color:white;">
+         <div class="redeem-card" style="
-             <h3 style="margin-top:0; color:white;">🎁 兑换码</h3>
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-             <div style="background:rgba(255,255,255,0.2); border-radius:8px; padding:12px; margin:15px 0; text-align:center; font-family:monospace; font-size:16px; letter-spacing:2px;">
+            border-radius: 12px;
-                WIKI2026
+            padding: 20px;
-            </div>
+            color: white;
-             <div style="font-size:13px; opacity:0.9;">
+        ">
-                 ⏰ 有效期至：2026年12月31日<br>
+             <h3 style="background: linear-gradient(135deg, #ffd89b, #c7e9fb); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-size: 20px;">存档与赞助</h3>
-                 🎁 奖励：钻石×100 + 招募券×1
+             <div class="code-box" style="background: rgba(255,255,255,0.2); border-radius: 8px; padding: 12px; margin: 15px 0; text-align: center; font-family: monospace; font-size: 16px; letter-spacing: 2px;">新增存档与赞助道具</div>
-            </div>
+             <div class="redeem-info" style="font-size: 13px; opacity: 0.9;">
-            <div style="margin-top:15px;">
+                 '''棋子-菲比使用权'''<br>
-                 <a href="/兑换中心" style="display:inline-block; background:white; color:#667eea; padding:6px 20px; border-radius:20px; text-decoration:none; font-weight:bold;">前往兑换 →</a>
+                 '''小小棋手-菲比'''<br>
+                 '''小小棋手-千咲'''
              </div>
+           <div class="redeem-btn" style="display: block; text-align: center; background: white; color: #667eea; padding: 6px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; margin-top: 15px; transition: transform 0.2s;">
+    [[兑换中心|兑换详情]]
+</div>
          </div>
+    </div><!-- .right-column 结束 -->
-</div>
+</div><!-- .two-columns 结束 -->
-<style>
+</div><!-- .custom-homepage 结束 -->
-/* 卡片悬停效果 */
-.feature-card {
-    transition: transform 0.2s, box-shadow 0.2s;
-    cursor: pointer;
-}
-.feature-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
-}
-.character-card {
-    transition: transform 0.2s;
-}
-.character-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
-}
-移动端适配
-@media (max-width: 768px) {
-    .feature-cards {
-        grid-template-columns: repeat(2, 1fr) !important;
-        gap: 12px !important;
-    }
-    .feature-card {
-        padding: 15px 10px !important;
-    }
-    .feature-card div:first-child {
-        font-size: 32px !important;
-    }
-    .character-grid {
-        grid-template-columns: repeat(2, 1fr) !important;
-        gap: 12px !important;
-    }
-}
-</style>