北极星中心页

:root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
 
        --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
         #login-status::before {
            --mask-image: none;
            background-color: transparent;
        }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
         #search-top-box:focus-within ~ #login-status {
            opacity: 1;
        }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }

+ Show component code

- Hide component code

@supports(display: grid) {
    :root {
        --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            background: unset;
            opacity: 1;
            pointer-events: all;
            z-index: -1;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
            content: "";
            box-sizing: border-box;
            position: fixed;
            display: block;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            padding: 0;
            margin: 0;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            transition:
                opacity var(--sidebar-transition-timing);
        }
 
        #side-bar .close-menu::before {
            --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
            z-index: -1;
            background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
            -webkit-mask: var(--mask);
            mask: var(--mask);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            -webkit-mask-size: 60%;
            mask-size: 60%;
        }
 
        #side-bar .close-menu::after {
            z-index: -2;
            background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
            border-radius: var(--toggle-roundness, 50%);
            border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
        }
 
        #side-bar:focus-within .close-menu,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
            pointer-events: none;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            transition:
                left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            transition:
                opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
            padding: inherit;
        } }
 
        #content-wrap {
            display: flex;
            flex-direction: row;
            width: calc(100vw - (100vw - 100%));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            max-width: var(--body-width-on-desktop, 45.75rem);
            margin: 0 auto;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        @supports (-webkit-hyphens:none) { 
            #side-bar {
                transition:
                    left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                padding-right: 0;
                background-color: rgb(0, 0, 0, 0);
                pointer-events: all;
                overflow-x: visible;
                overflow-y: visible;
                z-index: 999;
            }
 
            #side-bar::-webkit-scrollbar {
                opacity: 0;
                -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            }
 
            #side-bar .close-menu::before {
                z-index: 999;
            }
 
            #side-bar .close-menu::after {
                z-index: 998;
            }
 
            #side-bar:hover .close-menu::before,
            #side-bar:hover .close-menu::after {
                opacity: 0;
            }
 
            #side-bar:hover {
                left: 0;
                background-color: rgba(var(--swatch-menubg-color), 1);
                padding-right: 0;
            }
 
            #side-bar:hover::-webkit-scrollbar {
                opacity: 1;
            }
 
            #side-bar:hover~#main-content::before {
                width: calc(100% - var(--sidebar-width-on-desktop));
                opacity: 1;
                pointer-events: all;
            }
        }
    }
}

故事系列 » 北极星

但是异常的人也是人，而异常本身也不是一种危害，仅仅是一种存在。

……

你们才是你们所惧怕的怪物。呐，走出你们的恐惧，加入阳光之下的我们吧。

如果你们不这么做……若你们继续监禁、杀害无辜，若你们继续让世界陷入黑暗……然后你们就会见证你们之前那些在历史中出现的奴隶主和杀人犯的命运。

我们将赋予你们关押之存在自由。我们将拯救你们试图杀害之存在生命。

-摘自“蛇之手须知”

> 引子 <

对人形异常而言，生活即是地狱。

他们从家人和朋友身边被掠走。他们被带到一个陌生的研究机构，在那里他们的能力接受激发与测试。他们被告知来到基金会前的生活已不可再现。他们被扔进一间狭小、黑暗的水泥牢房。他们换上了连体服，名字被编号取代。

他们是囚徒。

O5不关心他们的苦难。伦理道德委员会腐朽不堪。博士和研究员们把他们视作工具或被收容的动物。MTF特工与GenSec警卫被要求抱有偏见、抛却人性。

但基金会内部也并非人人都赞同“冷酷而不残酷”的座右铭。

有些人的同情心和恻隐之心重于生活中的欺骗欲望。有些人的良知和道德胜过服从命令的需要。

他们并不是基金会的大多数，但他们的数量在不断增加。

> 最新篇目 <

-上传于2023年6月7日-
7 Levels of Site-17

Dantensen let out a quick laugh. "Funny. You're the fourth person this week to be concerned with inmate education."

> 目录 <

开头

