jianzhihuixiang/alacarte-novel-website/chapters/chapter-23.html
小虾米 f8894dd3f3 fix: 修复上一章/下一章导航对小数章节(如107.5)的支持
- updateNavButtons: 改用数组索引查找,而非简单的+1/-1
- updateSidebarHighlight: 使用parseFloat比较章节ID
- updateMobileTOCHighlight: 使用parseFloat比较章节ID
- 更新版本号强制刷新缓存
2026-03-27 17:42:41 +08:00

628 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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;
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;
}
/* 右侧滚动按钮 */
.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-content::-webkit-scrollbar {
width: 6px;
}
.sidebar-content::-webkit-scrollbar-track {
background: transparent;
}
.sidebar-content::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 3px;
transition: background 0.3s ease;
}
.sidebar-content:hover::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.3);
}
.sidebar-content:hover::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,0.5);
}
[data-theme="light"] .sidebar-content:hover {
scrollbar-color: rgba(0,0,0,0.3) transparent;
}
[data-theme="light"] .sidebar-content:hover::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.3);
}
[data-theme="light"] .sidebar-content:hover::-webkit-scrollbar-thumb:hover {
background: rgba(0,0,0,0.5);
}
.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: 10px;
}
.nav-btn {
padding: 10px 15px;
font-size: 12px;
}
.scroll-buttons {
right: 10px;
bottom: 80px;
}
.scroll-btn {
width: 36px;
height: 36px;
}
}
/* 滚动条样式 */
.sidebar::-webkit-scrollbar {
width: 4px;
}
.sidebar::-webkit-scrollbar-track {
background: transparent;
}
.sidebar::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.2);
border-radius: 2px;
}
</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 23</div>
<h1 class="chapter-title">极昼</h1>
</header>
<article class="chapter-content">
<p>离开炼狱,林克一行人沿着通道向上攀登。</p>
<p>周围的温度开始下降,但空气中弥漫的精神压迫感却越来越强。每向上走一步,赛丽亚的脸色就苍白一分。</p>
<p>"赛丽亚,你还好吗?"林克注意到她的异常。</p>
<p>"我……我没事……"赛丽亚勉强笑了笑,但她的身体在微微颤抖。</p>
<p>奥菲利亚担忧地看着她:"极昼是天帷巨兽的最高点,也是罗特斯力量最强的地方。那里的精神污染……普通人根本无法承受。"</p>
<p>赛丽亚停下脚步,扶着墙壁大口喘气。她的额头上布满了冷汗,精灵之力在体内紊乱地波动。</p>
<p>"赛丽亚!"林克扶住她。</p>
<p>"林克……"赛丽亚抬起头,眼中满是歉意,"我……我可能……没法继续了……"</p>
<p>她的声音很轻,但每一个字都像锤子一样敲在林克心上。</p>
<p>---</p>
<p>他们找到了一处相对安全的平台休息。</p>
<p>赛丽亚靠在墙边,脸色苍白如纸。即使是精灵强大的精神力,在罗特斯如此接近的威压下也难以支撑。</p>
<p>"我必须……回去……"赛丽亚艰难地说,"如果我继续跟着……只会成为你们的负担……"</p>
<p>"不,你不是负担。"林克握紧她的手。</p>
<p>"但我说的是事实。"赛丽亚勉强露出一个微笑,"在这里,我的治愈术效果大打折扣,而且……我需要集中精力抵抗精神控制,无法分心战斗。"</p>
<p>她看向林克,眼中满是不舍:"你接下来要去的地方……是GBL教的武器库那里的敌人更加强大。我跟着只会让你分心保护我。"</p>
<p>林克沉默了。</p>
<p>他知道赛丽亚说的是对的。极昼区域的精神污染太强,即使是精灵也难以承受。让她继续跟着,确实太危险了。</p>
<p>"我明白了。"林克深吸一口气,"你回西海岸等我们。"</p>
<p>赛丽亚点点头,泪水在眼眶中打转:"一定要……平安回来……"</p>
<p>"我答应你。"林克轻轻擦去她眼角的泪水,"等我解决了罗特斯,就去西海岸找你。"</p>
<p>维加走上前:"我送赛丽亚小姐回去。我对天帷巨兽的路比较熟悉,可以确保安全。"</p>
<p>林克看了他一眼,点头:"拜托了。"</p>
<p>---</p>
<p>目送赛丽亚和维加离开后,林克和奥菲利亚继续向极昼进发。</p>
<p>通往极昼的道路是一条长长的阶梯阶梯两旁是深不见底的深渊。空气中弥漫着一种奇怪的气息——既有GBL教特有的学术氛围又有使徒力量的腐化痕迹。</p>
<p>"极昼是GBL教的武器库。"奥菲利亚解释道,"也是天帷巨兽背上的最高点。那里存放着教团最先进的武器和飞行器。"</p>
<p>"飞行器?"</p>
<p>"多尼尔——GBL教研发的空中交通工具。"奥菲利亚说,"但在罗特斯控制下,它们都变成了攻击型武器。"</p>
<p>他们终于来到了极昼的入口。</p>
<p>与之前阴暗压抑的环境不同极昼是一个巨大的露天平台。阳光从上方洒下照在平台上各种奇异的机械装置上。这里曾经是GBL教展示科技实力的地方现在却变成了战场。</p>
<p>平台上到处都是GBL教的信徒——但他们都已经发狂手持武器在平台上游荡。更可怕的是天空中盘旋的多尼尔飞行器它们原本是交通工具现在却被改装成了攻击型武器装备了各种炮塔。</p>
<p>---</p>
<p>"小心!"奥菲利亚大喊。</p>
<p>一架多尼尔发现了他们,机身上的狮口炮瞄准了林克的位置。</p>
<p>"轰——!"</p>
<p>炮弹在林克刚才站立的位置爆炸,碎石飞溅。</p>
<p>林克迅速闪避同时观察周围的环境。极昼平台很大到处都是GBL教徒和各种机械装置。他必须小心应对。</p>
<p>"流心·跃!"</p>
<p>林克跃起,跳到一处高台上。从这个位置,他可以看到整个平台的布局。</p>
<p>平台上的敌人分为几种:</p>
<p>普通的GBL教徒手持武器在近战范围内游荡</p>
<p>GBL教官比普通信徒更强会指挥其他信徒</p>
<p>GBL主教能够使用魔法攻击</p>
<p>还有各种机械装置——龙口炮、狮口炮、喷火炮,自动攻击入侵者;</p>
<p>最麻烦的是天空中盘旋的多尼尔飞行器,它们装备着各种炮塔,可以从空中发动攻击。</p>
<p>"必须先把那些多尼尔打下来!"林克做出判断。</p>
<p>他拔出晨曦,将魔力注入其中。</p>
<p>"破极兵刃!"</p>
<p>BUFF开启晨曦的光芒在阳光下格外耀眼。</p>
<p>一架多尼尔俯冲下来,机身上的炮塔瞄准了林克。</p>
<p>"就是现在!"</p>
<p>"拔刀斩!"</p>
<p>这是林克在西海岸学会的新技能。一道巨大的剑气从晨曦上爆发,划过天空,直接将那架多尼尔斩成两半!</p>
<p>多尼尔的残骸坠落在平台上,爆炸的火光照亮了周围。</p>
<p>"有效!"林克眼中闪过一丝喜色。</p>
<p>---</p>
<p>战斗在极昼平台上展开。</p>
<p>林克利用流心姿态在平台上快速移动躲避着GBL教徒的攻击和炮塔的轰炸。每当有多尼尔俯冲下来他就用拔刀斩将其击落。</p>
<p>但敌人太多了。</p>
<p>GBL教徒从四面八方涌来龙口炮和狮口炮不断发射炮弹天空中还有多尼尔在盘旋。即使是林克也感到有些力不从心。</p>
<p>"需要……改变战术!"</p>
<p>他注意到平台上有一些可以遮挡的掩体。如果能利用这些掩体,就可以减少来自空中的攻击。</p>
<p>"奥菲利亚,跟紧我!"</p>
<p>林克带着奥菲利亚,利用掩体逐步推进。每当遇到大批敌人,他就用破军升龙击打开缺口;每当遇到炮塔,他就用流心·刺精准破坏。</p>
<p>拔刀斩成为了对付多尼尔的利器。每一道剑气划过,都有一架多尼尔坠落。</p>
<p>但最麻烦的还是那些GBL主教。他们能够使用魔法攻击而且懂得互相配合。几个主教联手释放的魔法阵让林克不得不频繁闪避。</p>
<p>"这些主教……是GBL教的精英"奥菲利亚喊道,"他们掌握着教团最高深的知识!"</p>
<p>"知识……在使徒面前也变得疯狂了。"林克咬牙。</p>
<p>---</p>
<p>随着深入平台,敌人越来越强。</p>
<p>他们遇到了一种奇怪的生物——长着狼头的怪物,但眼睛却是瞎的。这些怪物依靠听觉和嗅觉攻击,动作敏捷且凶残。</p>
<p>"瞎子狼人……"奥菲利亚惊恐地说,"它们是GBL教的实验产物被使徒力量强化后变得更加可怕"</p>
<p>还有红色浪人——一种浑身赤红的流浪战士他们原本是被GBL教收留的冒险者现在也被使徒控制成为了杀人机器。</p>
<p>更诡异的是那些章鱼一样的生物。它们有着异形的触手,能够喷射毒液和缠绕敌人。</p>
<p>"这些都是……GBL教的研究成果"林克一边战斗一边问。</p>
<p>"是的……"奥菲利亚的声音充满痛苦,"教团原本是想研究生命奥秘……却创造了这些怪物……"</p>
<p>林克的心情变得沉重。GBL教这个崇拜知识的教团在使徒的控制下变成了制造怪物的工厂。</p>
<p>他握紧晨曦,剑身上的光芒比之前更加明亮——在连续使用拔刀斩后,晨曦的力量似乎又恢复了一些。</p>
<p>"不管前面有什么,我都要闯过去!"</p>
<p>---</p>
<p>终于,他们来到了极昼平台的最深处。</p>
<p>那里停着一架巨大的多尼尔——比普通的多尼尔大出十倍不止。它的机身被改造得面目全非,装备了无数的炮塔和武器,整个机身散发着使徒的邪恶气息。</p>
<p>EX多尼尔——GBL教最强大的空中兵器现在已经被使徒的力量彻底腐化。</p>
<p>它发现了林克,机身上的所有炮塔同时转动,瞄准了入侵者。</p>
<p>"入侵者……清除……"一个机械合成的声音从EX多尼尔中传出"罗特斯大人……不容侵犯……"</p>
<p>然后,它开火了。</p>
<p>无数炮弹如同雨点般朝林克倾泻而来。林克拼命闪避,但爆炸的冲击波还是将他震飞出去。</p>
<p>"这种火力……"林克咳出一口血,"比之前的敌人强太多了!"</p>
<p>EX多尼尔缓缓升空然后猛地俯冲下来。它的机身带着霸体状态任何攻击都无法阻挡它的冲锋。</p>
<p>"霸体坠地突进!"奥菲利亚大喊,"快躲开!"</p>
<p>林克勉强躲过但EX多尼尔坠地产生的冲击波再次将他掀翻。</p>
<p>更可怕的是EX多尼尔的机身打开释放出无数小型多尼尔和GBL教徒——它在召唤小怪</p>
<p>"必须……找到它的弱点……"林克咬牙站起身。</p>
<p>他观察着EX多尼尔的结构。这么大的飞行器一定有核心能源装置。如果能破坏核心……</p>
<p>"奥菲利亚,它的核心在哪里?"</p>
<p>"机身正中央!那里有一个发光的装置!"</p>
<p>林克看到了——在EX多尼尔机身的正中央确实有一个散发着暗红色光芒的装置那就是它的核心。</p>
<p>"明白了……"林克深吸一口气,"必须一击必杀!"</p>
<p>---</p>
<p>林克开始执行他的计划。</p>
<p>他不再与EX多尼尔硬碰硬而是利用流心姿态在战场上快速移动一边躲避攻击一边清理召唤出来的小怪。</p>
<p>每当EX多尼尔使用霸体坠地突进他就提前预判位置在坠地的瞬间发动反击。</p>
<p>"流心·刺!"</p>
<p>"破军升龙击!"</p>
<p>"里·鬼剑术!"</p>
<p>连续的攻击在EX多尼尔的机身上留下伤痕但还不足以破坏核心。</p>
<p>EX多尼尔似乎被激怒了它的攻击变得更加疯狂。整个平台都在它的炮火下颤抖。</p>
<p>"就是现在!"</p>
<p>EX多尼尔再次俯冲林克没有躲避而是迎着它冲了上去。</p>
<p>"流心·跃!"</p>
<p>他跃到EX多尼尔的机身上在霸体坠地的冲击中稳住身形然后举起晨曦。</p>
<p>"破极兵刃!"</p>
<p>晨曦的光芒达到了前所未有的亮度。</p>
<p>"拔刀斩·极限!"</p>
<p>最大的剑气从晨曦上爆发,直接斩向机身正中央的核心!</p>
<p>"轰——!"</p>
<p>EX多尼尔的核心被击中暗红色的光芒剧烈闪烁然后彻底熄灭。</p>
<p>巨大的飞行器失去动力,从空中坠落,在平台上砸出一个巨大的坑洞。</p>
<p>林克从残骸中爬出,大口喘着气。他做到了——击败了极昼的统治者。</p>
<p>但当他看向手中的晨曦时,发现剑身上的光芒比之前更加明亮了——几乎恢复到了八成。</p>
<p>"晨曦……"他喃喃自语,"你也在等待这一战吗?"</p>
<p>---</p>
<p>奥菲利亚跑过来扶起他:"你做到了你击败了EX多尼尔"</p>
<p>林克点点头,看向极昼的更深处。在那里,有一个通往更下层的通道。</p>
<p>"第一脊椎……"奥菲利亚喃喃自语,"罗特斯……就在下面……"</p>
<p>林克握紧晨曦,目光坚定。</p>
<p>"走吧。不管前面有什么,我都要面对。"</p>
<p>"为了赛丽亚,为了阻止罗特斯,为了守护这个世界。"</p>
<p>---</p>
<p>(第二十三章完)</p>
</article>
</div>
<!-- 固定底部导航 -->
<nav class="fixed-nav">
<div class="fixed-nav-content">
<a href="chapter-22.html" class="nav-btn ">上一章</a>
<a href="../chapters.html" class="nav-btn">目录</a>
<a href="chapter-24.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-1.html" class="sidebar-chapter">第1章洛兰的风</a>
<a href="chapter-2.html" class="sidebar-chapter">第2章洛兰深处</a>
<a href="chapter-3.html" class="sidebar-chapter">第3章幽暗密林</a>
<a href="chapter-4.html" class="sidebar-chapter">第4章幽暗密林深处</a>
<a href="chapter-5.html" class="sidebar-chapter">第5章雷鸣废墟</a>
<a href="chapter-6.html" class="sidebar-chapter">第6章格拉卡</a>
<a href="chapter-7.html" class="sidebar-chapter">第7章烈焰格拉卡</a>
<a href="chapter-8.html" class="sidebar-chapter">第8章冰霜幽暗密林</a>
<a href="chapter-9.html" class="sidebar-chapter">第9章转职之路</a>
<a href="chapter-10.html" class="sidebar-chapter">第10章暗黑雷鸣废墟</a>
<a href="chapter-11.html" class="sidebar-chapter">第11章剑魂转职仪式</a>
<a href="chapter-12.html" class="sidebar-chapter">第12章西海岸</a>
<a href="chapter-13.html" class="sidebar-chapter">第13章龙人之塔</a>
<a href="chapter-14.html" class="sidebar-chapter">第14章人偶玄关</a>
<a href="chapter-15.html" class="sidebar-chapter">第15章石巨人塔</a>
<a href="chapter-16.html" class="sidebar-chapter">第16章黑暗玄廊</a>
<a href="chapter-17.html" class="sidebar-chapter">第17章城主宫殿</a>
<a href="chapter-18.html" class="sidebar-chapter">第18章番外·悬空城</a>
<a href="chapter-19.html" class="sidebar-chapter">第19章天帷巨兽·神殿外围</a>
<a href="chapter-20.html" class="sidebar-chapter">第20章树精丛林</a>
<a href="chapter-21.html" class="sidebar-chapter">第21章炼狱</a>
<a href="chapter-22.html" class="sidebar-chapter">第22章西海岸的闲暇</a>
<a href="chapter-23.html" class="sidebar-chapter current">第23章极昼</a>
<a href="chapter-24.html" class="sidebar-chapter">第24章第一脊椎</a>
<a href="chapter-25.html" class="sidebar-chapter">第25章赫顿玛尔的准备</a>
<a href="chapter-26.html" class="sidebar-chapter">第26章第二脊椎</a>
<a href="chapter-27.html" class="sidebar-chapter">第27章重逢的温柔</a>
<a href="chapter-28.html" class="sidebar-chapter">第28章暗精灵的委托</a>
<a href="chapter-29.html" class="sidebar-chapter">第29章阿法利亚营地</a>
<a href="chapter-30.html" class="sidebar-chapter">第30章浅栖之地</a>
<a href="chapter-31.html" class="sidebar-chapter">第31章蜘蛛洞穴</a>
<a href="chapter-32.html" class="sidebar-chapter">第32章克伦特的委托</a>
<a href="chapter-33.html" class="sidebar-chapter">第33章暗精灵墓地·左翼守卫</a>
<a href="chapter-34.html" class="sidebar-chapter">第34章暗精灵墓地·剩余三将军</a>
</div>
</aside>
<script>
// 记录阅读进度
let readChapters = JSON.parse(localStorage.getItem('readChapters') || '[]');
if (!readChapters.includes(23)) {
readChapters.push(23);
localStorage.setItem('readChapters', JSON.stringify(readChapters));
}
// 主题切换
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>