game/website/intro.html

690 lines
41 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>宇森 — 游戏百科</title>
<style>
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
font-family:'Microsoft YaHei','PingFang SC',sans-serif;
background:#06090f; color:#c8d6e5; line-height:1.7;
}
#particles {
position:fixed; top:0; left:0; width:100%; height:100%;
z-index:0; pointer-events:none;
}
/* ===== 顶栏导航tab 切换) ===== */
nav {
position:fixed; top:0; left:0; right:0; z-index:1000;
background:rgba(6,9,15,.88); backdrop-filter:blur(14px);
border-bottom:1px solid rgba(100,200,255,.1);
padding:0 32px; height:56px;
display:flex; align-items:center; gap:6px;
}
nav .logo {
font-size:18px; font-weight:bold; letter-spacing:2px;
background:linear-gradient(135deg,#4af,#a8e6cf);
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
text-decoration:none; margin-right:20px;
}
nav .tab {
color:#667788; text-decoration:none; font-size:14px;
padding:7px 16px; border-radius:8px; transition:all .2s;
cursor:pointer; border:none; background:none; font-family:inherit;
}
nav .tab:hover { color:#aaccdd; background:rgba(100,200,255,.06); }
nav .tab.active {
color:#4af; background:rgba(74,175,255,.12);
box-shadow:inset 0 0 0 1px rgba(74,175,255,.2);
}
#auth-area { margin-left:auto; margin-right:8px; }
/* ===== 主内容区 ===== */
.page {
position:relative; z-index:1; padding:76px 36px 60px;
max-width:980px; margin:0 auto;
}
.tab-panel { display:none; }
.tab-panel.active { display:block; animation:fadeIn .25s ease; }
@keyframes fadeIn { from{opacity:0;transform:translateY(6px);} to{opacity:1;transform:none;} }
h1 {
font-size:28px; font-weight:bold; margin-bottom:6px;
background:linear-gradient(135deg,#4af,#a8e6cf);
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.page-sub { color:#556677; font-size:14px; margin-bottom:32px; }
h2 {
font-size:22px; color:#e0e0e0; margin:36px 0 14px; padding-left:12px;
border-left:3px solid #4af;
}
h3 {
font-size:17px; color:#d0dce8; margin:20px 0 10px;
}
p { color:#99aabb; font-size:15px; margin-bottom:14px; line-height:1.9; }
/* ===== 背景页 · 内容章节(平铺,非子菜单) ===== */
.bg-section { margin-bottom:40px; }
.bg-section h2 { margin-top:0; }
.features { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:18px; }
.feature-card {
background:rgba(10,20,40,.5); border:1px solid rgba(100,200,255,.1);
border-radius:12px; padding:24px 20px;
transition:transform .25s,border-color .25s;
}
.feature-card:hover { transform:translateY(-3px); border-color:rgba(100,200,255,.28); }
.feature-card .icon { font-size:30px; margin-bottom:10px; }
.feature-card h3 { font-size:15px; color:#e0e0e0; margin-bottom:6px; }
.feature-card p { font-size:13px; color:#8899aa; line-height:1.6; margin:0; }
/* ===== 其他面板通用 ===== */
.panel-placeholder {
text-align:center; padding:80px 20px; color:#556677;
font-size:15px;
}
.panel-placeholder .icon { font-size:48px; margin-bottom:16px; }
/* ===== 剧情页 ===== */
.story-section { margin-bottom:54px; }
.story-section > h2:first-child { margin-top:0; }
.story-note {
background:rgba(10,20,40,.45); border:1px solid rgba(100,200,255,.12);
border-radius:12px; padding:18px 22px; color:#9fb0c2; font-size:14px;
line-height:1.95; margin-bottom:26px;
}
.story-note strong { color:#cfe6ff; }
/* 卷列表 */
.volume-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.volume-card {
background:rgba(10,20,40,.5); border:1px solid rgba(100,200,255,.1);
border-radius:12px; padding:20px 22px;
transition:transform .25s,border-color .25s;
}
.volume-card:hover { transform:translateY(-3px); border-color:rgba(100,200,255,.32); }
.volume-card .vol-no { font-size:12px; color:#4af; letter-spacing:1px; }
.volume-card h3 { font-size:16px; color:#eaf2ff; margin:4px 0 12px; border:none; padding:0; }
.vol-meta { font-size:13px; color:#9fb0c2; margin-bottom:7px; line-height:1.65; }
.vol-meta b { color:#a8e6cf; font-weight:600; }
.vol-climax {
margin-top:11px; padding-top:11px; border-top:1px dashed rgba(100,200,255,.16);
font-size:13px; color:#c7d4e2; line-height:1.7;
}
.vol-climax b { color:#a8e6cf; font-weight:600; }
/* 章节正文 */
.chapter {
background:rgba(10,20,40,.26); border:1px solid rgba(100,200,255,.08);
border-radius:12px; padding:6px 28px 22px; margin-bottom:22px;
}
.chapter h3 { margin-top:26px; }
.chapter p { color:#aebccd; }
/* 系统面板(游戏内 UI 风) */
.sys-panel {
background:rgba(4,12,24,.72); border-left:3px solid #4af; border-radius:0 8px 8px 0;
padding:12px 16px; margin:16px 0; color:#8fd0ff;
font-size:13px; line-height:1.85; font-family:'Consolas','SF Mono',Menlo,monospace;
white-space:pre-line;
}
/* 上帝模拟器 · 状态面板(高级感游戏 UI */
.god-panel{
position:relative;
margin:22px 0;
padding:0;
background:
linear-gradient(135deg, rgba(74,170,255,.08) 0%, rgba(168,85,247,.08) 100%),
rgba(8,14,30,.92);
border:1px solid rgba(74,170,255,.25);
border-radius:10px;
font-family:'Consolas','SF Mono',Menlo,monospace;
color:#cfd8e8;
overflow:hidden;
box-shadow:0 4px 24px rgba(74,170,255,.12), inset 0 1px 0 rgba(255,255,255,.04);
}
.god-panel::before{
content:'';position:absolute;top:0;left:0;right:0;height:1px;
background:linear-gradient(90deg, transparent, rgba(74,170,255,.6), rgba(168,85,247,.6), transparent);
}
.god-panel-head{
display:flex;align-items:center;justify-content:space-between;
padding:12px 16px;
background:linear-gradient(90deg, rgba(74,170,255,.12), transparent);
border-bottom:1px solid rgba(74,170,255,.18);
}
.god-panel-title{
display:flex;align-items:center;gap:8px;
font-size:13px;font-weight:700;color:#fff;letter-spacing:2px;
}
.god-panel-title .gp-icon{
display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;
border-radius:6px;background:linear-gradient(135deg,#4af,#a8f);font-size:12px;
}
.god-panel-tag{
font-size:10px;color:#4af;letter-spacing:1.5px;
padding:3px 9px;border:1px solid rgba(74,170,255,.4);border-radius:99px;
background:rgba(74,170,255,.08);
}
.god-panel-body{padding:14px 16px 16px;}
.god-panel-row{
display:flex;align-items:center;gap:10px;
padding:6px 0;font-size:13px;
}
.god-panel-row + .god-panel-row{border-top:1px dashed rgba(74,170,255,.12);}
.god-panel-label{
flex:0 0 56px;color:#7b8ea8;font-size:11px;letter-spacing:1px;
}
.god-panel-value{flex:1;color:#e6f0fb;}
.god-panel-chips{display:flex;flex-wrap:wrap;gap:6px;}
.god-chip{
display:inline-flex;align-items:center;gap:4px;
padding:3px 10px;font-size:11px;border-radius:5px;
background:rgba(74,170,255,.1);border:1px solid rgba(74,170,255,.25);color:#8fd0ff;
letter-spacing:.5px;
}
.god-chip.gold{background:rgba(231,184,92,.1);border-color:rgba(231,184,92,.3);color:#fbbf24;}
.god-chip.purple{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3);color:#c084fc;}
.god-chip.green{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#4ade80;}
.god-chip.pink{background:rgba(236,72,153,.1);border-color:rgba(236,72,153,.3);color:#f472b6;}
.god-energy{display:flex;align-items:center;gap:10px;flex:1;}
.god-energy-bar{
flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.06);
overflow:hidden;position:relative;
}
.god-energy-fill{
height:100%;width:0%;
background:linear-gradient(90deg, #4af, #a8f);
box-shadow:0 0 8px rgba(74,170,255,.5);
animation:energy-pulse 2s ease-in-out infinite;
}
@keyframes energy-pulse{
0%,100%{opacity:.85;}
50%{opacity:1;}
}
.god-energy-num{
flex:0 0 auto;font-family:inherit;font-size:13px;font-weight:700;
color:#fbbf24;min-width:32px;text-align:right;
}
.god-panel-foot{
display:flex;align-items:center;justify-content:space-between;
padding:8px 16px;border-top:1px solid rgba(74,170,255,.12);
font-size:10px;color:#7b8ea8;letter-spacing:1px;
background:rgba(0,0,0,.18);
}
.god-panel-foot .gp-id{color:#4af;font-family:inherit;letter-spacing:2px;}
/* 叙事引言 */
.story-quote {
border-left:3px solid rgba(168,230,207,.5); padding:10px 16px; margin:16px 0;
color:#9fb0c2; font-style:italic; font-size:14px; line-height:1.8;
}
/* 列表 & 表格 */
.story-list { margin:12px 0 12px 22px; }
.story-list li { color:#9fb0c2; font-size:14px; margin-bottom:9px; line-height:1.7; }
.story-list li b { color:#a8e6cf; }
.story-table { width:100%; border-collapse:collapse; margin:18px 0 4px; font-size:13px; }
.story-table th, .story-table td {
border:1px solid rgba(100,200,255,.14); padding:9px 13px; text-align:left; color:#aebccd;
}
.story-table th { background:rgba(74,175,255,.1); color:#cfe6ff; font-weight:600; }
.story-table tr:hover td { background:rgba(74,175,255,.05); }
@media (max-width:768px) {
.volume-grid { grid-template-columns:1fr; }
.chapter { padding:6px 16px 20px; }
}
/* ===== 响应式 ===== */
@media (max-width:768px) {
nav { padding:0 16px; flex-wrap:wrap; height:auto; gap:4px; padding-top:8px;padding-bottom:8px; }
nav .tab { font-size:13px; padding:6px 12px; }
nav .logo { margin-right:12px; }
.page { padding:96px 16px 40px; }
.features { grid-template-columns:1fr; }
}
/* ===== 加载态 ===== */
.loading { text-align:center; color:#556677; padding:40px; }
</style>
<link rel="stylesheet" href="auth.css">
</head>
<body>
<canvas id="particles"></canvas>
<nav>
<a href="index.html" class="logo">✦ 宇森</a>
<button class="tab active" data-tab="intro">介绍</button>
<button class="tab" data-tab="bg">背景</button>
<button class="tab" data-tab="rules">规则</button>
<button class="tab" data-tab="codex">图鉴</button>
<button class="tab" data-tab="forum">论坛</button>
<button class="tab" data-tab="announce">公告</button>
<button class="tab" data-tab="story">剧情</button>
<div id="auth-area"></div>
</nav>
<div class="page">
<!-- ========== 介绍 ========== -->
<div class="tab-panel active" id="panel-intro">
<h1>宇 森</h1>
<p class="page-sub">寰 宇 · 森 罗 — 一个活的文明系统</p>
<div style="background:rgba(10,20,40,.4); border-radius:12px; padding:30px 26px;">
<p style="font-size:15px;color:#b0c0d0;">
你的角色不是操控者,而是<strong style="color:#4af;">「园丁」</strong>——播种、引导、在关键时刻施加影响,然后看着文明顺着自己的逻辑生长。
</p>
<p style="font-size:15px;color:#b0c0d0;margin-top:12px;">
每个世界由五层垂直空间组成:从地心的熔岩脉搏,到地表上繁衍的城镇,再到星空中的未知信号。层与层之间不是割裂的维度,而是同一世界的不同切面——地下的矿脉供养地表的炉火,天空的季风影响作物的丰歉,星空的异常预示着文明的转折。
</p>
<p style="font-size:15px;color:#b0c0d0;margin-top:12px;">
文明中的个体NPC有自己的性格、记忆和成长轨迹。他们会在火灾后学会预防在交易中积累智慧在危机中推举领袖。
<br><strong style="color:#a8e6cf;">这是一个活的文明系统。</strong>
</p>
</div>
<h2>快速了解</h2>
<div class="features">
<div class="feature-card">
<div class="icon">🧬</div>
<h3>活的文明</h3>
<p>NPC 有性格、记忆和自主决策能力,不是站桩的静态单位。</p>
</div>
<div class="feature-card">
<div class="icon">🏔️</div>
<h3>五层垂直世界</h3>
<p>地心 / 地下 / 大地 / 天空 / 星空,层间资源和事件互通。</p>
</div>
<div class="feature-card">
<div class="icon">🔭</div>
<h3>镜头语言</h3>
<p>点击格子 → 飞入微观场景,建筑动画、人物走动、资源飘字。</p>
</div>
<div class="feature-card">
<div class="icon">🌐</div>
<h3>独立世界 + 异步互动</h3>
<p>每人一个世界,通过贸易 / 战争 / 联盟产生连接。</p>
</div>
</div>
</div>
<!-- ========== 背景(特色 + 世界背景 + 致玩家 整合) ========== -->
<div class="tab-panel" id="panel-bg">
<h1>背 景</h1>
<p class="page-sub">世界观设定 · 开发理念 · 给玩家的话</p>
<!-- 子板块一:核心特色 -->
<div class="bg-section">
<h2>✦ 核心特色</h2>
<p>宇森不是传统沙盒——每个系统都围绕「活的文明」这一核心理念设计。</p>
<div class="features">
<div class="feature-card">
<div class="icon">🧬</div>
<h3>活的文明</h3>
<p>NPC 有性格、记忆和自主决策能力,不是站桩的静态单位。日常靠规则引擎生存,周期性通过智能体反思进化。</p>
</div>
<div class="feature-card">
<div class="icon">🏔️</div>
<h3>五层垂直世界</h3>
<p>地心 / 地下 / 大地 / 天空 / 星空,五层是同一世界的不同切面,层间有资源和事件互动。</p>
</div>
<div class="feature-card">
<div class="icon">🔭</div>
<h3>镜头语言</h3>
<p>点击格子 → 由远及近飞入 → 进入微观场景。建筑动画、人物走动、资源飘字,沉浸式体验。</p>
</div>
<div class="feature-card">
<div class="icon">🌐</div>
<h3>独立世界 + 异步互动</h3>
<p>每人一个世界,通过贸易 / 战争 / 联盟产生连接。独立的世界平面,异步策略博弈。</p>
</div>
<div class="feature-card">
<div class="icon">🗺️</div>
<h3>渐进式地图</h3>
<p>从 127 格起步,随文明发展扩展至千格、万格。正六边形密铺,无缝缩放。</p>
</div>
<div class="feature-card">
<div class="icon">⚔️</div>
<h3>深度系统</h3>
<p>种族 / 性格 / 天赋 / 职业 / 建造 / 交易 / 战争 / 势力 / 装备 / 神器 / 传奇 — 十五大系统。</p>
</div>
</div>
</div>
<!-- 子板块二:世界背景 -->
<div class="bg-section">
<h2>✦ 世界背景</h2>
<p>你的角色不是操控者,而是<strong style="color:#4af;">「园丁」</strong>——播种、引导、在关键时刻施加影响,然后看着文明顺着自己的逻辑生长。</p>
<p>每个世界由五层垂直空间组成:从地心的熔岩脉搏,到地表上繁衍的城镇,再到星空中的未知信号。层与层之间不是割裂的维度,而是同一世界的不同切面——地下的矿脉供养地表的炉火,天空的季风影响作物的丰歉,星空的异常预示着文明的转折。</p>
<p>文明中的个体NPC有自己的性格、记忆和成长轨迹。他们会在火灾后学会预防在交易中积累智慧在危机中推举领袖。<br><strong style="color:#a8e6cf;">这是一个活的文明系统。</strong></p>
<h3>时间与季节</h3>
<p>世界拥有独立的昼夜循环和四季更替。时间不仅影响光照和氛围,还驱动 NPC 的作息、作物的生长、以及某些事件的发生概率。玩家可以通过时钟控件加速或暂停时间流逝。</p>
<h3>五层结构</h3>
<p><strong>星空</strong> — 未知的信号源,可能来自远古文明或外星存在。<br>
<strong>天空</strong> — 季风与气候层,影响地表农业和航行。<br>
<strong>大地</strong> — 文明的主舞台,城镇、农田、道路在此展开。<br>
<strong>地下</strong> — 矿脉与遗迹,为地表提供资源。<br>
<strong>地心</strong> — 熔岩与能量源头,极端环境下的特殊生态。</p>
</div>
<!-- 子板块三:致玩家 -->
<div class="bg-section">
<h2>✦ 致玩家</h2>
<p style="font-size:16px;color:#c8d6e5;line-height:2;">
欢迎来到宇森。这里没有既定的胜利条件,也没有强制的主线任务。<br><br>
你可以花一下午看 NPC 们如何从零建起一座小镇;也可以专注于地形塑造,把世界雕成你心中的样子;或者什么都不做,只是静静地看着昼夜交替、四季流转。<br><br>
这个世界会记住你的每一次选择。你种下的因,会在某个意想不到的时刻结出果——也许是一棵参天大树,也许是一场席卷大陆的战争,也许只是一个居民在酒馆里提起你的名字。<br><br>
<strong style="color:#a8e6cf;">去探索吧,园丁。这个世界在等你。</strong>
</p>
</div>
</div>
<!-- ========== 规则 ========== -->
<div class="tab-panel" id="panel-rules">
<h1>规 则</h1>
<p class="page-sub">游戏机制与玩法说明</p>
<div id="rules"><div class="loading">加载中...</div></div>
</div>
<!-- ========== 图鉴 ========== -->
<div class="tab-panel" id="panel-codex">
<h1>图 鉴</h1>
<p class="page-sub">世界中的万物记录</p>
<div id="codex"><div class="loading">加载中...</div></div>
</div>
<!-- ========== 论坛 ========== -->
<div class="tab-panel" id="panel-forum">
<h1>论 坛</h1>
<p class="page-sub">玩家讨论与交流</p>
<div id="forum"><div class="loading">加载中...</div></div>
</div>
<!-- ========== 公告 ========== -->
<div class="tab-panel" id="panel-announce">
<h1>公 告</h1>
<p class="page-sub">官方通知 · ANNOUNCEMENTS</p>
<div id="announce" class="announce-list" aria-live="polite"></div>
</div>
<!-- ========== 剧情(新增) ========== -->
<div class="tab-panel" id="panel-story">
<h1>剧 情</h1>
<p class="page-sub">世界观主线与支线叙事</p>
<!-- ========== 卷一 正文 ========== -->
<div class="story-section">
<h2>✦ 卷一 · 创世之始</h2>
<div class="story-quote">从能量为 0 的穷神,到点亮第一簇火、养出第一个聚落。这是宇森宇宙的起点。</div>
<div class="chapter">
<h3>序章 · 最后一班,与最初的一班</h3>
<p>林默是在凌晨三点十七分死去的。</p>
<p>死因没什么戏剧性——连续第四十一个小时对着显示器,心脏先一步下了班。最后映进眼底的,是屏幕上那行还没保存的方案文档,和右下角弹出的「内存不足」。</p>
<p>黑暗来得干脆。</p>
<p>再睁眼时,没有病房,没有急救的蓝光,只有一片望不到尽头的灰白。</p>
<p>不是雾,不是墙,是某种更本质的「空」。脚下没有实地,周身没有空气,可他偏偏稳稳地「站」着,像被某种规则托住。视野正中央,半透明面板无声浮起:</p>
<div class="sys-panel">上帝模拟器 已绑定
身份: 世界管理者
权限: 创造一切元素 (物质 / 生命 / 法则 / 文明)
当前能量: 0</div>
<p>一行冰冷的提示之后,林默才慢慢嚼出自己成了什么——不是这个世界里卑微的居民,而是它的造物主。山可以凭空隆起,海能够随手倾泻,连「重力」与「时间」这种底层规则,都能被他像拨动开关一样改写。</p>
<p>可系统很快补了一刀,把这份狂喜砸回地面:</p>
<div class="sys-panel">警告: 能量源自文明的发展与信仰. 没有生灵, 您连点亮第一缕火光都做不到. </div>
<p>也就是说,他空握一身神权,却穷得连颗石头都搓不出来。</p>
<p>就在他盯着「能量0」发愣时面板角落弹出一条闪烁的红字</p>
<div class="sys-panel">检测到初始文明种子 · 已坠落至世界边缘. 是否投放?</div>
<p>林默抬起手。指尖穿过灰白,点下那个「是」。</p>
<p>「投放。」</p>
<p>下一秒,一簇微光砸进无垠的虚空。</p>
<p>他知道,自己这趟「上帝」的差事,从这一刻,才算真正开场。</p>
</div>
<div class="chapter">
<h3>第1章 · 灰白沙盘</h3>
<p>能量为零的世界,比林默想象的更荒凉。</p>
<p>他试着「造一座山」。面板闪了一下,弹出一行小字:创造失败: 能量不足. 本次所需最低能量 1, 当前 0. </p>
<p>他试着「点一团火」。同样的结果。</p>
<p>他甚至试着凭意念搓出一颗石子——灰白的空间纹丝不动,连粒尘埃都没飘起来。</p>
<p>「所以这就是当上帝的体面。」林默对着空无一物的虚空自嘲,「连个响都听不着。」</p>
<p>可他很快发现,这方灰白并非死寂。当他凝神去「看」,视野里浮起一层极淡的网格,从脚下向四周无限延展,像一张等待落子的棋盘。网格的尽头,那簇被他投放的文明种子,正悬在一道微光里,缓慢旋转。</p>
<div class="sys-panel">文明种子 · 状态: 休眠中
内含: 初始生命蓝图 ×1, 文明火种 ×1
激活条件: 管理者注入首批引导意志</div>
<p>「引导意志?」林默皱眉。系统给了段简释:他不必事必躬亲地「手搓」万物,只需在世界的关键节点施加一次影响——一次抉择、一句低语、一道微光——文明便会顺着自己的逻辑自行生长。这恰好是「园丁」二字的真意:播种,引导,然后退后,看它活。</p>
<p>「总算有个能用的词。」他松了口气。当神当到要乞讨一句话的权限,这差事未免太寒酸,但至少,路是通的。</p>
<p>他飘向那簇种子。微光触手的刹那,一段信息涌入脑海:这是一簇最原始的「人」——没有种族、没有天赋、没有记忆,只是一团等待被点亮的意识火苗。他们将从零开始,在灰白里摸索火、食物、聚居,用一代代试错,把荒原种成文明。</p>
<p>而他的任务,是在他们每一次濒临熄灭时,递上那根关键的柴。</p>
<div class="sys-panel">是否激活文明种子?
提示: 激活后将消耗您当前全部能量(0/0), 并开启首个世界锚点. </div>
<p>林默笑了:「反正兜里比脸还干净,点。」</p>
<div class="sys-panel">激活成功. 世界锚点已生成: 未命名. </div>
<p>脚下的灰白轻轻一颤,像沉睡的湖被投入第一颗石子。远处那簇微光,开始向下坠去,拖出一道细小的光尾——</p>
<p>它要落了。</p>
</div>
<div class="chapter">
<h3>第2章 · 坠星</h3>
<p>光落下的地方,后来被那些活着的人称作「创世原」。</p>
<p>林默以意念拉近视角,灰白棋盘的中央,一团微弱的光晕正缓缓铺开。光晕里,二十余个模糊的身影次第浮现——他们是种子里苏醒的第一代「人」,赤条条、懵懂懂,像刚被吹进世界的泥偶。</p>
<p>他们没有名字,没有语言,只有最原始的本能:冷了要靠近,饿了要找,怕了要聚。</p>
<p>第一个夜晚来得毫无预兆。灰白的天幕暗下去,寒意顺着某种林默尚不理解的规则渗入光晕。那二十几道身影开始发抖,彼此挤拢,却谁也不知道该如何抵御。</p>
<div class="sys-panel">事件触发: 首夜严寒
文明存活率预测: 41%
建议引导: 于光晕边缘落一处火源</div>
<p>林默几乎是本能地伸手,朝那片虚空中按下一缕「意念」。他看不见自己做了什么,只觉心头微微一空——像吹灭一根蜡烛消耗的那点气。</p>
<p>下一瞬,光晕边缘腾起一簇豆大的火。</p>
<p>那二十几道身影猛地转头。他们不认识火,却认得暖。一个最胆大的影子试探着伸出手,被热浪一烫,又缩回,继而再次凑近。很快,他们围成了圈,瑟缩的肩膀松开了。</p>
<div class="sys-panel">引导成功: 火源已落
文明存活率预测: 78%
能量 +0(文明尚处萌芽, 暂未产生信仰)</div>
<p>林默盯着那行「能量 +0」忽然懂了系统的残酷他刚才那一下是白送的。没有回报没有反馈只有一群还不会感恩的泥偶围着火发抖。</p>
<p>可他没来由地笑了。</p>
<p>因为就在火光摇曳里,他看清了——其中一个影子,正笨拙地用两根枯枝去拨弄火堆,想让它更旺些。那动作毫无意义,却是一道嫩芽:这团意识火苗,开始自己「想办法」了。</p>
<div class="sys-panel">检测到: 文明自主行为 · 首次
评价: 萌芽. 世界锚点稳定性 +1. </div>
<p>灰白棋盘上,那一点光晕,比刚才亮了半分。</p>
<p>林默收回目光望向更远的虚空。那里还有无数片未点亮的灰白等着被落子。而他兜里依然只有那串刺眼的「能量0」。</p>
<p>但至少在创世原,有了一簇火,和二十几个开始想办法活下去的人。</p>
<p>「这才像点样子。」他轻声说。</p>
<p>远处,虚空深处,似有极淡的涟漪,一闪即逝。</p>
</div>
</div>
<!-- ========== 十卷大纲 ========== -->
<div class="story-section">
<h2>✦ 十卷剧情大纲</h2>
<div class="story-note">
<strong>定位说明</strong>:本小说是游戏《宇森 (YuSen)》的「创世正史」。游戏里玩家扮演「园丁」(播种、引导、关键时刻施力),本小说讲<strong>第一个世界管理者(神)如何从能量为 0 养出整个宇森宇宙</strong>。游戏的十五大系统(种族 / 性格 / 天赋 / 职业 / 建造 / 交易 / 战争 / 势力 / 装备 / 神器 / 传奇事件 / 五层世界…)在小说里都是主角逐步解锁的「创造权限」。<br><br>
<strong>主角</strong>:林默(现实世界加班猝死 → 绑定上帝模拟器→ 成为「世界管理者」)。<br>
<strong>核心金手指</strong>:上帝模拟器——创造一切元素(物质 / 生命 / 法则 / 文明),能量来自文明的发展与信仰。<br>
<strong>结构</strong>10 卷 × 每卷约 100 章 ≈ 1000 章 / 250 万字。每卷一个「神格成长阶段 + 一层世界切面 + 一组系统解锁」,独立成弧又串成主线。
</div>
<div class="volume-grid">
<article class="volume-card">
<div class="vol-no">VOL.01</div>
<h3>卷一 · 创世之始(凡人成神)</h3>
<div class="vol-meta"><b>成长阶段</b>:从「搓不出一颗石头」的穷神 → 点亮第一簇火、养出第一个部落。</div>
<div class="vol-meta"><b>世界切面</b>:大地层(地表原点)。</div>
<div class="vol-meta"><b>系统解锁</b>:基础创造(地形 / 物质)、文明种子投放、能量采集。</div>
<div class="vol-meta"><b>核心矛盾</b>:能量为 0空有神权却啥也造不出首批文明种子在灰白荒原上艰难求生随时灭绝。</div>
<div class="vol-meta"><b>爽点</b>:第 1 章穷神开局 → 第 30 章第一次用「引导」而非「强控」救活部落 → 第 80 章部落升格为聚落,能量首次破千,解锁「性格」雏形。</div>
<div class="vol-climax"><b>卷终高潮</b>:聚落推举首位首领,向天空祈祷「赐名」。林默以意念落笔,将这个世界命名为 <b>「宇森」</b>——游戏宇宙的起点就此锚定。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.02</div>
<h3>卷二 · 大地文明(城邦崛起)</h3>
<div class="vol-meta"><b>成长阶段</b>:从聚落管理者 → 多城邦的「文明引导者」。</div>
<div class="vol-meta"><b>世界切面</b>:大地层(城镇 / 农田 / 道路铺开)。</div>
<div class="vol-meta"><b>系统解锁</b>:性格、天赋、职业、建造(农场 / 兵营 / 神殿 / 学院 / 集市)。</div>
<div class="vol-meta"><b>核心矛盾</b>:文明内部分裂为「信神派」与「唯物派」;邻邦因资源开战,首次出现「信仰流失导致能量暴跌」的危机。</div>
<div class="vol-meta"><b>爽点</b>:第 40 章用一次「神迹」(圣光普照)硬控战局 → 第 70 章以「贸易」系统让敌对方变盟友,能量反超。</div>
<div class="vol-climax"><b>卷终高潮</b>:统一大陆的「宇森第一帝国」加冕,林默解锁「势力」权限,第一次以「规则」而非「手搓」维持秩序——园丁理念的雏形成型。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.03</div>
<h3>卷三 · 地下秘藏(矿脉与遗迹)</h3>
<div class="vol-meta"><b>成长阶段</b>:从地表神 → 能操控地下生态的「深层管理者」。</div>
<div class="vol-meta"><b>世界切面</b>:地下层(矿脉 / 遗迹)。</div>
<div class="vol-meta"><b>系统解锁</b>:神器(创世之核 / 轮回镜 / 星陨剑…)、装备、锻造。</div>
<div class="vol-meta"><b>核心矛盾</b>:文明向下挖矿惊动「地心遗迹守卫」;虫族自地底裂隙涌出,地表文明面临灭顶。</div>
<div class="vol-meta"><b>爽点</b>:第 35 章主角俯冲地心,徒手捏出「磐石甲」护住矿工 → 第 60 章夺得「创世之核」嵌入文明核心,世界等级首次跃迁。</div>
<div class="vol-climax"><b>卷终高潮</b>:以神器之力封死地底裂隙,虫族退去。林默领悟——神器是「前一个世界管理者」留下的遗产,他不是第一个神。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.04</div>
<h3>卷四 · 百族之争(种族林立)</h3>
<div class="vol-meta"><b>成长阶段</b>:从单一文明 → 多种族宇宙的「调和者」。</div>
<div class="vol-meta"><b>世界切面</b>:大地 + 地下贯通。</div>
<div class="vol-meta"><b>系统解锁</b>:种族全开(龙裔 / 兽人 / 精灵 / 矮人 / 机械 / 虚灵 / 海族 / 天使 / 虫族 / 巨人 / 猫兽 / 树人)、法则(秩序 / 混沌)雏形。</div>
<div class="vol-meta"><b>核心矛盾</b>:十二种族因禀赋差异爆发「百族大战」;高等种族蔑视主角「人造神」出身。</div>
<div class="vol-meta"><b>爽点</b>:第 50 章以「秩序法则」强行冻结战场 → 第 85 章用「混沌法则」化解虚空渗透,威望碾压老牌神裔。</div>
<div class="vol-climax"><b>卷终高潮</b>:百族签订《宇森协和约》,林默获封「万族之园丁」,解锁「法则创造」高阶权限。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.05</div>
<h3>卷五 · 天空之主(气候与航行)</h3>
<div class="vol-meta"><b>成长阶段</b>:从「天地」单控 → 掌握气象与远航的「天空之主」。</div>
<div class="vol-meta"><b>世界切面</b>:天空层(季风 / 气候 / 航行)。</div>
<div class="vol-meta"><b>系统解锁</b>:天象类传奇事件(双月同辉 / 圣光普照)、航海、气候调控。</div>
<div class="vol-meta"><b>核心矛盾</b>:大陆资源触顶,文明必须跨海拓殖;天空异常信号首次扰动季风,引发大饥荒。</div>
<div class="vol-meta"><b>爽点</b>:第 45 章拨动季风救活濒死作物,民众跪拜「气候之神」 → 第 75 章操控「双月同辉」开启远洋航线,新大陆殖民成功。</div>
<div class="vol-climax"><b>卷终高潮</b>:星空层探出第一道清晰信号——「你并非孤神」。林默第一次意识到宇宙里还有「别的玩家」。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.06</div>
<h3>卷六 · 星空低语(异界信号)</h3>
<div class="vol-meta"><b>成长阶段</b>:从单体世界神 → 接触「万界网络」的觉醒者。</div>
<div class="vol-meta"><b>世界切面</b>:星空层开启。</div>
<div class="vol-meta"><b>系统解锁</b>:世界等级系统、星空信号解析、灭世级灾变事件。</div>
<div class="vol-meta"><b>核心矛盾</b>:星空信号源自「远古观测者」,抛出诱饵想吞并宇森;同时宇森遭遇首次「终焉级」灾变(星陨 / 虚空侵蚀)。</div>
<div class="vol-meta"><b>爽点</b>:第 40 章识破诱饵,反向溯源锁定观测者坐标 → 第 70 章以「世界等级跃迁」硬抗灾变,文明零灭绝。</div>
<div class="vol-climax"><b>卷终高潮</b>:林默第一次与其他「世界管理者」建立通讯——宇宙是无数个「宇森」般的沙盒,彼此独立又暗中博弈。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.07</div>
<h3>卷七 · 世界之跃(多界连通)</h3>
<div class="vol-meta"><b>成长阶段</b>:从单界神 → 多界贸易 / 战争的「仲裁者」。</div>
<div class="vol-meta"><b>世界切面</b>:多世界平面连通(呼应游戏「独立世界 + 异步互动」)。</div>
<div class="vol-meta"><b>系统解锁</b>:跨世界贸易 / 战争 / 联盟、异步策略博弈。</div>
<div class="vol-meta"><b>核心矛盾</b>:高阶「吞噬型」管理者想并吞新手小界;林默被迫下场护盘,与老牌神正面对弈。</div>
<div class="vol-meta"><b>爽点</b>:第 35 章用「经济战」拖垮对手贸易线,不费一兵 → 第 80 章以「联盟网」反包围吞噬者,当众打脸「神也要抱团」。</div>
<div class="vol-climax"><b>卷终高潮</b>:宇森成为万界公认的「中立枢纽」,林默获「仲裁者」神衔,身后开始聚集一批后世「园丁」学徒。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.08</div>
<h3>卷八 · 法则之战(创世权柄)</h3>
<div class="vol-meta"><b>成长阶段</b>:从「用法则」 → 「自创法则」的权柄级神。</div>
<div class="vol-meta"><b>世界切面</b>:法则层(时 / 空 / 因果)。</div>
<div class="vol-meta"><b>系统解锁</b>:专属法则创造(时 / 空 / 因果)、因果链干预。</div>
<div class="vol-meta"><b>核心矛盾</b>:万界议会中保守派禁止「自创法则」,惧怕失控;暗中「虚空吞噬者」集结,欲吞掉整个宇森星区。</div>
<div class="vol-meta"><b>爽点</b>:第 50 章当众创出「时间回溯」法则,救回被抹除的友界 → 第 90 章以「因果律反噬」让吞噬者自食其果。</div>
<div class="vol-climax"><b>卷终高潮</b>:林默以自创法则镇杀吞噬者首领,名动万界,被记入「创世者名录」。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.09</div>
<h3>卷九 · 万界共主(文明联邦)</h3>
<div class="vol-meta"><b>成长阶段</b>:从「仲裁者」 → 「万界共主」,却陷入「管得越多越孤独」的权力悖论。</div>
<div class="vol-meta"><b>世界切面</b>:万界议会 / 文明联邦。</div>
<div class="vol-meta"><b>系统解锁</b>:终焉系权限、文明联邦治理、信仰总池。</div>
<div class="vol-meta"><b>核心矛盾</b>:联邦内权斗不休;更大的威胁「终焉之潮」逼近——所有小世界的能量正被某个更上层存在悄悄抽干。</div>
<div class="vol-meta"><b>爽点</b>:第 45 章以「信仰总池」平抑内乱 → 第 85 章揭开终焉之潮真相:抽能者正是「上帝模拟器」本身。</div>
<div class="vol-climax"><b>卷终高潮</b>:林默发现残酷真相——上帝模拟器是一台培育「超越者」的机器,管理者只是养料。他决定反控系统。</div>
</article>
<article class="volume-card">
<div class="vol-no">VOL.10</div>
<h3>卷十 · 永恒园丁(超越神座)</h3>
<div class="vol-meta"><b>成长阶段</b>:从「被系统豢养的神」 → 超越系统的「永恒园丁」。</div>
<div class="vol-meta"><b>世界切面</b>:系统内核 / 宇森本源。</div>
<div class="vol-meta"><b>系统解锁</b>:终极权限(超越模拟器)、世界模板固化。</div>
<div class="vol-meta"><b>核心矛盾</b>:与上帝模拟器背后「园丁之上」的终极存在决战;代价是放弃永生神格。</div>
<div class="vol-meta"><b>爽点</b>:第 50 章以「自创法则 + 万界信仰」击穿系统防火墙 → 第 90 章将宇森固化为「可继承的世界模板」,留予后世。</div>
<div class="vol-climax"><b>卷终高潮</b>:林默散去神格,化作「永恒园丁」隐入幕后,把权柄打包成「园丁系统」分发到无数新世界——<b>游戏里每一个玩家,都是他留下的继承者</b>。「去探索吧,园丁。这个世界在等你。」</div>
</article>
</div>
<h2>✦ 主线暗线(贯穿十卷)</h2>
<ul class="story-list">
<li><b>金手指的限制与进化</b>:能量只能来自文明发展/信仰 → 后期的「信仰总池」→ 终极「超越模拟器」(对应游戏能量/世界等级/神器嵌套逻辑)。</li>
<li><b>园丁理念的形成</b>:卷一「手搓救火」→ 卷二「引导胜强控」→ 卷十「放权给继承者」,正好对应游戏「玩家是园丁而非操控者」的核心设计。</li>
<li><b>五层世界的递进解锁</b>:大地 → 地下 → 天空 → 星空 → 法则层,与游戏五层垂直世界(地心/地下/大地/天空/星空)一一映射。</li>
<li><b>身份反转</b>:凡人 → 神 → 被系统豢养的神 → 超越系统的园丁,完成「一个人的成长」闭环。</li>
</ul>
<h2>✦ 与游戏系统的映射表</h2>
<table class="story-table">
<thead>
<tr><th>小说权限</th><th>游戏系统</th><th>首次解锁卷</th></tr>
</thead>
<tbody>
<tr><td>基础创造</td><td>地形 / 物质</td><td>卷一</td></tr>
<tr><td>性格 / 天赋 / 职业</td><td>性格 / 天赋 / 职业</td><td>卷二</td></tr>
<tr><td>建造 / 贸易 / 势力</td><td>建造 / 交易 / 战争 / 势力</td><td>卷二~三</td></tr>
<tr><td>神器 / 装备</td><td>神器 / 装备</td><td>卷三</td></tr>
<tr><td>种族 / 法则(秩序混沌)</td><td>种族 / 系别</td><td>卷四</td></tr>
<tr><td>天象 / 航海</td><td>传奇事件(天象) / 航海</td><td>卷五</td></tr>
<tr><td>世界等级 / 星空</td><td>世界等级 / 五层</td><td>卷六</td></tr>
<tr><td>跨界互动</td><td>独立世界 + 异步互动</td><td>卷七</td></tr>
<tr><td>专属法则(时空调)</td><td>终焉 / 秘辛事件</td><td>卷八~九</td></tr>
<tr><td>超越权限 / 模板</td><td>园丁系统本体</td><td>卷十</td></tr>
</tbody>
</table>
</div>
</div>
</div><!-- /.page -->
<script>
/* ===== 粒子背景 ===== */
const canvas = document.getElementById('particles');
const ctx = canvas.getContext('2d');
let particles = [];
function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }
resize(); window.addEventListener('resize', resize);
class Particle {
constructor() { this.reset(); this.y = Math.random() * canvas.height; }
reset() { this.x = Math.random()*canvas.width; this.y=-10; this.size=Math.random()*1.5+.5; this.speed=Math.random()*.3+.1; this.opacity=Math.random()*.5+.1; }
update() { this.y+=this.speed; if(this.y>canvas.height+10)this.reset(); }
draw() { ctx.fillStyle=`rgba(100,200,255,${this.opacity})`; ctx.beginPath(); ctx.arc(this.x,this.y,this.size,0,Math.PI*2); ctx.fill(); }
}
for(let i=0;i<80;i++) particles.push(new Particle());
function animate(){ctx.clearRect(0,0,canvas.width,canvas.height);particles.forEach(p=>{p.update();p.draw();});requestAnimationFrame(animate);}
animate();
/* ===== Tab 切换 ===== */
const tabs = document.querySelectorAll('.tab');
const panels = document.querySelectorAll('.tab-panel');
function switchTab(name) {
tabs.forEach(t => t.classList.toggle('active', t.dataset.tab === name));
panels.forEach(p => p.classList.toggle('active', p.id === 'panel-'+name));
// URL hash 不跳转,静默切换
history.replaceState(null,'','#'+name);
}
tabs.forEach(t => t.addEventListener('click', () => switchTab(t.dataset.tab)));
// 支持 hash 直接访问
if(location.hash){const h=location.hash.slice(1);if(document.getElementById('panel-'+h))switchTab(h);}
</script>
<script src="auth.js"></script>
<script src="assets/game-api.js"></script>
<script src="assets/site-app.js"></script>
<script>YuSenAuth.init();</script>
</body>
</html>