首页：修订间差异

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

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

   <img src="/images/hero-banner.jpg" alt="网站横幅" style="width:100%; max-height:300px; object-fit:cover; border-radius:12px;">

⚔️

               <a href="/角色图鉴" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">角色图鉴</a>

查看所有角色

🗺️

               <a href="/地图资料" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">地图资料</a>

探索世界

📖

               <a href="/游戏攻略" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">游戏攻略</a>

新手入门指南

📊

               <a href="/数据统计" style="color:white; text-decoration:none; font-size:18px; font-weight:bold;">数据统计</a>

✨ 角色一览

               {{#ask: 
               |?角色名称
               |?稀有度
               |?职业
               |limit=8
               |format=template
               |template=角色卡片模板
               }}

👤

                   <a href="/角色/示例角色" style="font-weight:bold; text-decoration:none;">示例角色</a>

稀有度 ★★★★★

⚔️

                   <a href="/角色/示例角色2" style="font-weight:bold; text-decoration:none;">示例角色2</a>

稀有度 ★★★★

🧙

                   <a href="/角色/示例角色3" style="font-weight:bold; text-decoration:none;">示例角色3</a>

稀有度 ★★★★★

🏹

                   <a href="/角色/示例角色4" style="font-weight:bold; text-decoration:none;">示例角色4</a>

稀有度 ★★★★

               <a href="/分类:角色" style="display:inline-block; padding:8px 24px; background:#36c; color:white; border-radius:20px; text-decoration:none;">查看全部角色 →</a>

📢 更新公告

                   v1.2.0 版本更新

                   更新日期：2026年05月23日

                   • 新增3位新角色

                   • 优化游戏性能

                   • 修复已知Bug

                   v1.1.0 版本更新

                   更新日期：2026年3月15日

                   • 新增活动副本

                   • 调整角色平衡性

                   <a href="/更新日志" style="color:#36c;">查看完整更新日志 →</a>

🎁 兑换码

               WIKI2026

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

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

               <a href="/兑换中心" style="display:inline-block; background:white; color:#667eea; padding:6px 20px; border-radius:20px; text-decoration:none; font-weight:bold;">前往兑换 →</a>

🔥 热门推荐

<a href="/新手入门">📘 新手入门指南</a>
<a href="/角色强度排行">📊 角色强度排行</a>
<a href="/装备推荐">⚔️ 装备搭配推荐</a>
<a href="/活动攻略">🎪 限时活动攻略</a>

   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>

@@ 第4行： / 第4行： @@
 <!-- 全站通知 -->
 <div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:14px;">
-'''全站通知：''' 本站数据正在完善中，欢迎参与编辑贡献！
+'''全站通知：''' 本站数据正在完善中，欢迎参与编辑贡献
 </div>
+<div class="custom-homepage">
-<!-- 最新内容区域 -->
+<!-- ========== 自定义图片区域 ========== -->
-<div class="content-section" style="margin-top:30px;">
+<div class="hero-banner" style="text-align:center; margin-bottom:30px;">
-<h2 style="border-bottom:2px solid #36c; padding-bottom:8px;">最新内容</h2>
+    <img src="/images/hero-banner.jpg" alt="网站横幅" style="width:100%; max-height:300px; object-fit:cover; border-radius:12px;">
-<small>更新时间：{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY2}}日</small>
+</div>
-{| class="wikitable" style="width:100%; margin-top:15px;"
+<!-- ========== 两栏布局：左侧常用内容 + 右侧侧边栏 ========== -->
-! 最新内容 !! 更新公告
+<div style="display:flex; gap:25px; flex-wrap:wrap;">
+    <!-- 左侧：常用内容区域 -->
+    <div style="flex:2; min-width:250px;">
+        <!-- 常用内容：四个自定义卡片 -->
+        <div class="feature-cards" style="display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:20px; margin-bottom:40px;">
+            <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 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, #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" style="margin-top:30px;">
+            <h2 style="border-left:4px solid #36c; padding-left:15px; margin-bottom:20px;">✨ 角色一览</h2>
+            <div class="character-grid" style="display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:20px;">
+                {{#ask: [[分类:角色]]
+                |?角色名称
+                |?稀有度
+                |?职业
+                |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 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="update-card" style="background:#f8f9fa; border-radius:12px; padding:20px; margin-bottom:25px; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
+            <h3 style="margin-top:0; padding-bottom:8px; border-bottom:2px solid #36c;">📢 更新公告</h3>
+            <div class="update-content" style="font-size:14px;">
+                <div style="margin:12px 0; padding:8px 0; border-bottom:1px solid #eee;">
+                    <strong>v1.2.0 版本更新</strong><br>
+                    更新日期：{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY2}}日<br>
+                    • 新增3位新角色<br>
+                    • 优化游戏性能<br>
+                    • 修复已知Bug
+                </div>
+                <div style="margin:12px 0; padding:8px 0; border-bottom:1px solid #eee;">
+                    <strong>v1.1.0 版本更新</strong><br>
+                    更新日期：2026年3月15日<br>
+                    • 新增活动副本<br>
+                    • 调整角色平衡性
+                </div>
+                <div style="margin-top:12px;">
+                    <a href="/更新日志" style="color:#36c;">查看完整更新日志 →</a>
+                </div>
+            </div>
+        </div>
+        <!-- 兑换码卡片 -->
+        <div class="redeem-card" style="background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius:12px; padding:20px; color:white;">
+            <h3 style="margin-top:0; color:white;">🎁 兑换码</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;">
+                WIKI2026
+            </div>
+            <div style="font-size:13px; opacity:0.9;">
+                ⏰ 有效期至：2026年12月31日<br>
+                🎁 奖励：钻石×100 + 招募券×1
+            </div>
+            <div style="margin-top:15px;">
+                <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 class="hot-links" style="background:#f8f9fa; border-radius:12px; padding:20px; margin-top:25px;">
+            <h3 style="margin-top:0;">🔥 热门推荐</h3>
+            <ul style="list-style:none; padding-left:0;">
+                <li style="margin:10px 0;"><a href="/新手入门">📘 新手入门指南</a></li>
+                <li style="margin:10px 0;"><a href="/角色强度排行">📊 角色强度排行</a></li>
+                <li style="margin:10px 0;"><a href="/装备推荐">⚔️ 装备搭配推荐</a></li>
+                <li style="margin:10px 0;"><a href="/活动攻略">🎪 限时活动攻略</a></li>
+            </ul>
+        </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>