Creeper

“Creeper？ Oh~! man!!!”

+ 展开样式代码

:root {
    --ani-speed: 1;
}
 
/*====所有的动画===*/
 
/*基础*/
 
@keyframes rightin0{
    0%{
    transform:translateX(-1rem);
    opacity:0;
    }
    100%{
    transform:translateX(0);
    opacity:1;
    }
}
 
@keyframes upin0{
    0%{
    transform:translateY(1rem);
    opacity:0;
    }
    100%{
    transform:translateY(0);
    opacity:1;
    }
}
 
@keyframes staggerUp {
    0% { transform: translateY(1.2rem); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
 
@keyframes opacity-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
@keyframes letter-spacing-opacity {
    0% {
        letter-spacing: 10px;
        opacity: 0;
    }
    100% {
        letter-spacing: 0;
        opacity: 1;
    }
}
 
@keyframes fadeInScale {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
 
@keyframes blur5 {
    0% {
        filter: blur(5px);
    }
    100% {
        filter: blur(0px);
    }
}
 
@keyframes fadeIn-sd {
  0% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);}
  100% {clip-path: polygon(0% 0%,110% 0%, 100% 100%,0% 100%);}
  }
 
@keyframes rightin{
    0%{
    transform:translateX(-1rem);
    opacity:0;
    }
    80%{
    transform:translateX(-1rem);
    opacity:0;
    }
    100%{
    transform:translateX(0);
    opacity:1;
    }
}
 
@keyframes rras-space{
    from { transform:rotateX(90deg); }
    to{ transform:rotateX(0deg); }
}
 
@keyframes leftin{
    0%{
    transform:translateX(1rem);
    opacity:0;
    }
    80%{
    transform:translateX(1rem);
    opacity:0;
    }
    100%{
    transform:translateX(0);
    opacity:1;
    }
}
 
@keyframes leftin0{
    0%{
    transform:translateX(1rem);
    opacity:0;
    }
    100%{
    transform:translateX(0);
    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 sd-diamond-pattern {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.15;
  }
}
 
/*
        这什么逆天写法
        transform: translateX(-1rem);
        transform: rotate(30deg);
*/
 
@keyframes ic-right {
    0% {
        transform: translateX(-1rem) rotate(30deg);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem) rotate(30deg);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0) 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);
    }
}
 
@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;
    }
}
 
@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;
    }
}
 
@keyframes cecs-stripe {
    to {
        opacity: 1;
        transform: skew(45deg);
    }
}
 
@keyframes cecs-class-wrapper {
    to {
        background-color: rgb(var(--cecs-dark));
    }
}
 
@keyframes cecs-class-clip {
    0% {
        clip-path: polygon(0% 0%,0.5em 0%, 0.5em 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.5em 0%, 0.5em 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%, 100% 100%,0% 100%);
    }
}
 
@keyframes cecs-border-top {
    0% {
        border-top: rgb(var(--cecs-accent)) solid 0em;
    }
 
    100% {
        border-top: rgb(var(--cecs-accent)) solid 0.2em;
    }
}
 
@keyframes fadeIn-cecs-wrapper {
    0% {
        clip-path: polygon(0% 0%,100% 0%, 100% -10%,0% 0%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%, 100% 100%,0% 100%);
    }
}
 
@keyframes cocs-safety {
    to {
        height: 4.5em;
    }
}
 
@keyframes cocs-border-top {
    0% {
        border-top: rgb(var(--cocs-accent)) solid 0em;
    }
 
    100% {
        border-top: rgb(var(--cocs-accent)) solid 0.2em;
    }
}
 
@keyframes cocs-border-bottom {
    0% {
        border-bottom: rgba(var(--cocs-accent),0) solid 0em;
    }
 
    100% {
        border-bottom: rgba(var(--cocs-accent),1) solid 0.2em;
    }
}
 
@keyframes fadeIn-cecs-wrapper {
    0% {
        clip-path: polygon(0% 0%,100% 0%, 100% -10%,0% 0%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%, 100% 100%,0% 100%);
    }
}
 
@keyframes paper-in{
from{transform: skew(10deg, 10deg) scale(0.8);opacity: 0;}
to{    transform: skew(0deg, 0deg) scale(1);opacity: 1;}
}
 
@keyframes paper-in-object{
from{transform: skew(0);opacity: 0;}
to{    transform: skew(45deg);opacity: 1;}
}
 
@keyframes ebcs-iets{
0%{
box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0, 0, 0, 0));
background-color: rgb(var(--blockquote-bg-color, 0, 10, 8, 0));
opacity: 0;
}
1%{
opacity: 1;
}
100%{
box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0, 0, 0, 0.4));
background-color: rgb(var(--blockquote-bg-color, 0, 10, 8, 0.03));
opacity: 1;
}
}
 
@keyframes dark-bd{
     to{
         border-bottom: solid 0.1em rgba(255,255,255,1);
     }
}
 
@keyframes standard-bd{
     to{
         border-bottom: solid 0.1em rgba(51,51,51,1);
     }
}
 
/*======最基本的SD=====*/
/*简写了下，另外我在思考为啥看起来一样的代码又出错了*/
 
