摩登女巫

论坛：Roseta 的占卜小屋

---

+ 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; 
        }
    }

Forum » 奇异技巧讨论区 » *Rose的占卜小屋*

Roseta

---

全天在线，有任何疑问和不安都可以在这里找到答案。

---

这是什么

---

BlockheadLOL

---

我没懂，所以这是什么类似在线占卜的帖子吗，直接问问题就可以了？

Re：这是什么

---

Roseta

---

是的！

看起来你今天会在 Level 9 待上一阵子，注意避开一栋绿色屋顶的房子，你就会没事的。

Re：Re：这是什么

---

BlockheadLOL

---

你是怎么知道的？这个论坛有 IP 显示之类的东西吗？

Re：Re：Re：这是什么

---

Roseta

---

我想哪怕是后室自己的网络也做不到这样的精准定位。

我只是看到了一些画面，然后转述给你了而已。

Re：Re：Re：Re：这是什么

---

BlockheadLOL

---

这也太神了…… 你是找到了什么奇异的道具吗？就类似于旁白鸟的那种？

Re：Re：Re：Re：Re：这是什么

---

Roseta

---

我不能说，但如果你需要，可以随时问我问题。

---

祈祷平安

---

Chloeeeeey

---

那个…… 我明天因为一些原因必须要去一趟 Level C-806，我读了层级文档，好像很危险，我想知道这次探索会不会发生些什么不好的事情。

Re：祈祷平安

---

Roseta

---

放心吧，你很幸运，你会避开所有的危险。不过，我建议你穿上厚底靴。

另外，等你需要出来的时候，选择一条有蓝色心形涂鸦的通道 :)

---

没问题能占卜吗

---

Lungbert

---

如题

Re：没问题能占卜吗

---

Roseta

---

可以的，既然你来这了，就说明你心存疑虑。

看起来你会度过平静的一周，没有离开你居住的层级的打算。我想你可能需要一些新鲜感，如果你有心情出门喝咖啡，就换一家和平常不一样的咖啡店吧。或许是之前你很不看好的一家店？

Re：Re：没问题能占卜吗

---

Lungbert

---

好吧，我想你说的是 Kuff's 咖啡店，我大概会去试试的。

---

巫师你好

---

LUCKYGIRL

---

我想问问最近一个月会不会有什么好事发生呢？

另外，能叫你巫师吗，会不会太冒犯？

Re：巫师你好

---

Roseta

---

不冒犯的。其实是女巫。

我似乎没有看到什么特别好的消息，不过，要是你愿意多出门走走，或许会有让你开心的事情。

Re：Re：巫师你好

---

LUCKYGIRL

---

等等，原来真的是女巫吗？

Re：Re：Re：巫师你好

---

Roseta

---

是的，不必惊讶，其实做女巫也没什么特别的。

---

只是过来问个好

---

SayNoMore

---

你好！我是 Kuff，能在这里看到自己店铺的名字还真挺神奇的。

虽然不知道上面那位到底有没有来就是了，哈哈

Re：祈祷平安

---

Roseta

---

你好，谢谢你过来捧场。

据我所知，他去过你的店里，而且不是一个人去的。

---

还愿

---

Chloeeeeey

---

你好！我想跟你说谢谢！

我昨天刚从 Level C-806 回来。我听了你的建议，穿了厚底靴，结果没走多远就踩到了一颗巨大的钉子。多亏了你，我才没有瘸着腿回来！

另外，就像你说的，我从一条有蓝色心形涂鸦的通道上来，结果就到了我常去的那家咖啡厅，我还和一位男士相谈甚欢。

要不是因为你，这些事情都不会发生，真是太神奇了！

Re：还愿

---

Roseta

---

看到你写的这些话，我很高兴。如果你有需要，欢迎再来找我。

---

呃

---

StaRise_

---

什么咖啡馆偶遇的故事也太假太俗套了吧，真的有人信吗……

Re：呃

---

Roseta

---

我不太明白你的意思…… 你认为我是在骗人吗？

Re：Re：呃

---

StaRise_

---

对啊，而且你要是真的料事如神，难道不应该猜到我想说什么吗？

你不如说说看我现在在哪里，说对了我就信你。

Re：Re：Re：呃

---

Roseta

---

抱歉，我只给真诚发问的人占卜。

Re：Re：Re：Re：呃

---

StaRise_

---

……

---

确实让人怀疑

---

LUCKGIRL

---

抱歉，但你给我的回答确实有些太笼统了，不说好事也不说坏事的，确实让人觉得是唬人的。

Re：确实让人怀疑

---

StaRise_

---

是吧，其他的那几个多半是小号或者群演。

在互联网上，甚至没人知道你是一条狗。更何况这个论坛是出了名的乐子人聚集地。

但是……

---

LUCKGIRL

---

题主为什么要这样做呢，难道是无聊吗，在互联网上装神弄鬼对她有什么好处……

声明

---

Roseta

---

我完全无意欺骗任何人。

Re：但是……

---

StaRise_

---

说不定是鬼扮人，某群实体派过来调戏人类的~

该讨论串已被 [锁定]，你不能回复

---

‡ 授权 / 引用

请按如下方式引用此页：

“摩登女巫”，作者 Eltrac，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/the-modern-witch。遵循 CC BY-SA 3.0 协议。

---

图像名： The drama of Saint Helena (1910) (14778205105).jpg
图像作者： Internet Archive Book Images
授权协议： Public Domain
来源链接： https://commons.wikimedia.org/wiki/File:The_drama_of_Saint_Helena_(1910)_(14778205105).jpg

图像名： Hungarian family photo album, photo 90.jpg
图像作者： Unknown author
授权协议： Public Domain
来源链接： https://commons.wikimedia.org/wiki/File:Hungarian_family_photo_album,_photo_90.jpg

图像名： Flower Of Complex Design Shape
图像作者： SVG Repo
授权协议： CC0 License
来源链接： https://www.svgrepo.com/svg/15839/flower-of-complex-design-shape

其他图像均由 Stable Diffusion AI 生成

更多授权相关信息，请查阅授权指导。