查看“︁首页”︁的源代码

<!-- 
  请将以下代码完整复制到您的MediaWiki站点首页（例如“首页”页面）的源代码编辑器中。
  本页面设计基于MediaWiki 1.42.7，使用了部分现代CSS特性及MW内置样式。
  若需要完全仿照BWIKI的交互（如活动日历、角色头像网格），建议安装Cargo扩展以支持动态数据查询。
  静态图片链接请替换为您的实际图片URL。
--><div class="zmd-wiki-home">
  <!-- ================= 顶部全站通知栏 ================= -->
  <div class="mw-message-box mw-message-box-notice" style="background: #2a2e3a; border-left-color: #48bba0; color: #e0e3e9;">
    <strong>📢 全站通知：</strong> 本站数据内容正在完善中，目前还有部分数据缺失或不准确。我们会尽量以最快速度补全数据，同时感谢大家提供宝贵意见!
  </div>

  <!-- ================= 页面操作栏（刷/历/编） ================= -->
  <div class="page-toolbar" style="display: flex; justify-content: flex-end; gap: 12px; margin: 10px 0 20px; font-size: 0.9rem;">
    <span class="mw-ui-button mw-ui-quiet" style="cursor: default;">刷</span>
    <span class="mw-ui-button mw-ui-quiet" style="cursor: default;">历</span>
    <span class="mw-ui-button mw-ui-quiet" onclick="location.href=location.href+'?action=edit'" style="cursor: pointer;">编</span>
    <span style="color: #7f8c8d;">阅读</span>
    <span style="color: #48bba0;">2026-03-22更新</span>
    <span>最新编辑: <b>予澄Yucheng</b></span>
  </div>

  <!-- ================= 主内容区：两栏布局 ================= -->
  <div class="zmd-grid" style="display: grid; grid-template-columns: 1fr 300px; gap: 24px; margin-top: 10px;">
    <!-- 左侧主要内容区域 -->
    <div class="zmd-main">
      <!-- 活动日历 / 轮播板块（模仿BWIKI活动面板） -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">📅</span> 活动日历
          <span class="version-badge">当前版本：1.1 // 新潮起，故渊离</span>
        </div>
        <div class="zmd-card-content">
          <div class="event-grid" style="display: flex; flex-wrap: wrap; gap: 20px;">
            <div class="event-col" style="flex: 1;">
              <h4>干员寻访</h4>
              <ul style="list-style: none; padding-left: 0;">
                <li>✨ 特许寻访 · 河流的女儿</li>
                <li>🎁 限时签到 · 清波静流</li>
                <li>⚔️ 作战演练 · 汤汤</li>
              </ul>
            </div>
            <div class="event-col" style="flex: 1;">
              <h4>武库申领</h4>
              <ul style="list-style: none; padding-left: 0;">
                <li>🌱 新芽申领：落草 // 手铳</li>
                <li>🎨 绘涂申领：艺术暴君 // 手铳</li>
                <li>📬 讯行申领：使命必达 // 施术单元</li>
              </ul>
            </div>
            <div class="event-col" style="flex: 1;">
              <h4>限时活动</h4>
              <ul style="list-style: none; padding-left: 0;">
                <li>💧 泉流无声 // 引入活动</li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <!-- 关于本WIKI + 数据统计（使用MW魔术字） -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">ℹ️</span> 关于本WIKI
        </div>
        <div class="zmd-card-content">
          <p>欢迎大家来到《明日方舟：终末地》WIKI！</p>
          <p>这里是<b>白鲸攻略组</b>，一个由喜爱这款游戏的玩家组成的民间攻略组织，致力于无偿地向玩家提供攻略、数据图鉴、视频、同人相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。</p>
          <div class="wiki-stats" style="background: #1e2128; padding: 12px; border-radius: 12px; margin: 15px 0; display: flex; justify-content: space-around; text-align: center;">
            <div><b>{{NUMBEROFUSERS}}</b><br/>注册用户</div>
            <div><b>{{NUMBEROFACTIVEUSERS}}</b><br/>活跃编辑者</div>
            <div><b>{{NUMBEROFEDITS}}</b><br/>总编辑次数</div>
            <div><b>{{NUMBEROFPAGES}}</b><br/>页面总数</div>
          </div>
          <p>当然WIKI的制作也离不开各位大佬们，有兴趣想参与WIKI建设的玩家可以加入交流群，私聊群主或者管理了解详情。</p>
          <div class="qq-group" style="background: #2a2e3a; border-radius: 30px; padding: 8px 16px; display: inline-block; margin-top: 8px;">
            💬 明日方舟终末地WIKI交流群：<b>1090659492</b>
          </div>
        </div>
      </div>

      <!-- 角色/干员图鉴快速入口（示例，可改用Cargo动态查询） -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">⭐</span> 干员图鉴
        </div>
        <div class="zmd-card-content">
          <div class="character-grid" style="display: flex; flex-wrap: wrap; gap: 12px;">
            <!-- 以下为静态示例，实际使用中建议使用 cargo_query 或 解析器函数 动态生成 -->
            <a href="#" class="char-item" style="text-align: center; width: 80px;">
              <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=陈'); background-size: cover;"></div>
              <span>陈</span>
            </a>
            <a href="#" class="char-item" style="text-align: center; width: 80px;">
              <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=星熊'); background-size: cover;"></div>
              <span>星熊</span>
            </a>
            <a href="#" class="char-item" style="text-align: center; width: 80px;">
              <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=能天使'); background-size: cover;"></div>
              <span>能天使</span>
            </a>
            <a href="#" class="char-item" style="text-align: center; width: 80px;">
              <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=凛视'); background-size: cover;"></div>
              <span>凛视</span>
            </a>
            <a href="#" class="char-item" style="text-align: center; width: 80px;">
              <div style="width: 70px; height: 70px; background: #3a4a52; border-radius: 50%; margin: 0 auto; line-height: 70px; text-align: center; font-size: 24px;">+</div>
              <span>全部</span>
            </a>
          </div>
        </div>
      </div>
    </div>

    <!-- 右侧侧边栏区域 -->
    <div class="zmd-sidebar">
      <!-- 页面贡献者 -->
      <div class="zmd-card">
        <div class="zmd-card-header">📝 最近编辑</div>
        <div class="zmd-card-content">
          <p>页面贡献者：<b>予澄Yucheng</b>，<b>攻略组小七</b>，<b>星熊不加班</b></p>
          <p>最后更新：2026-03-22</p>
        </div>
      </div>

      <!-- 常用链接/官方链接 -->
      <div class="zmd-card">
        <div class="zmd-card-header">🔗 官方与社区</div>
        <div class="zmd-card-content link-list" style="display: flex; flex-direction: column; gap: 8px;">
          <a href="https://www.bilibili.com" target="_blank" rel="nofollow">B站官方账号</a>
          <a href="#" target="_blank">官网地址</a>
          <a href="#" target="_blank">TapTap页面</a>
          <a href="#" target="_blank">版本更新记录</a>
          <a href="#" target="_blank">反馈建议板</a>
        </div>
      </div>

      <!-- 参与WIKI -->
      <div class="zmd-card">
        <div class="zmd-card-header">🛠️ 参与WIKI建设</div>
        <div class="zmd-card-content">
          <ul style="padding-left: 20px;">
            <li><a href="#">编辑帮助手册</a> / <a href="#">模板使用指南</a></li>
            <li>加入编辑组QQ群：<b>1090659492</b></li>
            <li>近期急需补充：敌方图鉴、剧情文本</li>
          </ul>
        </div>
      </div>

      <!-- 轮播/展示位（可选） -->
      <div class="zmd-card">
        <div class="zmd-card-header">🎬 最新视频</div>
        <div class="zmd-card-content" style="padding: 0;">
          <div style="background: #1a1e24; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 12px;">
            [ 视频展示位 ]
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- ================= 底部版权与贡献 ================= -->
  <div class="zmd-footer" style="margin-top: 40px; padding: 20px 0; text-align: center; border-top: 1px solid #2e3a44; font-size: 0.85rem; color: #8a9bb0;">
    <p>本站内容由玩家自发整理，遵循CC BY-NC-SA 4.0协议。若涉及侵权请联系管理员。</p>
    <p>页面贡献者：予澄Yucheng, 再睡五分钟, 终末地Bot · 最后更新：2026-03-22</p>
  </div>