/*
{$sd}/
 
.sd-container{animation-fill-mode: forwards;}
 
.sd-container .top-box,
.top-box-x,.top-box-e{
  animation: fadeIn-sd calc(2s / var(--ani-speed) );
}
 
.sd-container .top-text,
.top-text-x,.top-text-e{
  animation: rightin calc(2.25s / var(--ani-speed) );
}
 
.sd-container .bottom-text,
.bottom-text-x,.bottom-text-e{
  animation: rightin calc(2.5s / var(--ani-speed) );
}
 
.sd-container .diamondy,
.diamondy-x,.diamondy-e{
  animation: upin1 calc(3s / var(--ani-speed) );
}
.sd-container .diamond-image,
.diamond-image-x,.diamond-image-e
{
  animation: upin2 calc(4s / var(--ani-speed) );
}
 
.sd-container .bottom-box ul li {
    opacity: 0;
    animation: staggerUp calc(0.6s / var(--ani-speed)) ease-out forwards;
}
 
.sd-container .bottom-box ul li:nth-child(1) {
    animation-delay: calc(2.2s / var(--ani-speed));
}
 
.sd-container .bottom-box ul li:nth-child(2) {
    animation-delay: calc(2.4s / var(--ani-speed));
}
 
.sd-container .bottom-box ul li:nth-child(3) {
    animation-delay: calc(2.6s / var(--ani-speed));
}
 
.sd-container .diamond-pattern {
  animation: sd-diamond-pattern calc(0.5s / var(--ani-speed)) forwards;
  animation-delay: calc(2.5s / var(--ani-speed));
}
 
.sd-container .header-diamond .bg{
  opacity: 0;
  animation: opacity-1 calc(0.5s / var(--ani-speed)) forwards;
  animation-delay: calc(2.5s / var(--ani-speed));
}
 
/{$sd}
*/
 
/*RRAS，我寻思是*/
 
/*
{$rras}/
 
.rras--level span{
    opacity: 0;
    opacity: 0;
animation: letter-spacing-opacity calc(1s / var(--ani-speed) ) forwards , rightin0 calc(1s / var(--ani-speed) ) forwards , blur5 calc(1s / var(--ani-speed) ) forwards ;
}
 
.rras--bg {
clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
  animation: fadeIn-sd calc(1s / var(--ani-speed) ) forwards;
}
 
.rras--text{
opacity: 0;
animation: fadeInScale calc(0.7s / var(--ani-speed) ) calc(1.7s / var(--ani-speed) ) forwards;
}
 
.rras--space{
transform:rotateX(90deg);
  animation: rras-space calc(0.7s / var(--ani-speed) ) calc(1s / var(--ani-speed) ) forwards;
}
 
.rras .rras--info{
opacity: 0;
animation: fadeInScale calc(0.7s / var(--ani-speed) ) calc(1s / var(--ani-speed) ) forwards , blur5 calc(0.7s / var(--ani-speed) ) calc(1s / var(--ani-speed) ) forwards;
}
 
/{$rras}
*/
 
/*FDSD*/
 
/*
{$fdsd}/
 
.title-bar{
  animation: fadeIn-sd calc(1s / var(--ani-speed) );
}
 
.sd-image{
  animation: upin1 calc(2s / var(--ani-speed) );
}
 
.list-item{
opacity:0;
}
 
.list-item:nth-child(1) {
  animation: rightin0 calc(0.5s / var(--ani-speed) ) calc(1.5s / var(--ani-speed)) forwards;
}
 
.list-item:nth-child(2)  {
  animation: rightin0 calc(0.5s / var(--ani-speed) ) calc(1.7s / var(--ani-speed)) forwards;
}
 
.list-item:nth-child(3)  {
  animation: rightin0 calc(0.5s / var(--ani-speed) ) calc(1.9s / var(--ani-speed)) forwards;
}
 
/{$fdsd}
*/
 
/*====================岛屿分级系统================*/
/*
{$ic}/
 
.ic_wrap-box .ic_top-left-box {
    animation: right0  calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_top-left-box .ic_text {
    animation: right0  calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_h-icon {
    animation: ic-right  calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--ani-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_r-icon {
    animation: ic-right  calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--ani-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_s-icon {
    animation: ic-right  calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--ani-speed));
    opacity: 0;
}
 
.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(--ani-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(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--ani-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(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
.ic_wrap-box .ic_sd-box .ic_text {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_sd-box .ic_sd {
    animation: rightin2 calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1 .ic_text {
    animation: rightin calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--ani-speed));
}
 
.ic_wrap-box .ic_infobox-1 .ic_info {
    animation: rightin calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--ani-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_text {
    animation: rightin calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_info {
    animation: rightin calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_text {
    animation: rightin calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--ani-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_info {
    animation: rightin calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-h {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-h  calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--ani-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(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--ani-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(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-h .ic_text {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-h .ic_info {
    animation: rightin calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-r .ic_text {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-r .ic_info {
    animation: rightin calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-s .ic_text {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--ani-speed));
}
 
.ic_wrap-box .ic_add-s .ic_info {
    animation: rightin calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--ani-speed));
}
 
.ic_addbox .ic_text,.ic_addbox .ic_info{
        opacity: 0;
}
 
.ic_top-box {
    animation: ic-border  calc(1s / var(--ani-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(--ani-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--ani-speed));
}
 
/{$ic}
*/
 
/*====================新版层级================*/
 
/*
{$nusd}/
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(2s / var(--ani-speed));
    animation-fill-mode: forwards;
}
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber strong {
    opacity: 0;
    animation: right0 calc(1.2s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber .lines {
    opacity: 0;
    animation: fadeIn-nu-sd calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .exit {
    animation: fadeIn-nu-exit calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment {
    animation: fadeIn-nu-env calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity {
    animation: fadeIn-nu-enti calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax .sd{
    animation: rightin calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax p strong {
    animation: rightin calc(1.05s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.class.customclass strong::after{
    animation: no-opacity calc(1.05s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .exit strong {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .exit p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment strong {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity strong {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
@media only screen and (min-width: 1071px) {
 
    .sd-container .border {
        animation: border-spin-pc calc(1s / var(--ani-speed) );
        transform-origin: right;
    }
 
.sdnumber p {
    animation-delay: calc((2s / var(--ani-speed))*0.6);
}
 
.sdnumber p {
    animation-delay: calc((1s / var(--ani-speed))*0.6);
}
 
.sdnumber strong {
    animation-delay: calc((1.2s / var(--ani-speed))*0.6);
}
 
.sdnumber .lines {
    animation-delay: calc((1s / var(--ani-speed))*0.6);
}
 
}
 
@media only screen and (min-width: 620px) and (max-width: 1070px) {
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--ani-speed) );
        animation-fill-mode: forwards;
    }
}
 
@media only screen and (max-width: 620px) {
 
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--ani-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(--ani-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(--ani-speed) );
        animation-fill-mode: forwards;
    }
}
 
/{$nusd}
*/
 