13小队的第一次任务，也是他们加入MTF的开始。

苏格兰巨人

远方传来一阵阵枪响。希望那是爸爸而不是坏人们的枪。

民兵们

“我们的特遣队，Delta-4，叫做‘民兵’。你们知道为什么吗？“

疯狂的边缘

随即他快速眨了眨眼并动了动眼珠，这样才能告诉她——他还没有死。

> 公告/更新栏 <

>2023年8月23日 *最新 <

V 2023年8月23日 *最新

《北极星》的休止符（听我说……）

大家好！希望你们都度过了愉快的夏天。

我想发帖宣布《北极星》系列将无限期暂停更新。在你们抓狂之前，请听我说完。我不是为惊吓你们而做出这个决定，也并非没有正当理由。

原因一，又到了一年一度的开学季。每年这个时候，教授们都会给我布置成吨的课业，好像我是他们唯一的学生。虽然往年我都能在课业、工作和为《北极星》撰稿之间游刃有余，但这次我想我做不到了。现在，我上的通识课越来越少，而专业课越来越多，以防有人不知道：专业课比普通的新生课要重得多。我只是觉得我没时间写东西了……

……

……好吧，我会挤出时间写的。我保证。问题是我要写什么。

要知道，我想参加更多的wiki竞赛。特别是节日竞赛。我已经计划为2023万圣节竞赛、2023圣诞交换艺术活动和2024丘比特竞赛写点什么了。因为这些活动的截止日期都很短，而且主题都需要我快速构思情节，所以我不可能又参加这些活动，又要写《北极星》，又要完成大学学业，又要工作。有些事情必须舍弃，虽然我很想选工作，但不得不选《北极星》。

现在，学业和参赛并不是唯一的原因。

原因二，我想做一些与《北极星》无关的工作。还记得我在2022年3月发布的第一条消息吗？其中我提到了我如何开始起草一个属于“曝光”的故事。那个故事就是我想写的。

但问题是，这与其说是一个故事……不如说是一本完整的书。说真的，我已经完成了故事的大纲，它至少有11个章节，而且每章也不只是2-4千字的短篇。不，它将是一个完整的、三幕的故事，有情节、人物、支线等等全部。显然，这是一项艰巨的任务，需要很长时间才能完成。

这正是我想现在就开始做的原因。这么大的一个项目不能就这样搁置，否则它将永远无法完成。它必须成为我写作的重中之重，而这个位置原本是由《北极星》占据的。由于这个新故事占据了我所有的精力，《北极星》不得不暂停一段时间。

不过不用担心。我还会时不时地写作和发表一些其他项目。就像我说的，我想参加一些节日竞赛。另外，为了保持我的积极性，不至于因为不发表文章而让你们彻底失望，我绝对会开始写“短篇”。短篇就是听起来那样，只有500-1500字的小故事。我可以在一两天内完成，迅速让我的一些朋友看看，然后发布，而不必真的关心它是否能存活下去（这并不意味着我不会投入任何精力，只是与《北极星》故事不同，我不会像《北极星》故事那样追求完美，这意味着我可以迅速发布它们（哦，对了，这些短篇不会属于《北极星》系列，而是我想涉猎的其他系列））

事实上，我今天已经发布了一个短篇！它叫做Swimming Lessons，属于魔鬼代言人系列。如果你是《北极星》、Iris、或人形异常的粉丝，你会喜欢这篇短文和整个系列的。

说到“角色粉丝”，这就引出了下一个中断的原因……

原因三，我对《北极星》并不满意。

好吧，比起缺乏时间或启动其他项目，这个问题更严重、更深刻一些。

两年半前，当我开始创作《北极星》时，我确实没有任何创作人物或故事的经验。现在看来，这完全正常。SCP Wiki是业余作者磨练技巧的天堂，而且我想说，我绝对这样做了。只要读一读我最初的故事，比如《苏格兰巨人》或《民兵们》，然后再读一读《7 Levels of Site-17》就可以证明。作为一名写作者，我成长了很多，在写作故事和人物方面也学到了很多。

