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

<div class="wiki-main">


<!-- 全站通知 -->
<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="custom-homepage">

<!-- 自定义图片区域 -->
<div class="hero-banner">
    [[File:wyhf.png|center|link=|alt="网站横幅]]
</div>

<!-- 两栏布局 -->
<div class="two-columns">
    
    <!-- 左侧区域 -->
    <div class="left-column">
        
        <!-- 四个自定义卡片 -->
        <div class="feature-cards">
            <div class="feature-card card-purple">
                <div class="icon">⚔️</div>
                <a href="/角色图鉴">角色图鉴</a>
                <div class="desc">查看所有角色</div>
            </div>
            <div class="feature-card card-pink">
                <div class="icon">🗺️</div>
                <a href="/地图资料">地图资料</a>
                <div class="desc">探索世界</div>
            </div>
            <div class="feature-card card-blue">
                <div class="icon">📖</div>
                <a href="/游戏攻略">游戏攻略</a>
                <div class="desc">新手入门指南</div>
            </div>
            <div class="feature-card card-green">
                <div class="icon">📊</div>
                <a href="/数据统计">数据统计</a>
                <div class="desc">最新数据排行</div>
            </div>
        </div>
        
        <!-- 角色一览 -->
        <div class="character-section">
            <h2>✨ 角色一览</h2>
            <div class="character-grid">
                <div class="character-card">
                    <div class="avatar">👤</div>
                    <a href="/角色/示例角色">示例角色</a>
                    <div class="rarity">稀有度 ★★★★★</div>
                </div>
                <div class="character-card">
                    <div class="avatar">⚔️</div>
                    <a href="/角色/示例角色2">示例角色2</a>
                    <div class="rarity">稀有度 ★★★★</div>
                </div>
                <div class="character-card">
                    <div class="avatar">🧙</div>
                    <a href="/角色/示例角色3">示例角色3</a>
                    <div class="rarity">稀有度 ★★★★★</div>
                </div>
                <div class="character-card">
                    <div class="avatar">🏹</div>
                    <a href="/角色/示例角色4">示例角色4</a>
                    <div class="rarity">稀有度 ★★★★</div>
                </div>
            </div>
            <div class="view-all">
                <a href="/分类:角色">查看全部角色 →</a>
            </div>
        </div>
        
    </div>
    
    <!-- 右侧区域 -->
    <div class="right-column">
        
        <!-- 更新公告卡片 -->
        <div class="update-card">
            <h3>📢 更新公告</h3>
            <div class="update-item">
                <strong>v1.2.0 版本更新</strong>
           更新日期：2026年3月15日<br>
                • 新增3位新角色<br>
                • 优化游戏性能<br>
                • 修复已知Bug
            </div>
            <div class="update-item">
                <strong>v1.1.0 版本更新</strong>
                更新日期：2026年3月15日<br>
                • 新增活动副本<br>
                • 调整角色平衡性
            </div>
            <div class="update-link">
                <a href="/更新日志">查看完整更新日志 →</a>
            </div>
        </div>
        
        <!-- 兑换码卡片 -->
        <div class="redeem-card">
            <h3>🎁 兑换码</h3>
            <div class="code-box">WIKI2026</div>
            <div class="redeem-info">
                ⏰ 有效期至：2026年12月31日<br>
                🎁 奖励：钻石×100 + 招募券×1
            </div>
            <a href="/兑换中心" class="redeem-btn">前往兑换 →</a>
        </div>
        
    </div>
</div>

</div>