582 lines
23 KiB
HTML
582 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Expires" content="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;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.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-meta {
|
||
font-size: 14px;
|
||
color: var(--text-secondary);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.nav-btn.disabled {
|
||
opacity: 0.3;
|
||
cursor: not-allowed;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.nav-btn.active {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
border-color: #667eea;
|
||
}
|
||
|
||
.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;
|
||
transition: all 0.3s ease;
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
}
|
||
|
||
.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;
|
||
scrollbar-width: thin;
|
||
scrollbar-color: transparent transparent;
|
||
transition: scrollbar-color 0.3s ease;
|
||
}
|
||
|
||
.sidebar-content:hover {
|
||
scrollbar-color: rgba(255,255,255,0.3) transparent;
|
||
}
|
||
|
||
.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;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.fixed-nav-content {
|
||
gap: 8px;
|
||
}
|
||
|
||
.nav-btn {
|
||
padding: 10px 12px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.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 179</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>神界...那是他从未踏足的地方。</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>"我们陪你休息。"</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>他能感受到光柱中蕴含的强大力量——那是神之力。</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 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>"不要轻易相信任何人。"</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>皇女艾丽婕说："林克，天界与神界有联系。"</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 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 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-178.html" class="nav-btn">上一章</a>
|
||
<a href="../chapters.html" class="nav-btn">目录</a>
|
||
<button class="nav-btn" id="themeToggle">切换主题</button>
|
||
<a href="chapter-180.html" class="nav-btn">下一章</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="scroll-buttons">
|
||
<button class="scroll-btn" id="scrollTop" title="回到顶部">顶</button>
|
||
<button class="scroll-btn" id="scrollBottom" title="回到底部">底</button>
|
||
</div>
|
||
|
||
<aside class="sidebar">
|
||
<div class="sidebar-title">章节导航</div>
|
||
<div class="sidebar-content" id="sidebarContent">
|
||
<a href="chapter-174.html" class="sidebar-chapter">第174章：创世之光的净化</a>
|
||
<a href="chapter-175.html" class="sidebar-chapter">第175章：混沌的终结</a>
|
||
<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 current">第179章：神之召唤</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' });
|
||
});
|
||
|
||
window.addEventListener('load', () => {
|
||
const sidebarContent = document.getElementById('sidebarContent');
|
||
const currentChapter = sidebarContent.querySelector('.current');
|
||
if (currentChapter) {
|
||
currentChapter.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |