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

<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="top-row" style="display:flex; gap:25px; flex-wrap:wrap; margin-bottom:30px;">
    
    <!-- 左侧：网页横幅 -->
    <div class="hero-banner" style="flex:2; min-width:250px;">
        [[File:wyhf.png|center|link=|alt=网站横幅]]
    </div>
    
    <!-- 右侧：更新公告卡片 -->
    <div class="update-card" style="flex:1; min-width:280px; background:#f8f9fa; border-radius:12px; padding:20px; 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-item" 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 class="update-item" 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 class="update-link" style="margin-top:12px;">
            <a href="/更新日志" style="color:#36c; text-decoration:none;">查看完整更新日志 →</a>
        </div>
    </div>
    
</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="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>