欢笑蜘蛛

---

+ Show component code

:root {
        --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 56.25rem) {
        #content-wrap {
            display: flex;
            position: initial;
            flex-direction: row;
            flex-grow: 2;
            width: calc(100vw - (100vw - 100%));
            max-width: inherit;
            height: auto;
            min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
            margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2);
        }
 
        #main-content {
            position: initial;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            max-height: 100%;
            margin: 0 auto;
            padding: 2rem 1rem;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        #side-bar {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            left: 0;
            grid-area: side-bar;
            width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            max-height: 100vh;
            padding-right: 2.5rem;
            padding-left: 0.5rem;
            overflow-y: scroll;
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                padding 300ms linear,
                margin 300ms linear;
            border: none;
            border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
            translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem);
            direction: rtl;
            scrollbar-width: thin;
            -ms-scroll-chaining: none;
                overscroll-behavior: contain;
            scrollbar-color: 
                rgba(var(--swatch-primary-darker), 0.1) /* Thumb */
                rgba(var(--swatch-tertiary-color), 0.05); /* Track */
        }
 
        #side-bar::-webkit-scrollbar-track {
            background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
        }
 
        #side-bar::-webkit-scrollbar,
        #side-bar::-webkit-scrollbar-thumb,
        #side-bar::-webkit-scrollbar-corner {
            width: 0.5rem;
            border-right-width: calc(100vw + 100vh);
            border-right-style: inset;
            border-color: inherit;
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
        }
 
        #side-bar:is(:hover, :active, :focus-within) {
            margin-right: 2.25rem;
            padding-right: 0.25rem;
            overflow-x: hidden;
            overflow-y: auto;
            border-color: rgba(var(--swatch-primary-darker), 1);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
            translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0));
            scrollbar-color: 
                rgba(170, 170, 170, 1)  /* Thumb */
                rgba(252, 252, 252, 1); /* Track */
            scrollbar-color: 
                rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
                rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
        }
 
        #main-content::after {
            content: " ";
            display: flex;
            position: fixed;
            top: 0;
            left: 1rem;
            align-items: center;
            justify-content: center;
            width: 1rem;
            height: 100%;
            max-height: 100%;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center left 1rem;
            background-size: 1rem 12.875rem;
            pointer-events: none;
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::after {
            left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            width: 0rem;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0;
            background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            font-size: 0em;
        }
 
        #main-content::before {
            content: " ";
            position: absolute;
            z-index: 9;
            top: var(--final-header-height-on-desktop, 0);
            left: 0;
            width: var(--sidebar-width-on-desktop, 14.5rem);
            height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
            margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0.5;
            background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
            pointer-events: none;
            translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem);
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::before {
            translate: 0;
            opacity: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1em;
            padding-left: 0.25em;
            border-right-width: 0rem;
            border-left-width: 0rem;
            border-radius: 0;
            background-color: rgb(0, 0, 0, 0);
            direction: ltr;
        }
 
        #side-bar .scpnet-interwiki-wrapper {
            direction: ltr;
        }
 
        /* Print Friendly Formatting by Estrella */
        body.print-body { 
            --sidebar-width-on-desktop: 0; 
        } 
        body.print-body #main-content::before,
        body.print-body #main-content::after { 
            display: none; 
        }
    }

简介: 欢笑蜘蛛 状态: 活跃

【姓名】：欢笑蜘蛛（Laughing Spider）

已知位置：未知

别称：蛛网头，滑稽勇士，廉价的把戏师

---

欢笑蜘蛛是一名义警，其经常出现在需要帮助的流浪者身边为其提供帮助并给予快乐。

关于欢笑蜘蛛的信息较少，少有的证据指明后室娱乐的首领保罗.西蒙斯似乎知晓他的身份，关于欢笑蜘蛛的详细资料仍在调查中

描述

欢笑蜘蛛经常身穿黑色西服，头部戴有蜘蛛侠面具与一顶魔术帽，左手时常提着一个黑白相间的箱子，据被其救助的流浪者称箱子中装有欢笑蜘蛛用于帮助他人的道具。

