CO-053 “爱鸟”

基础信息

+ 展开样式代码

: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;
  }
}
 
@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_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));
}
 
/*
*/
 
/*====================新版层级================*/
 
/*
{$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}
*/
 
/*====================希版层级================*/
 
/*
{$xisd}/
 
.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 .resources{
    animation: fadeIn-nu-enti 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-enti 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 .resources strong {
    animation: rightin2 calc(1s / var(--ani-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .resources p span:nth-child(3) {
    animation: rightin2 calc(1.1s / 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: fadeIn-sd 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: fadeIn-sd calc(1s / var(--ani-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .resources{
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
 
    .sd-container .exit {
        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 .environment {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(1s / 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(1.5s / var(--ani-speed) );
        animation-fill-mode: forwards;
    }
}
 
/{$xisd}
*/
 
/*===================标签式分级系统================*/
/* 难做的钥匙啊 */
 
/*
{$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}
*/
 
/*统合实体分类系统*/
 
/*
{$cecs}/
 
.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));
}
 
/{$cecs}
*/
 
/*物品*/
/* 跟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}
*/

CO 053

项目等级：

R1

保密协议等级：

C

收容情况：

成功收容

对外解释：

私自饲养禁养鸟类，已放归合适保护区

异常特征：

蓝白色的类鹦鹉实体

负责研究员：

none-placeholder

收容站点：

none-placeholder

描述

CO-053是一只具有形态变化能力的鸟类异常实体。

当CO-053处于完全无人观测的状态下时，其外观固定为蓝色背部、白色腹部的类鹦鹉实体，在此状态下对CO-053进行拍摄、所得到的影像资料亦为如此。

当被人以任意形式观测时，CO-053会在0.01秒内变化为观测者最期望看到的鸟类。若同时存在多名观测者，其形态变化以距离最近或最多人期望的想像为准。除非不再被观测，否则CO-053不会变更型态。

这种“期待”是潜意识层面的，观测者本人可能并未明确意识到；CO-053变化的鸟类可以是现实存在的物种、也可以是已灭绝的物种。该鸟类将具备完整的生理外观和符合其物种的行为特征。

CO-053自身并不存在攻击倾向或身心损害能力，就算变化为具危险性物种也不会因此造成任何可能的伤害。

若CO-053连续5秒未被观测，其将变回基础形态。

发现记录

CO-053最初于██市的一处城市湿地公园内被发现。起因是多名观鸟爱好者一同观测到了项目，却引发该鸟的物种产生了激烈争论；他们坚称这是一只不应出现在当前季节和地理区域的罕见鸟类，并拍摄了照片作为证据。然而其他不在现场的观鸟者质疑照片存在伪造嫌疑，双方持续争吵、最终演变为肢体冲突。

由于大量人员涌入湿地公园，因而导致现场秩序失控、发生踩踏事件，造成数人轻伤；当地管理部门为防止事态进一步恶化，以“保护野生鸟类”的名义将CO-053暂时捕获、并安置于临时鸟笼中。

次日，负责交接的工作人员发现了异常现象：前一天他亲眼确认并记录了鸟种，但在今天再次查看时却变成了另一只鸟——而在整个过程中，除了该工作人员外无人接触过现场。冒险协会得知此事后介入，确认了CO-053的异常特性并将其收容。

实验记录

实验1

要求D-359想像红色鹦鹉并观测CO-053，项目随即便化为该鸟种。

接着要求D-359先后想像狼、僵尸、草方块和鹦鹉雕像并继续观测CO-053，项目仍旧维持红色鹦鹉的样貌、未有明显反应。

由此推知，CO-053只能变化为鸟类生物，不符合此条件之实体皆不在变化范围内。

实验2

要求D-359脑中想象一只已死亡的鹦鹉并观测CO-053；CO-053变为一只躺倒在地、无任何生命迹象的鹦鹉尸体。持续观测约10分钟，尸体状态依旧保持不变；接着命令人员移开视线，5秒后CO-053恢复为基础形态。

接下来重新复现原先实验流程，但要求D-359、D-360、D-361三人轮流而不间断地观测CO-053，共持续3天。第1天，尸体外观无明显变化；第2天，开始出现轻微膨胀、羽毛脱落的现象；第3天，尸体明显腐烂、散发腐败气味，部分白骨外露。

CO-053全程保持死亡状态、未恢复为活体。第4天要求人员停止观测，CO-053于5秒后立刻恢复为基础形态、未产生其他异状。

实验3

要求D-359幻想一种仅存在于某本奇幻小说情节、现实中不存在的鸟类，并对CO-053进行观测。人员观测后，CO-053变为一种与该幻想鸟种极度相似、但在细节上并不完全符合特征的未知鸟类。经确认，此鸟类并不符合任意自古所知的鸟类演化分支。

经过讨论，这次先给D-359查看一种由CO-013的神经监视仪纪录、来自维度CO-013-B的特殊鸟种影像；接着要求其一边想像该鸟种的模样、同时观测CO-053。人员观测后，CO-053变为该鸟种、特征与影像内容一致。

研究人员得出结论，确认CO-053无法变化为虚构鸟种，但会尝试变化为外观最为接近之物种；并且CO-053的可变化范围包含任意维度中、所有可被视为鸟类的生物。