/*===================标签式分级系统================*/
/* 难做的钥匙啊 */
 
/*
{$bqsd}/
 
.block-right{
     opacity: 0;
     transform: translateX(1rem);
     animation: leftin calc(1s / var(--ani-speed)) forwards;
}
 
.block-right .diamond-image{
     clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
     animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards;
     animation-delay: calc(1s / var(--ani-speed));
}
 
.class-inner a{
     animation: letter-spacing-opacity calc(1s / var(--ani-speed)) forwards,blur5 calc(1s / var(--ani-speed)) forwards;
     filter: blur(5px);
     letter-spacing: 10px;
     opacity: 0;
}
 
.level-wrapper:nth-of-type(3){
    opacity: 0;
    animation: rightin calc(0.5s / var(--ani-speed)) ease-out forwards;
    animation-delay: calc(1s / var(--ani-speed));
}
 
.level-wrapper:nth-of-type(4){
    opacity: 0;
    animation: rightin calc(0.5s / var(--ani-speed)) ease-out forwards;
    animation-delay: calc(1.25s / var(--ani-speed))!important;
}
 
.level-wrapper:nth-of-type(5){
    opacity: 0;
    animation: rightin calc(0.5s / var(--ani-speed)) ease-out forwards;
    animation-delay: calc(1.5s / var(--ani-speed))!important;
}
 
.properties{
        transform: scale(0.8) translateY(1.2rem);
        opacity: 0;
        filter: blur(5px);
        animation: staggerUp calc(3s / var(--ani-speed)) forwards calc(2s / var(--ani-speed)),blur5 calc(2s / var(--ani-speed)) forwards calc(2s / var(--ani-speed)),fadeInScale calc(1s / var(--ani-speed)) forwards calc(2s / var(--ani-speed));
}
 
/{$bqsd}
*/
 
/*PLS现象组件*/
 
/*
{$pls}/
 
.pls .pls-title em {
    opacity: 0;
}
 
.pls .pls-title .pls-subtitle {
    clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
    animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards;
}
 
.pls .pls-title em {
    opacity: 0;
    animation: letter-spacing-opacity calc(1s / var(--ani-speed)) forwards;
    animation-delay: calc(1s / var(--ani-speed));
}
 
.pls .pls-list li {
    opacity: 0;
    animation: staggerUp calc(0.6s / var(--ani-speed)) ease-out forwards;
}
 
.pls .pls-list li:nth-child(1) {
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.pls .pls-list li:nth-child(2) {
    animation-delay: calc(1.4s / var(--ani-speed));
}
 
.pls .pls-list li:nth-child(3) {
    animation-delay: calc(1.6s / var(--ani-speed));
}
 
.pls-icon {
    opacity: 0;
    animation: fadeInScale calc(0.8s / var(--ani-speed)) forwards;
    animation-delay: calc(1.8s / var(--ani-speed));
    position: relative;
}
 
.pls-icon:before {
    animation: blur5 calc(0.8s / var(--ani-speed)) forwards;
    animation-delay: calc(1.8s / var(--ani-speed));
    position: relative;
}
 
.pls-icon-title {
    opacity: 0;
    animation: staggerUp calc(0.6s / var(--ani-speed)) forwards;
    animation-delay: calc(2.2s / var(--ani-speed));
    display: inline-block;
}
 
.pls-side p span {
    opacity: 0;
    display: inline-block;
    animation: staggerUp calc(0.5s / var(--ani-speed)) forwards;
    animation-delay: calc(2.3s / var(--ani-speed));
}
 
@media screen and (max-width: 768px) {
 
.pls .pls-title em {
    animation-delay: calc(0s / var(--ani-speed));
}
 
.pls .pls-list li:nth-child(1) {
    animation-delay: calc(0.5s / var(--ani-speed));
}
 
.pls .pls-list li:nth-child(2) {
    animation-delay: calc(0.7s / var(--ani-speed));
}
 
.pls .pls-list li:nth-child(3) {
    animation-delay: calc(0.9s / var(--ani-speed));
}
 
.pls-icon {
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.pls-icon:before {
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.pls-icon-title {
    animation-delay: calc(1.8s / var(--ani-speed));
}
 
.pls-side p span {
    animation-delay: calc(1.9s / var(--ani-speed));
}
 
}
 
/{$pls}
*/
 
/*统合实体分类系统*/
 
/*
*/
 
.class-wrapper {
    clip-path: polygon(0% 0%,0.5em 0%, 0.5em 0%,0% 0%);
    background-color: rgb(var(--cecs-light));
    animation: cecs-class-wrapper calc(1s / var(--ani-speed)) calc(4s / var(--ani-speed)) forwards , cecs-class-clip calc(1.1s / var(--ani-speed)) calc(2.9s / var(--ani-speed)) forwards;
}
 
.class-stripe {
    opacity: 0;
    transform: skew(0deg);
    animation: cecs-stripe calc(0.5s / var(--ani-speed)) calc(4s / var(--ani-speed)) forwards;
}
 
.class-label {
    z-index: 1;
    opacity: 0;
    animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.5s / var(--ani-speed)) forwards;
}
 
