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


__NOTOC__
__NOEDITSECTION__
<!-- 全局背景设置 -->
<div style="background-color: #0d0d0d; color: #c0c0c0; font-family: 'Segoe UI', sans-serif; min-height: 100vh;">

<!-- 1. 调用页头 -->
{{顶部海报
|title = 迷雾Wiki
|subtitle = > 探索隐藏在现实边缘的真相
}}{{终端日志|title=123|content=123}}



<!-- ================= MAIN CONTAINER 主内容区 ================= -->
<div style="max-width: 1200px; margin: 0 auto; padding: 30px 20px; display: flex; flex-wrap: wrap; gap: 25px; align-items: flex-start;">

    <!-- ================= LEFT COLUMN (66%) ================= -->
    <div style="flex: 2; min-width: 300px;">
        
        <!-- 特色聚焦：文件档案风格 -->
        <div style="background: #161616; border: 1px solid #333; border-left: 4px solid #ff3333; border-radius: 4px; padding: 25px; margin-bottom: 25px;">
            <h2 style="border-bottom: 1px dashed #444; margin-top: 0; color: #fff; font-size: 1.4rem; padding-bottom: 10px; letter-spacing: 1px;">
                <span style="background: #ff3333; color: #000; padding: 2px 6px; font-size: 0.8rem; vertical-align: middle; margin-right: 10px; font-weight: bold;">TOP_SECRET</span>
                特色案件聚焦
            </h2>
            <div style="color: #bbb; line-height: 1.7; margin-top: 15px;">
                '''[[这里填写特色条目名|CASE #001: The Black Watchmen]]'''
                
                <p>“如果你看到了这段文字，说明你已经深陷其中。”</p>
                这是一个模糊了虚拟与现实边界的项目。作为特工，你需要运用社工库、频谱分析和实地勘探来解开谜题。目前该项目已进入第三阶段，所有调查员请注意隐蔽。
                
                <div style="margin-top: 20px; text-align: right;">
                    [[特色条目名称|<span style="border: 1px solid #ff3333; color: #ff3333; padding: 8px 20px; text-decoration: none; font-size: 0.9rem; transition: 0.3s;">ACCESS FILE >></span>]]
                </div>
            </div>
        </div>

        <!-- 导航方块 Grid -->
        <div style="display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 25px;">
            <!-- 新手入口 -->
            <div style="flex: 1; min-width: 220px; background: #1a1a1a; padding: 20px; border: 1px solid #2a2a2a; border-radius: 4px;">
                <h3 style="margin-top:0; color: #ddd; font-family: monospace;">[01] 新手入职</h3>
                <hr style="border: 0; border-top: 1px solid #333; margin: 10px 0;">
                <div style="font-size: 0.95rem; color: #999;">
* [[ARG是什么|<span style="color:#ccc">什么是ARG？</span>]]
* [[黑话大全|<span style="color:#ccc">术语代码表</span>]]
* [[新手教程|<span style="color:#ccc">解密工具安装</span>]]
                </div>
            </div>
            
            <!-- 档案索引 -->
            <div style="flex: 1; min-width: 220px; background: #1a1a1a; padding: 20px; border: 1px solid #2a2a2a; border-radius: 4px;">
                <h3 style="margin-top:0; color: #ddd; font-family: monospace;">[02] 档案库</h3>
                <hr style="border: 0; border-top: 1px solid #333; margin: 10px 0;">
                <div style="font-size: 0.95rem; color: #999;">
