花园、蛇巢、迷途客：被放逐者的漫游奇旅

您度过了一段奇妙的旅途，被放逐者图书馆期待与您的再度相会。

• • _
  进入旅途“被放逐者的漫游奇旅”- Hide block
  
  

  page 1 of 212next »

  占楼

  Swred 22 Oct 2025 15:12

  等我从区变成人了再来写这个

  诈尸提一嘴：推荐在网络环境良好的情况下阅读。声明主题：保护

  最后编辑于 22 Oct 2025 15:41 由 Swred 显示更多

  Re: 占楼

  haplocalyx 22 Oct 2025 15:28

  我待会再来写这个，我确实来写了这个

  另外一些感想（长段已折叠）

  首先引用一段话：

  与 SCP 不同，被放逐者之图书馆里的故事没有固定的参赛板式，正如它们所说的那样，它们可以是散文、书信体、多媒体，或者其他任何你能想到的东西。这种规制就如同液体一样多变 —— 我们拥有着从高度幻想到都市恐怖的一切。

  大家唯一一致的主题，如果真的有的话，我想应该是图书馆里的故事应该试图唤起一种奇妙的感觉，一种我们所知事物之外还有一个更大的世界的感觉。在图书馆的世界里，这些奇迹藏起来了，但它们从未真正远离。但永远不要忘记一件事，这个世界比我们自己的世界更加狂野，而且它永远也不会完全得安全。
  

  ——被放逐者图书馆中心页

  在原本的构思中，原本只是一篇很基础的游记，介绍旅者在图书馆的漫游，后面与darry老师讨论了一下点子后，决定将点子转化为更直观的，可以让读者们体验的一段“漫游旅途”。

  不过由于是图书馆，所以在最开始的时候还是有些担心，会不会因为这种形式和与SCP世界观的联系被鉴定为“不够图书馆”。不过最后还是找到了上述在被放逐者图书馆中心页的留言，所以便放下心来进行这方面的写作。

  在最早的设计目的上，我们依旧选择与先前保持一致“作为一位误入图书馆的迷途者，在图书馆中漫游，并且寻觅回家之路，这便是旅者在文中的主要目的”，至于这个目的其实也是考虑到一些关于“门径”的早期设定，图书馆的门径是随机开放的，它也许开放在一处老旧的房屋中，也许就开在你的房门口，所以这也是作为“主人公”的迷途客误入图书馆的起因。——Just一个奇妙的巧合，而这样的巧合对于图书馆来说，其实随处可见。

  而后续的设计上，原本选择的其实是简单的介绍与文件穿插，后面思考后，认为这样会降低读者的代入感，我们为何不选择让主角可以在这次旅途通过自我的选择来获得一些东西呢？所以我们引入了藏品机制，而藏品的获取也与后续的一些线路与结局的触发开放相关联。

  说回内容涉及方面，说到图书馆，绝大部分了解图书馆并看过图书馆文的写手大概会想到“典籍”，所以典籍成为了本文中的一个内容，我们希望的是将世界观内的典籍展示在读者面前，以展示给读者，它们在世界观内是个什么样子，围绕着它们，又发生过什么，其次，便是地域与奥秘生物、人员等在世界观中的图书馆同样重要的部分，继续引用一句话来解释：

  一位王牌猎人在异世界中寻找猎物。一只生物生活在小巷和垃圾场中，收集碎屑来伪装自己。一个由众多部件拼凑而成的红色存在、许诺可以满足你你曾渴求的一切。这里的故事应当试图唤起一种“渊妙感”，一种超越我们所知的更大世界的感觉。

  在图书馆的世界中，这些惊奇之物是隐藏着的，但从未真正远离。然而，永远不要忘记，这是一片比我们自己的世界更加狂野的天地，它也绝非安全。小心前行。

  这句话同样出自被放逐者图书馆中心页面，所以我们最后将这些部分也加入了我们的图书馆之旅设计中，在这里，你会遇上故事或者传说中的存在，或是……遇上世界观中的“老熟人”？

  不过无论如何，主人公在漫游之旅中会遇到很多、经历很多，而ta的决定也将影响ta是否会得以窥见图书馆之中隐藏的秘密或者更多奇妙之处，虽然主人公的最初目的是回家，回到那个自己熟悉的地方，毕竟被放逐者图书馆并不是常人能轻易往来之地。
  但无论如何，被放逐者图书馆向所有追求知识的人开放，也会期待着每一位旅人的再度到来，它的时间是无限的，它所收藏的故事也在持续增长——倘若笔耕不辍。

  最后用中心页的一句话来结束：

  你可以蜷缩在角落里纺纱，长到可以把自己裹上一千遍，这样的时光正是我们回到这里的原因。

  最后是给予读者们的结局线路攻略（剧透警告）

  结局1被放逐者的平凡归程：正常进行任意路线，在以下线路可以达成该结局：1、接受管理员的送回帮助 2、在瞭望之路中最终选择平凡之路 3、与商人交互后选择交易藏品

  结局2狱卒、收容、基金会：与书志学家交互后，直接选择接受帮助或者在未持有藏品“焚书人的肩章”选择仍旧接受帮助

  结局3狱卒、收容、书志学家：在与书志学家交互后，选择出示藏品“焚书人的肩章”。

  结局4迷失：在无名森林选择倾听妖精的低语

  结局5与图书馆寻求邂逅是否搞错了什么（0藏品结局）：与商人交互后最终选择用金钱交易回归帮助

  结局6与蛇同行：在树冠之顶选择“殿堂之路”，觐见“蛇”

  结局7被放逐者的无终物语：抵达漫游者保护协会，与众人告别，回到家乡，但漫游者的旅途永不结束。

  结局8群星之中的漫游者：在树冠之顶选择瞭望之路，持有藏品“蛇手的徽章”下选择走向群星，步前人之路

  更详细的全藏品线路与小巧思正在整理中……

  ---

  星河拂晓，向南而行

  最后编辑于 26 Oct 2025 16:32 由 haplocalyx 显示更多

  AnyboLancdon 22 Oct 2025 15:48

  什么时候出无障碍模式，刚点进来就爆掉了

  ---

  Stop all the clocks,cut off the telephone,Prevent the dog from barking with a juicy bone,Silence the pianos and with muffled drum Bring out the coffin,let the mourners come.

  Let aeroplanes circle moaning overhead, Scribbling on the sky the message He Is Dead, Put crepe bows round the white necks of the public doves, Let the traffic policemen wear black cotton gloves.

  Cummis 22 Oct 2025 15:55

  我觉得比起小猫，某种……委婉地说，会蠕动的生物更适合作为头像
  保护醬可爱捏
  我能加入食书虫的行列吗，毕竟我们形态相似

  最后编辑于 22 Oct 2025 16:05 由 Cummis 显示更多

  Jonuarl Reden 22 Oct 2025 23:07

  区完了

  ---

  雨丝细密地闪耀着，缓缓垂落

  在夕照残阳的辉映之中

  旅人踽踽独行，沿着蜿蜒小径

  怀揣着一颗郁暗的心

  YourDearTeriM 04 Nov 2025 07:58

  区完了

  Kennges_Starfin 22 Oct 2025 16:34

  狱卒

  瑰丽

  Lillianna_ovo 23 Oct 2025 01:06

  无法用语言描述的阅读体验……这就是超文本的独特优势，身临其境般的探索旅程加上华丽又不造作的文字，我没有不给up的理由

  期待一下全结局攻略

  ---

  是移动端的问题吗 感觉结局后每次点进去是评论区有点反人类了（）

  最后编辑于 23 Oct 2025 01:21 由 Lillianna_ovo 显示更多

  Re: 瑰丽

  Swred 24 Oct 2025 02:46

  昨晚修复了一下，不知道现在在移动端显示会不会好些了

  Kirito_Blade 23 Oct 2025 02:16

  呆神我喜欢你

  ---

  点击输入文字

  最后编辑于 23 Oct 2025 03:05 由 Kirito_Blade 显示更多

  MDYw_RainTree 23 Oct 2025 02:59

  什么时候上架steam

  ---

  意料之外，却又在众神之父的视野中

  ShirlyMcDuck 23 Oct 2025 14:27

  真漂亮 只凭借文字构建出的beautiful

  xkdd 23 Oct 2025 15:27

  哦太好了我终于来到这里了！总之，需要攻略和需要降低重复刷图感（

  ---

  亦惊凰。

  ＋1

  AnyboLancdon 24 Oct 2025 02:09

  无疑是值得一看的。

  不过我还想做一点批评。我待会再来写这个。

  ---

  Stop all the clocks,cut off the telephone,Prevent the dog from barking with a juicy bone,Silence the pianos and with muffled drum Bring out the coffin,let the mourners come.

  Let aeroplanes circle moaning overhead, Scribbling on the sky the message He Is Dead, Put crepe bows round the white necks of the public doves, Let the traffic policemen wear black cotton gloves.

  page 1 of 212next »

  著作信息

  ---

  作者：haplocalyx 和Swred，晓楠的作者页，戴瑞的作者页

  感谢Sharia Vanilla、Mahashi Kazuhiro、Jonuarl Reden、Kennges_Starfin朋友们的看稿与建议，感谢OsakiKwok的设计支持。

  图片来源：
  https://pixabay.com/zh/vectors/deciduous-deciduous-tree-tree-32497/
  https://pixabay.com/zh/vectors/fantasy-fairy-magic-dream-pixie-7209365/
  https://pixabay.com/zh/vectors/aladdin-arabian-fairy-genie-jinn-1299675/
  https://pixabay.com/zh/vectors/fairy-person-fantasy-elf-elfin-145423/
  https://pixabay.com/zh/vectors/christmas-elf-bearded-leprechaun-7622927/
  https://pixabay.com/zh/vectors/cane-fashion-hat-male-man-retro-1297614/
  https://pixabay.com/zh/vectors/moon-star-sky-space-stylized-6162317/
  https://pixabay.com/zh/vectors/instrument-minstrel-music-musical-1299367/
  https://pixabay.com/zh/vectors/moon-star-sky-space-stylized-6162317/
  https://pixabay.com/zh/vectors/instrument-minstrel-music-musical-1299367/
  https://pixabay.com/zh/vectors/building-castle-fort-fortification-2027573/
  https://pixabay.com/zh/vectors/ai-generated-man-sad-upset-9279176/
  https://pixabay.com/zh/vectors/archer-woman-female-bow-warrior-7166439/
  https://pixabay.com/zh/vectors/alice-in-wonderland-tea-party-276452/
  https://pixabay.com/zh/vectors/caterpillar-insect-worm-body-37650/
  https://pixabay.com/zh/vectors/book-paper-text-textbook-1297518/
  https://pixabay.com/zh/vectors/raven-crow-black-bird-corvine-bird-30859/
  https://pixabay.com/zh/vectors/businessman-man-silhouette-business-296833/
  https://pixabay.com/zh/vectors/backpacker-hiking-backpacking-hiker-33063/
  https://pixabay.com/zh/vectors/backpacker-hiking-backpacking-hiker-33063/
  https://pixabay.com/zh/vectors/backpacker-hiking-backpacking-hiker-33063/
  https://pixabay.com/zh/vectors/bulb-light-lamp-electric-160207/
  https://pixabay.com/zh/vectors/kitty-cuddling-cat-kitten-feline-151949/
  https://pixabay.com/zh/vectors/star-happy-glasses-face-costume-312699/
  https://pixabay.com/zh/vectors/three-kings-wise-men-christianity-7695022/

  ---

    

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <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+Sans+SC:wght@100..900&family=Noto+Serif+SC:wght@200..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://darry.wikidot.com/local--files/wandering-file/style_last.css">
</head>
<body>
    <div id="modal-container">
        <div id="modal-welcome" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <img src="https://darry.wikidot.com/local--files/wandering-file/converted_image%20%284%29.png" style="max-width: 30%; height: auto; margin-bottom: 20px;">
                <h1>被放逐者之图书馆 (WANDERERS-LIBRARY)</h1>
                <p>你所抵达的未知之地，无限无垠是此地的标志，奇异与幻想是此地的代名。</p><br>
                <p>这里留存着远古的遗迹，这里编织着当下的史诗，这里预言着未来的方向。数不胜数的旅人在此留下过足迹，带来由他们所编写的诗篇文献，纳入此地浩如烟海的典籍之中，为图书馆添砖加瓦。</p><br>
                <p>也许，你也可以是其中之一。</p><br>
            </div>
        </div>
 
        <div id="modal-ancient-info" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>苍古乌木</h2>
                <p>第一层，时光以岁月为碑，铭刻所有被生灵所遗忘的低语。</p>
            </div>
        </div>
 
        <div id="modal-traveler-info" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>螺旋回廊</h2>
                <p>第二层，回廊无始无终，唯有漫游者的无心足迹，在壁上重复着永恒的纂刻。</p>
            </div>
        </div>
 
        <div id="modal-forbidden-forest" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>禁章森林</h2>
                <p>谨慎，旅人，第三层文献以窥视者与冒犯者为壤，在此凝成不散的副音，与纸页同朽。</p>
            </div>
        </div>
 
        <div id="modal-item-shoulder" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>焚书人的肩章</h2>
                <p>一份已经磨损了大半的肩章，但是蓝色的五芒星标志依然闪耀着光芒，就如同曾经佩戴着它的主人一样。</p>
            </div>
        </div>
 
        <div id="modal-item-bookworm-fragment" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>蠹蚀残页</h2>
                <p>被虫啃食大半的残页，或许有一天能从残存的字句中，拼凑出完整的故事。</p>
            </div>
        </div>
 
        <div id="modal-item-wonderland-watch" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>永远迟到的怀表</h2>
                <p>永远比实际时间晚点的怀表，是茶客们与你邂逅的见证。</p>
            </div>
        </div>
 
        <div id="modal-bard-poem" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>吟游者的古老诗章</h2>
                <p>用你所熟悉的语言撰写的一份古老诗章，它所记载的内容你从未听闻，但它的存在将从你接过它的这一刻开始流传。</p>
            </div>
        </div>
 
        <div id="modal-item-goblin-manuscript" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>地精的科学手稿</h2>
                <p>地精制图史中的记载手稿，曾记录着地精王国曾采取的地底超高速运输通道设计。虽然最后因为侵犯其他王国领土主权而被废除，现作为纪念品存在。</p>
            </div>
        </div>
 
        <div id="modal-item-goblin-design-manuscript" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>地精的最新设计手稿</h2>
                <p>地精制图史中的记载手稿，记录着地精王国最新飞行科技“飞床”的设计手稿。它代表着地精制图学的真正成熟，现作为纪念品存在。</p>
            </div>
        </div>
 
        <div id="modal-item-donor-certificate" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>赠书者的证明</h2>
                <p>由图书馆管理员赠予你的凭证，代表着图书馆对你的认可与你为被放逐者图书馆所作出的贡献。</p>
            </div>
        </div>
 
        <div id="modal-item-magic-lamp" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>神灯</h2>
                <p>由直流电所点亮的钨丝灯泡，亮度尚可，似乎能亮上很长一段时间。也许你可以在之后拿来照明。</p>
            </div>
        </div>
 
        <div id="modal-item-iron-powder" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>铁粉</h2>
                <p>普普通通的铁粉，据说可以让不可言说的窃名者畏惧并远离过路旅客。</p>
            </div>
        </div>
 
        <div id="modal-item-bounty-contract" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>猎头契约</h2>
                <p>赏金猎人的契约，“定金，你的部分生命保障”，在图书馆的奥秘生物遭遇战中也许能派上用场。</p>
            </div>
        </div>
 
        <div id="modal-item-damaged-shell" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>毁损蠹甲</h2>
                <p>毁损的食书虫甲壳，是你善举的证明。</p>
            </div>
        </div>
 
        <div id="modal-snake-nest-info" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>蛇巢/窃贼与先知之路</h2>
                <p>第四层，此地铺陈着盗窃者的捷径与先知的迷途，每一步，都是在对知识与命运的诘问。</p>
            </div>
        </div>
 
        <div id="modal-item-snake-hand-badge" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>蛇之手的徽章</h2>
                <p>名为“蛇之手”的徽记，似乎与被放逐者图书馆的标志存在相似性，让人不禁好奇它们之间的关联。</p>
            </div>
        </div>
 
        <div id="modal-item-book-blessing" class="modal-overlay">
            <div class="modal-content">
                <button class="modal-close" onclick="ModalSystem.close(); event.stopPropagation();">&times;</button>
                <h2>藏书印记“书的祝福”</h2>
                <p>妖精给予你的藏品，充盈着来自书的祝福，证明你曾与妖精同行。</p>
            </div>
        </div>
 
    </div>
 
    <div class="container">
        <div id="story">
            <div class="question active" data-question="1" data-question-id="start" id="start-page">
            </div>
 
            <div class="question" data-question="2" data-question-id="new-page">
 
                <div class="text-content">
                    <h1>《保护酱的图书馆漫游手册一保护安全篇》（节选）</h1>
                    <p class="bullet-point">需要注意的风险区域！</p><br>
                    <p>典籍区：相对来说较为和平稳定的区域，在相当部分的典籍区域漫游者不会有任何风险，当然，一些特殊区域除外，如书虫（不是代号叫书虫的那个）及夺心魔活跃的区域，还有一些带有认知影响的典籍区域，进入这些地方可能会导致您的遗忘或被催眠，请保证在有专业人员陪同情况下进入（比如保护酱）!</p><br>
                    <p>奥秘生物区：被放逐者图书馆不仅是书籍的集合，同样也是众多神话怪谈及传说中的奇妙生物的栖息之所。在这里，你也许会看到神代的双足飞龙从您的头顶掠过，矮人的勇土请求您协助锻造征伐杀人雕像的武器，还有会偷走访客名字的妖精……</p><br>
                    <p>总而言之，它们或许会对您友好，也或许会对您恶作剧，您会时不时碰到他们。总而言之，请记住：它们之中大多数可能并非看起来那样人畜无害。</p><br>
                    <p>异域（异空间）：顾名思义，被放逐者图书馆内部存在着数不胜数的“异域”或称之为口袋空间，这也有赖于图书馆的非欧几何性质，打个比方，也许上一秒你还在王国与妖精们谈笑风生，下一秒你就已经踏进了冰霜巨人聚集的约顿海姆。坏消息是您必须穿越这些异域才可以到达最近的返回密径，而好消息是：您可以在这段旅程中见证您过去从未见过的光怪陆离风光。</p><br>
                    <p class="bullet-point">最终任务！</p><br>
                    <p>对您来说返程即是您的最终目标，并且保证您在这之前的安然无恙。</p><br>
                    <p>或许……这可能并不是最终的目标？</p><br>
                    <p>请安心，在旅途的最后，我确信您会得到答案。</p><br>
                    <p>最后，欢迎来到被放逐者图书馆。</p><br>
                    <p>我们的图书馆漫游旅途，即将拉开帷幕。</p><br>
                </div>
 
                <div class="text-page-button">
                    <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                    <div class="options">
                        <div class="option" data-value="path_1">走向绿意盎然之地</div>
                        <div class="option" data-value="path_2">走向旅者来往之地</div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="3" data-question-id="ancient-path">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>苍树与血</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%8B%8D%E6%A0%91%E4%B8%8E%E8%A1%80%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 40%; height: auto;">
                        </div>
                    </div>
 
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你见那生于红土之上的古老之树开枝散叶，支撑起一则又一则典籍与诗篇，倘若旅人们仍然笔耕不辍，那么这颗多天之树终将长久扎根于此，结下被遗忘之物的果实，为访客们讲述一又一个初来乍到者目中的所见。</p>
                        </div>
                    </div>
 
                    <div class="text-content">
                        <h1>词条 · 苍树与血</h1>
                        <p>在被放逐者图书馆的认知中，图书馆繁茂取决于对万物的见证，结构的解析，因果的探寻……诸如此类，因此当扎根于其中的苍天古树于此诞生，它成为支撑最能代表图书馆最基础存在的载体。</p><br>
                        <p>它并无特定的限制与内容所求，仅仅只是扎根于被放逐者图书馆的最底层依靠众多来访者的记录和漫游者的絮语来汲取生长的所需，在归档员们的帮助下收集失落和无主的篇章，最终成长至如此参天之态。同图书馆一样，作为最年长的存在，它见证过自过去向未来的无尽路途上一位位先驱所滴下的鲜血，浸润它所扎根的土地，也见证过一则则无主的诗篇，作者在作成之后便销声匿迹，唯有残篇留予后人评说。现今，苍树与血仍然肩负着收藏无主与被忘却篇章的职责——即便图书馆都不曾在意。</p><br>
                        <p>不仅如此，图书管理员与访客们开始自发收集这些篇章并安置于此处，由这苍老的古树给予这些篇章以保护与记录，最终成就如今的枝繁叶茂，成为这被放逐者图书馆的众多奇观之一。</p><br>
                        <p>苍树与血这个名字，不仅代表着图书馆的历史，同时也代表着那一位位曾于此留下过足迹的先驱。</p><br>
                        <p style="text-align: right;">——《漫游者手记·其一》</p>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">聊聊这个</button>
                    </div>
 
                    <div id="hidden-content-ancient" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="dialog-avatar-text-container-right">
                                <div class="dialog-avatar-frame-right">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                                </div>
                                <div class="dialog-text-frame-right">
                                    <div class="dialog-text-content-right">
                                        <p>这个典籍的名字是叫……仓鼠雨雪，啊不，苍术御血？</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                                </div>
 
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>是“苍树与血”啦，它的名字便是因这株古木而得名。</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                                </div>
 
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>如《漫游者手记》中所记录的苍树与血典籍并不是真正意义上的一个典籍集合，而是由访客与归档员们所共同整理收集而成的，每一个无主的故事抑或是失落已久的残页都在此得到收录与传承，同时其数目也仍在持续性增长。</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                                </div>
 
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>也许，您的故事也在不久的未来被收录其中呢？</p>
                                    </div>
                                </div>
                            </div>
                            <div class="centered-text-block">
                                <p>总而言之，你最终领略了这颗参天大树背后所沉淀的岁月，也了解了这一典籍的来龙去脉，知晓那无尽的道路，亦或那深邃的海洋，背后所埋藏的也许早已无人在意的尸骸、汗液、泪水甚至鲜血。</p><br>
                                <p>现在，你该出发了。</p>
                            </div>
                        </div>
 
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="4" data-question-id="traveler-path">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅行者之书</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E6%97%85%E8%A1%8C%E8%80%85%E4%B9%8B%E4%B9%A6%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                    <p>陌生访客从你的身旁路过，将一份份记载着其他世界风土人情的游记录入典籍书页中。</p><br>
                        <p>他们大概彼此之间从未相识，但他们都有个共同的名字：“旅者”。</p>
                    </div>
                </div>
 
                <div class="text-content">
                    <h1>词条 · 旅行者之书</h1>
                    <p>在图书馆大部分管理员的认知中典籍的生命力大多取决于赠书的访客，那旅行者之书无疑是其中最具生命力之一，它的主要内容都来自于各界旅者的所见所闻，他们拜访的世界或是繁荣至极，或是即将衰亡成灰。但作为”旅者”，他们的目的便是录下他们的目中所见，告诉从未造方此地之人那些不该被埋没、被遗忘的故事。</p><br>
                    <p>我也曾为这些“旅者”之一，像他们中的大多数一样云游四方，也曾像他们一样为一个濒临衰亡的世界留下了它最后的拓影。这样的世界也许还有很多很多，多到图书馆最博学的智者妖精也语焉不详。但要只要“旅者”继续存在着，那么关于它们的故事也终将有一天被从灰烬之下发掘，并在各界中传唱。</p><br>
                    <p>在最后，请允许我向每一位旅者致以崇高的敬意。</p><br>
                    <p style="text-align: right;">——《漫游者手记·其二》</p>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">聊聊这个</button>
                </div>
 
                <div id="hidden-content-traveler" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>关于《旅行者之书》，其实从最开始，它并未作为一部典籍而存在。只是因为有好事者将众多旅人的游记经历汇编成文以供后人参阅。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>但渐渐地，越来越多的旅人开始自发加入这一典籍的编撰之中。其实他们并无组织与队伍，甚至他们的最初目的也都不尽相同，但到最后，他们几乎都有了一个共同的目标——为了让这一方世界的故事得以被世人知晓。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>对了，据说最初编写《旅行者之书》的好事者，如今也已作为一名旅人周游各界呢！</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>欸……周游世界的旅人吗，听起来好酷的说。说起来，我刚刚看到的故事，记录的是旅行者在图书馆的经历吗？</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>是哦，据说这份游记甚至与最早的那位旅行者有关呢！</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-content" style="margin-top: 60px;">
                        <p style="text-align: center; font-weight: bold;">世界42</p>
                        <p style="text-align: center;">口袋空间</p>
                        <p style="text-align: center; font-weight: bold;">意识形态</p>
                        <p style="text-align: center;">混合</p>
                        <p style="text-align: center; font-weight: bold;">其他特征</p>
                        <p style="text-align: center;">未知</p><br>
                        <p style="text-align: center;">中转，无限</p><br><br><br>
                        <p>……最后，我将我在这座奇特图书馆之中的经历与先前世界的冒险历程记录下来，在编订成册后赠予了图书馆的管理员，因为我听说赠书在这座图书馆是最为司空见惯且表达友谊的行为。</p><br>
                        <p>管理员看起来似乎很高兴，他原本打算带我参观图书馆的更深处，以报答我的慷慨赠予，但我谢绝了他的好意。</p><br>
                        <p>管理员们选择尊重我的选择，在他们将我送回密径前，他们告诉我，图书馆专门为我的游记设置了一个专门的区域以供后人参阅，并征求我对这一典籍区域的命名意见。</p><br>
                        <p>我没有回答他们，我只是笑了笑，然后进入了密径之中。我明白，我只是一介旅人，并非先驱。我无权为众多旅人的经历统一命名。</p><br>
                        <p>我需要做的，唯有探索，然后，满怀期待。</p><br>
                    </div>
 
                    <div class="centered-text-block">
                        <p>《旅行者之书》。你在脑海中琢磨着这个名字，你已经知晓这并不是一个正式的称呼，而是因众多旅行者的经历而得名，或许在未来，你也会在这里留下一段热血沸腾的冒险旅程游记呢？</p><br>
                        <p>在你遐想时，一位风尘仆仆的旅者从你身旁走过，带着他从一段艰辛冒险中保存下来的游记走向书架，你转过身向其致以敬意，而他向你回以微笑。</p>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="5" data-question-id="ancient-follow" id="ancient-follow-page">
            </div>
 
            <div class="question" data-question="6" data-question-id="traveler-follow">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>居书妖精</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E5%B1%85%E4%B9%A6%E5%A6%96%E7%B2%BE%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div class="centered-text-block">
                    <p>在前往下一个典籍区域的路上，一只妖精挡住了你的去路，它抱着一本厚厚的书，似乎想要告诉你的什么。</p><br>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>哦这个小家伙是栖息于被放逐者图书馆典籍区域的奥秘物种之一。平常居住在书本之中，以访客们撰写的故事与灵感为生，在访客打开书本的时候经常会窜出来吓访客们一跳，是喜欢恶作剧的妖精之一。不过一般并不会故意去伤害访客们，所以无须担心。</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="centered-text-block">
                        <p>小小的妖精围绕着你飞来飞去，然后指着自己和怀中的书，你费了好大功夫才终于勉强明白它是在请求你打开这本被“封印”的书，帮助它被困住的朋友。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-traveler-follow-1')">帮它一把</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-traveler-follow-2')">还是回家的路要紧</button>
                    </div>
                </div>
 
                <div class="hidden-content" id="hidden-content-traveler-follow-1" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你和保护小姐又费了好大一番功夫才终于从物理手段方面掰开了这本词典，你不禁怀疑妖精所说的“被封印的书籍”是因为书页上沾了胶水。</p><br>
                            <p>居书妖精们对你的慷慨帮助表示感激，并且给予了你“书”的祝福。</p><br>
                            <p>但是什么又是“书”的祝福，恐怕你这辈子都弄不清楚了。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>藏书印记“书的祝福”</h3>
                                <p>妖精给予你的藏品，充盈着来自书的祝福，证明你曾与妖精同行。</p>
                                <button class="collection-get-btn" id="get-book-blessing-btn" onclick="handleCollectionClick(this, 'item-book-blessing')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
 
                <div class="hidden-content" id="hidden-content-traveler-follow-2" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>听闻你的拒绝，妖精失望地抱着书离开了，看着它落寞的背影，你不禁感到一丝愧疚。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="7" data-question-id="convergence-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>欢声笑语</h1>
                        <div class="text-image">
                            <img src="http://darry.wikidot.com/local--files/wandering-file/%E6%AC%A2%E5%A3%B0%E7%AC%91%E8%AF%AD%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 40%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>“世界，要有笑声！”硕大而滑稽的照片矗立在路旁，你好奇地向里张望，却只见这家新闻社内部早已人去楼空，只余下那褪色的招牌似是嘲弄命运的无端。</p>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">聊聊这里</button>
                </div>
 
                <div id="hidden-content-convergence" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>依据我手中的资料显示，欢声笑语曾是一家致力于发掘异世界的组织或者机构琐事的新闻社所出品的典籍刊物。在初刊发行之际，他们靠着诙谐幽默的报道吸引并取悦的一批读者，但是很遗憾，在之后这份热情并未得到延续。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>在初刊发行过后不久，这家新闻社便销声匿迹，有人说是因为资金链断裂的无奈，有人说是异世界组织夜以继日的投诉侵扰。总而言之，这里的典籍也随着新闻社一并消失了，只余下这片遗址告诉路过的漫游者这里曾经有个新闻社的往事。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>可能会有人在未来将其拾起吧，但那毕竟已经是后话了。</p>
                                </div>
                            </div>
                        </div>
                        <div class="centered-text-block">
                            <p>这也许是你第一次看到已经落灰的典籍，没有撰写者，没有赠书人，那么典籍的生命便几乎可以被宣告就此终止。先前，参天的古树让你领略了故事所萌发的生机与活力，但如今你也知晓了在不为人知的角落中，也有众多典籍陷入停滞之中，你为此感到惋惜。</p><br>
                            <p>但愿假以时日，它们也会被外来的访客所拾起。</p>
                        </div>
 
                    </div>
                    <div class="text-page-button">
                        <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                        <div class="options">
                            <div class="option" data-value="path_a">你见那白雾在公园周围升腾，去往那边</div>
                            <div class="option" data-value="path_b">你看见妖精们在此嬉戏，去往这边</div>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="8" data-question-id="newsroom-path">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>惘川公园</h1>
                    </div>
                </div>
 
                <div class="centered-text-block">
                    <p>浓密厚重的白雾将入口笼罩，路过的旅人听见那不可知之处传来的回音。</p><br>
                    <p>忘却或是铭刻，欢迎来到惘川公园。</p>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">关于惘川公园</button>
                </div>
 
                <div id="hidden-content-newsroom-path" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>在图书馆之中，此地是遗忘与忘却的代名词，大抵如同那不息的忘川之水，访客们若是涉足其中恐怕连一丝记忆也不会留下吧。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>进入其中的访客大多是垂暮之人，他们的记忆大多同浓密白雾所虚掩的公园一般模糊不清，也许只有这样才能够一睹这座神秘公园的内部景象吧。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>故为了您的记忆安全起见，请选择从此地绕行。</p>
                                </div>
                            </div>
                        </div>
 
                        <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-1')">听从建议绕行</button>
                            </div>
 
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-2')">坚持从公园中穿过</button>
                            </div>
                        </div>
 
                        <div id="nested-content-1" class="hidden-content">
                            <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                <div class="centered-text-block">
                                    <p>在最后，你偶然目睹了白雾散去的刹那后的公园，那是一片白色的世界，白色的树，白色的人，世界崩塌于一片苍白之中，在你的记忆中消弭于无，你逃也似的离开此地。</p>
                                </div>
                            </div>
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="showQuestionById('merchant-page')">继续探索</button>
                            </div>
                        </div>
 
                        <div id="nested-content-2" class="hidden-content">
                            <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                <div class="centered-text-block">
                                    <p>你从冰冷的地面上醒来，眼前是熟悉而又陌生的天花板，你似乎忘却了什么，模糊的身影在一片苍白中若隐若现，但你已经牵不起任何相关的记忆，揣着一抹疑惑，你跟从缄口不言的少女，一无所知地前往下个地点。</p>
                                </div>
                            </div>
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="showQuestionById('merchant-page')">继续探索</button>
                            </div>
                        </div>
                    </div>
 
                </div>
            </div>
 
            <div class="question" data-question="9" data-question-id="clues-path">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>“妖精们”</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E5%A6%96%E7%B2%BE%E4%BB%AC%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 40%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>图书馆，是妖精与彼此之间的陌生世界仅有的命运交织点。你运气不错，在典籍区域预见了嬉笑打闹的妖精们。虽然她们并未在意陌生访客的到来，只是在一片叽叽喳喳的喧嚣中将美好的旅途故事讲述传唱。</p>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">聊聊“妖精们”</button>
                </div>
 
                <div id="hidden-content-clues-path" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>她们和你在一些影视作品里见过的妖精不太一样，虽然都有妖精之名，不过她们更接近于精灵这一类存在。在众多智慧文明的观念中，妖精是旅途与美好的守护者与见证者，同时也作为少女的旅伴出现。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>所以她们喜欢收集这些故事并汇聚于此，在每一次的仲夏夜茶会中交流彼此的经历，久而久之，便在图书馆中形成典籍。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>也许妖精们彼此性格大相径庭，但有一样是确定的：所收录故事中那奇幻的瑰丽与彻骨的浪漫色彩。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>妖精们听起来更像童话中的精灵呢，真希望未来也能和她们同行。</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-content" style="margin-top: 60px;">
                        <p>妖精们说，要有幻想，于是故事中有了幻想。</p><br>
                        <p>妖精们说，要有浪漫，于是故事中便有了浪漫。</p><br>
                        <p>作为美好旅途的见证者与守护者，我们与万千少女同行，已经见过许许多多能够触动妖精之心的浪漫奇旅，若是仅仅让它们停留在妖精的记忆之中，这是对爱与美好的亵渎不是吗？</p><br>
                        <p>所以我们收集各自世界的故事并将其汇编于此，这并不是我们的一时兴起，而是见证独属于“妖精们”的一段流传故事。</p><br>
                        <p>也许，你也会想一睹这段妖精奇旅并加入其中呢？</p><br>
                        <p style="text-align: right;">——来自《妖精们》的留言</p>
                    </div>
 
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>一段旅程，便是一段美好与浪漫的交织的故事，妖精们负责见证，而图书馆将它们流传。或许在过去与未来的旅途中，也有妖精们与你同行。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="10" data-question-id="merchant-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>行商</h1>
                    </div>
                </div>
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%A1%8C%E5%95%86.png" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>一分钱一分货，没有钱的可以用一个故事或者一个点子来交换。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="centered-text-block">
                            <p>行商的声音从角落处低低地传来，你看不清他的面容，而且周围的气氛也让你感到一抹疑虑。</p><br>
                            <p>该上前去看看吗？</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">关于行商</button>
                    </div>
 
                    <div id="hidden-content-merchant" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                                </div>
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>由于被放逐者图书馆多元宇宙交汇口的性质，来自不同世界的行商在图书馆算是很常见的访客了。不过他们交易的目标和交易所使用的凭证多不相同，一些行商尊重图书馆的文化，用故事和灵感作为交易的凭证，而有些商人是危险的恶魔行商，会利用契约来夺取交易者的贵重物品。</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                                </div>
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>所以为了您的安全需要，请您在与行商接触时细致辨别交易内容与条例，如被诈骗，请立即与图书馆访客安全保障协会联络。</p>
                                    </div>
                                </div>
                            </div>
 
                            <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                                <div class="text-page-button">
                                    <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-merchant-1')">看起来不太对劲，先离开吧</button>
                                </div>
 
                                <div class="text-page-button">
                                    <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-merchant-2')">请“行商”降价</button>
                                </div>
                            </div>
 
                            <div id="nested-content-merchant-1" class="hidden-content">
                                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                    <div class="dialog-avatar-text-container">
                                        <div class="dialog-avatar-frame">
                                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%A1%8C%E5%95%86.png" class="dialog-avatar-img">
                                        </div>
 
                                        <div class="dialog-text-frame">
                                            <div class="dialog-text-content">
                                                <p>没关系，下次再来吧，如果你还会回来的话。</p>
                                            </div>
                                        </div>
                                    </div>
 
                                    <div class="text-page-button" style="width: 100%;">
                                        <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                                        <div class="options">
                                            <div class="option" data-value="path_dwarf">哇，那边有一队小矮人，过去看看？</div>
                                            <div class="option" data-value="path_dream">那边的道路闪烁着梦幻般色彩，过去看看？</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
 
                            <div id="nested-content-merchant-2" class="hidden-content">
                                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                    <div class="dialog-avatar-text-container-right">
                                        <div class="dialog-avatar-frame-right">
                                            <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" alt="保护酱头像" class="dialog-avatar-img">
                                        </div>
 
                                        <div class="dialog-text-frame-right">
                                            <div class="dialog-text-content-right">
                                                <p>我突然有个大胆的想法……也许，我们可以尝试白嫖？</p>
                                            </div>
                                        </div>
                                    </div>
 
                                    <div class="dialog-avatar-text-container">
                                        <div class="dialog-avatar-frame">
                                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                                        </div>
                                        <div class="dialog-text-frame">
                                            <div class="dialog-text-content">
                                                <p>这里不是游戏，不能抢商店的啦！</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
 
                                <div class="centered-text-block">
                                    <p>你的旅伴拿她的旗帜狠狠敲了一下你的头，打断了你刚冒出脑子的不切实际的想法，随后拖着你前往下一个区域。</p>
                                </div>
 
                                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                    <div class="dialog-avatar-text-container">
                                        <div class="dialog-avatar-frame">
                                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%A1%8C%E5%95%86.png" class="dialog-avatar-img">
                                        </div>
 
                                        <div class="dialog-text-frame">
                                            <div class="dialog-text-content">
                                                <p>总之，谢谢惠顾，同时欢迎你的下次造访，如果你有故事或者奇妙的灵感，我这里全部照单全收。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
 
                                <div class="centered-text-block">
                                    <p>神秘的行商依旧用低沉的声音说道，直至不再可闻。</p>
                                </div>
 
                                <div class="text-page-button" style="width: 100%;">
                                    <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                                    <div class="options">
                                        <div class="option" data-value="path_dwarf">哇，那边有一队小矮人，过去看看？</div>
                                        <div class="option" data-value="path_dream">那边的道路闪烁着梦幻般色彩，过去看看？</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
 
            <div class="question" data-question="11" data-question-id="dwarf-page" id="dwarf-page">
            </div>
 
            <div class="question" data-question="12" data-question-id="dream-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>梦之谏言</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E6%A2%A6%E4%B9%8B%E8%B0%8F%E8%A8%80%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>梦神预知一切，梦神链接一切，梦神见证一切。</p><br>
                        <p>访客于梦中醒来，而梦神给予谏言。</p><br>
                        <p>你从现实醒来，而梦神缄口不言。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container-right">
                        <div class="dialog-avatar-frame-right">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-frame-right">
                            <div class="dialog-text-content-right">
                                <p>唔……刚才发生了什么，为什么我会躺在地板上？脑子里现在一片混乱，好像，做了一个漫长的梦。</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>唔……很抱歉尊敬的迷途访客，这是我的过错，我没有能及时告知您这片典籍区域具有精神影响性质，请问您现在有任何的不适症状吗？如有的话请您务必告知。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">努力回忆梦中的记忆</button>
                </div>
 
                <div id="hidden-content-dream" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>我需要回忆一下，我好像依稀记得一些梦中的碎片。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="centered-text-block">
                            <p>在回忆中，你的意识与光怪陆离的世界接触，沉入名为梦的海洋，一位已经记不起面容的行客在海洋中同你见面，他/她/祂以千百种面貌现身，以你的语言给与一份谏言，谏言的内容早已模糊不清，唯有“向东而行”的启示记忆犹新。</p><br>
                            <p>你选择顺应这个强烈的念头。</p>
                        </div>
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>我们向东去吧。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>欸？接下来路程选择向东前进吗？关系倒是没有啦……毕竟那个方向也能到达密径就是……不过我有些疑惑为什么突然这么坚定，您真的没受到什么精神影响吗？</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>应该没有。我只是……有这种预感。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="centered-text-block">
                            <p>执旗的少女略显担心和疑惑地盯着你，最后还是不放心地对你施加了一层奇术保护，你没有告知她实情，毕竟具体细节你也早已随着梦的褪去而淡忘，你回望一眼，于是转身向东走去。</p>
                        </div>
 
                        <div class="text-page-button" style="display: flex; justify-content: center; width: 100%; margin: 20px 0;">
                            <button class="continue-btn" onclick="showQuestionById('refugees-page')">继续探索</button>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="13" data-question-id="dragon-page" id="dragon-page">
            </div>
 
            <div class="question" data-question="14" data-question-id="refugees-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>落难者们</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%90%BD%E9%9A%BE%E8%80%85%E4%BB%AC%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 40%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>当风尘仆仆的落难者们出现在你们的视野中，这大概是你第一次直观感受到保护小姐的说辞并非玩笑。落难者们装备早已破碎，只能依稀分辨出他们士兵的身份，疲惫不堪的神色也暗示着长久以来的跋涉。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">上前看看</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">无视并离开</button>
                    </div>
                </div>
 
                <div class="hidden-content" id="hidden-content-refugees-snake" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>虽然保护小姐有些不情愿，但你们最后还是和落难者们进行了接触，不过预想之中的情况并没有发生，毕竟他们已经没有精力再为难你，出于人道主义精神，保护小姐为他们指明了最近的庇护所方向，为首的男人向你们表示了感谢，并将肩章赠予了你。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>焚书人的肩章</h3>
                                <p>一份已经磨损了大半的肩章，但是蓝色的五芒星标志依然闪耀着光芒，就如同曾经佩戴着它的主人一样。</p>
                                <button class="collection-get-btn" id="get-shoulder-btn" onclick="handleCollectionClick(this, 'item-shoulder')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button"  style="width: 100%;">
                        <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                        <div class="options">
                            <div class="option" data-value="path_snake">走向有蛇的标志的小道</div>
                            <div class="option" data-value="path_queen">走向有黑色王冠标志的小道</div>
                        </div>
                    </div>
                </div>
 
                <div class="hidden-content" id="hidden-content-refugees-queen" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>多一事不如少一事，你听从保护小姐的建议选择了离开。但愿他们能够顺利找到庇护之所。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button"  style="width: 100%;">
                        <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                        <div class="options">
                            <div class="option" data-value="path_snake">走向有蛇的标志的小道</div>
                            <div class="option" data-value="path_queen">走向有黑色王冠标志的小道</div>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="15" data-question-id="snake-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>蛇之手</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://scp-wiki.wdfiles.com/local--files/groups-of-interest/SerpentHand%281%29.png" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>这位访客，能否请您留步？</p>
                            </div>
                        </div>
                    </div>
                    <div class="centered-text-block">
                        <p>一位看起来普普通通的男人叫住了你，和其他奇怪的种族不同，他看起来就是和你一样的人类。只不过他胸口别着一个徽章，徽章上是一条蛇沿手攀附而上，你确信你曾在入馆时看过类似的标志。</p>
                    </div>
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://scp-wiki.wdfiles.com/local--files/groups-of-interest/SerpentHand%281%29.png" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>先自我介绍一下，我们是蛇之手，知识的解放者。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">关于蛇之手</button>
                </div>
 
                <div id="hidden-content-snake-page" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E5%87%9D%E8%A7%86.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>唔……他们自称是毒蛇的追随者，知识的追求与解放者，以图书馆为据点在各个世界活动着并试图将超越这些世界常态的文化与知识技术传播开来，不过他们其中也不乏激进分子，所以请慎重与他们接触。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E5%87%9D%E8%A7%86.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>至少我对他们不是太有好感就是啦……毕竟他们总会拐些迷途者进来然后导致我们的工作量飙升。</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-snake-page')">请问有什么事吗？</button>
                    </div>
 
                    <div id="nested-content-snake-page" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="dialog-avatar-text-container-right">
                                <div class="dialog-avatar-frame-right">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                                </div>
                                <div class="dialog-text-frame-right">
                                    <div class="dialog-text-content-right">
                                        <p>请问有什么事吗？</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://scp-wiki.wdfiles.com/local--files/groups-of-interest/SerpentHand%281%29.png" class="dialog-avatar-img">
                                </div>
 
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>哦其实也没什么，我们只是想向您发出邀请加入我们的集会。以便您在图书馆之中，可以随时来到这里与我们共议传播知识、解放知识的事业，当然，您也可以拒绝，如果您有兴趣的话，请之后联系我们。</p>
                                    </div>
                                </div>
                            </div>
                            <div class="centered-text-block">
                                <p>算是好事，蛇之手并没有过多地纠缠你，只是将他佩戴着的同样的徽章赠予你后便转身离开。说实话只是保护酱的讲解你并不清楚这到底是一个怎么样的团体，恐怖组织？秘密结社？还是中二集会？不过无论哪个你大概都不会轻易接受就是。</p>
                            </div>
 
                            <div class="collection-display-box">
                                <div class="collection-display-content">
                                    <div class="collection-display-info">
                                        <h3>蛇之手的徽章</h3>
                                        <p>名为“蛇之手”的徽记，似乎与被放逐者图书馆的标志存在相似性，让人不禁好奇它们之间的关联。</p>
                                        <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-snake-hand-badge')">获取藏品</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('castle-page')">继续探索</button>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="16" data-question-id="queen-page" id="queen-page">
            </div>
 
            <div class="question" data-question="17" data-question-id="castle-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>飞堡之庭</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E9%A3%9E%E5%A0%A1%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 40%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>一座巨型城堡悬浮于半空之中，如同童话中的仙境之城，云端中霓虹映照出狂欢的人影，乐声传入耳畔，令人如痴如醉。</p>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">关于飞堡</button>
                </div>
 
                <div class="hidden-content" id="hidden-content-castle" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar">
                            </div>
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>飞堡是被放逐者图书馆的知名异域建筑之一，它最早取材于梦神族的设计，后由妖精们筑造雏形，在雏形落成后，又经过众多种族吟游诗人与音乐爱好者的经营，它逐渐成为了图书馆的音乐圣地，用你们世界的话来说，飞堡算是图书馆的“维也纳金色大厅”呢。</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button" style="display: flex; justify-content: center; width: 100%; margin: 20px 0;">
                        <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-castle')">那我们能上去看看吗？</button>
                    </div>
 
                    <div class="hidden-content" id="nested-content-castle" style="display: none;">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="dialog-avatar-text-container-right">
                                <div class="dialog-avatar-frame-right">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                                </div>
                                <div class="dialog-text-frame-right">
                                    <div class="dialog-text-content-right">
                                        <p>哇，那我们能上去看看吗？</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="dialog-avatar-text-container">
                                <div class="dialog-avatar-frame">
                                    <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar">
                                </div>
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>很遗憾，今天不行呢。进入飞堡需要音乐会的邀请凭证，可惜现在已经售罄了，只能下次再来了。不过我这里有一份下期爱丽丝，夏赫与魔法乐团的音乐会凭证，就送给你啦。</p>
                                    </div>
                                </div>
                            </div>
 
                            <div class="text-content" style="width: 100%; text-align: center;">
                                <h3>Alice Schach and the Magic Orchestra</h3>
                                <hr style="width: 100%; border: 1px solid #d4af37; margin: 10px 0;">
                                <h1 style="margin-bottom: 0;">花园、放逐者、蛇</h1>
                                <h2 style="margin-bottom: 0;">被放逐者的弦乐与羁旅史诗</h2>
                                <p>下一个星辰低语与天降甘霖的黄昏时分</p>
                                <hr style="width: 100%; border: 1px solid #d4af37; margin: 10px 0;">
                                <div class="text-content" style="width: 100%; text-align: center; background-color: rgb(24 1 57 / 70%);">
                                    <p>被放逐者图书馆吟游客联合举办</p>
                                    <p>☆关于图书馆与被放逐者的羁旅史诗☆</p><br>
                                    <p>主要演奏</p>
                                    <p>管弦乐《出蛇巢记》</p>
                                    <p>见证步出洞穴蛇巢后的世界</p>
                                    <p>请聆听这千年来的漫游史诗！</p>
                                </div>
                                <hr style="width: 100%; border: 1px solid #d4af37; margin: 10px 0;">
                                <p>主办方</p>
                                <h2>爱丽丝夏赫与魔法乐团</h2><br><br>
                                <p>特别鸣谢</p>
                                <h2 style="margin-bottom: 10px;">被放逐者之图书馆</h2>
                                <h2 style="margin-bottom: 10px;">蛇之手</h2>
                                <h2 style="margin-bottom: 10px;">讲述者</h2>
                                <h2 style="margin-bottom: 10px;">飞堡音乐厅</h2><br>
                                <h2 style="text-align: left;">访客请凭此单进入</h2>
                            </div>
 
                            <div class="centered-text-block">
                                <p>你接过凭证，扫视了一眼，凭证其实是一张音乐会节目单，上面记录着这期音乐会的演奏者与曲目等等讯息，虽然你此前从未看过哪怕一张音乐会，但你确信你很快就会造访那云端之城。</p>
                            </div>
                        </div>
 
                        <div class="text-page-button" style="display: flex; justify-content: center; width: 100%; margin: 20px 0;">
                            <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="18" data-question-id="bard-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>讲述者</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%AE%B2%E8%BF%B0%E8%80%85%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你在一片由废弃书架形成的天然回廊中，遇见了一位也许并非实体、更像是由光影与古老歌谣构成的吟游诗人。他的琴弦上栖息着蝴蝶的幻影，脚边散落的乐谱，正自行谱写着你从未听闻、却又莫名熟悉的传说。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-bard-1')">静立片刻，侧耳倾听</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" id="show-book-blessing-btn" onclick="handleShowBookBlessingClick(this, 'nested-content-bard-2')">展示你的“藏书印记”</button>
                    </div>
                </div>
 
                <div id="nested-content-bard-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>陌生的诗篇，成为了你旅途的注脚，你终将在未来将这一陌生的诗篇传播。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
 
                <div id="nested-content-bard-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>诗人认出了你曾与藏书妖精们同行的痕迹，他微笑着修改旋律，吟游着古老的诗章，最后将诗篇赠予了你。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>吟游者的古老诗章</h3>
                                <p>用你所熟悉的语言撰写的一份古老诗章，它所记载的内容你从未听闻，但它的存在将从你接过它的这一刻开始流传。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'bard-poem')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="19" data-question-id="literature-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>朝颜文学报</h1>
                        <div class="text-image">
                            <img src="https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-20.svg" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>在保护酱的指引下，你从飞堡附近的行商处购入了一份朝颜文学报，并期待着从中了解更多图书馆的趣味知识，顺带寻找一下密径方向，嗯，只是顺便。</p>
                    </div>
                </div>
 
                <div class="text-content">
                    <h1>《朝颜文学报特刊》：论被放逐者图书馆——关于蛇巢之中的先知寓言（节选）</h1>
                    <p>在被放逐者图书馆中，有一则先知预言曾是众多进入图书馆的学者们所研究的对象，这则预言并不长，但是被证明具有相当程度的隐喻，并且与被放逐者图书馆所建立的历史息息相关，甚至反映了彼时图书馆初创时的景象。</p><br>
                    <p>寓言中写到了三种意象：分别为花园、先知与蛇巢。花园是先知的旧居所，但是由于先知的预言，他的主人将他驱逐，随后先知来到了一处不为其主人所知之地，并在此与当地的土著为友，教导他们知识与文化。久而久之，学习到知识与文化的当地居民加入了先知的行列，并将收藏典籍的传统发扬光大，建造了第一座图书馆，而这座图书馆名为“蛇巢”。</p><br>
                    <p>但不久，先知选择了离开此地，尽管他的学生们极力挽留，但先知仍然执意于离开，并留下了一段预言：如果他继续待在这里。花园将会荒芜，大地也将一片寂静，他的主人终会寻到此地，他所留下的一切也会被毁灭，他注定是被放逐者，如果众人不惧未来大地的一片虚无，并愿意为避免这一预言的实现而努力，那么，便跟随上他的被放逐的漫游旅程。</p><br>
                    <p>故事到此戛然而止，没有后续。有学者认为，这可能是历史意义上的文件，因为被放逐者的起源很有可能与这如出一辙，原因是图书馆最早收录的典籍文件可以佐证“先知”可能并非子虚乌有的文学虚拟形象。至于该方面的论证，让我们接下来从“蛇巢的洞穴寓言”开始。</p><br>
                    <p>……</p>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>刚看了开头的几段故事你还感觉不错，但随着后续考据史料的补充，你的脑袋CPU就感觉快烧起来了，好吧，可能你确实不太适合看历史研究方面的学术性较高的期刊。</p>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <h3 style="color: white; text-align: center; margin-bottom: 20px;">前方出现了岔路，你想前往？</h3>
                    <div class="options">
                        <div class="option" data-value="path_original">按照原计划</div>
                        <div class="option" data-value="path_follow">依照指示</div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="20" data-question-id="random-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>待开放建筑区</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你偶然发现一片与先前或是井然有序或是错综复杂的图书馆书架典籍区域不同的地带，地精建筑队正在运来原料，工程师设计并调配着每一处设施的位置，飞鸟在你的头顶盘旋，似乎是在提醒你前方切勿继续前行。</p>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this)">这里是？</button>
                </div>
 
                <div class="hidden-content" id="hidden-content-random-page" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>这里是图书馆的待拓展区之一哦。因为图书馆收录世界的一切故事，所以它会无时无刻地进行扩张，而其中有许多故事值得一个特别的区域来进行集中收录展示，这便是待拓展区最终建造目的，不过因为这些地方选址大多原始，有着很多的空间混乱现象，为了访客的安全，所以——</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>等会，难道说……？</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                            </div>
 
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>前面的区域，以后再来探索吧。</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="returnFromRandomPage()">离开此地</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="21" data-question-id="bounty-hunter-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>图书馆中的赏金猎手</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E8%B5%8F%E9%87%91%E7%8C%8E%E4%BA%BA%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>在一处刚结束战斗、硝烟尚未散尽的图书馆岔路口，你与一位蒙面的猎手狭路相逢。他倚靠着书架，其装甲上蚀刻的并非徽记，而是密密麻麻、长短不一的价码。面罩下的目光冷冷地扫过你，像是在评估一份会走路的赏格清单。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>嘘！小心！那是从其他世界来的赏金猎人，他们喜欢在图书馆中依据委托追猎一些危险的奥秘生物，并以此获取赏金，他们的道德观念可能与你我都不相同，请务必保持警惕之心。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-end;">
                    <div class="dialog-avatar-text-container-right">
                        <div class="dialog-avatar-frame-right">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" alt="头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame-right">
                            <div class="dialog-text-content-right">
                                <p>可是他将通道挡住了欸。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>我们可以走其他地方绕过去，或者……尝试和他交涉一下？</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你们简单交涉了一下，看赏金猎人的意思，不支付“买路财”的话，就要从你手里拿走一个藏品。如果手中没有藏品的话，就只能支付“买路财”了</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-bounty-hunter-1')">支付“买路财”</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-bounty-hunter-2')">亮出你的“筹码”</button>
                    </div>
                </div>
 
                <div class="hidden-content" id="hidden-content-bounty-hunter-1" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>即便在图书馆，金钱也是最好的和平使者。</p><br>
                            <p>赏金猎人吹了声口哨，利落地让开道路。现在你能安全地进入下一区域了。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
 
                <div class="hidden-content" id="hidden-content-bounty-hunter-2" style="display: none;">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>猎人接过物品，端详片刻后，将其收进口袋。“成交，这东西的‘故事’归我了。” 作为回报，他递给你一份“猎头契约”。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>猎头契约</h3>
                                <p>赏金猎人的契约，“定金，你的部分生命保障”，在图书馆的奥秘生物遭遇战中也许能派上用场。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-bounty-contract')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="22" data-question-id="wonderland-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>仙境茶会</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BB%99%E5%A2%83%E8%8C%B6%E4%BC%9A%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你踏入了一片与图书馆格格不入的领域：巨大的蘑菇林、悬浮的茶杯、以及一张仿佛永无止境的长桌。一本活着的书册蹦跳着来到你面前，书页上是不断流动的、毫无逻辑的诗歌。它用烫金的标题行了个礼，发出邀请。</p><br>
                        <p>亲爱的过客，是时候选择你的“疯狂”了</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>哦！看起来我们落入兔子洞了！不过请放心，此地与飞堡一样，是安全且奇妙的地域，如果您感兴趣，不妨也加入这场茶会，与访客们畅谈？</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-wonderland-1')">加入这场疯狂的茶会</button>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-wonderland-2')">还是不了</button>
                    </div>
                </div>
 
                <div id="hidden-content-wonderland-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>暂时抛开理智，或许能获得它们的认可。</p><br>
                            <p>你经历了一场奇妙的交谈茶会，认识了一众朋友，在醒来时发现茶客们已消失，只在桌上留下一件礼物。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>永远迟到的怀表</h3>
                                <p>永远比实际时间晚点的怀表，是茶客们与你邂逅的见证。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-wonderland-watch')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你环顾四周，却只看见一位穿着洋装的金发少女坐在桌旁，慢慢地品着一杯咖啡。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-wonderland-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你的理智终究占据了上风。</p><br>
                            <p>在你拒绝之后，茶客们在你的眼前消失，只有一位穿着洋装的金发少女坐在桌旁，慢慢地嚅饮一杯咖啡。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="continueToNext()">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="23" data-question-id="bookworm-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>食书虫</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%B9%A6%E8%99%AB%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>在一处倾颓的书架下，你发现了几页被奇特生物啃噬过的残本。这些被称为"食书虫"的超常生物在黑暗中蠕动中发出翅膀摩擦的声响，它们似乎正以书籍上的文字为食，并将其转化为自身的光泽。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E5%87%9D%E8%A7%86.png" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>唔……最近食书虫害愈发严重了，由于它们以书籍为食且繁殖迅速，图书馆管理员们经常对此也感到恼火，所以它们也是图书馆公认的最讨厌奥秘生物排行第一的物种。看起来又要申请一次除虫了。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-bookworm-1')">谨慎驱赶，回收残本</button>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-bookworm-2')">激活“猎头契约”，高效清理</button>
                    </div>
                </div>
 
                <div id="hidden-content-bookworm-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>虽然是残缺的书籍，但同样也有其存在的意义。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>蠹蚀残页</h3>
                                <p>被虫啃食大半的残页，或许有一天能从残存的字句中，拼凑出完整的故事。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-bookworm-fragment')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('ash-pages-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-bookworm-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>是时候让那枚“定金”，发挥它应有的价值了。</p><br>
                            <p>赏金猎手根据契约如期赴约，并且高效地清理了书架处的食书虫。临走前，他撕掉了那张契约，总而言之，你也算是为图书馆做了一件善事了。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>毁损蠹甲</h3>
                                <p>毁损的食书虫甲壳，是你善举的证明。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-damaged-shell')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('admin-page')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="24" data-question-id="alice-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>梦境之国的爱丽丝</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你们在茶会上遇见了一位自称“爱丽丝”的少女。她并未迷失，更像是此地的主人。她手中的银匙并非用于进食，而是轻轻划动着空气，便在你们面前勾勒出两条闪烁着不同光辉、通往不同“仙境”的路径虚影。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%88%B1%E4%B8%BD%E4%B8%9D1.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>落入兔子洞的旅人</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="centered-text-block">
                        <p>她放下手中的茶杯，声音空灵。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%88%B1%E4%B8%BD%E4%B8%9D1.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>仙境的银匙能为你指明图书馆的法则，但选择权，永远在你自己手中。</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E6%98%9F%E6%98%9F%E7%9C%BC.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>哇！好久不见了爱丽丝酱，我就知道你在这里！我记得我们上个月还开过茶话会呢！</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container-right">
                        <div class="dialog-avatar-frame-right">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame-right">
                            <div class="dialog-text-content-right">
                                <p>你原来认识她？</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%88%B1%E4%B8%BD%E4%B8%9D1.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>咳咳……这并不重要，总之，我是仙境的领路人，爱丽丝。现在，您有两条路径可以选择，这取决于您。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleNestedFoldClick(this, 'hidden-content-alice-1')">我想见识，“不可思议”的珍藏</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleNestedFoldClick(this, 'hidden-content-alice-2')">我只想找到，“回归”的道路</button>
                    </div>
                </div>
 
                <div id="hidden-content-alice-1" class="hidden-content">
                    <div class="centered-text-block">
                        <p>对神秘的好奇，总是胜过对危险的顾虑。</p><br>
                        <p>爱丽丝俏皮一笑，轻点银匙，一条路径泛起梦幻的紫光，兔子的符号闪烁其中。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%88%B1%E4%B8%BD%E4%B8%9D1.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>那么，祝愿您在之后的见证更多的“不可思议”。仙境的茶话会也将永远为您开放。</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('goblin-academy-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-alice-2" class="hidden-content">
                    <div class="centered-text-block">
                        <p>即便此地瑰丽无比，但你仍迫切着回归之路。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%88%B1%E4%B8%BD%E4%B8%9D1.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>这样吗……</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="centered-text-block">
                        <p>爱丽丝歪着头，似乎有些失望。但还是用银匙划开了第三条散发着月白光晕的路径。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%88%B1%E4%B8%BD%E4%B8%9D1.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <p>那么，迷途的旅人，愿您不会遗忘仙境与兔子洞，早日抵达回归之路。</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('ash-pages-page')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="25" data-question-id="goblin-academy-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>地精科学院</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E5%9C%B0%E7%B2%BE%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你闯入了一个烟雾缭绕、叮当作响的区域，你最初还以为你掉进了什么稀奇古怪的地方。几个身穿白大褂、眼睛瞪得溜圆的地精工程师，正围着一个不断发出刺耳尖鸣和绿色闪光的复杂装置手舞足蹈。“啊！新的测试员！”他们看到你，一拥而上，七嘴八舌地推销起他们最新（也最不稳定）的发明。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>等会等会，请冷静一下，这位是初入图书馆的迷途客，不是新来的测试员！抱歉抱歉，您没受伤吧！</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container-right">
                        <div class="dialog-avatar-frame-right">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-frame-right">
                            <div class="dialog-text-content-right">
                                <p>给98.6分，因为我好像有一点四了。</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>非常抱歉！！！</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container-right">
                        <div class="dialog-avatar-frame-right">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-frame-right">
                            <div class="dialog-text-content-right">
                                <p>开个玩笑开个玩笑，别在意。所以它们是？</p>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>它们是图书馆奥秘生物之一地精种的狂热工程师和科学家，但是它们的研究总是天马行空，不合实际，被妖精智者形容为“俺寻思之力”造科技，然后他们的发明总是能以诡异的方式运行下去，但是对于测试员来说，肯定不算友好。</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>您想上前看看吗，虽然我不推荐，不过我肯定会保证您的人身安全的（自信.jpg）</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-goblin-1')">只是上前看看</button>
                        </div>
 
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-goblin-2')">我去，我喜欢俺寻思之力</button>
                        </div>
                    </div>
 
                    <div id="hidden-content-goblin-1" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="centered-text-block">
                                <p>地精科技，震撼人心，就算是死也值回票价了（并不会）</p><br>
                                <p>因为保护小姐的说明和提醒，地精科学家们让你参观了它们的工作间，据说它们甚至设计了能在图书馆众多奥秘空间随意传送的装置，但是不出意外你完全看不懂，最后只能稀里糊涂地结束了参观。在最后，地精科学家们友好地将一份纪念图稿赠予了你当做纪念。</p>
                            </div>
                        </div>
 
                        <div class="collection-display-box">
                            <div class="collection-display-content">
                                <div class="collection-display-info">
                                    <h3>地精的科学手稿</h3>
                                    <p>地精制图史中的记载手稿，曾记录着地精王国曾采取的地底超高速运输通道设计。虽然最后因为侵犯其他王国领土主权而被废除，现作为纪念品存在。</p>
                                    <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-goblin-manuscript')">获取藏品</button>
                                </div>
                            </div>
                        </div>
 
                        <div class="text-page-button" style="margin-top: 60px;">
                            <button class="continue-btn" onclick="showQuestionById('admin-page')">继续探索</button>
                        </div>
                    </div>
 
                    <div id="hidden-content-goblin-2" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="centered-text-block">
                                <p>上前尝试一下地精科技。</p><br>
                                <p>你乘坐了地精的最新飞行科技结晶之一的“飞床”，你在坐上去之前一直怀疑这玩意是怎么飞起来的，但是你的疑虑在装置起飞的瞬间就烟消云散了，然后剩下的你完全记不清了，只有一路上的尖叫声和风声让你记忆犹新。</p><br>
                                <p>最后，还是保护小姐搀扶着你下了飞行器，你确信你以后不会再这么莽撞了。</p>
                            </div>
                        </div>
 
                        <div class="collection-display-box">
                            <div class="collection-display-content">
                                <div class="collection-display-info">
                                    <h3>地精的最新设计手稿</h3>
                                    <p>地精制图史中的记载手稿，记录着地精王国最新飞行科技“飞床”的设计手稿。它代表着地精制图学的真正成熟，现作为纪念品存在。</p>
                                    <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-goblin-design-manuscript')">获取藏品</button>
                                </div>
                            </div>
                        </div>
 
                        <div class="text-page-button" style="margin-top: 60px;">
                            <button class="continue-btn" onclick="showQuestionById('bounty-hunter-page')">继续探索</button>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="26" data-question-id="ash-pages-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>灰烬残页</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%81%B0%E7%83%AC%E6%AE%8B%E9%A1%B5%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你驻足于一列奇特的书架前。与其上那些装帧华美、力量涌动的典籍相比，架上这些被称为“灰烬残页”的典籍显得过于安静了——它们仅由无数残缺是书页组成，其上或是文字明灭不定或是因损毁而难以分辨，仿佛下一秒就会彻底消散于虚空。它们是散居于地球上的超自然个体的所见所闻，以及<span style="color: greenyellow;">活死人</span>与那尘封的历史，收录着所有尚未被彻底“遗忘”的知识。</p><br>
                        <p>你心里萌生了让残篇归于此地的念头，但是似乎需要某个特定的藏品才行。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-ash-1')">让残篇归于此地</button>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-ash-2')">远远观望，并离开</button>
                    </div>
                </div>
 
                <div id="hidden-content-ash-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>交付收藏品“蠹蚀残页”</p><br>
                            <p>你将被书虫蚕食大半的残页送入灰烬残页的书架中之中，灰烬夹杂着点点微弱的火星升起，盘旋着落在书架旁的小径上，片刻后又化为虚无，一串古老的铭文在空中显现：</p><br>
                            <p>“历史不该被遗忘。”</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('edison-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-ash-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你无能为力。</p><br>
                            <p>此地残缺的诗篇和书文让你意识到，即便是收录一切故事的图书馆，也无法记住所有被尘封的历史或是被“遗忘”的知识。仍有众多被燃成灰烬的残章被世界所遗忘，倘若没有赠书人的协助，你说不清楚是否目前典籍中的收录也将在时间的长河中佚失。只可惜你无法为他们做些什么，只能带着惋惜离开此地。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('admin-page')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="27" data-question-id="admin-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>管理员</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>被放逐者图书馆虽然广阔无垠，但并非无法之地。其中负责管理图书馆与访客的，便是被称呼为“管理员”的超然存在们，他们漫步于于图书馆的不同角落，很少有访客能直接与他们见面。你很幸运，第三区域的管理员恰好出现在你们的面前，对你来说，他们无疑是你回归与漫游之旅的最佳助力。</p>
                    </div>
 
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%AE%A1%E7%90%86%E5%91%98.png" class="dialog-avatar-img">
                        </div>
                        <div class="dialog-text-container">
                            <div class="dialog-text-frame">
                                <div class="dialog-text-content">
                                    <p>远道而来的迷途旅人，先知已经向我告知了你的到来，欢迎来到被放逐者图书馆的第三区域，我是此地的管理员，有什么是我可以帮助你的吗？</p>
                                </div>
                            </div>
                        </div>
                    </div>
 
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-admin-1')">询问回归的路径</button>
                </div>
 
                <div id="hidden-content-admin-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>我想向您咨询回归的方法，一位好心人曾告诉我，您能告知我回去的门径。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%AE%A1%E7%90%86%E5%91%98.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>回归的方法吗，我能帮到您的有两种，第一种，我可以直接使用传送奇术法阵将您送回您原本的世界，第二种，我可以为您指引最近的一条门径确切位置，您可以自行前往，这取决于您的选择，所以您希望我如何帮到您呢。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="handleNestedFoldClick(this, 'hidden-content-admin-3')">选择第一种</button>
                        </div>
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('edison-page')">选择第二种</button>
                        </div>
                        <div class="text-page-button">
                            <button class="continue-btn" id="admin-fragment-button" onclick="handleAdminFragmentClick(this, 'hidden-content-admin-2')">将先前收集的无主残页交予管理员</button>
                        </div>
                    </div>
 
                    <div id="hidden-content-admin-2" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="centered-text-block">
                                <p>交付藏品“蠹蚀残页”，让它回到应留之地。</p><br>
                                <p>管理员交过了你递过来的残页，向你表示了代表图书馆的诚挚感谢。随后将一份凭证赠予了你，宣布承认你作为“赠书人”的身份。</p>
                            </div>
                        </div>
 
                        <div class="collection-display-box">
                            <div class="collection-display-content">
                                <div class="collection-display-info">
                                    <h3>赠书者的证明</h3>
                                    <p>由图书馆管理员赠予你的凭证，代表着图书馆对你的认可与你为被放逐者图书馆所作出的贡献。</p>
                                    <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-donor-certificate')">获取藏品</button>
                                </div>
                            </div>
                        </div>
 
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="centered-text-block">
                                <p>得到凭证后，保护小姐以此为契机与管理员进行了一段时间的攀谈，管理员向你们指示了下一步要前往的区域所在，你们向管理员表达了感谢，随后踏上了新的漫游旅程。</p>
                            </div>
                        </div>
 
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('edison-page')">继续探索</button>
                        </div>
                    </div>
                </div>
 
                <div id="hidden-content-admin-3" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你说出了你的选择，你知道这趟旅程即将走向结局。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('ending-1-page')">一切的结束</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="28" data-question-id="ending-1-page" id="ending-1-page">
            </div>
 
            <div class="question" data-question="29" data-question-id="charity-page" id="charity-page">
            </div>
 
            <div class="question" data-question="30" data-question-id="warden-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>狱卒与书志学家们</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>虽然保护小姐已经提醒过你，不过在抵达这里时，你还是差点将他们忽略。只因在你眼中，他们和其他图书馆访客没有两样。不过也许，真正原因是因为他们正是需要隐藏于图书馆之中。你有些没底气地喊出“书志学家”的名号，他们便注意到了你，随后，他们对视一眼，随后其中一位走到了你的面前。</p><br>
                        <p>总之，先打个招呼吧。</p>
                    </div>
                </div>
 
                <div class="dialog-avatar-text-container-right">
                    <div class="dialog-avatar-frame-right">
                        <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                    </div>
                    <div class="dialog-text-frame-right">
                        <div class="dialog-text-content-right">
                            <p>呃……？各位大哥大姐好？或者说我该用其他称呼吗。</p>
                        </div>
                    </div>
                </div>
 
                <div class="dialog-avatar-text-container">
                    <div class="dialog-avatar-frame">
                        <img src="https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Sigma3.png/small.jpg" class="dialog-avatar-img">
                    </div>
                    <div class="dialog-text-container">
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>不用，就这么称呼就行。这位迷途者，你应该不是我们记录的相关组织人员，是在寻找回去的门径吗？</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div class="dialog-avatar-text-container-right">
                    <div class="dialog-avatar-frame-right">
                        <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                    </div>
                    <div class="dialog-text-frame-right">
                        <div class="dialog-text-content-right">
                            <p>没错，有图书馆的好心人告知我说，你们能帮助我回去。</p>
                        </div>
                    </div>
                </div>
 
                <div class="dialog-avatar-text-container">
                    <div class="dialog-avatar-frame">
                        <img src="https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Sigma3.png/small.jpg" class="dialog-avatar-img">
                    </div>
                    <div class="dialog-text-container">
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>图书馆的好心人吗......我了解了，那么请跟随我们，我们会带你回去，或者你也可以自行寻找门径，我们会向你指引方向。不过，我们依旧需要核实你的身份，在这之前，你可以自行决定。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-warden-2')">欣然接受</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-warden-1')">和保护小姐商量一下</button>
                    </div>
                </div>
 
                <div id="hidden-content-warden-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E5%87%9D%E8%A7%86.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>唔，其实我对他们不太放心，他们其实是隶属于被称之为狱卒的组织的人员，虽然不以图书馆为主要活动据点，但是他们的人员无时无刻在监视着图书馆，尤其是接触到图书馆的迷途人员，如果跟随他们的话……</p>
                                    </div>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>这下听懂了，合着就没有真好人了，我就说他们怎么答应的这么爽快。</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E5%87%9D%E8%A7%86.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>不过要是您决定回去的话，我也不会干涉的，毕竟他们虽然有私心，但是并不害人性命。不然图书馆将永远对他们关闭。那么，您的决定呢？</p>
                                    </div>
                                </div>
                            </div>
                        </div>
 
                        <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="handleNestedFoldClick(this, 'hidden-content-warden-1-1')">依旧选择接受</button>
                            </div>
                            <div class="text-page-button">
                                <button class="continue-btn" id="show-item-trust-btn" onclick="handleShowItemTrustClick(this)">展示物件以博得信任</button>
                            </div>
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="handleNestedFoldClick(this, 'hidden-content-warden-1-2')">还是算了</button>
                            </div>
                        </div>
 
                        <div id="hidden-content-warden-1-1" class="hidden-content">
                            <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                <div class="centered-text-block">
                                    <p>你向保护酱告别，感谢她这么久的伴同，随后选择和书志学家们回去。</p>
                                </div>
                            </div>
 
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="showQuestionById('ending-3-page')">一切的结束</button>
                            </div>
                        </div>
 
                        <div id="hidden-content-warden-1-2" class="hidden-content">
                            <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                <div class="centered-text-block">
                                    <p>与其牢狱之灾，不如期待自己。</p><br>
                                    <p>最终你还是选择拒绝了书志学家们的提议，他们并未选择强行羁押你，毕竟图书馆之中，这样的行为可能致使他们被图书馆拒绝。随后他们向你指明了道路的方向，并告知你接下来将抵达的，是名为“无名森林”的危险之地。</p>
                                </div>
                            </div>
 
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="showQuestionById('nameless-forest-page')">继续探索</button>
                            </div>
                        </div>
 
                        <div id="hidden-content-warden-1-3" class="hidden-content">
                            <div style="display: flex; flex-direction: column; align-items: flex-start;">
                                <div class="centered-text-block">
                                    <p>你在背包里翻找了一阵子，在权衡利弊后从背包中拿出来了“焚书人的肩章”，不过算是出乎你的意料，书志学家的成员们在看到肩章后明显感到了震惊，随后他们在内部讨论之后，决定带你回到原本的世界。</p><br>
                                    <p>你和保护酱告别，决定跟随他们回去。</p>
                                </div>
                            </div>
 
                            <div class="text-page-button">
                                <button class="continue-btn" onclick="showQuestionById('warden-ending-page')">一切的结束</button>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div id="hidden-content-warden-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你向保护酱告别，感谢她这么久的伴同，随后选择和书志学家们回去。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('ending-3-page')">一切的结束</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="31" data-question-id="ending-3-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：狱卒、收容、基金会</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>昏暗的灯光，白色的天花板，你有些茫然地坐在椅子上，面对两位你完全不认识的自称“SCP基金会”的人员。</p><br>
                        <p>和保护小姐说的一样，他们确实藏有私心，在将你从被放逐者图书馆带回地球后，他们隶属组织的人员便寻找到了你并将你关押了起来，虽然说是暂时，但是也并未和你说明要关押多久。</p><br>
                        <p>他们美名其曰说是“收容”还是什么，只是你对这也没有兴趣，只是想知道这场“审讯”何时结束。</p><br>
                        <p>他们原本只是收缴了你从图书馆带回来的所有奇物，但是在发现了蛇之手的徽章后，他们便一改先前的态度转而对你进行了审讯，如果可以反悔的话，你想你绝对不会收下这个徽章。</p><br>
                        <p>不过审讯并没有持续很久，因为你确实只是一个误入图书馆的普通人，他们选择放你回家，不过依旧安排了人员监视，可能是依然不放心吧，或者怀疑蛇手和你依旧可能接触，这对你来说倒是无所谓。</p><br>
                        <p>只是，再度造访被放逐者图书馆的这个小小愿望，想必是已经和你无缘了。</p>
                    </div>
                </div>
 
                <div class="journey-path-container" id="journey-path-ending-3"></div>
 
                <div class="text-page-button">
                    <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                </div>
            </div>
 
            <div class="question" data-question="32" data-question-id="nameless-forest-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>无名森林</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你踏入了一片寂静到诡异的森林，这里的树木枝干扭曲，如同停滞的问号。空气中弥漫着一种沉寂的气息。几个身形模糊、闪烁着珍珠般光泽的<span style="color: aquamarine;">不可言说者</span>从树后探出头，发出悉索的低语：“来吧，旅人……将你的名字交给我们……你不需要它……”</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-forest-1')">向空气中播撒铁粉</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-forest-2')">不予理睬低语</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-forest-3')">好奇地侧耳倾听</button>
                    </div>
                </div>
 
                <div id="hidden-content-forest-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p><span style="color: aquamarine;">禁忌之地的众人</span>在接触铁粉后发出尖叫声，随后纷纷四散而逃，你有惊无险地通过了此地。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('dream-ferryman-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-forest-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你在保护酱的领路和保护下快速通过了这片区域，<span style="color: aquamarine;">不可以名指称的生物</span>的低语仍然在你的耳畔回响，你感到一阵晕眩，也许再待上一会，你可能也像众多旅人一样被窃取名字。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('dream-ferryman-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-forest-3" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>虽然保护酱极力阻拦，但是你仍然按耐不住好奇心选择了倾听。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('ending-4-page')">一切的结束</button>
                    </div>
                </div>
 
            </div>
 
            <div class="question" data-question="33" data-question-id="dream-ferryman-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>梦之海的摆渡人</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>在书架间弥漫的薄雾突然变得浓稠，泛着珍珠母贝般的光泽。你猛然发现自己站在一片宁静水体的边缘，水面倒映着流动的星辉。一叶扁舟无声滑至面前，舟上的摆渡人披着缀满梦露的斗篷，面容隐在兜帽的阴影下，只露出一截轻握船桨的手。</p><br>
                        <p>“要渡海吗，迷途的旅人”她的声音如同精灵贴着耳际低语，“从这里，抵达先知之路的尽头。”</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-ferryman-1')">请将我载往尽头</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-ferryman-2')">请将我载至中程</button>
                    </div>
                </div>
 
                <div id="hidden-content-ferryman-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>这段旅程有始有终，你终将抵达尽头。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('wanderer-protection-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-ferryman-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>旅程将终，但你想让这个时刻，到来的稍微慢一些。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('prophet-thief-sage-page')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="34" data-question-id="ending-4-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：迷失</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p><span style="color: aquamarine;">无名者</span>迎来了新的成员，无人知晓<span style="color: rgb(127, 255, 144);">徘徊的漫游者</span>从何而来，四季轮回，春去冬来，只有<span style="color: rgb(255, 227, 127);">那位女士</span>曾记得他们曾有名姓。</p><br>
                        <p>大概只有<span style="color: rgb(193, 204, 199);">乌有的白衣人</span>会进入此地，为迷失的<span style="color: aquamarine;">盗取名字的众人</span>致以惋惜吧。</p>
                    </div>
                </div>
 
                <div class="journey-path-container" id="journey-path-ending-4"></div>
 
                <div class="text-page-button">
                    <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                </div>
            </div>
 
            <div class="question" data-question="35" data-question-id="ending-encounter-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：与图书馆寻求邂逅是否搞错了什么</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你回到了地球，回到了你心心念念的家，但是你很快便发觉，现在的你一无所有。</p><br>
                        <p>你在这段漫游之旅中什么都没有获得，包括任何一个能用来告诉你“这段漫游之旅并非虚假”的收藏物都没有留下。</p><br>
                        <p>而且更为令你担忧的是，在离开图书馆一阵子之后，生活与学习的琐事开始侵占你脑海中的记忆，关于被放逐者图书馆的回忆开始在日复一日的时间磨损中变得模糊不清，你开始遗忘，开始忘记那段神奇漫游之旅的始与末。</p><br>
                        <p>你曾试图将其记录而下，但由于记忆的细节早已模糊，你已经早已无法继续将那个故事复述而下。</p><br>
                        <p>也许只有再度回到图书馆，你才会记起来往昔的细节吧。</p><br>
                        <p>但是在日复一日的推开那扇门后，映入眼帘的从来都不是那神秘的图书馆，而是普普通通的杂物间。</p><br>
                        <p>你等待着与图书馆的再度邂逅，但也许，你们再也不会相见。</p><br>
                        <p>因为总有一天，你也会将这段记忆彻底忘却，就像燃烧成灰烬的书页一般。</p>
                    </div>
                </div>
 
                <div class="journey-path-container" id="journey-path-ending-encounter"></div>
 
                <div class="text-page-button">
                    <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                </div>
            </div>
 
            <div class="question" data-question="36" data-question-id="wanderer-protection-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>漫游者保护协会</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>在图书馆一处由倒塌书架天然形成的避风港内，你终于来到了“漫游者保护协会”的营地。几位身披不同年代、不同世界旅行斗篷的成员正围着一盏用墨水瓶改造的油灯低声交谈。他们中有人在修补破损的典籍地图，有人正在用统一的符号在廊柱上标记前往门径的安全路线，还有人为刚抵达的迷途旅人递上一杯用蛇巢中的知识之叶冲泡的热茶。</p><br>
                        <p>他们没有统一的徽记，但眼底都闪烁着同一种光芒——那是曾在无尽书海中漫游并迷失过的人，才懂得的相互守望的温暖。见到你的到来，一位少女微笑着举起油灯，灯光虽弱，却足以在这被遗忘的角落里，驱散一丝属于孤独的寒意。</p><br>
                        <p>“欢迎来到图书馆漫游者保护协会，有什么是我能够帮助您的吗？”</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E4%BF%9D%E6%8A%A4%E9%85%B1%E5%8D%96%E8%90%8C.png" alt="保护酱头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>二姐，我回来了！还安全将这位迷途客带到了保护协会哦！</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>保护酱突然从你的身后冒出来，然后扑向之前问候你的女孩，脸上充盈着笑意。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E6%94%B6%E5%AE%B93.png" alt="保护酱头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>诶诶诶，保护酱？我只知道你之前去了图书馆第一区域，原来是去寻找迷途客了吗？</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/protect.png" alt="保护酱头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>嘿嘿，这还不是怕你和大姐担心我经验不足不让我独立处理协会志愿工作嘛。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="dialog-avatar-text-container">
                        <div class="dialog-avatar-frame">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E6%94%B6%E5%AE%B93.png" alt="保护酱头像" class="dialog-avatar-img">
                        </div>
 
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>唉，要是大姐知道了，肯定又要教训你了……</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>这对姐妹又稍微寒暄了一会，保护小姐向她的姐姐简略地讲述了她和你在这段漫游旅程之中的见闻，然后，收容小姐听闻后走到你的面前，向你表示了郑重的感谢，因为她的妹妹经验尚浅，感谢你接纳了她的不专业之处。</p><br>
                        <p>你也很快解释了自己更该感谢保护小姐，毕竟如果没有保护小姐，自己大概率也不会有如此见闻，也不会游览如此多神秘而瑰丽景象，也不会成功抵达此地。你与保护小姐相视一笑，如果缺少任何一人，那么这段旅途也不会完整。</p><br>
                        <p>“哦对了，协会的其他同事们已经帮助确定了返回地球的门径位置，如果您想要回家的话，随时都可以，尊敬的迷途旅人。”</p><br>
                        <p>收容向你说明道，你明白，你的旅程终于抵达了终点，你现在随时可以回去刚开始你心心念念的家。</p><br>
                        <p>不过也许，在回家之前，你还有时间可以在周边到处转转？</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-wanderer-1')">不再麻烦各位，踏上归家之路</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-wanderer-2')">和各位说明一声，再逗留一阵</button>
                    </div>
                </div>
 
                <div id="hidden-content-wanderer-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你向陪伴你度过这段难忘漫游旅程的少女告别，踏上回家的路。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('wanderer-endless-story-page')">一切的结束</button>
                    </div>
                </div>
 
                <div id="hidden-content-wanderer-2" class="hidden-content">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('tree-crown-page')">继续探索</button>
                    </div>
                </div>
 
            </div>
 
            <div class="question" data-question="37" data-question-id="wanderer-endless-story-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：漫游者的无终物语</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>你合上手中那本以星辰为钉、时光为封的旅行者游记，书脊上还沾染着不同世界的尘埃。那些在螺旋回廊中拾取的耳语、在灰烬残页旁见证的消亡、与行商交换的承诺——所有记忆皆在闭眼的瞬间苏醒，充盈着你的脑海。</p><br>
                        <p>你曾饮过来自梦之海的甘泉，也曾与窃名妖精在铁律下博弈；你抚摸过毒蛇先知冰冷的鳞片，又在漫游者协会的灯火中重燃初心。典籍不再仅是墨迹与纸张的造物，它们是你跋涉的疆域，是群星低语的旷野，是记录下的一个又一个鲜活的故事，由一位又一位旅人所带来，并将祂们送入图书馆的怀抱。</p><br>
                        <p>“喂——来这边啦，协会的工作要开始咯！”熟悉的轻灵声音从一旁传来，金发的少女呼唤着你，并且挥舞着撰写着“保护”字样的旗帜，就像你和她曾经相遇的那一天景象。</p><br>
                        <p>没错，你最终还是回到了这里。</p><br>
                        <p>虽然图书馆的门径捉摸不定，但是漫游者保护协会确有办法确定最近的门径位置并将其固定下来。在你离开之前，你向他们表达了想回到这里的渴望，所以在他们的帮助下，你习得了以属于图书馆的藏品为坐标锚点定位门径的方法，并且在不久后，如愿以偿地再度进入了图书馆。</p><br>
                        <p>至此，图书馆对你来说不再是仅此一次的桃源乡，而是你能够随时造访的收录世界一切故事的小小世界。</p><br>
                        <p>就像她在离别时向你所讲述的那样：“祝愿您所经历了这段漫游奇旅成为你难忘的珍贵回忆，也祝愿您终有一天能够再度造访此地，被放逐者图书馆对于每一位旅人都将永远开放。”</p><br>
                        <p>而今，故地的风再次撩动你的衣角。那扇以疑问为枢、以渴望为框的门径，于你面前无声洞开。你遵从自己的内心，选择了加入漫游者保护协会，与那位曾经带领你走过那段奇妙漫游之旅的少女一同，帮助一位位误入此地迷途者度过一段肯定会让他难以忘怀的漫游奇旅。</p><br>
                        <p>“这次的迷途客是在苍树与血典籍区的入口，最近的门径位置是在艾尔里奇王国的附近呢。”</p><br>
                        <p>“艾尔里奇王国啊，说起来埃尔兰群岛我们还没怎么去过呢，没问题吗？”</p><br>
                        <p>“没问题的，毕竟，对于图书馆的旅客来说，未知往往才会更令人兴奋呢！”</p><br>
                        <p>在和少女的交谈中，你们敲定了路线，计划了途径的区域，做好了准备，你知道，这段旅程对你来说也将是一次闻所未闻的奇旅。</p><br>
                        <p>而对图书馆来说，属于旅人们的漫游物语也将永不终结。</p>
                    </div>
                </div>
 
                <div class="journey-path-container" id="journey-path-wanderer-endless-story"></div>
 
                <div class="text-page-button">
                    <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                </div>
            </div>
 
            <div class="question" data-question="38" data-question-id="prophet-thief-sage-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>先知、窃贼、智者</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E5%85%88%E7%9F%A5%E9%A1%B5%E9%9D%A2%E5%A4%B4%E5%9B%BE%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 30%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>三位老者出现在你下船之处，第一位老者自称先知，蒙神旨意者，预见未来、知晓未来；第二位老者自称窃贼，蒙神引领，寻觅真理、盗取知性；第三位老者自称智者，蒙神启发。纵观诸界、研读万卷。</p><br>
                        <p>“我们之中任意一位都将为你指引道路，迷途的旅人。而现在。你只需要作出选择，但无论你作出如何选择，我们都希望你不会为之后悔。”</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-prophet-1')">选择：先知</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-prophet-2')">选择：窃贼</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-prophet-3')">选择：智者</button>
                    </div>
                </div>
 
                <div id="hidden-content-prophet-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>先知预示未来，从眼中窥探奥秘。代表无限的可能。你的旅程尚未结束，他向你指明了一条见证无限之路。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('tree-crown-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-prophet-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>窃贼渴求知识，从囚锢的乐园中盗走知性，代表着追求的真理。你的旅程尚未结束，他向你指明了一条见证真理之路。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('tree-crown-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-prophet-3" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>智者通晓万物，漫游诸界以习未解之事，代表着对智慧的求索。你的旅程尚未结束，他向你指明了一条见证智慧之路。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('tree-crown-page')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="39" data-question-id="tree-crown-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>树冠之顶</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>图书馆的光景在你的眼前骤然消失。你猛然发觉自己不知何时攀至巨树的顶端，树冠在此处编织成一片无垠的平原，手册上有此地的记录，它们用简单的四个字来为其命名“树冠之顶”，而树是什么，有人说是支撑图书馆的知识之树，也有人说是世界之树，而此地，便是鲜有人抵达的顶端。</p><br>
                        <p>你转头寻找熟悉的身影，却一无所获，而前方道路于此一分为二：一条小径通往笼罩在柔和光晕中的朦胧殿宇，低沉的吟唱声隐隐传来；另一条则蜿蜒伸向悬崖边裸露的观测台，其上星辉流转，仿佛伸手便可触及冰冷而寂静的星空。</p><br>
                        <p>现在，你会选择哪条路径呢？你希望，无论你作出如何选择，你都不会为之后悔。</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-tree-crown-1')">选择：殿堂之路</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-tree-crown-2')">选择：瞭望之路</button>
                    </div>
                </div>
 
                <div id="hidden-content-tree-crown-1" class="hidden-content">
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('meet-snake-page')">觐见“蛇”</button>
                    </div>
                </div>
 
                <div id="hidden-content-tree-crown-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你选择遥望星空，倾听群星低语。</p><br>
                            <p>你大概从未想过，在被放逐者图书馆，能够望见星空。</p><br>
                            <p>虽然这里的星空与你记忆中的几乎完全不同，被放逐者图书馆树冠顶的天空是混乱而又瑰丽的。星座的具象化在你眼前飞驰，蛇夫座的法典在天幕中展开，多少各种诗歌，语言，使命宣言，哲学随笔，信息流淌于冰冷的天幕之上，虽然寂静无声，但在你看来却意外地热闹非凡。</p><br>
                            <p>随着镜头缓缓拉远，你看见了来往的旅人查阅着最新收录的典籍，你看见了管理员们打理着古老的书架，你看见了向右走们继续着例行的茶话会，直到一位名为L.S的“向右走”加入了她们的行列，你看见了书志学家们观测着来往的蛇手，但很快他们也似乎忘记了使命，选择加入图书馆的大家庭之中……</p><br>
                            <p>你旅途所见的一切在镜头前展开，记录着你一路的回忆，被放逐者收录一切，被放逐者记录一切。你在图书馆之中的旅途早已被铭刻记录而下，或许已经成为了一本典籍，收录着像你一样的迷途旅客们在这一个奇特世界的漫游奇旅吧。</p><br>
                            <p>最后，镜头再度拉远，时间与空间的距离在镜头下消弭，然后，你看见了故事在苍天古木底埋下，成为支撑的养料，树冠之顶的平原向地平线处蔓延，直至你不再可见其边缘所在，随着镜头的持续拉远，最后映照而出的是图书馆的轮廓，镜头中映照的灯光缓慢消散，图书馆开始重新进入黑暗。在灯光完全消失之前，仍留在地上的玻璃盒内出现了影像：</p><br>
                            <p>那是一条蛇，缠绕于名为“被放逐者图书馆”的世界。</p><br>
                            <p>最后，你回过神来，你终于想起来，自己是谁。</p><br>
                            <p>你并未驻足于树冠之顶，刚才的一切好像只是如同梁柯一梦。</p><br>
                            <p>保护小姐冲你跑来，高兴地告诉你保护协会的同事们已经帮助定位了最近的一处门径并将其固定，现在你可以回到你希望回归的家。</p><br>
                            <p>见你有些愣神，少女有些疑惑地向你发出询问，而你只是摆摆手，示意无事打消了她的担心。</p><br>
                            <p>你的旅程已经接近于尽头。但是在那群星中所窥见的一切，你永远不会忘却，你想。</p>
                        </div>
                    </div>
 
                    <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                        <div class="text-page-button">
                            <button class="continue-btn" id="star-path-btn" onclick="handleStarPathClick(this)">你将走向星空，步前人之路</button>
                        </div>
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="handleNestedFoldClick(this, 'hidden-content-tree-crown-garden')">你将走向花园，步平凡之路</button>
                        </div>
                    </div>
 
                    <div id="hidden-content-tree-crown-star" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="centered-text-block">
                                <p>你选择走向群星，寻找那一抹色彩。</p>
                            </div>
                        </div>
 
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('star-wanderer-page')">一切的结束</button>
                        </div>
                    </div>
 
                    <div id="hidden-content-tree-crown-garden" class="hidden-content">
                        <div style="display: flex; flex-direction: column; align-items: flex-start;">
                            <div class="centered-text-block">
                                <p>你选择回到原地，珍藏这一抹平凡。</p>
                            </div>
                        </div>
 
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('ending-1-page')">一切的结束</button>
                        </div>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="40" data-question-id="meet-snake-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>觐见“蛇”</h1>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>蛇腹下的土壤冰冷而又鲜活，就如先前无物在其上滑过。蛇对大地并不陌生——他在花园中读过各种各样与它相关的书，也曾认识过它。当然，它亦认识你，以及每一位迷途的旅人。</p><br>
                        <p>在踏入殿堂的一瞬间，蛇已知晓一切，它是先知、它是窃贼、它亦是智者。</p><br>
                        <p>蛇不曾言语，只是凝视着每一位来过此地的旅人。它已见，首席图书管理员从环绕着图书馆的以太中起身，一如既往地滔滔不绝。它已见，图书馆从一片虚无中建造而起，而它的身躯背负被放逐者们千万年的夙愿。它已见，数不胜数的旅人从门径进入此地，蛇巢不在人迹罕至，而是成为宇宙的交汇之点，典籍从无到如今浩如烟海。</p><br>
                        <p>蛇预知一切，蛇指引一切，蛇探求一切。</p><br>
                        <p>它曾作为首位图书馆管理员建造这一片记载知识的花园，而现在仍作为一位“先知”见证这片苗圃的未来。</p><br>
                        <p>它的目光汇聚于刚刚抵达此地的新一位旅人身上，而旅人从它流光溢彩的双瞳中窥见永恒。</p><br>
                        <p>片刻后，蛇的声音在殿堂中回响，化作絮语涌入旅人的脑海：</p><br>
                        <p>“图书馆需要你们，因为大地终将一片寂静。”</p><br>
                        <p>“我会等待我必须爬上我腹的那天，因为至少到了那天，我就会知晓。我就会知晓图书馆再次门庭若市。”</p><br>
                        <p>“我看。我视。我知。我即为蛇。而我等，同样即为蛇。”</p>
                    </div>
                </div>
 
                <div class="text-page-button">
                    <button class="continue-btn" onclick="showQuestionById('snake-companion-page')">一切的结束</button>
                </div>
            </div>
 
            <div class="question" data-question="41" data-question-id="snake-companion-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：与蛇同行</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>当人尚幼时，</p>
                        <p>时间尚始时，</p>
                        <p>蛇建造了一间图书馆（以他自己的形象），</p>
                        <p>但因其主人而受损。</p><br>
                        <p>人来此图书馆居住，</p>
                        <p>蛇感到十分高兴。</p>
                        <p>他成为了知识的保护者，</p>
                        <p>人们的收容所，</p>
                        <p>魔法的保护者。</p><br>
                        <p>他被称作首席图书管理员。</p><br>
                        <p>在他之后，图书馆兴起。</p><br>
                        <p>万卷书籍填满新落成的书架。</p><br>
                        <p>诸界来往的旅人踏过门径木制的门槛。</p><br>
                        <p>但蛇却卸下了他的职责。</p><br>
                        <p>因他深知图书馆终需要众人的拥护。</p><br>
                        <p>便四处寻觅世界的真知追求者。</p><br>
                        <p>授予其知识，授予其伟力。</p><br>
                        <p>他们被称为图书管理员。</p><br>
                        <p>有旅人传言，蛇的目光仍然注视着花园。</p><br>
                        <p>仍然关注的每一位进入此地的迷途旅人。</p><br>
                        <p>等待每一位命运注定者的到来。</p><br>
                        <p>此后，给予他所允诺的一切。</p><br>
                        <p>依蛇所指，与蛇同行。</p><br>
                        <p style="text-align: right; color: rgb(21, 146, 21);">——蛇之束缚 \\\ 提供证据</p>
                    </div>
 
                    <div class="journey-path-container" id="journey-path-snake-companion"></div>
 
                    <div class="text-page-button" style="display: flex; justify-content: center; width: 100%;">
                        <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="42" data-question-id="merchant-page-1">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>商人</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E5%95%86%E4%BA%BA%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 25%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>一位西装革履的推销员男子拦在了你的必经之路上，阻住了你的继续前进。但还没等你愠怒，他便声称你们需要来自“商人”的帮助，并亮明了他的身份：</p><br>
                        <p>“MC&D有限公司十分乐意为您服务。”</p>
                    </div>
                </div>
 
                <div class="dialog-avatar-text-container">
                    <div class="dialog-avatar-frame">
                        <img src="https://darry.wikidot.com/local--files/wandering-file/MCD.png" class="dialog-avatar-img">
                    </div>
                    <div class="dialog-text-container">
                        <div class="dialog-text-frame">
                            <div class="dialog-text-content">
                                <p>这位迷途客，我可以为您提供提供您所需的一切服务，不过您需要支付一定代价——用金钱或是收藏物来交换。毕竟，我们是逐利的商人，而绝非慈善家。</p>
                            </div>
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-merchant-1-1')">交易：关于前路的帮助</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-merchant-1-2')">打听回归门径的情报</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" id="merchant-return-trade-btn" onclick="handleMerchantReturnTrade(this, 'hidden-content-merchant-1-3')">交易：关于回归的帮助</button>
                    </div>
                </div>
 
                <div id="hidden-content-merchant-1-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/MCD.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>明智的决定，你们下面将要抵达的地方名为无名森林，是窃名者所藏匿之地，如果您不想被窃走名字与身份成为无名者，请与他们保持距离，切忌与他们主动交谈。以及，请拿上这个，这是那些窃名者所厌恶的铁粉，在阻碍他们接近你能提供一定帮助。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/MCD.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>最后，愿我们合作愉快。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>铁粉</h3>
                                <p>普普通通的铁粉，据说可以让不可言说的窃名者畏惧并远离过路旅客。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-iron-powder')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('nameless-forest-page')">继续探索</button>
                    </div>
                </div>
 
                <div id="hidden-content-merchant-1-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你向商人打听了一下回归门径的情报，但是商人似乎并不愿意轻易的告诉你，需要你支付一些东西才能撬开他的嘴。</p>
                        </div>
                    </div>
 
                    <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="handleNestedFoldClick(this, 'nested-content-merchant-money')">用金钱交易情报</button>
                        </div>
                        <div class="text-page-button">
                            <button class="continue-btn" id="merchant-item-trade-btn" onclick="handleMerchantItemTrade(this, 'nested-content-merchant-item')">用“藏品”交易情报</button>
                        </div>
                    </div>
 
                    <div id="nested-content-merchant-money" class="hidden-content">
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('ending-encounter-page')">一切的结束</button>
                        </div>
                    </div>
 
                    <div id="nested-content-merchant-item" class="hidden-content">
                        <div class="text-page-button">
                            <button class="continue-btn" onclick="showQuestionById('ending-1-page')">一切的结束</button>
                        </div>
                    </div>
                </div>
 
                <div id="hidden-content-merchant-1-3" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>你向商人递出先前获得的纪念物，商人的眉头稍微抬起了一丝弧度，“这确实算是比较罕见的收藏物，这个交易，我接受了。”</p><br>
                            <p>随后，商人向你们指明了一条小径，告知你们，下个区域，将会有人帮助你找到回归之路。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('warden-page')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="43" data-question-id="edison-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>神灯、电灯、爱迪生</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%A5%9E%E7%81%AF%E5%8F%8D%E8%89%B2%E7%89%88.png" style="max-width: 35%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>在图书馆的某个分类区，你并未找到典籍，而是遇见了一盏嘶嘶作响的孤灯。一位身着实验的精灵，正从灯丝的炽光中凝聚成形。“咳，我是爱迪生，执掌此处的灯神，”他扶了扶眼镜，电弧在指尖跳跃，“告诉我你的需求，我们可以……做一笔交易，用科学的方式。”</p>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px 20px; flex-wrap: wrap; width: 100%; margin: 20px 0;">
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-edison-1')">哇！那我可以许愿吗？</button>
                    </div>
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="handleInteractiveButtonClick(this, 'hidden-content-edison-2')">拒绝交易并离开</button>
                    </div>
                </div>
 
                <div id="hidden-content-edison-1" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%A5%9E%E7%81%AF%E5%A4%B4%E5%83%8F.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>不行，我的权能仅限于利用直流电来点亮钨丝灯泡，除非你的愿望是需要我帮你充电，这个我可以做到。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>你不是神灯吗，不能实现愿望叫什么神灯？</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%A5%9E%E7%81%AF%E5%A4%B4%E5%83%8F.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>因为利用电，乃是人类获得神话伟力的一地步，所以作为使用电这一神话伟力的灯泡，自然即是神灯。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container-right">
                            <div class="dialog-avatar-frame-right">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/protagonist.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-frame-right">
                                <div class="dialog-text-content-right">
                                    <p>虽然但是，一般说的自然界神话的电似乎是交流电……</p>
                                </div>
                            </div>
                        </div>
 
                        <div class="dialog-avatar-text-container">
                            <div class="dialog-avatar-frame">
                                <img src="https://darry.wikidot.com/local--files/wandering-file/%E7%A5%9E%E7%81%AF%E5%A4%B4%E5%83%8F.png" class="dialog-avatar-img">
                            </div>
                            <div class="dialog-text-container">
                                <div class="dialog-text-frame">
                                    <div class="dialog-text-content">
                                        <p>……</p>
                                    </div>
                                </div>
                            </div>
                        </div>
 
                        <div class="centered-text-block">
                            <p>爱迪生的表情瞬间阴沉。“别提那个名字！”他低吼道，随后为了证明自己的优越性，他将一个充满直流电的灯泡赠送给了你，以彰显他的直流电权能有多么伟大。</p>
                        </div>
                    </div>
 
                    <div class="collection-display-box">
                        <div class="collection-display-content">
                            <div class="collection-display-info">
                                <h3>神灯</h3>
                                <p>由直流电所点亮的钨丝灯泡，亮度尚可，似乎能亮上很长一段时间。也许你可以在之后拿来照明。</p>
                                <button class="collection-get-btn" onclick="handleCollectionClick(this, 'item-magic-lamp')">获取藏品</button>
                            </div>
                        </div>
                    </div>
 
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>最后，在你和保护小姐离开这里前，爱迪生仍然不忘提醒你们记住他直流电神灯的权能有多么伟大，你不免开始想象如果你提及了另一位天才的名字这位灯神又会有如何感想。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('charity-page')">继续探索</button>
                    </div>
                </div>
                <div id="hidden-content-edison-2" class="hidden-content">
                    <div style="display: flex; flex-direction: column; align-items: flex-start;">
                        <div class="centered-text-block">
                            <p>在你和保护小姐选择拒绝了交易并且商量着下一个前往的地点，灯神仍然不忘向你们推销他的钨丝灯泡，以免被怪人灯神缠上，你赶紧离开了这里。</p>
                        </div>
                    </div>
 
                    <div class="text-page-button">
                        <button class="continue-btn" onclick="showQuestionById('merchant-page-1')">继续探索</button>
                    </div>
                </div>
            </div>
 
            <div class="question" data-question="43" data-question-id="warden-ending-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：狱卒、基金会、书志学家</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>“我们认为图书馆能通过某种方法知晓谁将要利用图书馆来锁定自己的主顾——不只是当前，还有未来。对，图书馆似乎具备某种有限的预知能力。如何做到的？你和我一样都得去猜。”</p><br>
                        <p>你和其他同事一样，坐在书架旁的一张椅子上，拿着一本行动手册，脑海中浮现出自己在讲座上听到的讲解内容，关于Nx-01，或者用一个更熟悉的名字来说：“被放逐者图书馆”。</p><br>
                        <p>你没有想到那个“肩章”竟然真的发挥了作用，书志学家没有选择将你羁押，而是让你与一个名为全球超自然联盟的组织人员进行了接触，并且将肩章交付给了他们，告知他们这个肩章的主人仍然存活的事实。</p><br>
                        <p>得益于此，你受到了他们的礼遇，而这时，狱卒也背着他们向你发来的邀约，邀请你加入书志学家，而他们给出的承诺是“你可以再度回到图书馆，随时随地。”</p><br>
                        <p>你当然选择了接受，你在之后的学习中也知晓了他们为何需要你，为何会邀请你加入，因为即便是书志学家，也只有其中一部分才能进入，而作为迷途客的你，图书馆早已对你开放。他们需要的是你能够自由进入图书馆的特质，作为被图书馆所承认的旅客。</p><br>
                        <p>不过，在图书馆的工作似乎并不算无聊，虽然狱卒要求你们监视图书馆的人员，但是并不要求你们进行所谓的“收容”，因为一旦他们这么做了，他们将会被驱逐出去，然后失去世界上最为奇特的地点的入场券。</p><br>
                        <p>虽说你是作为一位书志学家而存在，但在图书馆之中，你认为你和那些抵达此地的漫游者们没有两样， 门径在你的眼前再度开放，你放下手中的行动手册，换上了普普通通的行头，和你的同事们踏入了名为图书馆的世界。</p><br>
                        <p>作为一名漫游者，或者曾经的迷途客。</p>
                    </div>
                </div>
 
                <div class="journey-path-container" id="journey-path-warden-ending"></div>
 
                <div class="text-page-button">
                    <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                </div>
            </div>
 
            <div class="question" data-question="44" data-question-id="star-wanderer-page">
                <div class="centered-content-container">
                    <div class="centered-content">
                        <h1>旅途尽头：群星之中的漫游者</h1>
                        <div class="text-image">
                            <img src="https://darry.wikidot.com/local--files/wandering-file/wandererslibary_logobg.png" style="max-width: 50%; height: auto;">
                        </div>
                    </div>
                </div>
 
                <div style="display: flex; flex-direction: column; align-items: flex-start;">
                    <div class="centered-text-block">
                        <p>被放逐者图书馆有个传奇的传闻，曾有一位旅人在树冠之顶遥望群星，倾听群星低语，知晓星辰祈冀，最终走向群星，追寻那蕴藏于被放逐者们千年以来的花园与蛇群的夙愿。</p><br>
                        <p>漫游者曾走过被放逐者图书馆每个已知的角落，与管理员们攀谈，曾加入过蛇手，见证解放知识的事业，曾与红色的巨龙会晤，谈论关于王国兴衰的话题，曾入局黑皇后们的棋盘，在黑白博弈中取得一次胜果……</p><br>
                        <p>但只有极少数人知道，在最开始这位漫游者不过是一介误入图书馆的图书馆的迷途客，在一段奇旅之后，得以窥见树冠之顶的天空。</p><br>
                        <p>吟游诗人将漫游者的事迹传唱，他们赞颂漫游者对于知识的追求与传颂，漫游于群星之上，与妖精们互为旅伴，将冒险经历记录而下，编撰为册赠予图书馆，赞颂漫游者从燃烧的亚历山大图书馆中抢救下珍贵典籍的残页。</p><br>
                        <p>各界各地都留下过关于漫游者的传闻，但是很少有人能证明这些传闻的真实，只是知晓，漫游者来过此地，见证故事、流传故事。</p><br>
                        <p>“那么，关于这些故事，你或许能感到满意吗？”</p><br>
                        <p>“也许吧，其实很多关于漫游者的故事都或多或少地经过了艺术性的加工。真实的漫游者，其实和众多的被放逐者们一样，只是漫步于大地，记录一个又一个故事罢了。”</p><br>
                        <p>“这样啊，那么你还会回这里看看吗？”</p><br>
                        <p>“当然，只是不知道是什么时候，也许是明天，也许是很久之后了。”</p><br>
                        <p>你从书桌前站起，图书馆的门径在身前打开，在门径的对面，是一片灿烂群星。</p><br>
                        <p>你将随身携带的册子合上，册子封面上上印着这样几个字：“漫游者手记”。</p><br>
                        <p>你选择步入群星之中，像曾经在此的千千万万的前辈们一样。</p>
                    </div>
                </div>
 
                <div class="journey-path-container" id="journey-path-star-wanderer"></div>
 
                <div class="text-page-button">
                    <a href="https://scp-wiki-cn.wikidot.com/wanderers:the-wandering-journey-of-the-exile#u-comments" target="_blank" class="continue-btn" style="text-decoration: none; color: inherit; display: inline-block;">前往自由阅览区</a>
                </div>
            </div>
        </div>
    </div>
 
    <div id="sidebar-toggle" class="sidebar-toggle">
        <button id="sidebar-btn" class="sidebar-btn">
            <span class="sidebar-icon">◀</span>
        </button>
    </div>
 
    <div id="sidebar-content" class="sidebar-content">
        <div class="sidebar-header">
            <h3>藏品列表</h3>
        </div>
        <div class="sidebar-body">
        </div>
    </div>
 
    <script src="https://darry.wikidot.com/local--files/wandering-file/library_last.js"></script>
</body>
</html>