Level Cloud 582.!

+ 展开样式代码

:root {
    --nusd-speed: 1;
}
 
/*岛*/
.ic_wrap-box {
}
/*上*/
.ic_wrap-box .ic_top-left-box {
    animation: right0  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_top-left-box .ic_text {
    animation: right0  calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_h-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_r-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--nusd-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_s-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
    opacity: 0;
}
 
/*sd*/
.ic_wrap-box .ic_sd-box {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1,.ic_wrap-box .ic_infobox-2 {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-env calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
/*字*/
.ic_wrap-box .ic_sd-box .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_sd-box .ic_sd {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-1 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
/*info*/
.ic_wrap-box .ic_add-h {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-h  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-r  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-s  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
/*字*/
.ic_wrap-box .ic_add-h .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-h .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
.ic_addbox .ic_text,.ic_addbox .ic_info{
        opacity: 0;
}
/*bubor*/
 
.ic_top-box {
    animation: ic-border  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box {
    border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace);
    animation: ic-border  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
@keyframes ic-right {
    0% {
        transform: translateX(-1rem);
        transform: rotate(30deg);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem);
        transform: rotate(30deg);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        transform: rotate(0deg);
        opacity: 1;
    }
}
 
@keyframes ic-border {
    0% {
        border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace);
    }
 
    100% {
        border-bottom: rgba(var(--ic_border-color), 1) solid var(--ic_interspace);
    }
}
 
@keyframes ic-add-h {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-habitability-bg-color), 1);
    }
}
 
@keyframes ic-add-r {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-resource-bg-color), 1);
    }
}
 
@keyframes ic-add-s {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-signal-bg-color), 1);
    }
}
 
/*nusd*/
 
/*左*/
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(2s / var(--nusd-speed));
    animation-fill-mode: forwards;
}
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber strong {
    opacity: 0;
    animation: right0 calc(1.2s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber .lines {
    opacity: 0;
    animation: fadeIn-nu-sd calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*右*/
 
.sd-container .exit {
    animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment {
    animation: fadeIn-nu-env calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity {
    animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax .sd{
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax p strong {
    animation: rightin calc(1.05s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.class.customclass strong::after{
    animation: no-opacity calc(1.05s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*字*/
/*ex*/
.sd-container .exit strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .exit p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*ev*/
.sd-container .environment strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*en*/
.sd-container .entity strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*动画*/
 
@keyframes clip0 {
    0% {
        clip-path: inset(0 0 100% 0);
    }
 
    100% {
        clip-path: inset(0 0 0 0);
    }
}
 
@media only screen and (min-width: 1071px) {
 
    .sd-container .border {
        animation: border-spin-pc calc(1s / var(--nusd-speed) );
        transform-origin: right;
    }
 
@keyframes border-spin-pc {
        0%{
    clip-path: polygon(0% 0%,0% 0.4rem,0% 0.4rem,0% 0%);
        transform: scaleX(5000%);
    }
 
    30% {
        clip-path: polygon(0% 0%,0% 0.4rem,100% 0.4rem,100% 0%);
        transform: scaleX(5000%);
        opacity: 1;
    }
 
    60% {
        clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%);
        transform: scaleX(5000%);
        opacity: 1;
    }
 
    100% {
        transform: scaleX(100%);
        opacity: 1;
    }
}
 
.sdnumber p {
    animation-delay: calc((2s / var(--nusd-speed))*0.6);
}
 
.sdnumber p {
    animation-delay: calc((1s / var(--nusd-speed))*0.6);
}
 
.sdnumber strong {
    animation-delay: calc((1.2s / var(--nusd-speed))*0.6);
}
 
.sdnumber .lines {
    animation-delay: calc((1s / var(--nusd-speed))*0.6);
}
 
}
 
@media only screen and (min-width: 620px) and (max-width: 1070px) {
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
}
 
@media only screen and (max-width: 620px) {
 
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .exit {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: 0;
        animation-fill-mode: forwards;
    }
 
    .sd-container .environment {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(0.5s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .entity {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
}
 
@keyframes border-spin-mo {
    0% {
        clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%);
    }
 
    70% {
        clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%);
        opacity: 1;
    }
 
    100% {
        clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%);
        opacity: 1;
    }
}
 
@keyframes rightin {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
 
@keyframes rightin2 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    80% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes upin0 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes right0 {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
 
@keyframes fadeIn-nu-sd {
    0% {
        clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
        transform: rotateY(180deg);
    }
 
    100% {
        clip-path: polygon(0% 0%,200% 0%, 100% 100%,0% 100%);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
 
@keyframes upin1 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    50% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes upin2 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    50% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    75% {
        transform: translateY(0);
        opacity: 1;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes fadeIn-nu-exit {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes fadeIn-nu-env {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes fadeIn-nu-enti {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes no-opacity {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

LEVEL
Cloud-582.!

生存等级生存等級
4 级級

逃离逃離：4/5
极难逃离極難逃離

环境環境：3/5
高环境风险高環境風險

实体實體：5/5
敌意侵袭敵意侵襲

Level Cloud 582.!是Level Cloud 582的一个子层级。

描述

Level Cloud 582.!表现为一个类似于Level 1的仓库，但两边均有写着“EXIT”的红色逃生标志¹大约15秒后，不管流浪者在哪，他的后方约20米处出现大量实体²但与Level 1不同的是，这里你只有一条路走，那就是前方，在大约5公里后，实体就会消失，前方出现一道白光，切入白光，就可以逃离这个层级，但，你永远不知道，你将进入的是一片黄色，还是永世折磨之地…

由未知流浪者拍摄的Level Cloud 582.!，图片经过处理

异常状况

1.层级延长
概率:20%
描述:该层级的长度从原有的5公里延长至10公里，但实体速度为原来速度的0.95倍。

2.出口层级变更
概率:0.1%
描述:该层级肉眼看来不会发生任何改变，但出口会通往另一个后室

若发现其他的异常状况,欢迎在这里补充！

实体

死亡飞蛾，窃皮者，无面灵，笑魇，据部分报告称，还有派对客等实体，但真实性未知。³

基地、前哨站和社区

由于该层级的性质，无法建立任何基地、前哨站和社区

入口和出口

入口:

• 在Level Cloud 582乘坐升降梯时，有0.01%的概率发现一个名为“！”的按钮，在“1”按钮旁边，按下它，就可以来到该层级。

出口：

• 跑完5公里，切入白光，你有50%的概率来到一片黄色，也有50%的概率来到永世折磨之地。

---

---

作者+图片授权

作者是 dwajafbhe
搞个level！全家桶=）
绝对不是后室小鬼！！！
图片引用：

文件名：levelcloud582.%21.png
图像名：003
图像作者：SunCon Photos
来源链接：https://www.flickr.com/photos/suncon/14070865988/in/photostream/
备注：经过处理

---

«Level Cloud-581 | Level Cloud 582 | Level Cloud-583»
Level Cloud 582.!

Footnotes

1. 该层级存在特殊效应，该层级在内部有流浪者时不会有其他流浪者切入

2. 具体实体详见下文

3. 由于该层特殊性质，实体的速度均为原来速度的1.25倍。