194 lines
13 KiB
HTML
194 lines
13 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 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; }
|
|||
|
|
.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; margin-bottom: 10px; }
|
|||
|
|
.chapter-title { font-size: 32px; font-weight: 700; background: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; 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; 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; font-family: 'Noto Sans SC', sans-serif; font-size: 14px; cursor: pointer; }
|
|||
|
|
.nav-btn:hover { background: var(--btn-hover); }
|
|||
|
|
.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; }
|
|||
|
|
.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); padding: 15px 20px; border-bottom: 1px solid var(--border-color); }
|
|||
|
|
.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); }
|
|||
|
|
.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 185</div>
|
|||
|
|
<h1 class="chapter-title">神之钥的线索</h1>
|
|||
|
|
</header>
|
|||
|
|
<article class="chapter-content">
|
|||
|
|
<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>"暗影剑士..."林克提到。</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>"完整的创世之力？"林克问。</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>"然后消灭暗影。"</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>"我会一直陪伴你。"</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>"他会成为真正的剑神。"</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>而现在，新的旅程正式开始。</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 style="text-align: center; color: var(--text-secondary); text-indent: 0; margin-top: 2em;">（第一百八十五章完）</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-184.html" class="nav-btn">上一章</a>
|
|||
|
|
<a href="../chapters.html" class="nav-btn">目录</a>
|
|||
|
|
<button class="nav-btn" id="themeToggle">切换主题</button>
|
|||
|
|
<a href="chapter-186.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-180.html" class="sidebar-chapter">第180章：通往神界之路</a>
|
|||
|
|
<a href="chapter-181.html" class="sidebar-chapter">第181章：云端之城</a>
|
|||
|
|
<a href="chapter-182.html" class="sidebar-chapter">第182章：神界议会</a>
|
|||
|
|
<a href="chapter-183.html" class="sidebar-chapter">第183章：暗影初现</a>
|
|||
|
|
<a href="chapter-184.html" class="sidebar-chapter">第184章：浮岛陷落</a>
|
|||
|
|
<a href="chapter-185.html" class="sidebar-chapter current">第185章：神之钥的线索</a>
|
|||
|
|
</div>
|
|||
|
|
</aside>
|
|||
|
|
<script>
|
|||
|
|
const savedTheme = localStorage.getItem('theme') || 'dark';
|
|||
|
|
document.documentElement.setAttribute('data-theme', savedTheme);
|
|||
|
|
document.getElementById('themeToggle').textContent = savedTheme === 'dark' ? '浅色' : '深色';
|
|||
|
|
document.getElementById('themeToggle').addEventListener('click', () => {
|
|||
|
|
const newTheme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
|
|||
|
|
document.documentElement.setAttribute('data-theme', newTheme);
|
|||
|
|
localStorage.setItem('theme', newTheme);
|
|||
|
|
document.getElementById('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>
|