* [[Category:正在进行|<span style="color:#00ff00">● 正在进行 (Active)</span>]]
* [[Category:已结束|<span style="color:#666">● 已归档 (Archived)</span>]]
* [[Category:国内ARG|<span style="color:#ccc">国内企划</span>]]
                </div>
            </div>
        </div>

        <!-- 通讯/动态记录 -->
        <div style="background: #111; border: 1px solid #333; padding: 25px; position: relative;">
            <!-- 装饰角标 -->
            <div style="position: absolute; top: -1px; left: -1px; width: 10px; height: 10px; border-top: 2px solid #ff3333; border-left: 2px solid #ff3333;"></div>
            <div style="position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px; border-bottom: 2px solid #ff3333; border-right: 2px solid #ff3333;"></div>
            
            <h2 style="margin-top: 0; color: #fff; font-size: 1.2rem; font-family: monospace;">
                > SYSTEM_LOG / 最新动态
            </h2>
            <div style="font-size: 0.9rem; line-height: 1.8; color: #aaa; font-family: monospace;">
                <span style="color: #ff3333;">[2023.10.24]</span> [[某条目]] 资料已更新，发现新的密文。<br>
                <span style="color: #555;">[2023.10.20]</span> 系统维护公告：服务器将于明日凌晨重启。<br>
                <span style="color: #00ff00;">[2023.10.15]</span> 新项目 '''[[Project:MIST]]''' 已被收录。<br>
                <span style="color: #555;">[2023.10.10]</span> 欢迎新晋调查员加入编辑组。
            </div>
        </div>
    </div>

    <!-- ================= RIGHT COLUMN (33%) ================= -->
    <div style="flex: 1; min-width: 280px;">
        
        <!-- 工具箱：深色科技风 -->
        <div style="background: #1a1a1a; border: 1px solid #333; margin-bottom: 25px;">
            <div style="background: #222; padding: 15px; border-bottom: 1px solid #333;">
                <h3 style="margin: 0; color: #fff; font-size: 1.1rem;">🛠️ DECODER / 工具</h3>
            </div>
            <div style="padding: 20px;">
                <div style="margin-bottom: 15px;">
                    <strong style="color: #ff3333; display: block; margin-bottom: 5px; font-size: 0.8rem;">CRYPTO_TOOLS</strong>
                    <div style="display: flex; flex-wrap: wrap; gap: 5px;">
                        [[Base64|<span style="background:#333; color:#ccc; padding:3px 8px; font-size:0.85rem; border-radius:2px;">Base64</span>]]
                        [[摩斯电码|<span style="background:#333; color:#ccc; padding:3px 8px; font-size:0.85rem; border-radius:2px;">Morse</span>]]
                        [[栅栏密码|<span style="background:#333; color:#ccc; padding:3px 8px; font-size:0.85rem; border-radius:2px;">Rail Fence</span>]]
                    </div>
                </div>
                
                <div style="margin-bottom: 15px;">
                    <strong style="color: #ff3333; display: block; margin-bottom: 5px; font-size: 0.8rem;">AUDIO_VISUAL</strong>
                    <div style="display: flex; flex-wrap: wrap; gap: 5px;">
                        [[频谱分析|<span style="background:#333; color:#ccc; padding:3px 8px; font-size:0.85rem; border-radius:2px;">Spectrogram</span>]]
                        [[Exif查看|<span style="background:#333; color:#ccc; padding:3px 8px; font-size:0.85rem; border-radius:2px;">Exif Data</span>]]
                    </div>
                </div>
            </div>
        </div>

        <!-- 社区链接：简单列表 -->
        <div style="background: #161616; border: 1px solid #333; padding: 20px;">
            <h3 style="margin-top: 0; color: #fff; font-size: 1.1rem;">CONNECT</h3>
            <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.9rem;">
                <li style="margin-bottom: 10px; border-bottom: 1px solid #222; padding-bottom: 5px;">
                    <span style="color: #ff3333;">#</span> 官方交流群: <span style="color: #ccc;">XXXXXXX</span>
                </li>
                <li style="margin-bottom: 10px; border-bottom: 1px solid #222; padding-bottom: 5px;">
                    <span style="color: #5865F2;">#</span> Discord: <span style="color: #ccc;">[Link]</span>
                </li>
                <li>
                    <span style="color: #ff3333;">#</span> 投稿/联系: <span style="color: #ccc;">admin@mistarg.cn</span>
                </li>
            </ul>
        </div>
        
        <!-- 图片或Logo占位 -->
        <div style="margin-top: 25px; text-align: center; opacity: 0.5;">
            [[File:Your_Logo_Here.png|150px|link=]]
        </div>

    </div>
</div>

<!-- ================= FOOTER ================= -->
<div style="border-top: 1px solid #222; margin-top: 40px; padding: 20px; text-align: center; color: #555; font-size: 0.8rem; font-family: monospace;">
    MIST ARG WIKI &copy; 2023 <br>
    <span style="color: #333;">我们看不见迷雾，因为我们身在其中。</span>
</div>

</div>