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

__NOTOC__
__NOEDITSECTION__
{{#css:
/* 首页样式 - 适配MediaWiki 1.42.7 */
.wiki-homepage {
    font-family: sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}
.home-section {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 2rem;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.home-section h2 {
    font-size: 1.5rem;
    border-bottom: 2px solid #c00;
    margin-top: 0;
    padding-bottom: 0.25rem;
    display: inline-block;
}
.countdown {
    font-family: monospace;
    font-size: 1.2rem;
    background: #2c3e50;
    color: #ecf0f1;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
}
.wiki-stats {
    font-size: 0.9rem;
    color: #555;
    margin-top: 0.5rem;
}
.group-link {
    background: #c00;
    color: white;
    padding: 0.2rem 0.8rem;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
}
.group-link:hover {
    background: #a00;
    color: white;
}
/* 响应式布局 */
.activity-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}
.activity-card {
    flex: 1;
    min-width: 200px;
    background: white;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 0.8rem;
}
@media (max-width: 768px) {
    .activity-grid {
        flex-direction: column;
    }
}
}}
<div class="wiki-homepage">

<!-- 全站通知 -->
<div class="home-section" style="background: #fff3e0; border-color: #ffcc80;">
    <strong>📢 全站通知：</strong> 本站数据内容正在完善中，目前还有部分数据缺失或不准确。<br>
    我们会尽量以最快速度补全数据，同时感谢大家提供宝贵意见!
</div>

<!-- 页面头部信息：刷历编、阅读数、更新信息 -->
<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 1rem;">
    <div>
        <span style="font-size: 1.2rem; font-weight: bold;">刷 历 编</span>
    </div>
    <div style="color: #666; font-size: 0.9rem;">
        45.2万阅读 · 2026-03-22更新 · 最新编辑: 予澄Yucheng
    </div>
</div>

<!-- 活动日历 + 倒计时区块 -->
<div class="home-section">
    <h2>📅 活动日历</h2>
    <div style="margin: 0.5rem 0 1rem 0; font-weight: bold; color: #c00;">当前版本：1.1 // 新潮起，故渊离</div>

    <div class="activity-grid">
        <!-- 干员寻访 -->
        <div class="activity-card">
            <strong>🎯 干员寻访</strong><br>
            特许寻访·河流的女儿<br>
            限时签到·清波静流<br>
            作战演练·汤汤<br>
            <span class="countdown" data-end="2026-03-29 00:00:00">2天13小时14分钟18秒</span>
        </div>
        <!-- 武库申领区块 包含三个项目 -->
        <div class="activity-card">
            <strong>⚔️ 武库申领</strong><br>
            🌱 新芽申领：落草 // 手铳<br>
            <span class="countdown" data-end="2026-03-29 00:00:00">2天1小时15分钟18秒</span><br>
            🎨 绘涂申领：艺术暴君 // 手铳<br>
            <span class="countdown">NaN天NaN小时NaN分钟NaN秒</span><br>
            📬 讯行申领：使命必达 // 施术单元<br>
            <span class="countdown" data-end="2026-03-29 00:00:00">2天1小时15分钟18秒</span>
        </div>
        <!-- 限时活动 -->
        <div class="activity-card">
            <strong>✨ 限时活动</strong><br>
            泉流无声 // 引入活动<br>
            <span class="countdown" data-end="2026-04-04 00:00:00">6天5小时15分钟18秒</span><br>
            物资供给·开拓节 // 供给活动<br>
            <span class="countdown" data-end="2026-04-04 00:00:00">6天5小时15分钟18秒</span>
        </div>
    </div>
</div>

<!-- 关于本WIKI -->
<div class="home-section">
    <h2>📖 关于本WIKI</h2>
    <p>欢迎大家来到《明日方舟：终末地》WIKI！</p>
    <div class="wiki-stats">
        现有 <strong>178,559</strong> 名注册用户；近期有 <strong>25</strong> 位活跃编辑者，<strong>5,492</strong> 次编辑；<strong>2,938</strong> 个页面。
    </div>
    <p>这里是白鲸攻略组，一个由喜爱这款游戏的玩家组成的民间攻略组织，致力于无偿地向玩家提供攻略、数据图鉴、视频、同人相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。</p>
    <p>当然WIKI的制作也不离开各位大佬们，有兴趣想参与WIKI建设的玩家可以加入交流群，私聊群主或者管理了解详情。</p>
    <p><a href="https://qm.qq.com/cgi-bin/qm/qr?k=your_group_link" class="group-link" target="_blank">📢 明日方舟终末地WIKI交流群：1090659492</a></p>
</div>

<!-- 动态倒计时脚本 (基于JavaScript，使用当前MediaWiki环境) -->
<script>
// 倒计时更新函数，用于模拟页面中的动态倒计时
(function() {
    function updateCountdowns() {
        var elements = document.querySelectorAll('.countdown[data-end]');
        var now = new Date();
        for (var i = 0; i < elements.length; i++) {
            var endStr = elements[i].getAttribute('data-end');
            if (!endStr) continue;
            var end = new Date(endStr.replace(/-/g, '/'));
            var diff = end - now;
            if (diff <= 0) {
                elements[i].innerText = '活动已结束';
                continue;
            }
            var days = Math.floor(diff / (1000 * 60 * 60 * 24));
            var hours = Math.floor((diff % (86400000)) / (3600000));
            var minutes = Math.floor((diff % 3600000) / 60000);
            var seconds = Math.floor((diff % 60000) / 1000);
            elements[i].innerText = days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒';
        }
    }
    updateCountdowns();
    setInterval(updateCountdowns, 1000);
})();
</script>

<!-- 由于倒计时需要准确的结束日期，请根据活动实际结束时间修改 data-end 属性值。当前示例日期仅为示意 -->
</div>