|
|
| 第1行： |
第1行： |
| __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>
| |