.class-inner {
    opacity: 0;
    animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.7s / var(--ani-speed)) forwards;
}
 
.properties-label {
    opacity: 0;
    animation: upin0 calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards;
}
 
.properties {
    animation: blur5 calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards , fadeInScale calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards;
    opacity: 0;
}
 
.wrapper .label-wrapper .hexa-outerline .hexa-midline {
    opacity: 0;
    animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards;
}
 
.wrapper .label-wrapper .hexa-outerline .hexa-innerline {
    opacity: 0;
    animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
.wrapper div .label-wrapper .label strong {
    opacity: 0;
    animation: rightin0 calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
.cecs-wrapper {
    border-top: rgb(var(--cecs-accent)) solid 0em;
    animation: cecs-border-top calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
.cecs-wrapper .base,.cecs-wrapper .base:after {
    opacity: 0;
    animation: opacity-1 calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.cecs-wrapper .last-stripe {
    opacity: 0;
    animation: rightin0 calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.cecs-wrapper .text-box {
    opacity: 0;
    animation: fadeInScale calc(0.8s / var(--ani-speed)) forwards;
    animation-delay: calc(1.8s / var(--ani-speed));
}
 
.cecs-wrapper .iets:before {
    clip-path: polygon(0% 0%,100% 0%, 100% -10%,0% 0%);
    animation: fadeIn-cecs-wrapper calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(1.8s / var(--ani-speed));
}
 
.iets-wrapper strong {
    opacity: 0;
    animation: rightin0 calc(0.5s / var(--ani-speed) ) forwards;
    animation-delay: calc(2.8s / var(--ani-speed));
}
 
.iets-wrapper .iets-val strong {
    opacity: 0;
    animation: rightin0 calc(0.5s / var(--ani-speed) ) forwards , blur5  calc(0.4s / var(--ani-speed) ) forwards;
    animation-delay: calc(2.9s / var(--ani-speed));
}
 
/*
*/
 
/*物品*/
/* 跟HW的实体那个略微改了一下 */
 
/*
{$cocs}/
 
.cocs-wrapper + div {
    clip-path: polygon(0% 0%,0.5em 0%, 0.5em 0%,0% 0%);
    animation: cecs-class-clip calc(1.1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards;
}
 
.wrapper .label-wrapper .hexa-outerline .hexa-midline {
    opacity: 0;
    animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards;
}
 
.wrapper .label {
    animation: letter-spacing-opacity  calc(0.5s / var(--ani-speed) ) forwards;
    animation-delay: calc(1s / var(--ani-speed));
    opacity: 0;
}
 
.wrapper .label-wrapper .hexa-outerline .hexa-innerline {
    opacity: 0;
    animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards;
    animation-delay: calc(0.2s / var(--ani-speed));
}
 
div[class*=base2] {
    height: 0;
    animation: cocs-safety calc(0.5s / var(--ani-speed)) forwards;
    animation-delay: calc(2.2s / var(--ani-speed));
}
 
div[class*=custom-color] {
    height: 0;
    animation: cocs-safety calc(0.5s / var(--ani-speed)) forwards;
    animation-delay: calc(2.2s / var(--ani-speed));
}
 
.purpose-stripe {
    opacity: 0;
    z-index: 3;
    animation: paper-in-object calc(0.4s / var(--ani-speed)) calc(3.4s / var(--ani-speed)) forwards,blur5 calc(0.5s / var(--ani-speed)) calc(3.2s / var(--ani-speed)) forwards;
}
 
.purpose-label {
    z-index: 2;
    opacity: 0;
    animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.4s / var(--ani-speed)) forwards;
}
 
.cocs-purpose {
    opacity: 0;
    z-index: 1;
    animation: fadeInScale calc(0.5s / var(--ani-speed)) calc(3s / var(--ani-speed)) forwards,blur5 calc(0.5s / var(--ani-speed)) calc(3s / var(--ani-speed)) forwards;
}
 
.purpose-inner {
    opacity: 0;
    z-index: 2;
    animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.4s / var(--ani-speed)) forwards;
}
 
.cocs-wrapper {
    border-top: rgba(var(--cocs-accent),0) solid 0em;
    animation: cocs-border-top calc(1s / var(--ani-speed) ) forwards calc(0.2s / var(--ani-speed)), cocs-border-bottom calc(1s / var(--ani-speed)) backwards calc(2.3s / var(--ani-speed));
}
 
.cocs-wrapper .base,
.cocs-wrapper .base:after {
    opacity: 0;
    animation: opacity-1 calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.cocs-wrapper .last-stripe {
    opacity: 0;
    animation: rightin0 calc(1s / var(--ani-speed) ) forwards;
    animation-delay: calc(1.2s / var(--ani-speed));
}
 
.cocs-wrapper .text-box {
    opacity: 0;
    animation: fadeInScale calc(0.8s / var(--ani-speed)) forwards;
    animation-delay: calc(1.8s / var(--ani-speed));
}
 
.status {
    animation: blur5 calc(0.5s / var(--ani-speed)) calc(4.4s / var(--ani-speed)) forwards , fadeInScale calc(0.5s / var(--ani-speed)) calc(4.4s / var(--ani-speed)) forwards;
    opacity: 0;
}
 
.status-label {
    opacity: 0;
    animation: upin0 calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards;
}
 
/{$cocs}
*/
 
/*实体生物学分类系统*/
 
/*
{$ebcs}/
 
.ebcs{
transform: skew(10deg, 10deg);
opacity: 0;
animation: paper-in calc(0.8s / var(--ani-speed)) calc(0s / var(--ani-speed)) forwards;
}
 
.ebcs-title h2{
transform:translateX(-1rem);
    opacity:0;
animation: rightin0 calc(0.5s / var(--ani-speed)) calc(0.85s / var(--ani-speed)) forwards;
 
}
 
.ebcs-number p span{
        opacity: 0;
animation: leftin0 calc(0.5s / var(--ani-speed)) calc(0.87s / var(--ani-speed)) forwards;
}
 
.ebcs-number p strong{
letter-spacing: 10px;
        opacity: 0;
animation: letter-spacing-opacity calc(0.5s / var(--ani-speed)) calc(0.9s / var(--ani-speed)) forwards;
}
 
.ebcs-iets{
animation: ebcs-iets calc(1.5s / var(--ani-speed)) calc(1s / var(--ani-speed)) forwards;
box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0, 0, 0, 0));
background-color: rgb(var(--blockquote-bg-color, 0, 10, 8, 0));
opacity: 0;
}
 
.ebcs-iets strong{
animation: blur5 calc(1.5s / var(--ani-speed)) calc(1s / var(--ani-speed)) forwards , opacity-1 calc(1.5s / var(--ani-speed)) calc(2s / var(--ani-speed)) forwards;
opacity: 0;
}
 
.ebcs-meta span:nth-child(1){
opacity: 0;
animation: rightin0 calc(0.5s / var(--ani-speed)) calc(2s / var(--ani-speed)) forwards;
}
 
.ebcs-meta span:nth-child(3){
opacity: 0;
animation: rightin0 calc(0.5s / var(--ani-speed)) calc(2.25s / var(--ani-speed)) forwards;
}
 
.ebcs-meta span:nth-child(5){
opacity: 0;
animation: rightin0 calc(0.5s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards;
}
 
.ebcs-des{
animation: fadeIn-sd calc(1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards;
clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
}
 
.ebcs-img{
opacity: 0;
animation: blur5 calc(1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards , fadeInScale  calc(1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards;
}
 
/{$ebcs}
*/
 
/* 人物 */
/*
{$poi}/
.footerbox{
    animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards;
}
 
.footerbox > h4{
    animation: fadeInScale calc(1s / var(--ani-speed)) forwards calc(1s / var(--ani-speed));
    opacity: 0;
}
 
.footerbox > h4{
    animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards calc(1s / var(--ani-speed));
    opacity: 0;
}
 
.footerbox img{
    animation: blur5 calc(1s / var(--ani-speed)) forwards calc(1.5s / var(--ani-speed)), fadeInScale calc(1s / var(--ani-speed)) forwards calc(1.5s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor{
    animation: upin0 calc(0.5s / var(--ani-speed)) forwards calc(1s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img,hr):nth-child(1){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(1.8s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img,hr):nth-child(2){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(2.2s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img,hr):nth-child(3){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(2.6s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(4){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(3s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(5){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(3.4s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(6){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(3.8s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(7){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(4.2s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(8){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(4.6s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(9){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(5s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(10){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(5.4s / var(--ani-speed));
    opacity: 0;
}
 
.footerflavor > *:not(img):nth-child(n + 11){
    animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(5.8s / var(--ani-speed));
    opacity: 0;
}
 
/{$poi}
*/
 
/* upes */
 
/*
{$upes}/
 
.phenomenon-content{
     animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards;
}
 
.colmod-link-top .foldable-list-container a{
     animation: leftin calc(1.5s / var(--ani-speed)) forwards calc(-0.5s / var(--ani-speed));   
    opacity: 0;
}
 
div.colmod-content-anti,
div.colmod-content{
    animation: fadeInScale calc(1.5s / var(--ani-speed)) backwards, blur5 calc(1.3s / var(--ani-speed)) backwards!important;
}
 
.standard-border {
    border-bottom: solid 0.1em rgba(51, 51, 51, 0);
}
 
.dark-border {
    border-bottom: solid 0.1em rgba(255,255,255,0);
}
 
.dark-border:nth-of-type(1){
    animation: dark-bd calc(0.5s / var(--ani-speed)) forwards calc(1.25s / var(--ani-speed));
}
 
.standard-border:nth-of-type(1){
    animation: standard-bd calc(0.5s / var(--ani-speed)) forwards calc(1.25s / var(--ani-speed));
}
 
.phenomenon-content div[class*=level] > *{
     opacity: 0;
    animation: letter-spacing-opacity calc(0.5s / var(--ani-speed)) forwards calc(1.5s / var(--ani-speed));
}
 
.dark-border:nth-of-type(2){
    animation: dark-bd calc(0.5s / var(--ani-speed)) forwards calc(1.75s / var(--ani-speed));
}
 
.standard-border:nth-of-type(2){
    animation: standard-bd calc(0.5s / var(--ani-speed)) forwards calc(1.75s / var(--ani-speed));
}
/{$upes}
*/

统合实体分类系统

编号：MC-18
栖息地：大部分MC层级

IETS
4CX **X **

分类：

动物

性质：

HVM

VRL-A

VRL-B

NCR

MCH

CBR

SYN

DMN

SSV

CVL

RLA

UNQ

AGR

BNV

{$custom-tag-name}

{$custom2-tag-name}

{$custom3-tag-name}

RAD

NRO

TXC

PYR

Entity MC-18Creeper爬行者/苦力怕是《Minecraft》中最具代表性的生物之一，也是MC层级群里具有代表性的实体之一。通体绿色，树叶花纹，鲜明的直立形象，是令广大流浪者头疼到爆炸¹的存在。

以管理者B为首的科研人员在中文方面喜欢用意译称呼他们为“爬行者”，但大部分人喜欢用音译称他们为“苦力怕”，而下述文档，我们将用《Minecraft》里的英文原名“Creeper”来称呼Entity MC-18

描述：

“Creeper”是一种用四条小短腿直立行走的两个高方块实体，自身生命值为20点(10颗心)，常见于主世界维度层群，其外表主体颜色为绿色，脸上有标志性的愁眉“苦”脸。喜欢用自爆捉弄流浪者，伤害不俗，威力可观。是广大流浪者在没有做好防护的下，需要特别小心的危险实体。

生物学特征

一只在树阴下的Creeper。

“Creeper”是一种直立式爬行的实体，身高约为1.7格²，正方体的头部，长方体的身躯，其四条用于行走的方形小短足长在身躯末端，呈“凸”字形直立式爬行。移动速度约为每秒2格³，对玩家⁴而言相较缓慢。

“Creeper”外表由青绿、叶绿、翠绿，黑色与白色点缀混合而成，其表皮花纹形似树叶，但质感摸起来像草地，并常散发着类似于植物“荆芥”⁵的特殊气味。这种花纹为“Creeper”带来了一定的隐蔽性，使其能在大部分树木丛生的MC层级伏击玩家。“Creeper”脸上有标志性的愁眉“苦”脸，其标志性面部的形成我们无从得知，但“Creeper”仍然能用这张脸做出不同的表情⁶

“Creeper”是变温实体，它们自身的温度会贴合所在层级的温度，同大部分方块实体一样，“Creeper”的耐热耐凉性惊人，但它们通常并不会长久的待在温度极端的层级。

“Creeper”虽然在本文档组件“综合实体分类系统"中被规类为“动物”，但此类实体并不为有着前厅动物为原型的常规“动物实体”。而是“方块神奇动物”⁷，是MC层群特有的一类动物。

---

行为

“Creeper”常会在一个层级内随意走动，无论是在白天还是在夜晚。它们会发出特有的“呲呲”声⁸，当它们发现流浪者时⁹，便会向流浪者们靠近。

自爆习性

近现代的“Creeper”并没有像僵尸，蜘蛛，骷髅等实体那样自行攻击的能力，但他们仍然被广大流浪者们评为“最致命的原生MC实体”之一。因其在行走时并不会发出声音，在悄悄的靠近玩家等实体后，会进行十分恐怖的自爆！

当“Creeper”靠近玩家距离约0~3格时，会矗立在那里，并进入约1.5秒的爆炸预备时间。在爆炸预备时间内，它们的身体内部会从贴合层级本身的温度迅速上升至百度高温¹⁰，同时，身躯也开始发光闪烁¹¹。并随着膨胀与嘶嘶作响的火药点燃声，砰的一声！白烟冒进，炸裂开来。

一只因玩家靠近而进入点燃状态并爆炸的Creeper。

“Creeper”的自爆如同TNT爆炸般，以自身为中心，给周围环境及实体造成实质性爆炸破坏与约为65点(32.5颗心)的高额爆炸伤害¹²。但也同TNT爆炸般，其爆炸伤害与爆炸威力会随着离自爆中心点越远而递减。

“Creeper”的爆炸威力为3，在没有方块阻挡的水平情况¹³下，能对自身周围半径约4×4×4格距离的方块造成爆炸破坏¹⁴，能破坏爆炸抗性最高为11¹⁵的方块。而爆炸伤害最远能扩散到自身范围约6×6×6格。

在MC层集群里，当流浪者在“Creeper"爆炸预备时间内快速离开至该实体约六格开外时，若Creeper的爆炸预备时间没超过约0.9秒，“Creeper”会立即停止点燃状态，并以1秒的速度快速冷却自身温度约至点然前的体温¹⁶后继续向流浪者追击，直至它来到距离流浪者3x4×3范围内重新进入点燃状态；反之，则会继续矗立在原地自爆。

但不过，“Creeper”若是没看到流浪者，即使流浪者靠的很近，它也不会进入点燃状态，除非它知道流浪者在它附近。

厌猫

一只因猫咪靠近，正在逃之夭夭的Creeper。

“Creeper”对猫科动物有种天然的厌恶¹⁷，其看到猫和豹猫时会避而远之，远离至猫科动物16格范围开外的地方。当猫科动物距离它们6格左右时，它们更是惊慌失措，不会顾及周围的任何生物，逃之夭夭，即使是他们追击的流浪者。

切行习性

若“Creeper”已对当前所在层级的环境感到厌倦，则它们也会使用切出方法，来离开它们当前所在的层级。¹⁸有些个体也会尝试使用切行来快速到达它们所追击的目标附近¹⁹，但通常想达到直接出现在目标脸上的成功率不高。

交流

“Creeper”并非为无法沟通的生物，尽管它们无法难以像玩家，村民等实体通过发出不同的声音进行复杂的语音交流，但它们会通过肢体语言，行为等方式向非同类实体表达自己的想法与其他事情。

“Creeper”是能听得懂语言的，在广大群众提供上报的相关事例中有不少事例里的“Creeper”因流浪者的质问当中表达过自己的想法²⁰。经MC.E.G.探员的证实，大部分“Creeper”的确能理解玩家讲话²¹以及一部分英语，但对于一些没听过的复杂词汇还需要进行行为上的演示才能理解。对于其他语音的理解还有待探讨。

补充：“Creeper”无法第一时间认别出远处距离它们30格开外头戴苦力怕头颅的两格高常规人型实体，无论是玩家还是村民，它们看到的第一眼会误以为是同类。²²

---

+ 特殊性质

摔伤增时²³

“Creeper”在追击目标时常常会寻找一些安全的路线来规避自身的一种特殊性质：“摔伤增时”。

当“Creeper”在追击目标时若受到了衰落伤害，其会被在下一次进入点燃状态时延长自身的爆炸预备时间，直至最大延长上限。

经MC.E.G.红石粉部门的专项研究小组实践探究得出：

“Creeper”的摔落增时特性最高可让爆炸预备时间增加约1.2秒左右，且每个体的摔落增时的增长速率与最大增加时间都有所差异，目前发现的最大增时记录为1.3秒。

因此“Creeper”在追击目标时会寻找最佳追击路径，以保证不影响自己的爆炸预备时间与在路上尽可能的受到最少的伤害²⁴。

闪电附加

当一只“Creeper”被闪电击中，若它未被雷电伤害劈死的情况下，它将会因雷电转化成“Charged creeper ”闪电爬行者/闪电苦力怕，下文我们用玩家们常用的中文简称“闪怕"“闪爬”来称呼“Charged creeper ”。

当“Creeper”连转化成“闪怕”“闪爬"后，其生命值在转化后貌似会被补充至10颗心全满，同时消除身上大部分的负面效果。“闪怕"“闪爬”的移动速度，行为特性，自身本领与生命值总量与原实体相比基本保持一致。

一只触发了“闪电附加“特性的Creeper（吓哭了）

在外观方面，“Creeper”与“闪怕”“闪爬”大致相同，其唯一不同是“闪怕”“闪爬"身上缠绕着厚约2.5~3.5格²⁵像素的淡蓝色大像素电弧。皮肤质感上触摸起来仍如草地一般，但相比原实体更干枯，如死草枯叶般更加扎手，并附带电流²⁶。该实体常散发着一股下雨后空气中常蔓延的泥土味与“荆芥”被电焦时所弥漫出来的气味。该气味相比于原实体散发的气味已很难吸引猫科动物了，但“闪怕”“闪爬"依然害怕猫科动物向它们靠近。

“闪怕”“闪爬"的自爆威力相比于原实体“Creeper”有十分之大的提升，“闪怕”“闪爬"的爆炸威力为6，是TNT的1.5倍，常态“Creeper”的2倍。在没有方块阻挡的水平情况下，能对自身周围半径约8×8×8格距离的方块造成爆炸破坏，能破坏爆炸抗性最高为23的方块。“闪怕”“闪爬"的中心爆炸伤害约为130点(65颗心)，而爆炸伤害范围最远能扩散到自身范围约12×12×12格。

尽管“闪怕”“闪爬"的爆炸能力有了十分大的提升，但会正确运用此能力造成更大破坏的“闪怕”“闪爬"个体并不多。流浪者可以对其加以引导，借用它们的“帮助“来促进或达成想要的目标。

---

掉落物：

目前，在本文档的撰写时期：

当一只“Creeper”被正常击杀后，有一定概率会掉落制作TNT与烟花火箭的原材料“火药”，且必定掉落3~5颗经验量为1点的经验球；而自爆而死的“Creeper”自身不会掉落任何事物，唯一掉落的事物是在爆炸范围内被破坏的但并没有连物品状态都炸没的方块与其他被爆炸击杀的生物所留下的掉落物。

在“闪电附加”状态下的“Creeper”，被正常击杀后的掉落物同上文的普通“Creeper”；而在状态下自爆而死的个体其掉落物与对环境造成的破坏掉落同上文所述的同时，若被自爆伤害击杀的实体有相关头颅物品则会掉落与之对应的头颅，每自暴击杀一个相应实体就会掉落一个相应的头颅物品，但一些相应头颅物品获取方式不能通过这个方法获得的实体与自爆击杀后概率掉落头颅物品的实体除外²⁷

当“Creeper”被骷髅、流髑、沼骸、凋零骷髅或焦骸杀死时，则有概率掉落一个唱片²⁸。目前未知“Creeper”被原版骷髅类实体击杀后为何会掉落唱片。

---

行为准则：

应当：

• 远离“Creeper”。
• 常规情况下不应让“Creeper”爆炸。
• 常规情况下不应让“Creeper”触发“闪电附加“特性。
• 若想在中远距离观察“Creeper”，应对于它发现不了您的的地方或佩戴“Creeper”头颅后再进行观察。
• 若您距离它们很近，且它们不知道您的情况下，请尽量不要暴露您的行踪被它们知道。
• 养一只猫科动物并在您左右或携带盾牌对其防御。

不应：

• 靠近“Creeper”。
• 让“Creeper”在不防炸的机器旁边自爆。
• 引导“Creeper”去捉弄，破坏，甚至是用其故意击杀他人。
• 饲养“Creeper”。

---

+ 附加记录

一些传言与杂谈

1. TNT爱好者：有些曾经捕捉、饲养过“Creeper”的流浪者曾在本文档编辑期间上报过一些“Creeper”的奇特行为，相同的例子不再少数，例如有些个体对TNT情有独钟。当它们发现附近有TNT方块时，它们会向那个地方靠近，并尝试用各种手段将其引爆，方法包括但不限于：尝试推动附近的按钮或者拉杆，希望将其引爆；尝试连接一个简单的红石线路，进行激活引爆：尝试用嘴叼着火焰附加的附魔书或者打火石，将其点燃引爆；尝试自爆进行连锁将其引爆……但不过在本文档撰写期间MC.E.G.红石粉部门的专门研究小组对该流言进行了验证，参与试验的大部分“Creeper”个体，并无对TNT有多大兴趣。但上报例子照个位数且略有相似，推测是该实体部分个体的独特兴趣。其成因很有可能是，想用TNT造成更大的破坏²⁹。

2. 光合作用：许多科研人员³⁰对于“Creeper”们能在各层级白天时段自由自在的出现于阳光之下感到好奇，它们并不像大部分亡灵实体那样子惧怕阳光或者因阳光受到伤害，也不像蜘蛛那样子不习惯于阳光之下。况且再加上并没有玩家、村民上报过“Creeper”必需要吃饭进食的记录。许多科研人员推测“Creeper”身上的绿色可能并不只是用于伪装，它们身上的绿色可能真的存在某种类似于前厅植物细胞中“叶绿体”功能差不多的东西进行光合作用，使它们不用进食。但这个特性还属于理论阶段，并未得到具体证实。

3. 重生论：关于“Creeper”为什么要用自杀爆炸式捉弄袭击流浪者 一直是一个令广大科研人员疑惑的问题：“为何要用自身的死亡来给他人造成麻烦，这不值得，明明还有更多可以造成麻烦的方式，何必浪费自身生命？” 于是管理者B提出了一个大胆的理论：“或许重生这件事不是玩家独享的特权，“Creeper”可能也有类似于玩家那样子的重生机制，可能在重生后会回来欣赏自己的‘杰作’。” 但这个理论有较大的争议，目前还没有得到确切的证实。

相关历史文献与发现记录

“Creeper”在MC层集群的存在历史悠久，在The M.V.T.A.的历史文献曾多次出现。如《先民国·史记》与《矿艺志》系列都有相关记载。

自从MC层集群被外界发现以来，“Creeper”也是后室协调时2024年8月22日~23日期间最早目击记录的MC层集群实体之一，最早接触到“Creeper”的普通玩家是Steve先生，当时他还以为他还在玩正常的MC，直至他受伤后，临时搭建的火柴盒居所³¹也跟着被“Creeper”炸了，这算是第一期玩家目击“Creeper”的事件了。

关于“Creeper”的其他数据除了广大群众提供的见闻记录与相关研究小组的测试报告之外，一些深层方面的问题（如“Creeper”为什么喜欢白爆，“Creeper”是能听得懂人话的）均由怪物学院友性提供³²。

摄影与历史画廊

下列是广大群众在本文档编写时期时所提供的一些有趣照片，其中包含证实本文档正文部分的一些案例与三界层群的一些古老组织所提供的照片史料：

一些流浪者偶然拍到的微笑的Creeper。

---

爆炸受害者

文档编写者：liangxu111
图源提供：初见老师

Footnotes

1. 字面意思，但不过不是人炸了

2. 转化为通用长度单位约为168.7cm

3. 换算成常规说法就是每秒2米

4. 流浪者们在MC层群里被转化成的实体

5. 前厅的一种植物，唇形科荆芥属，别名“猫薄荷”。

6. 虽然这项才艺技能在上报的资料中并不常见

7. 该词最早源于《先民国·史记》中的第一卷第五章

8. 有点像火药，TNT点燃时发出的声音。

9. 不管流浪者距离它们多远。

10. 甚至你距离他近的都可以感受到它散发出来的滚滚热流

11. 这种亮光并不是Phenomenon MC-3的那种实质性光亮。

12. 目前没有多少位玩家能在不穿装备下完全体会Creeper爆炸的最高伤害所带来的所有痛感，因为伤害这超过了玩家的生命值上限。且这爆炸伤害比原游戏Minecraft原版困难模式还多了0.5点伤害。

13. 这些因素都会影响“Creeper”的爆炸威力和爆炸范围

14. 这种破坏也可以将方块炸成物品形式，且有一定概率会把方块完全破坏，什么都不剩。

15. 方块类物品的一种抵抗爆炸破坏并吸收爆炸威力的基本属性，草方块约为0.5，石头约为6，与上述数值相接近的是末地石(约为9)与嘎枝之心(约为10)。

16. 这种降温本领似乎不遵循常规物理性质与所在层级的层级性质

17. 其原因可能是它们身上那猫薄荷的味道

18. 它们似乎不会卡到墙里，而且也不会到达浮空的地方。

19. 说口语化就是：苦力怕刷你脸上了。

20. 例如该脚注的这个事例：一位玩家刚建好了一座漂亮的房子，当他准备做其他东西时，一转头发现“Creeper”在他房子附近准备自爆，他身上没有任何能驱赶“Creeper”的物品，只能苦苦哀求“Creeper”不要去炸他的房子，“Creeper”听到这句话之后沉思了一下，然后找到后门从后门冲进房子内部，把内饰炸了。

21. 毕竟玩家语音交流中附带的“滴答"是直接传送句子意思的。

22. 这个特点方便了编写人员近距离观察“Creeper”。也是这篇文档长度加到如此之长的原因（开玩笑的）

23. 该现象最早发现记录未知，在本文档撰写之前，能找到的相关记载并无确切描述，且现存大部分资料为传说，具有模糊性，如The M.V.T.A.的儿童群体中流传的一首童谣，后经广大玩家为本文档提供编写数据中的不同数据对照所证实。

24. 但不过有些个体在受到摔落伤害后会提前先进入点燃状态再熄灭，以消除自己在途中的所增加爆炸预备时间。

25. 最厚的地方3.5格像素，最薄的地方2.5格像素。转化为通用长度单位分别为厚15.6cm与厚21.8 cm

26. 表皮电压电不死人

27. 目前记载被“闪电苦力怕”“闪电爬行爬"爆炸杀死的原版实体“Creeper”、骷髅、凋灵骷髅、僵尸和猪灵均会掉落1个相应的生物头颅。

28. 目前发现由“Creeper”死亡后所掉落的唱片为13、cat、blocks、chirp、far、mall、mellohi、stal、strad、ward、11与wait。这些曲目均由前厅作曲家“C418“所作。

29. 或者单纯的想看TNT爆炸…

30. 作为一个研究人员的基本素养，他们大部分为了研究或者是回忆童年是真玩过《Minecraft》的。

31. 其实当时还没建完，后来MC.E.G.在Level MC-1所建的第一个自建基地“木头小属”是当时Steve与其同事仿照他在Level MC-0没有建好的基地新建的。

32. 这些都是经过相关学生许可，并没有任何一位学生的公民权利受到侵害。