查看“︁测试页面”︁的源代码

<div class="mist-hero">
<h1 class="mist-hero-title">迷雾Wiki</h1>
<p class="mist-hero-subtitle">另类现实游戏编年史 · 记录迷雾中的真相</p>
<div class="mist-stats">
<div class="mist-stat">
<span class="mist-stat-num">142</span>
<span class="mist-stat-label">收录 ARG</span>
</div>
<div class="mist-stat">
<span class="mist-stat-num">3,890</span>
<span class="mist-stat-label">档案条目</span>
</div>
<div class="mist-stat">
<span class="mist-stat-num">12k+</span>
<span class="mist-stat-label">时间节点</span>
</div>
</div>
</div>

<div class="mist-portal-row">
<div class="mist-portal-card">
<div class="mist-portal-bar mist-portal-bar-blue"></div>
<div class="mist-portal-body">
<span class="mist-portal-icon">📂</span>
<div class="mist-portal-title">ARG 档案库</div>
<div class="mist-portal-desc">浏览完整的另类现实游戏案例库，包含已完结与进行中的项目详细记录。</div>
</div>
[[Category:ARG|<span class="mist-portal-btn">进入档案库</span>]]
</div>

<div class="mist-portal-card">
<div class="mist-portal-bar mist-portal-bar-purple"></div>
<div class="mist-portal-body">
<span class="mist-portal-icon">🕐</span>
<div class="mist-portal-title">迷雾编年史</div>
<div class="mist-portal-desc">跨越多个ARG的时间轴视图，探索事件之间的隐秘联系与时间节点。</div>
</div>
[[迷雾编年史|<span class="mist-portal-btn">查看时间线</span>]]
</div>

<div class="mist-portal-card">
<div class="mist-portal-bar mist-portal-bar-green"></div>
<div class="mist-portal-body">
<span class="mist-portal-icon">📖</span>
<div class="mist-portal-title">术语解读</div>
<div class="mist-portal-desc">ARG 常用术语、密码学基础、常见谜题类型及解密工具索引。</div>
</div>
[[术语列表|<span class="mist-portal-btn">查阅词典</span>]]
</div>
</div>

==✦ 精选 ARG ==
<div class="mist-featured-row">
...（精选卡片内容，结构同上）
</div>

==📋 最近更新 ==
<div class="mist-recent">
...
</div>