244 lines
16 KiB
HTML
244 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>云端之城 - 阿拉德：剑之回响</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--bg-primary: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
|
||
--text-primary: #e0e0e0;
|
||
--text-secondary: #888;
|
||
--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
--border-color: rgba(255,255,255,0.1);
|
||
--btn-bg: rgba(255,255,255,0.1);
|
||
--btn-hover: rgba(255,255,255,0.2);
|
||
}
|
||
[data-theme="light"] {
|
||
--bg-primary: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
||
--text-primary: #333;
|
||
--text-secondary: #666;
|
||
--border-color: rgba(0,0,0,0.1);
|
||
--btn-bg: rgba(0,0,0,0.05);
|
||
--btn-hover: rgba(0,0,0,0.1);
|
||
}
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: 'Noto Serif SC', serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.8; min-height: 100vh; }
|
||
.container { max-width: 800px; margin: 0 auto; padding: 20px; padding-bottom: 120px; }
|
||
.top-nav { position: fixed; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-color); z-index: 1000; padding: 10px 20px; }
|
||
.top-nav-content { max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
|
||
.nav-link { color: var(--text-primary); text-decoration: none; font-family: 'Noto Sans SC', sans-serif; font-size: 14px; padding: 8px 16px; background: var(--btn-bg); border: 1px solid var(--border-color); border-radius: 8px; transition: all 0.3s ease; }
|
||
.nav-link:hover { background: var(--btn-hover); }
|
||
.chapter-header { text-align: center; padding: 80px 0 40px; border-bottom: 1px solid var(--border-color); margin-bottom: 40px; }
|
||
.chapter-number { font-size: 14px; color: var(--text-secondary); letter-spacing: 4px; text-transform: uppercase; margin-bottom: 10px; }
|
||
.chapter-title { font-size: 32px; font-weight: 700; background: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 20px; }
|
||
.chapter-content { font-size: 18px; line-height: 2; text-align: justify; }
|
||
.chapter-content p { margin-bottom: 1.5em; text-indent: 2em; }
|
||
.chapter-content p:first-of-type::first-letter { font-size: 3em; float: left; line-height: 1; margin-right: 8px; margin-top: -5px; background: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 700; }
|
||
.fixed-nav { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); border-top: 1px solid var(--border-color); z-index: 1000; padding: 15px 20px; }
|
||
.fixed-nav-content { max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
|
||
.nav-btn { padding: 12px 24px; background: var(--btn-bg); border: 1px solid var(--border-color); border-radius: 8px; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; font-family: 'Noto Sans SC', sans-serif; font-size: 14px; cursor: pointer; }
|
||
.nav-btn:hover { background: var(--btn-hover); transform: translateY(-2px); }
|
||
.scroll-buttons { position: fixed; right: 20px; bottom: 90px; display: flex; flex-direction: column; gap: 10px; z-index: 1001; }
|
||
.scroll-btn { width: 40px; height: 40px; border-radius: 8px; background: var(--btn-bg); border: 1px solid var(--border-color); color: var(--text-primary); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; }
|
||
.scroll-btn:hover { background: var(--btn-hover); }
|
||
.sidebar { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); border-radius: 12px; border: 1px solid var(--border-color); width: 200px; max-height: 70vh; z-index: 999; display: flex; flex-direction: column; }
|
||
.sidebar-title { font-size: 14px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 2px; padding: 15px 20px; border-bottom: 1px solid var(--border-color); flex-shrink: 0; }
|
||
.sidebar-content { overflow-y: auto; padding: 10px 20px 20px; flex: 1; }
|
||
.sidebar-chapter { display: block; padding: 8px 0; color: #aaa; text-decoration: none; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.05); transition: all 0.3s ease; }
|
||
.sidebar-chapter:hover { color: #667eea; }
|
||
.sidebar-chapter.current { color: #667eea; font-weight: 600; }
|
||
@media (max-width: 1200px) { .sidebar { display: none; } }
|
||
@media (max-width: 600px) { .chapter-title { font-size: 24px; } .chapter-content { font-size: 16px; } .scroll-buttons { display: none; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<nav class="top-nav">
|
||
<div class="top-nav-content">
|
||
<a href="../index.html" class="nav-link">返回首页</a>
|
||
<button class="nav-link" id="themeToggle">切换主题</button>
|
||
</div>
|
||
</nav>
|
||
<div class="container">
|
||
<header class="chapter-header">
|
||
<div class="chapter-number">Chapter 181</div>
|
||
<h1 class="chapter-title">云端之城</h1>
|
||
</header>
|
||
<article class="chapter-content">
|
||
<p>林克站在神界议会大厅的入口。</p>
|
||
<p>艾琳娜在他身边，准备带他进入。</p>
|
||
<p>"林克，神界议会由七位神族长老组成。"艾琳娜说。</p>
|
||
<p>"议长宙斯是神界最古老的神族之一，拥有强大的神之力。"</p>
|
||
<p>"副议长雅典娜是智慧之神，负责神界的战略规划。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>"还有其他五位长老，分别负责不同的领域。"</p>
|
||
<p>"战斗、防御、研究、资源、外交。"</p>
|
||
<p>"他们会评估你的能力，决定如何利用创世之力对抗暗影。"</p>
|
||
<p>林克点头："我明白了。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>两人走进议会大厅。</p>
|
||
<p>大厅内部宽敞无比，穹顶上绘制着神界的历史壁画。</p>
|
||
<p>七位长老坐在高台上，俯视着林克。</p>
|
||
<p>他们的气息强大而深邃，神之力在体内流转。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>坐在中央的长老开口了。</p>
|
||
<p>他身材魁梧，白须白眉，眼中闪烁着雷霆的光芒。</p>
|
||
<p>"你就是林克？"他的声音如雷霆般回荡。</p>
|
||
<p>"阿拉德大陆的剑神，创世之力碎片的持有者。"</p>
|
||
<p>林克点头："是的，我是林克。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>宙斯审视着林克："我感受到你体内有创世之力的气息。"</p>
|
||
<p>"但只是一部分碎片。"</p>
|
||
<p>"完整的创世之力在神界的核心区域，被暗影守护着。"</p>
|
||
<p>"你需要收集神之钥，才能打开核心区域的大门。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>"神之钥？"林克问。</p>
|
||
<p>雅典娜开口了，她的声音冷静而睿智。</p>
|
||
<p>"神之钥是神界的神器，共有七块碎片。"</p>
|
||
<p>"它们分散在神界各处的浮岛上。"</p>
|
||
<p>"你需要收集这七块碎片，才能打开神界核心的大门。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>"但暗影侵蚀已经蔓延到很多浮岛。"</p>
|
||
<p>"一些神之钥碎片可能已经被暗影吞噬。"</p>
|
||
<p>"你需要小心应对。"</p>
|
||
<p>林克点头："我明白。"</p>
|
||
<p>"神之钥碎片在哪里？"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>雅典娜挥手，一道光影地图浮现。</p>
|
||
<p>"这是神界的地图。"</p>
|
||
<p>"绿色区域是神族控制的浮岛，红色区域是被暗影侵蚀的浮岛。"</p>
|
||
<p>林克看到，红色区域占据了近三分之一。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>"神之钥碎片的可能位置..."雅典娜指着地图上的几个点。</p>
|
||
<p>"第一块在晨曦浮岛，那是神界的光明之源。"</p>
|
||
<p>"第二块在深渊浮岛，那是神界的暗影之地。"</p>
|
||
<p>"第三块在天穹浮岛，那是神界的天空之城。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>"第四块在生命浮岛，那是神界的生命之源。"</p>
|
||
<p>"第五块在毁灭浮岛，那是神界的毁灭之地。"</p>
|
||
<p>"第六块在永恒浮岛，那是神界的时间圣地。"</p>
|
||
<p>"第七块...在神界核心，被暗影守护。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>宙斯说："你需要逐一前往这些浮岛，收集神之钥碎片。"</p>
|
||
<p>"每收集一块碎片，你的创世之力就会增强一分。"</p>
|
||
<p>"当七块碎片集齐，你就能打开神界核心的大门。"</p>
|
||
<p>"那里...是创世之力的源头。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>林克深吸一口气。</p>
|
||
<p>七块碎片，七座浮岛。</p>
|
||
<p>这将是一场漫长的旅程。</p>
|
||
<p>"我接受任务。"林克说。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>宙斯点头："很好。"</p>
|
||
<p>"艾琳娜会陪伴你，为你引路。"</p>
|
||
<p>"另外...战士殿堂的卡赞也想见你。"</p>
|
||
<p>"他会在神界帮助你。"</p>
|
||
<p>林克眼睛一亮："卡赞！"</p>
|
||
<p>"我现在就想去见他。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>雅典娜说："战士殿堂在云端之城的北部。"</p>
|
||
<p>"你可以随时前往。"</p>
|
||
<p>"但在出发收集神之钥之前，建议你先了解神界的情况。"</p>
|
||
<p>林克点头："我会的。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>议会结束。</p>
|
||
<p>林克和艾琳娜走出议会大厅。</p>
|
||
<p>艾琳娜看向林克："你想先去哪里？"</p>
|
||
<p>"战士殿堂。"林克说。</p>
|
||
<p>"我想见卡赞。"</p>
|
||
<p>艾琳娜点头："好，我带你去。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>两人穿过云端之城的街道，向北部走去。</p>
|
||
<p>沿途，林克观察着神界的建筑和居民。</p>
|
||
<p>白色石柱支撑着神殿，浮岛之间有光芒桥梁连接。</p>
|
||
<p>神族居民们身穿白色长袍，举止优雅。</p>
|
||
<p>但他们的眼中，都有着一丝忧虑。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>"神界的居民们都很担心暗影。"艾琳娜说。</p>
|
||
<p>"暗影侵蚀在加速...如果不阻止，神界可能会完全陷落。"</p>
|
||
<p>林克握紧拳头："我会阻止暗影。"</p>
|
||
<p>"神界不会陷落。"</p>
|
||
<p>艾琳娜感激地看着林克："谢谢你，林克。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>很快，两人来到战士殿堂的入口。</p>
|
||
<p>巨大的石门上刻着战士的浮雕，充满威严。</p>
|
||
<p>林克深吸一口气，推开石门。</p>
|
||
<p>殿堂内部宽敞明亮，战士的灵魂在其中修炼。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>在殿堂的中央，一个高大的身影正在挥舞巨剑。</p>
|
||
<p>他的剑气纵横，充满战士的威严。</p>
|
||
<p>卡赞。</p>
|
||
<p>奥兹玛的挚友，佩鲁斯帝国的最强战士。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>卡赞停下修炼，看向林克。</p>
|
||
<p>他的眼中闪过赞赏。</p>
|
||
<p>"你就是林克？"</p>
|
||
<p>"拯救了奥兹玛的人。"</p>
|
||
<p>林克点头："我是林克。"</p>
|
||
<p>"卡赞大人，久仰大名。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>卡赞露出笑容："不用客气。"</p>
|
||
<p>"奥兹玛是我最好的朋友。"</p>
|
||
<p>"你拯救了他，让他解脱...这份恩情，我会报答。"</p>
|
||
<p>"在神界，我会帮助你。"</p>
|
||
<p>林克感激地说："谢谢卡赞大人。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>卡赞走近林克，仔细打量他。</p>
|
||
<p>"你是剑神...剑道已经达到极高的境界。"</p>
|
||
<p>"但在神界，你会面对更强的敌人。"</p>
|
||
<p>"暗影的力量...比任何使徒都要强大。"</p>
|
||
<p>林克眼神坚定："我会变得更强。"</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p>卡赞点头："很好。"</p>
|
||
<p>"我在神界等了几百年，就是为了帮助你。"</p>
|
||
<p>"我会把我的战士经验传授给你。"</p>
|
||
<p>"让你成为真正的剑神。"</p>
|
||
<p>林克露出期待的笑容。</p>
|
||
<p>有卡赞的帮助，他信心倍增。</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0;">···</p>
|
||
<p style="text-align: center; color: var(--text-secondary); text-indent: 0; margin-top: 2em;">（第一百八十一章完）</p>
|
||
</article>
|
||
</div>
|
||
<nav class="fixed-nav">
|
||
<div class="fixed-nav-content">
|
||
<a href="chapter-180.html" class="nav-btn">上一章</a>
|
||
<a href="../chapters.html" class="nav-btn">目录</a>
|
||
<button class="nav-btn" id="themeToggle">切换主题</button>
|
||
<a href="chapter-182.html" class="nav-btn">下一章</a>
|
||
</div>
|
||
</nav>
|
||
<div class="scroll-buttons">
|
||
<button class="scroll-btn" id="scrollTop">顶</button>
|
||
<button class="scroll-btn" id="scrollBottom">底</button>
|
||
</div>
|
||
<aside class="sidebar">
|
||
<div class="sidebar-title">章节导航</div>
|
||
<div class="sidebar-content">
|
||
<a href="chapter-176.html" class="sidebar-chapter">第176章：篇章落幕</a>
|
||
<a href="chapter-177.html" class="sidebar-chapter">第177章：番外·米歇尔的最后祝福</a>
|
||
<a href="chapter-178.html" class="sidebar-chapter">第178章：番外·奥兹玛的遗言</a>
|
||
<a href="chapter-179.html" class="sidebar-chapter">第179章：神之召唤</a>
|
||
<a href="chapter-180.html" class="sidebar-chapter">第180章：通往神界之路</a>
|
||
<a href="chapter-181.html" class="sidebar-chapter current">第181章：云端之城</a>
|
||
</div>
|
||
</aside>
|
||
<script>
|
||
const themeToggle = document.getElementById('themeToggle');
|
||
const savedTheme = localStorage.getItem('theme') || 'dark';
|
||
document.documentElement.setAttribute('data-theme', savedTheme);
|
||
themeToggle.textContent = savedTheme === 'dark' ? '浅色' : '深色';
|
||
themeToggle.addEventListener('click', () => {
|
||
const currentTheme = document.documentElement.getAttribute('data-theme');
|
||
const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
|
||
document.documentElement.setAttribute('data-theme', newTheme);
|
||
localStorage.setItem('theme', newTheme);
|
||
themeToggle.textContent = newTheme === 'dark' ? '浅色' : '深色';
|
||
});
|
||
document.getElementById('scrollTop').addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
|
||
document.getElementById('scrollBottom').addEventListener('click', () => window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' }));
|
||
</script>
|
||
</body>
|
||
</html> |