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

__NOTOC__
__NOEDITSECTION__
<style>
/* 这里的变量模仿 BanG Dream 的星空与活力色彩 */
:root {
    --bd-primary: #ff527b; /* 类似 Poppin'Party 的粉红 */
    --bd-secondary: #33ccff; /* 类似 Hello, Happy World! 的天蓝 */
    --bd-accent: #ffd700;
    --bd-bg: rgba(255, 255, 255, 0.9);
    --archive-gray: #2c3e50; /* 提升严谨性的深灰色 */
}

.bd-wrapper {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border-radius: 20px;
    padding: 20px;
}

/* 顶部 Banner - 类似演出海报 */
.bd-hero {
    background: linear-gradient(45deg, var(--bd-primary), var(--bd-secondary));
    border-radius: 15px;
    padding: 50px 30px;
    color: white;
    box-shadow: 0 10px 20px rgba(255, 82, 123, 0.3);
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

/* 模拟严谨档案的装饰 */
.bd-hero::before {
    content: "UNIVERSE ARCHIVE v2.0";
    position: absolute;
    top: 10px;
    right: 20px;
    font-family: monospace;
    opacity: 0.5;
    font-size: 0.8em;
}

/* 响应式栅格 */
.bd-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* 邦风卡片 */
.bd-card {
    background: var(--bd-bg);
    border-radius: 12px;
    border-left: 6px solid var(--bd-primary);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.bd-card:hover {
    transform: scale(1.02);
    border-left-width: 10px;
}

.bd-card-title {
    font-size: 1.25em;
    font-weight: bold;
    color: var(--archive-gray);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
</style>
<div class="bd-wrapper">
    <div class="bd-hero">
        <h1 style="color:white; border:none; margin:0; font-size:2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">PROJECT: ALTERNATIVE WORLD</h1>
        <p style="font-size: 1.1em; opacity: 0.9;">“在音律与风暴交织的终点，见证文明的脉动。”</p>
    </div>

    <div class="bd-grid">
        <div class="bd-card" style="border-left-color: #33ccff;">
            <div class="bd-card-title">🌐 地理坐标系统</div>
            <p>记录架空世界的疆域、板块构造及行政区划。包含最新的交互式地图索引。</p>
            [[分类:地理|进入地图馆 →]]
        </div>

        <div class="bd-card" style="border-left-color: #ffd700;">
            <div class="bd-card-title">🌪️ 气象观测站</div>
            <p>从超级单体到全球洋流。针对极端天气现象的严谨科学分析与历史记录。</p>
            [[气象志|查看气象档案 →]]
        </div>

        <div class="bd-card" style="border-left-color: #a333ff;">
            <div class="bd-card-title">🎸 时代音轨</div>
            <p>每一个纪元都有其独特的节奏。探索文明发展史、宗教演变与文化冲突。</p>
            [[纪年史|翻阅历史篇章 →]]
        </div>
        
        <div class="bd-card" style="border-left-color: #00ffaa;">
            <div class="bd-card-title">💻 逻辑与语言</div>
            <p>Elona 与 Viper 语言文档，以及架空世界的技术栈规范。</p>
            [[编程语言|查看文档 →]]
        </div>
    </div>
</div>