问题是，你越成长，就越会注意到你已经创作的人物和故事中的缺陷。让我告诉你，我目前写的东西存在一些重大问题。

例如《深渊之外》里杀了Tommy。当时我这么做是因为我对角色发展的理解就是……把Iris打得屁滚尿流。虽然创伤和悲剧是建立同情的好方法，但现在我已经知道，把一个角色打得太惨，只会让事情变得滑稽或麻木，而这两种情况我都不想让它出现在我的Iris身上。另外，Tommy的死完全是多余的，因为Anthony不久后也死了。基本上，Tommy的死可能是我能做出的最糟糕的一个决定了（别担心，我已经在想办法重写了; ））。

但比起Tommy的死，有一样东西我更不喜欢：我自己的原创角色……

……

……好吧，不是我所有的原创角色。事实上，我爱他们中的99%。Milo，Rigby，Albany，Brian，Jaxon，写他们的事情让我快乐。

不，这里的问题孩子是Black。考虑到他是故事的主角，这也是一个相当大的问题。

问题是，Black在很大程度上是一个围绕环境和其他人物塑造的角色。别装作没注意到这一点。我让他对Iris友好，我让他听Milo的故事（一开始），我让他质疑Albany对非人化skip的执着。这一切都很好，但问题是这就是他的全部。

我创造了他，是因为我需要一个催化剂来制造故事中的冲突。我需要有人来反击基金会非人化的政策，需要有人来接触异常，需要有人来号召人们支持或反对某项事业。我需要一个人让其他角色围绕着他转。

我太关注Black身边的人物了，以至于我从来没有赋予他多少性格。比如，停下来想一想，Black的性格是什么？他喜欢历史，他……嗯……善良？他……做正确的事？

他的性格实在没什么特点。我把他塑造成了一个普通的主角，因为这样他就能很容易地融入我所需要的任何情境中。虽然两年前没有经验的新人写手认为这很聪明，但今天经验丰富的创作者意识到这让Black变得多么糟糕。

“但是Dapper！”有人会说，“你是作者，创作者，只要给Black性格就好了。给他一个背景故事，就像你对Milo和Albany做的那样。"

嗯，这主意不错。但有一个问题。

我已经努力了好几个月。

在发布《7 Levels of Site-17》之后的这段时间里，我花了无数个小时进行头脑风暴，构思并撰写了一个故事，试图赋予布莱克这种性格。但问题来了。与Milo、Albany以及我深入研究过的其他角色不同……我不喜欢写Black。我们中的任何一位作者都可以证实，当你不喜欢写一个角色时，你也就不会喜欢这段写作了。

我想这就是为什么我想从《北极星》离开休息一下。 7 Levels已经是个相当长篇幅的故事，长达八千词，是我写过最长的（单篇）文章。写完这篇文章后，我已经感到有些疲惫，而强迫自己写一个我轻视的角色只会让情况更糟。

现在，尽管我讨厌主角，但这并不意味着《北极星》就此被取消了。这个系列是我的宝贝，是我成为作家的全部原因。我不会让它就这样夭折。我会想办法让Black变好的，相信我。

我只是需要一些时间。离开《北极星》的时间。我需要一些时间来写点别的东西。需要时间来获得灵感，加强我的技能，参与社区活动，为《魔鬼代言人》（比《北极星》好得多的作品，你现在就应该去看看）贡献一些短篇，而不是一直强迫自己去写一些我已经感到厌倦的东西。

北极星会回来的，我向你们保证。但现在……虽然我不想这么说，因为我总是拿这个开玩笑…… 《北极星》的故事将要中断，暂时，但会很久。

又及：您仍然可以自由撰写发生在《北极星》的故事。如果你有一个关于故事、SCP 或文章的点子，你想让它成为系列正篇（并加入中心页），请通过Wikidot或Discord私信告诉我。可以在我的作者页找到我的联系方式。

> 2022年11月18日 <

> 2022年3月24日 <