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

<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> 欢迎来到本Wiki，数据正在完善中，感谢您的支持！
  </div>

  <!-- 页面操作栏 -->
  <div class="page-toolbar">
    <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-26</span>
    <span>最新编辑: <b>您的用户名</b></span>
  </div>

  <!-- 主内容区：两栏布局 -->
  <div class="zmd-grid">
    <!-- 左侧主要内容区域 -->
    <div class="zmd-main">
      <!-- 活动日历板块 -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">📅</span> 当前活动
          <span class="version-badge">最新版本</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>
                <li>✨ 活动名称1</li>
                <li>🎁 活动名称2</li>
                <li>⚔️ 活动名称3</li>
              </ul>
            </div>
            <div class="event-col" style="flex: 1;">
              <h4>活动类型二</h4>
              <ul>
                <li>🌱 活动名称A</li>
                <li>🎨 活动名称B</li>
                <li>📬 活动名称C</li>
              </ul>
            </div>
            <div class="event-col" style="flex: 1;">
              <h4>限时活动</h4>
              <ul>
                <li>💧 活动名称X</li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <!-- 关于本WIKI + 数据统计 -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">ℹ️</span> 关于本WIKI
        </div>
        <div class="zmd-card-content">
          <p>欢迎大家来到 <b>您的Wiki名称</b>！</p>
          <p>这里是您的攻略组/编辑团队名称，一个由爱好者组成的民间组织，致力于无偿提供攻略、数据图鉴、视频等内容，希望WIKI给各位玩家的旅程带来便利。</p>
          <div class="wiki-stats">
            <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建设的玩家可以加入交流群，私聊群主或管理了解详情。</p>
          <div class="qq-group">
            💬 交流群：<b>123456789</b>
          </div>
        </div>
      </div>

      <!-- 角色图鉴快速入口 -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">⭐</span> 角色图鉴
        </div>
        <div class="zmd-card-content">
          <div class="character-grid">
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色1');"></div>
              <div class="char-name">角色名1</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色2');"></div>
              <div class="char-name">角色名2</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色3');"></div>
              <div class="char-name">角色名3</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色4');"></div>
              <div class="char-name">角色名4</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar more-bg">+</div>
              <div class="char-name">全部</div>
            </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>编辑者A</b>，<b>编辑者B</b>，<b>编辑者C</b></p>
          <p>最后更新：2026-03-26</p>
        </div>
      </div>

      <!-- 官方链接 -->
      <div class="zmd-card">
        <div class="zmd-card-header">🔗 官方与社区</div>
        <div class="zmd-card-content link-list">
          <a href="#" target="_blank" rel="nofollow">官方网站</a>
          <a href="#" target="_blank">微博/B站</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 class="plain-list">
            <li><a href="#">编辑帮助手册</a> / <a href="#">模板使用指南</a></li>
            <li>加入编辑组QQ群：<b>123456789</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">
    <p>本站内容由玩家自发整理，遵循CC BY-NC-SA 4.0协议。若涉及侵权请联系管理员。</p>
    <p>页面贡献者：编辑者A, 编辑者B, 编辑者C · 最后更新：2026-03-26</p>
  </div>
</div>