奇妙夜前夕

---

+ Show component code

: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

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

注意：本文为“奇妙夜之下”系列故事的临时中心页，随时可能重写。

随着“砰”的一声巨响，Historia不知第几次看着排练厅古香古色的大门脱离门框倒飞了出去，重重的砸在了对面的墙上，发出一声闷响。专门为了应对这种情况，大家排练时往往都很默契的没有坐在大门正前方，以免被厚重的门板压住。

把注意力从大门上移开，Historia转头看向了门口。现在又不是魔法乐团的排练时间，除了她和陈九歌，就只有一个人会到这里来——果然如此。

只见一架天蓝色的三角钢琴转着圈滑进了已经没有门了的门口，一个半透明的女孩坐在琴盖上，手里举着一张同样半透明的纸，正大喊道：“Hey guys！出大事了！你们瞧瞧我发现了啥——”

“停！”还没等Historia开口，一个清澈的女声突然在她身边响起，紧接其后的是一句简短的咒文。正打着旋儿向她撞来的蓝色钢琴应声停了下来，琴盖上的女孩在惯性的作用下脱离钢琴，一头栽在地上，炸成了一片星光。

“嘶……”Historia身旁的陈九歌露出了抱歉的微笑，一边熄灭了手上刚刚开始浮现的法阵。“好像出手有点重了……抱歉啦，Minai。”

“哈哈，我没事啦。”星光慢慢聚拢，重新在钢琴上汇聚成了女孩的模样。

Historia抬手擦了下额头上的冷汗，说到：“我这都是第几次提醒你了，进门时要敲门而不是把门撞飞，你自己受伤倒还好说，要是砸坏了乐器咋办？而且你刚刚真是吓死我了……”

“可是不把门撞掉我也进不来啊，反正飞堡会自己修复的啦～”Minai透明的脸上露出了欠揍的表情，拍了拍身下的钢琴。“去哪都要跟钢琴呆在一起，真的很不方便诶……”

“唉，先不说这个了，你有啥事这么急？”陈九歌一边操控奇术把大门从墙上抠下来一边问道。

“哦对，你瞧我这记性，出大事啦！”Minai激动地从钢琴上翻身跳下，但随即又炸成了一片蓝色的光点。

“……”陈九歌对Historia使了个眼色，Historia无奈地走到了天蓝色的钢琴前，一只手抚上琴键，清脆的钢琴声随即在排练厅中响起。一阵朦胧的金色光晕在Historia身上浮现，其中一部分经由弹着钢琴的手灌注到了琴键之中。霎时，空中的蓝色光点仿佛受到了指令一般，在钢琴不远处迅速凝聚成了Minai的模样，不过看起来比之前长高了不少，还带上了一层金色。

“呼～谢了，终于能从那个该死的乐器上下来活动活动了。”Minai大大地伸了个懒腰，发出了一声舒服的呻吟。

陈九歌嘴角不自然地抽动着，一字一顿地说道：“赶紧，告诉，我们，出了，什么，大事。”

“诶诶诶你别生气嘛……其实就是这个啦。”Minai弯腰捡起了之前掉在地上的纸，Historia这才看清那似乎是张宣传单。“你瞧！”

“喂，拿近点，我还要弹钢琴来维持你的活动。”钢琴前的Historia不满地说道。

于是，两人一音灵围在钢琴前，仔细地读起了宣传单上的文字：

Are We Cool Yet?

X

赫曼·富勒的不安马戏团

X

反大麻玩家


三方联合大型演出

---

珍奇艺术秀！

---

三大异术界顶尖组织联手
只为给您带来最*疯狂*的异术享受！

快快拨打电话████-████了解详细信息，
加入这场迷幻的狂欢！

What are you waiting for? LETS GO!

“呃……所以，这三个最爱搞事的家伙终于凑到一起去了？”Historia说道，“好极了，我们现在就可以开始为世界末日做准备了。”

“什么？不不不不不我不是要让你们注意这个！”Minai把宣传单从正在认真研究的陈九歌手里抢了回来，气鼓鼓地说道。

“那么，你是在暗示你也想加入进去，成为那些奇形怪状的艺术品的一部分？”

“你怎么知道我想……不对不对，重点也不是这个！”

Minai突然开始压低声音，神秘地说道：“最最重要的是……准备好接受我爆炸性的创意了吗？”

“您可赶紧的吧，我马上就要失去兴趣然后把你轰出去了。”陈九歌不耐烦地说。

“哈哈，我想说的是——咱们也可以叫上几个同行组织，然后搞一次像这样的联合演出！怎么样，是不是个绝妙的点子？”

“……”Historia和陈九歌对视了一眼，不知不觉间停下了正在弹钢琴的手。没有了灵魂力量的支持，Minai的透明身躯迅速崩解，随即又在钢琴上重聚了身形。

“呃……就这？”

“是的，就这！”Minai自豪地说道，“名字都想好了，就叫“奇妙夜之下”！怎么样，是不是听上去就很厉害？”

“Minai，你先停一下。”陈九歌打断道，“先不说会不会真的有组织愿意来参加演出，恐怕光是这个俗气的名字就够打发走成群的观众了吧？而且你跟Alice讨论过这事没有，她会允许没有任何计划就这样搞事情吗？”

“那你可就错❤️了❤️哟～”Minai虚晃的脸上露出了得意的笑容，“这事可是经过了Alice同意的，而且名字也是她起的呢！”

