首页：修订间差异

2026年3月28日 (六) 10:27的版本

全站通知： 本站数据正在完善中，欢迎参与编辑贡献

   <img src="/images/hero-banner.jpg" alt="网站横幅">

⚔️

               <a href="/角色图鉴">角色图鉴</a>

查看所有角色

🗺️

               <a href="/地图资料">地图资料</a>

探索世界

📖

               <a href="/游戏攻略">游戏攻略</a>

新手入门指南

📊

               <a href="/数据统计">数据统计</a>

✨ 角色一览

👤

                   <a href="/角色/示例角色">示例角色</a>

稀有度 ★★★★★

⚔️

                   <a href="/角色/示例角色2">示例角色2</a>

稀有度 ★★★★

🧙

                   <a href="/角色/示例角色3">示例角色3</a>

稀有度 ★★★★★

🏹

                   <a href="/角色/示例角色4">示例角色4</a>

稀有度 ★★★★

               <a href="/分类:角色">查看全部角色 →</a>

📢 更新公告

               v1.2.0 版本更新
               更新日期：2026年05月23日

               • 新增3位新角色

               • 优化游戏性能

               • 修复已知Bug

               v1.1.0 版本更新
               更新日期：2026年3月15日

               • 新增活动副本

               • 调整角色平衡性

               <a href="/更新日志">查看完整更新日志 →</a>

🎁 兑换码

WIKI2026

               ⏰ 有效期至：2026年12月31日

               🎁 奖励：钻石×100 + 招募券×1

           <a href="/兑换中心" class="redeem-btn">前往兑换 →</a>

@@ 第8行： / 第8行： @@
 <div class="custom-homepage">
-<!-- ========== 自定义图片区域 ========== -->
+<div class="custom-homepage">
-<div class="hero-banner" style="text-align:center; margin-bottom:30px;">
-     <img src="/images/hero-banner.jpg" alt="网站横幅" style="width:100%; max-height:300px; object-fit:cover; border-radius:12px;">
+<!-- 自定义图片区域 -->
+<div class="hero-banner">
+     <img src="/images/hero-banner.jpg" alt="网站横幅">
 </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 class="feature-cards" style="display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:20px; margin-bottom:40px;">
+         <div class="feature-cards">
-             <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;">
+             <div class="feature-card card-purple">
-                 <div style="font-size:48px; margin-bottom:12px;">⚔️</div>
+                 <div class="icon">⚔️</div>
-                 <a href="/角色图鉴" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">角色图鉴</a>
+                 <a href="/角色图鉴">角色图鉴</a>
-                 <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">查看所有角色</div>
+                 <div class="desc">查看所有角色</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 class="feature-card card-pink">
-                 <div style="font-size:48px; margin-bottom:12px;">🗺️</div>
+                 <div class="icon">🗺️</div>
-                 <a href="/地图资料" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">地图资料</a>
+                 <a href="/地图资料">地图资料</a>
-                 <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">探索世界</div>
+                 <div class="desc">探索世界</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 class="feature-card card-blue">
-                 <div style="font-size:48px; margin-bottom:12px;">📖</div>
+                 <div class="icon">📖</div>
-                 <a href="/游戏攻略" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">游戏攻略</a>
+                 <a href="/游戏攻略">游戏攻略</a>
-                 <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">新手入门指南</div>
+                 <div class="desc">新手入门指南</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 class="feature-card card-green">
-                 <div style="font-size:48px; margin-bottom:12px;">📊</div>
+                 <div class="icon">📊</div>
-                 <a href="/数据统计" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">数据统计</a>
+                 <a href="/数据统计">数据统计</a>
-                 <div style="color:rgba(255,255,255,0.8); font-size:12px; margin-top:8px;">最新数据排行</div>
+                 <div class="desc">最新数据排行</div>
              </div>
          </div>