当欢笑蜘蛛出现时，其周围会出现欢快的鼓掌声，尽管欢笑蜘蛛多次强调自己曾被一只具有放射性的毒蜘蛛咬伤并获得了蜘蛛能力，但并未见其展示过任何与蜘蛛有关的能力。¹

据调查可知，欢笑蜘蛛具有一定的魔术知识，其经常会使用他的魔术道具去帮助他人²，此外，其喜欢阅读来自前厅的漫画刊物《蜘蛛侠》，在每次的《蜘蛛侠》发行日当天，流浪者可在Level 11的书店中找到欢笑蜘蛛的身影。

行为

欢笑蜘蛛总是能够即时的出现在需要帮助的人身边并尽可能的去帮助他们，在救助过程中欢笑蜘蛛常常会通过一系列笑话或者玩梗来缓解紧张的气氛，尽管他的笑话常常不尽如人意(懂不懂冷笑话的精髓啊维多莉亚³――欢笑蜘蛛)。

他说起话来就好像一把机关枪，他究竟哪来那么多弹药的？⁴ ―― 某匿名用户

需要注意的是不要去攻击沉默的欢笑蜘蛛，这往往会致使欢笑蜘蛛对施暴者施行不致死的惩罚手段⁵

欢笑蜘蛛总能在M.E.G.救援队赶来之前施行救援并撤离⁶关于欢笑蜘蛛更多资料尚在收集中。

附录

关于欢笑蜘蛛的线上采访

勇敢杏仁子29

---

我对于他并不了解啦，不过听人们说他是一个英雄，还会魔术，如果能请他和我一起拍视频就好了。

无敌枪手

---

尽管人们说它是好人，但我不相信它，世界上怎么可能会有一心为别人的人呢，更何况瞧瞧之前的脑蛛，奏穹蛛，爬菌，我可不觉得这个新蜘蛛能脱离他们蜘蛛的丑恶，等等，爬菌是蜘蛛，对吧？

愿仍有明天

---

我知道网络上有些人会说欢笑蜘蛛是假好人，但又有谁能像他一样不顾自己烧伤去火场救人呢？是的，我当时就在现场，他的衣服已经烧烂了，但他还是冲了进去，无论是前厅还是后室，只要有网络就会有喷子，总之，我支持欢笑蜘蛛

揭开心点

---

我觉得他就是个祸害，自从他出现后蒙面的强盗就更多了，谁知道那些灾难是不是他自导自演，如果他真的是英雄就应该摘下他的面具。

打工人10086

---

嗯……我觉得他是个好人，我的同事们也这么认为，但是M.E.G.却让我们把他带回来调查，想抓他太困难了，如果他能来一趟就好了。

天净沙

---

我就想知道他有没有想过他那些道具对人体的危害？每次出场都扔一个烟雾弹，他以为他是基德⁷吗？

理蚌

---

欢笑蜘蛛？你是指那个戴蓝色面具的人吗？他人挺好的，医术也不错。

疯狂动物城27号

---

我觉得他太不爱惜自己了，他把一个小孩送到了我的医院，但他却并不打算在医院给自己被猎犬咬伤的伤口做处理，我希望他照顾别人时也应该看看自己。

悬赏令⁸

欢笑蜘蛛

欢笑蜘蛛是一个身穿一身黑色西服，头戴蜘蛛面具的蜘蛛人⁹，如果你有关于欢笑蜘蛛的线索请联系后室娱乐，以下为提供线索的奖励清单：
欢笑蜘蛛的照片：保罗.西蒙斯的亲笔签名¹⁰
欢笑蜘蛛的魔术手法：任意后室娱乐产品一天试用权
欢笑蜘蛛的神奇道具：300杏仁水¹¹
欢笑蜘蛛的身份¹²：免费游玩后室娱乐相关项目¹³
欢笑蜘蛛本人：三辆炫酷驾驶器¹⁴

欢笑蜘蛛视频资料

苦仁儿：大家好，这里是苦仁儿，欢迎大家前来收看我的直播，今天苦仁儿给大家带来的是Level 9的风景介绍，首先这里是……