“……而且，名字也是我起的呢。”

火光摇曳的壁炉前，一金一白两个身影分别端着精致的瓷杯，在一张小茶几两端对坐着。金发的少女正用一把银色小勺搅拌着清澈的红茶，面带微笑。

“唉，我不是在说名字的问题。”茶几另一端的Toriesta说道，一边从手上分离出几块冰块加进红茶里。“你真就这么放心地去找那些不知是好是坏的组织，也不担心暴露我们的行踪？前段时间GOC刚发布了对魔法乐团的调查令，从基金会到街边的小异常团伙都在盯着我们的踪迹，就算有飞堡的掩护，你也说不准会不会出什么意外吧。”

Alice将茶杯凑到嘴边，小小的抿了一口。“我确实无法保证，但这是无法避免的。飞堡为我们提供了一切，来让我们安心创作，但这不是我们闭门不出的理由。我们中的很多人已经在这小小的岛屿上蜗居了太久，是时候走出这里，与世界接触了。Minai是个既有创造力又有行动力的孩子，把这件事交给她去办再好不过。当然，如果你不放心的话，你也可以……”

这时，一阵音乐声打断了Alice，是德彪西的《月光》。Alice面带歉意地放下茶杯，说道：“抱歉，我接个电话。”

“Alice，你真的同意了她那疯狂的计划？！”Historia对着手机喊道，“你真该看看她都打算去找什么人，你怎么能就这样同意了？”

“是的，我认为多与外人接触有助于你们的成长，要知道上一个闭关锁国的都已经灭国一百多年了。这次联演的所有事项我全权交给了Minai去办，并由她给你们分配任务。好好配合她工作吧，祝你们顺利。”

“什么？！你等等，我——该死，又是一声不吭就挂电话。”

Historia放下手机，转头看向了笑容荡漾的Minai和一脸生无可恋的陈九歌。“好吧，看来我俩是不得不陪你疯一把了。”

“准确来说，并不止你们俩。”Minai的笑容越发灿烂，“其实你们是我找的最后两个人，我之前已经把所有长期宅在飞堡的家伙都找了一遍，他们都爽快地同意了哟～”

“你怎么能——”

“而且我给他们都分了组，分别去找那些可能有参演意愿的组织，每组负责一个。你看，我还列了个单子呢！”

“……”

Historia与陈九歌相视无言。

“好啦，咱们就是最后一组，其他组已经在路上了，咱们也赶紧出发吧！奇妙夜大作战，START！”

“你要去哪？”

Alice看着一只脚踏在窗框上、正准备翻出去的Toriesta问道。

“我？哼，你不关心他们的安危，不代表我也一样。我要亲自去确保他们的安全。”

一边说着，Toriesta提了提手里的号箱。它通体湛蓝，散发着一缕缕的寒意，Alice知道里面装的是什么，也知道Toriesta准备动真格的了。

“唔，那么辛苦你了。”

Toriesta没有回答，自顾自地翻出了窗户，沿路飘下几粒雪花。

Alice坐回茶几前，端起已经凉了的红茶又喝了一口。在她身后，法阵一层一层地浮现，互相穿插、嵌套，最终形成了一个复杂的传送阵。这个法阵已经循环运转了近五十年，它的功能只有一个：当一名乐团成员的生命受到威胁时，将Alice Schach爱丽丝·夏赫传送到他身边。

Are We Cool Yet？

陈九歌与Minai

一位年轻的奇术师带着一架钢琴，前来寻找深圳最邪恶的DJ。

奇妙夜-音轨01 >>>

第五教会

华瑞与徐关海

震惊，分别来自左右相位的一对演奏家在香城街头与GOC大打出手！
等一下，这个预告好像写错了，他俩不是都是左相位的人么？
闭嘴啦，怎么就你话多？去死去死去死～

Coming Soon!

圣克里斯汀娜书院

Historia Grend与理想

这里是音击术的圣殿，到底是谁把这个熊孩子带进来的？！

Coming Soon!

蛇之手

Alice Schach

魔法乐团的团长与一位旧友，以及他们的宿敌，相逢在这小小的咖啡厅。

奇妙夜-音轨04 > > >

黑皇后

第十一期月兰00035号与Emer

“我们……能赢得过命运吗？”

奇妙夜-音轨05 > > >

LETTERS娱乐

智能鼓手VIII型与MixinG.aic

人工智能对战最厉害的音游玩家，不要停下来啊！！

Coming Soon!

全球超自然联盟

K.K.与飞堡

他们永远别想出现在音乐会的观众席上。

Coming Soon!

---

以及一些故事之外的故事：

• 镜中爱丽丝

- 金色……金色是音乐的颜色。

• SCP-CN-1152 - 花里胡哨特效钢琴

- 不会弹就别瞎TM敲琴键！

• 献给无知

- 有的时候，无知真的是很珍贵的东西啊。

---

+ 作者的话

呐，这是我的一次新尝试，在“奇妙夜之下”系列故事中，我会把魔法乐团邀请各个组织参加“奇妙夜之下”联合演出的故事分成数个独立的小故事来写。我会逐渐写完七个音轨的故事，并更新到本页面。每个音轨都既可以当作系列的一部分来读，也可以当成一个个独立故事来读，各自的评分也是独立的。

希望你喜欢我的Magical Music！

——ZZZZZac