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

<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>

<!-- 第一行：横幅 + 更新公告并排 -->
<div class="top-row">
    <div class="hero-banner">
        [[File:wyhf.png|center|link=|alt=网站横幅]]
    </div>
            __NOTOC__
    <div class="update-card">
        <h3>📢 更新公告</h3>
        <div class="update-item">
            <strong>v1.2.0 版本更新</strong><br>
            更新日期：{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY2}}日<br>
            • 新增3位新角色<br>
            • 优化游戏性能<br>
            • 修复已知Bug
        </div>
        <div class="update-item">
            <strong>v1.1.0 版本更新</strong><br>
            更新日期：2026年3月15日<br>
            • 新增活动副本<br>
            • 调整角色平衡性
        </div>
        <div class="update-link">
            [[更新日志|更新日志 →]]
        </div>
    </div>
</div>

<!-- 两栏布局 -->
<div class="two-columns">
    
    <!-- 左侧区域 -->
    <div class="left-column">
         <!-- 常用内容标题 -->
        <h2 style="border-left:4px solid #36c; padding-left:15px; margin-bottom:20px;">📌 常用内容</h2>
       <!-- 四个图片卡片 - 点击图片跳转 -->
       <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>
        
      <!-- 角色一览 -->
        <div class="character-section">
            <h2>✨ 角色一览</h2>
            <gallery mode="nolines" widths="120" heights="120" perrow="7">
           角色01.png|link=棋子|费用 1
           角色02.png|link=棋子|费用 3
           角色03.png|link=棋子|费用 4
           角色04.png|link=棋子|费用 4
            </gallery>

         <div style="text-align: left; margin: 0; padding: 0;">
    <gallery mode="nolines" widths="600" heights="auto" perrow="1">
    全部棋子.png|link=棋子
    </gallery>
</div>
        </div>
        
    </div>
    
    <!-- 右侧区域 -->
    <div class="right-column">
        
        <!-- 兑换码卡片 -->
        <div class="redeem-card">
            <h3>兑换中心</h3>
            <div class="code-box">新增兑换道具</div>
            <div class="redeem-info">
               月光棋盘<br>
               小小棋子-菲比
            </div>
           <div class="redeem-btn">[[兑换中心|前往兑换 →]]</div>
        </div>
        
    </div>
</div>

</div>