-         <!-- 响应式角色一览 -->
+         <!-- 角色一览 -->
-         <div class="character-section" style="margin-top:30px;">
+         <div class="character-section">
-             <h2 style="border-left:4px solid #36c; padding-left:15px; margin-bottom:20px;">✨ 角色一览</h2>
+             <h2>✨ 角色一览</h2>
-             <div class="character-grid" style="display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:20px;">
+             <div class="character-grid">
-                {{#ask: [[分类:角色]]
+                 <div class="character-card">
-                |?角色名称
+                     <div class="avatar">👤</div>
-                |?稀有度
+                     <a href="/角色/示例角色">示例角色</a>
-                |?职业
+                     <div class="rarity">稀有度 ★★★★★</div>
-                |limit=8
-                |format=template
-                |template=角色卡片模板
-                }}
-                <!-- 如果没有动态查询，显示静态示例 -->
-                 <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 class="character-card">
-                     <div style="font-size:64px;">⚔️</div>
+                     <div class="avatar">⚔️</div>
-                     <a href="/角色/示例角色2" style="font-weight:bold; text-decoration:none;">示例角色2</a>
+                     <a href="/角色/示例角色2">示例角色2</a>
-                     <div style="font-size:12px; color:#666;">稀有度 ★★★★</div>
+                     <div class="rarity">稀有度 ★★★★</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 class="character-card">
-                     <div style="font-size:64px;">🧙</div>
+                     <div class="avatar">🧙</div>
-                     <a href="/角色/示例角色3" style="font-weight:bold; text-decoration:none;">示例角色3</a>
+                     <a href="/角色/示例角色3">示例角色3</a>
-                     <div style="font-size:12px; color:#666;">稀有度 ★★★★★</div>
+                     <div class="rarity">稀有度 ★★★★★</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 class="character-card">
-                     <div style="font-size:64px;">🏹</div>
+                     <div class="avatar">🏹</div>
-                     <a href="/角色/示例角色4" style="font-weight:bold; text-decoration:none;">示例角色4</a>
+                     <a href="/角色/示例角色4">示例角色4</a>
-                     <div style="font-size:12px; color:#666;">稀有度 ★★★★</div>
+                     <div class="rarity">稀有度 ★★★★</div>
                  </div>
              </div>
-             <div style="text-align:center; margin-top:20px;">
+             <div class="view-all">
-                 <a href="/分类:角色" style="display:inline-block; padding:8px 24px; background:#36c; color:white; border-radius:20px; text-decoration:none;">查看全部角色 →</a>
+                 <a href="/分类:角色">查看全部角色 →</a>
              </div>
          </div>
@@ 第84行： / 第77行： @@
      </div>
-     <!-- 右侧：侧边栏区域 -->
+     <!-- 右侧区域 -->
-     <div style="flex:1; min-width:280px;">
+     <div class="right-column">
          <!-- 更新公告卡片 -->
-         <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);">
+         <div class="update-card">
-             <h3 style="margin-top:0; padding-bottom:8px; border-bottom:2px solid #36c;">📢 更新公告</h3>
+             <h3>📢 更新公告</h3>
-             <div class="update-content" style="font-size:14px;">
+             <div class="update-item">
-                 <div style="margin:12px 0; padding:8px 0; border-bottom:1px solid #eee;">
+                 <strong>v1.2.0 版本更新</strong>
-                    <strong>v1.2.0 版本更新</strong><br>
+                更新日期：{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY2}}日<br>
-                     更新日期：2026年3月25日<br>
+                • 新增3位新角色<br>
-                    • 新增3位新角色<br>
+                • 优化游戏性能<br>
-                    • 优化游戏性能<br>
+                • 修复已知Bug
-                    • 修复已知Bug
+            </div>
-                </div>
+            <div class="update-item">
-                <div style="margin:12px 0; padding:8px 0; border-bottom:1px solid #eee;">
+                <strong>v1.1.0 版本更新</strong>
-                    <strong>v1.1.0 版本更新</strong><br>
+                更新日期：2026年3月15日<br>
-                    更新日期：2026年3月15日<br>
+                • 新增活动副本<br>
-                    • 新增活动副本<br>
+                • 调整角色平衡性
-                    • 调整角色平衡性
+            </div>
-                </div>
+            <div class="update-link">
+                <a href="/更新日志">查看完整更新日志 →</a>
              </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">
-             <h3 style="margin-top:0; color:white;">🎁 兑换码</h3>
+             <h3>🎁 兑换码</h3>
-             <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;">
+             <div class="code-box">WIKI2026</div>
-                WIKI2026
+             <div class="redeem-info">
-            </div>
-             <div style="font-size:13px; opacity:0.9;">
                  ⏰ 有效期至：2026年12月31日<br>
                  🎁 奖励：钻石×100 + 招募券×1
              </div>
-             <div style="margin-top:15px;">
+             <a href="/兑换中心" class="redeem-btn">前往兑换 →</a>
-                <a href="/兑换中心" style="display:inline-block; background:white; color:#667eea; padding:6px 20px; border-radius:20px; text-decoration:none; font-weight:bold;">前往兑换 →</a>
-            </div>
          </div>
+    </div>
+</div>
 </div>
-<style>
-/* 卡片悬停效果 */
-.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>

首页：修订间差异

2026年3月28日 (六) 10:27的版本

✨ 角色一览

📢 更新公告

🎁 兑换码

导航菜单

页面操作

页面操作

个人工具

工具

搜索