(两个黑影飞过)

苦仁儿：呃……大家不要担心，我先熄一下屏……好，刚刚那两个是死亡飞蛾，只要没有光源就容易躲开他们，我先退到安全的地方，请各位在这之前不要进行任何交互行为，谢谢大家

(死亡飞蛾的叫声)

苦仁儿：糟糕被发现了！

(视频中一位女性流浪者疯狂奔跑着，身后有两只死亡飞蛾在不断接近)

(一股浓烟伴随着一阵掌声出现在屏幕中)

欢笑蜘蛛：你好啊女士！是您预订的由蜘蛛大厨制作的追光人套餐吗？

苦仁儿：什……什么玩意儿？

欢笑蜘蛛：没事儿女士，这不过是一个笑话罢了，现在让我看看……

(欢笑蜘蛛掏出了一根棍子)

欢笑蜘蛛：让他们见识一下燧人氏的力量

(棍子中射出一道紫色的光芒并照向死亡飞蛾，没有任何效果，欢笑蜘蛛的手臂上出现了烧伤痕迹)

欢笑蜘蛛：靠，这玩意又失败了，好吧女士，看来今天的套餐要更换了，现在蜘蛛大厨要赠送您一份迷幻烤蜘蛛大餐，做好准备！

(从欢笑蜘蛛的口袋中掉出一个烟雾弹，死亡飞蛾在烟雾中失去了方向，欢笑蜘蛛拉着苦仁儿跑到一间房屋中)

苦仁儿：咳咳，咳……

欢笑蜘蛛：现在我们只要躲在这里等它们离开就好，您没事吧？

苦仁儿：没事，你是谁？

欢笑蜘蛛：等等，你难道没听说过我？咳咳，我是说你有没听说过传说中的友好邻居欢笑蜘蛛？

苦仁儿：抱歉，我不太浏览娱乐新闻。

欢笑蜘蛛：呃……没事，那么这位女士你居住在哪里呢，我现在送你回家吧？

苦仁儿：不用了，我暂时还没有回家的打算，我《6月19日的Level 9风景介绍》还没有做完，做完我自然会回去的。

欢笑蜘蛛：等等？6月19？你确定？

苦仁儿：当然，你自己看日历

欢笑蜘蛛：哦梅林的胡子啊，今天发售的《蜘蛛侠》漫画我还没买，抱歉，我要走了，再见！

(一阵笑声之后，欢笑蜘蛛消失在视频中)

(视频结束)

你想知道我的故事吗？

脚注

1. 拜托，这可是名句啊！――欢笑蜘蛛

2. 是的，我曾被一个放射性的魔术师咬过――欢笑蜘蛛

3. 维多莉亚以不爱笑著称，蜘蛛在此处用于嘲笑不懂笑话的人

4. 可能因为我装了笑话模块？――欢笑蜘蛛

5. 那些人渣就应该这样，他们会没事的对吧？――欢笑蜘蛛

6. 我怀疑他有一条只属于他的切出通道，但目前没有证实――=[

7. 漫画《怪盗基德》中的主人公，其消失时常扔一颗烟雾弹

8. 这下我成好汉罗宾了――欢笑蜘蛛

9. 为什么是men而不是man？？――欢笑蜘蛛(注:漫画《蜘蛛侠》中编辑在一次失误中将man错写成men使翻译为蜘蛛人，欢笑蜘蛛在此处使用此梗。)

10. 普信人是吧，感觉不如我的签名――欢笑蜘蛛

11. 真的？就300？你确定你们不是B.N.T.G.？――欢笑蜘蛛

12. 别洒我的豆子！――欢笑蜘蛛(注：英文spill the beans 双关语意思为泄露秘密)

13. 我想揭发我自己了――欢笑蜘蛛

14. 我很高兴我能值一个后室飙车小分队――欢笑蜘蛛

---

能力越大

作者di_ge与flag23
感谢baiyuleyu
Starset_M
Crimsonwillow2957
Jenny Cossima
对此文的帮助。
感谢cakelord114514与Ambersight提供的版式
图一，图二由Yuan初生成
图三来源