161 lines
12 KiB
HTML
161 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||
<title>规则 · 宇森 Yusen</title>
|
||
<link rel="stylesheet" href="assets/fonts/yusen-fonts.css" />
|
||
<link rel="icon" type="image/png" sizes="48x48" href="assets/ui/logo_planet_48.png?v=20260723">
|
||
<link rel="stylesheet" href="assets/common.css" />
|
||
<style>
|
||
.rules-scroll{max-width:1080px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:34px;padding:30px 48px;}
|
||
.rule-block{}
|
||
.rule-block h3{position:relative;display:inline-block;font-family:"ZCOOL QingKe HuangYou",sans-serif;font-size:28px;color:#fff;letter-spacing:3px;margin:0 0 16px;padding-bottom:11px;
|
||
text-shadow:0 2px 14px rgba(139,92,246,.35);}
|
||
.rule-block h3::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;border-radius:3px;
|
||
background:linear-gradient(90deg,var(--gold),var(--violet));}
|
||
.rule-intro{font-size:17px;color:var(--text-dim);margin-bottom:18px;line-height:1.95;max-width:860px;}
|
||
.rule-intro b{color:#fff;}
|
||
.tier-list{display:flex;flex-direction:column;gap:10px;}
|
||
.tier-row{display:grid;grid-template-columns:104px 124px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--card-bd);border-radius:12px;padding:14px 18px;transition:.2s;}
|
||
.tier-row:hover{border-color:var(--violet);background:rgba(139,92,246,.10);box-shadow:var(--glow);}
|
||
.tier-row .tn{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--cyan);}
|
||
.tier-row .tname{font-size:18px;color:#fff;font-weight:600;}
|
||
.tier-row .tdesc{font-size:16.5px;color:var(--text-dim);line-height:1.7;}
|
||
|
||
@media (max-width:768px){
|
||
.rules-scroll{padding:20px 18px;}
|
||
.tier-row{grid-template-columns:72px 92px 1fr;gap:8px;}
|
||
}
|
||
@media (max-width:480px){
|
||
.tier-row{grid-template-columns:60px 76px 1fr;gap:6px;}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="app">
|
||
<header class="topbar">
|
||
<a href="index.html" class="logo"><span class="cn">宇森</span></a>
|
||
<nav class="nav">
|
||
<a href="announce.html">公告</a>
|
||
<a href="background.html">背景</a>
|
||
<a href="rules.html">规则</a>
|
||
<a href="codex.html">图鉴</a>
|
||
<a href="story.html">剧情</a>
|
||
<a href="forum.html" class="auth-only">论坛</a>
|
||
<a href="worlddata.html" class="auth-only">世界数据</a>
|
||
</nav>
|
||
<div class="spacer"></div>
|
||
<div class="user-box" id="userBox"></div>
|
||
</header>
|
||
|
||
<main class="page-content hide-scroll">
|
||
<div class="rules-scroll" id="rulesBody">
|
||
<!-- JS 渲染：优先后端 API.rules()，兜底硬编码 -->
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="assets/game-api.js"></script>
|
||
<script src="assets/common.js"></script>
|
||
<script>
|
||
// 规则数据：先尝试从后端拉取，失败则用本地硬编码
|
||
async function loadRules(){
|
||
const el = document.getElementById('rulesBody');
|
||
if (!el) return;
|
||
|
||
// 尝试后端
|
||
try {
|
||
const d = await API.rules();
|
||
const groups = (d && d.groups) || [];
|
||
if (groups.length && groups.some(g => (g.items||[]).length > 0)) {
|
||
let html = groups.map(g => {
|
||
const title = g.label || g.title || g.key;
|
||
const rows = (g.items || []).map(it => {
|
||
const lvl = (it.level != null) ? ('Lv.' + it.level) : (g.key === 'world' ? '阶段' : '');
|
||
// desc 可能含 <p> 标签，提取纯文本
|
||
const desc = (it.desc || '').replace(/<[^>]+>/g, '');
|
||
return `<div class="tier-row"><span class="tn">${lvl}</span><span class="tname">${it.name}</span><span class="tdesc">${desc}</span></div>`;
|
||
}).join('');
|
||
const intro = (g.intro || '').replace(/<[^>]+>/g, '');
|
||
return `<div class="rule-block"><h3>${title}</h3>` +
|
||
(intro ? `<p class="rule-intro">${intro}</p>` : '') +
|
||
`<div class="tier-list">${rows}</div></div>`;
|
||
}).join('');
|
||
// 补上后端没有的「制度说明」段
|
||
html += `
|
||
<div class="rule-block">
|
||
<h3>④ 制度说明</h3>
|
||
<p class="rule-intro">三者相互独立又彼此加成：<b style="color:#fff">世界等级</b>是舞台上限，决定能发生什么；<b style="color:#fff">势力等级</b>是群体进度，决定能调动什么；<b style="color:#fff">角色等级</b>是个体成长，决定能做成什么。园丁的核心策略，是在三者间分配有限的引导资源，让文明自洽地向上演化。<br><br>跃迁逻辑：角色历练与装备积累→提升势力实力→推动世界阶段跃迁→解锁更深内容（更深的地下层、更远的星空层、更强的神器）。每一级提升都会扩大可叙事的事件池，世界因此越活越厚。</p>
|
||
</div>`;
|
||
el.innerHTML = html;
|
||
return;
|
||
}
|
||
} catch(e){ /* 后端失败走兜底 */ }
|
||
|
||
// 本地硬编码兜底（完整中文内容）
|
||
el.innerHTML = `
|
||
<div class="rule-block">
|
||
<h3>① 世界等级 · 五阶段</h3>
|
||
<p class="rule-intro">世界从凡墟到溯元的整体进化阶段，决定可解锁的内容深度与事件池上限。园丁对世界施加的影响会推动阶段跃迁——这是文明能"发生什么"的舞台上限。</p>
|
||
<div class="tier-list">
|
||
<div class="tier-row"><span class="tn">阶段一</span><span class="tname">凡墟</span><span class="tdesc">万物生灵尚处蒙昧凡土，天地灵气稀薄，各族散居荒野，无族群联盟与政权，只求狩猎采集求生，一切秩序遵循自然法则。</span></div>
|
||
<div class="tier-row"><span class="tn">阶段二</span><span class="tname">灵启</span><span class="tdesc">天地灵气复苏觉醒，各族聚拢形成聚落，诞生劳作分工、屋舍营建与物物交换，不同族群率先凝聚部族，世间初代势力自此诞生。</span></div>
|
||
<div class="tier-row"><span class="tn">阶段三</span><span class="tname">玄界</span><span class="tdesc">各族部落兼并融合，广袤大地形成多元族群共治的完整疆域，征伐、道统、造物三大发展路线并行；各族大能、上古秘闻等传奇事件不断现世，玄荒文明迎来鼎盛割据时代。</span></div>
|
||
<div class="tier-row"><span class="tn">阶段四</span><span class="tname">穹冥</span><span class="tdesc">生灵突破地表桎梏，打通地底深渊与浩瀚星空，天地上下各界尽数纳入族群管辖；各类上古神器、本命法器完整解锁，文明疆域遍布天地穹苍。</span></div>
|
||
<div class="tier-row"><span class="tn">阶段五</span><span class="tname">溯元</span><span class="tdesc">各族顶尖文明勘破这片天地的诞生本源，挣脱本世界规则束缚，可踏上飞升之路、往复轮回，前往更高维度开启全新文明演化。</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="rule-block">
|
||
<h3>② 势力等级</h3>
|
||
<p class="rule-intro">文明内部群体的聚合度，由人口、领土、影响力累计。势力等级越高，可调动的世界资源与外交权重越大——决定文明"能调动什么"。</p>
|
||
<div class="tier-list">
|
||
<div class="tier-row"><span class="tn">Lv.1</span><span class="tname">墟族</span><span class="tdesc">血缘小群体，蛮荒无制度。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.2</span><span class="tname">灵聚</span><span class="tdesc">灵气聚落联盟，初步治理与贸易。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.3</span><span class="tname">玄邑</span><span class="tdesc">疆域整合，军法、道规体系完善。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.4</span><span class="tname">冥朝</span><span class="tdesc">一统大地，掌控地下浅层资源调度。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.5</span><span class="tname">穹统</span><span class="tdesc">天地大陆霸主，穿梭星空深渊作战。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.6</span><span class="tname">溯盟</span><span class="tdesc">多维文明联合体，触及世界本源博弈。</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="rule-block">
|
||
<h3>③ 人物角色等级 · 十二阶段</h3>
|
||
<p class="rule-intro">个体（英雄 / 领袖 / 特殊 NPC）的成长阶序，通过历练、天赋点亮与装备积累提升，影响可承担的职责与战力——决定个体"能做成什么"。</p>
|
||
<div class="tier-list">
|
||
<div class="tier-row"><span class="tn">Lv.1</span><span class="tname">萌新</span><span class="tdesc">初入世界的无名者。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.2</span><span class="tname">学徒</span><span class="tdesc">掌握基础技艺。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.3</span><span class="tname">熟手</span><span class="tdesc">可独立完成任务。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.4</span><span class="tname">好手</span><span class="tdesc">在某领域崭露头角。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.5</span><span class="tname">精英</span><span class="tdesc">群体中的中坚。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.6</span><span class="tname">大师</span><span class="tdesc">技艺臻于化境。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.7</span><span class="tname">宗匠</span><span class="tdesc">开宗立派的人物。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.8</span><span class="tname">传奇</span><span class="tdesc">事迹被载入编年史。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.9</span><span class="tname">神话</span><span class="tdesc">近乎传说的存在。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.10</span><span class="tname">半神</span><span class="tdesc">触及世界法则。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.11</span><span class="tname">圣者</span><span class="tdesc">被信仰托举的意志。</span></div>
|
||
<div class="tier-row"><span class="tn">Lv.12</span><span class="tname">永恒</span><span class="tdesc">超越生死的世界锚点。</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="rule-block">
|
||
<h3>④ 制度说明</h3>
|
||
<p class="rule-intro">三者相互独立又彼此加成：<b style="color:#fff">世界等级</b>是舞台上限，决定能发生什么；<b style="color:#fff">势力等级</b>是群体进度，决定能调动什么；<b style="color:#fff">角色等级</b>是个体成长，决定能做成什么。园丁的核心策略，是在三者间分配有限的引导资源，让文明自洽地向上演化。<br><br>跃迁逻辑：角色历练与装备积累→提升势力实力→推动世界阶段跃迁→解锁更深内容（更深的地下层、更远的星空层、更强的神器）。每一级提升都会扩大可叙事的事件池，世界因此越活越厚。</p>
|
||
</div>
|
||
<div class="rule-block">
|
||
<h3>⑤ 货币等级 · 六档</h3>
|
||
<p class="rule-intro">文明流通的价值尺度，从凡俗零钱到本源货币，越稀有的货币可交易的资源层级越高——决定文明"能交换什么"。<br><br><b style="color:#fff">兑换规则：</b>100 低等级货币 = 1 高等级货币。</p>
|
||
<div class="tier-list">
|
||
<div class="tier-row"><span class="tn">Lv.1</span><span class="tname">墟铢</span><span class="tdesc">凡俗通用零钱，以贝壳、骨片、碎石铸成。<b>100 墟铢 = 1 灵币</b></span></div>
|
||
<div class="tier-row"><span class="tn">Lv.2</span><span class="tname">灵币</span><span class="tdesc">灵气聚落通用货币，以低阶晶片打磨而成。<b>100 灵币 = 1 玄金</b></span></div>
|
||
<div class="tier-row"><span class="tn">Lv.3</span><span class="tname">玄金</span><span class="tdesc">玄界疆域通行货币，由官署熔铸认证。<b>100 玄金 = 1 冥玉</b></span></div>
|
||
<div class="tier-row"><span class="tn">Lv.4</span><span class="tname">冥玉</span><span class="tdesc">地下深层通用的贵重货币，以冥玉原石切割。<b>100 冥玉 = 1 穹晶</b></span></div>
|
||
<div class="tier-row"><span class="tn">Lv.5</span><span class="tname">穹晶</span><span class="tdesc">星空层交易货币，蕴含微量穹鎏之力。<b>100 穹晶 = 1 元玺</b></span></div>
|
||
<div class="tier-row"><span class="tn">Lv.6</span><span class="tname">元玺</span><span class="tdesc">世界本源结晶铸成的最高货币，仅用于传说级交易与飞升仪式。</span></div>
|
||
</div>
|
||
</div>
|
||
`;
|
||
}
|
||
loadRules();
|
||
</script>
|
||
</body>
|
||
</html>
|