</div>

<style>
/* 全局样式覆盖，使页面更贴近BWIKI深色风格 */
.zmd-wiki-home {
  background-color: #0a0c10;
  color: #e0e3e9;
  font-family: system-ui, -apple-system, 'Segoe UI', 'Microsoft YaHei', sans-serif;
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

/* 卡片样式 */
.zmd-card {
  background: rgba(20, 24, 30, 0.85);
  backdrop-filter: blur(2px);
  border-radius: 20px;
  border: 1px solid rgba(72, 187, 160, 0.3);
  margin-bottom: 24px;
  overflow: hidden;
  transition: 0.2s;
}
.zmd-card:hover {
  border-color: #48bba0;
  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
}
.zmd-card-header {
  padding: 14px 20px;
  background: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(72, 187, 160, 0.4);
  font-weight: bold;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.zmd-card-content {
  padding: 16px 20px;
}
.version-badge {
  margin-left: auto;
  font-size: 0.75rem;
  background: #1e3a3a;
  padding: 4px 12px;
  border-radius: 40px;
  font-weight: normal;
}
.header-icon {
  font-size: 1.3rem;
}
/* 链接颜色 */
a {
  color: #7fc1b0;
  text-decoration: none;
}
a:hover {
  color: #c0f0e2;
  text-decoration: underline;
}
/* 统计数字加粗 */
.wiki-stats b {
  font-size: 1.3rem;
  color: #48bba0;
}
/* 响应式 */
@media (max-width: 768px) {
  .zmd-grid {
    grid-template-columns: 1fr !important;
  }
  .event-grid {
    flex-direction: column;
  }
}
/* 模仿MediaWiki UI按钮样式（没有实际引入时手动模拟） */
.mw-ui-button {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 2px;
  background: #2a2e3a;
  color: #e0e3e9;
  border: 1px solid #4a5b6e;
  cursor: default;
}
.mw-ui-quiet {
  background: transparent;
  border-color: transparent;
}
</style>

<!-- ================= 可选的Cargo查询示例（需安装Cargo扩展后启用） ================= 
如果您的站点已安装Cargo扩展并创建了“干员”表，可以用以下代码替换上方静态图鉴部分，实现动态列表：
{{#cargo_query:
table=干员
|fields=名字,头像图片
|limit=8
|format=template
|template=干员图鉴展示模板
}}
-->

<!-- 备注：本页面已尽量兼容MediaWiki 1.42.7环境，未使用高版本特有语法。-->