195 lines
13 KiB
HTML
195 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 182</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 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>"你要小心。"</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>"什么异常？"林克问。</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>"你今天先休息，熟悉神界的环境。"</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>"你不是一个人在战斗。"</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 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-181.html" class="nav-btn">上一章</a>
|
||
<a href="../chapters.html" class="nav-btn">目录</a>
|
||
<button class="nav-btn" id="themeToggle">切换主题</button>
|
||
<a href="chapter-183.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-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">第181章：云端之城</a>
|
||
<a href="chapter-182.html" class="sidebar-chapter current">第182章：神界议会</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> |