: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} */ /*统合实体分类系统*/ /* {$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-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; } /* */ /*实体生物学分类系统*/ /* {$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} */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap'); @font-face { font-family: 'ZihunBiantaoti'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ZihunBiantaoti.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'GlowSansSC-Normal'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Normal-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } :root { --logo-image: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/Refractifa_Logo.png); --header-title: "刻面折射"; --header-subtitle: "绚丽的色彩是一个奇迹"; --body-font: 'Sarabun', 'Noto Sans SC', sans-serif; --header-font: 'Fugaz One', 'ZihunBiantaoti', sans-serif, cursive; --title-font: 'Fugaz One', 'ZihunBiantaoti', sans-serif, cursive; --mono-font: 'Montserrat', 'GlowSansSC-Normal', sans-serif; --white-monochrome: 29, 26, 74; --pale-gray-monochrome: 116, 191, 214; --light-gray-monochrome: 116, 191, 214; --dark-gray-monochrome: 77, 144, 196; --gray-monochrome: 71, 83, 173; --black-monochrome: 255, 255, 255; --bright-accent: 48, 59, 255; --medium-accent: 64, 227, 213; --dark-accent: 201, 255, 223; --pale-accent: 140, 136, 126; --link-color: 0, 255, 204; --hover-link-color: 190, 59, 255; --swatch-topmenu-border-color: 201, 255, 223; --rating-module-button-plus-color: 0, 255, 195; --rating-module-button-negative-color: 3, 0, 161; --rating-module-button-cancel-color: 132, 0, 255; /*SPECIAL THEME VARIABLES*/ --chrys-l: 184, 255, 255; --chrys-d: 0, 255, 221; --amethyst-l: 119, 65, 176; --amethyst-d: 83, 0, 171; --ruby-l: 255, 25, 25; --ruby-d: 176, 9, 9; --onyx-l: 23, 16, 31; --onyx-d: 15, 0, 31; --topaz-l: 230, 127, 76; --topaz-d: 189, 63, 0; --citrine-l: 255, 225, 105; --citrine-d: 222, 177, 0; --jade-d: 30, 105, 9; --jade-l: 123, 232, 93; --sapphire-l: 82, 109, 247; --sapphire-d: 17, 43, 173; --tourm-l: 245, 81, 157; --tourm-d: 191, 17, 98; --dia-l: 255, 255, 255; --dia-d: 135, 135, 135; --rock-color: 200, 200, 200; } #header::before { content: ""; position: absolute; height: 80%; width: 80%; background-image: var(--logo-image); background-size: auto 7rem; background-position: left; background-repeat: no-repeat; opacity: 0.6; left: 8rem; top: 0rem; } #header h1 a::before { position: absolute; top: 1rem; left: 14rem; margin: 0; width: 100%; display: flex; justify-content: left; z-index: 0; } #header h2 span::before { position: absolute; top: 1.3rem; left: 14rem; margin: 0; width: 100%; display: flex; justify-content: left; z-index: 0; } #header h1 a::before, #header h2 span::before { color: #FFFFFF } /*Mobile Header Image Alignment*/ @media (max-width: 878px) { #header::before { position: absolute; left: 0; top: 10px; } #header h1, #header h1 a::before { position: absolute; top: 1rem; left: 3rem; margin: 0; width: 100%; display: flex; justify-content: left; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 1.5rem; left: 2rem; margin: 0; width: 100%; display: flex; justify-content: left; z-index: 0; } .footnotes-footer { overflow-x: hidden; } } #skrollr-body { width: 100%; position: absolute; top: 0; left: 0; background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/meghan-hessler-Uc6_kr4_Baw-unsplash.jpg"); background-size: inherit; } #search-top-box-input { background: #d1fffd; color: #30c2bb; border-color: #30c2bb; } #search-top-box-input:hover, #search-top-box-input:focus { background: #30c2bb; color: #15304d; } #search-top-box-form input[type="submit"] { background: #264c9e; color: white; } #search-top-box-form input[type="submit"]:hover { background: #723da8; color: white; } #search-top-box input.empty { color: #30c2bb; } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { color: white; --text-shadow: grey; } .scp-image-block .scp-image-caption { background-color: rgb(var(--rock-color)); color: black; } #account-options { background-color: rgb(var(--sapphire-l)); } #login-status ul a:hover { color: rgb(var(--chrys-d)); } #login-status a { color: rgb(var(--rock-color)); } /*STANDARD BLOCKS*/ blockquote { color: black; background-color: rgba(var(--rock-color), 0.5); } div.blockquote { color: black; background-color: rgba(var(--rock-color), 0.5); } .styled-quote { background-color:rgb(237, 255, 251); color: black; border-left: 0.5rem solid rgb(179, 255, 236); } .lightblock { background-color:rgba(200, 255, 245, 0.6); color: black; box-shadow: 0 0.2rem 0.6rem rgba(200, 255, 245, 1); border: 2px solid rgb(200, 255, 245); } .dark-styled-quote { color: white; border-left: 0.5rem solid rgb(26, 42, 150); } .darkblock { color: white; background-color:rgba(0, 6, 92, 0.3); } .code { border: 2px dashed rgb(var(--sapphire-d)); background-color: rgb(var(--rock-color)); } /*SPECIAL DIVS FOR THIS THEME*/ .chrys-lightblock { background-color:rgb(var(--chrys-l)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color: black; position: relative; } .chrys-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .chrys-quote { background-color:rgb(var(--chrys-l)); border-left: 0.5rem solid rgba(var(--chrys-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); color: black; position: relative; } .chrys-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .amethyst-lightblock { background-color:rgb(var(--amethyst-l)); color: white; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .amethyst-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .amethyst-quote { background-color:rgb(var(--amethyst-l)); color: white; border-left: 0.5rem solid rgba(var(--amethyst-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .amethyst-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .ruby-lightblock { background-color:rgb(var(--ruby-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .ruby-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .ruby-quote { background-color:rgb(var(--ruby-l)); color: black; border-left: 0.5rem solid rgba(var(--ruby-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .ruby-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .onyx-lightblock { background-color:rgb(var(--onyx-l)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .onyx-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .onyx-quote { background-color:rgb(var(--onyx-l)); border-left: 0.5rem solid rgba(var(--onyx-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .onyx-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .topaz-lightblock { background-color:rgb(var(--topaz-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .topaz-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .topaz-quote { background-color:rgb(var(--topaz-l)); color: black; border-left: 0.5rem solid rgba(var(--topaz-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .topaz-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .citrine-lightblock { background-color:rgb(var(--citrine-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .citrine-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .citrine-quote { background-color:rgb(var(--citrine-l)); color: black; border-left: 0.5rem solid rgba(var(--citrine-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .citrine-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .jade-lightblock { background-color:rgb(var(--jade-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .jade-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .jade-quote { background-color:rgb(var(--jade-l)); color: black; border-left: 0.5rem solid rgba(var(--jade-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .jade-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .sapphire-lightblock { background-color:rgb(var(--sapphire-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .sapphire-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .sapphire-quote { background-color:rgb(var(--sapphire-l)); color: black; border-left: 0.5rem solid rgba(var(--sapphire-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .sapphire-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .tourm-lightblock { background-color:rgb(var(--tourm-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .tourm-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .tourm-quote { background-color:rgb(var(--tourm-l)); color: black; border-left: 0.5rem solid rgba(var(--tourm-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .tourm-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .dia-lightblock { background-color:rgb(var(--dia-l)); color: black; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); position: relative; } .dia-lightblock::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .dia-quote { background-color:rgb(var(--dia-l)); color: black; border-left: 0.5rem solid rgba(var(--dia-d)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); position: relative; } .dia-quote::after{ content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; } .lightblock h1, .lightblock h2, .lightblock h3, .lightblock h4, .lightblock h5, .lightblock h6, .chrys-lightblock h1, .chrys-lightblock h2, .chrys-lightblock h3, .chrys-lightblock h4, .chrys-lightblock h5, .chrys-lightblock h6, .chrys-quote h1, .chrys-quote h2, .chrys-quote h3, .chrys-quote h4, .chrys-quote h5, .chrys-quote h6, .dia-lightblock h1, .dia-lightblock h2, .dia-lightblock h3, .dia-lightblock h4, .dia-lightblock h5, .dia-lightblock h6, .dia-quote h1, .dia-quote h2, .dia-quote h3, .dia-quote h4, .dia-quote h5, .dia-quote h6, .styled-quote h1, .styled-quote h2, .styled-quote h3, .styled-quote h4, .styled-quote h5, .styled-quote h6 { color: black; }
位置:多数洞穴层级
安全性:安全
描述:
一块被当作展品的Object C-302。
Object C-302是一种完全透明的月牙形晶体,其形态完美,如同被精心雕琢过,但表面却找不到任何人工加工的痕迹。其质地较为坚硬,但触感温润,带有一种奇特的、类似生物组织的轻微弹性。常态下该晶体本身并不产生光源,但在大多数光照条件下,其内部会折射出微弱的、彩虹般的光晕。
其本质上属于一种天然矿物,偶尔能在Level 8等洞穴层级的墙壁上发现它们的踪迹,其成分包含95%以上的二氧化硅和少量未知金属元素。由于其特性可用于探索和斗争,故成为M.E.G.以及B.N.T.G.等团体的重要战略资源和重点开采对象。
特性与用途:
感应性:
- 当任何具有生命意识的实体(包括人类、其他流浪者,甚至某些层级的实体)用手或身体部位直接接触水晶时,水晶会开始发出一种柔和的、脉动的微光,此时Object C-302被视为激活状态。光的颜色通常呈淡蓝色或乳白色,其亮度与持有者的生命状态有关,但总体上非常微弱,仅能在黑暗中用作近距离照明。
- 当两块或以上被激活的水晶彼此靠近时,它们发出的光会同步增强。距离越近,光芒越亮,仿佛在相互“呼唤”。这种特性使得流浪者可以在视觉受阻的层级(如浓雾、黑暗环境)中,无声地确认附近是否存在友方单位,是探险队避免走散的宝贵工具。
危险性:
- 如果两块被激活的水晶以任何形式发生物理碰撞(无论是无意间的磕碰还是故意投掷),它们会因未知原因瞬间发生湮灭现象。这个过程并非爆炸,而是两者如同被从现实中“擦除”一样消失无踪,不留下任何残骸。
- 与此同时,湮灭点会释放出一道强大的、无声的电磁脉冲波。该脉冲波会导致半径15至20米范围内的所有电子设备暂时失灵或永久性损坏,包括手电筒、对讲机、摄像机等。脉冲对生物体无害,但会让依赖电子装备的流浪者在关键时刻陷入巨大的危险。
定位性:
- 当使用任何外部光源(如手电筒、层级内的固定光源)从特定角度照射水晶时,光线穿过水晶后,其产生的所有折射光会违背物理规律,奇迹般地汇聚成一束极其明亮、边界清晰的光线。这束光线的方向恒定不变,永远指向该流浪者最初切入当前所处层级的地点。这为迷途的流浪者提供了一个绝对可靠的坐标,是探索未知层级时有用的导航工具。值得注意的是,这个“初始切入点”是个人化的,每个流浪者的水晶都只指向他自己进入该层级的入口。其具体原因仍在探究中。
时间扰动性:
Object C-302最为特殊而强大的性质在于其对层级本身时间概念的干扰性。当流浪者在任意具有昼夜更替现象的层级的白昼时分以任意手段破坏Object C-302后,该层级天空时间的流速会开始异常加快,在短短几秒内白昼会被更替为黑夜,在这之后时间流动便会恢复正常。与此对立,在夜晚时分进行该操作并不能产生任何效果。值得注意的是,流浪者在当前层级内永远无法第二次触发该效应。
特殊类型:
经探索发现,Object C-302存在少量稀有变种,它们与常见型的区别在视觉层面仅仅在于颜色的不同,下表列出几种已发现的变种的颜色及特殊性质可食用,但不能为人体提供任何所需的营养成分,具有弱黏性,其味道被描述为“淡淡的水果糖味”。
两块处于激活状态的红色变种Object C-302发生物理碰撞后会剧烈反应并爆炸,威力相当于约50克TNT炸药。
持有该变种(激活状态)时,流浪者的视力、听力和嗅觉将立刻得到大幅度增强,但效果会随时间而缓慢衰减。
最稀有也是最危险的变种,目前仅现存2块,且均被M.E.G.严密保管在Level 1的Alpha基地。已知该变种被激活后会在半径25米的范围内释放一种未知的能量辐射,能穿透大多数非金属障碍物,随时间推移,其会对生命体产生越来越恶劣的精神影响。
精神影响症状:
- 初期(暴露后1-5分钟): 感到莫名的紧张、焦虑和易怒。
- 中期(暴露后5-15分钟): 理性思考能力显著下降,产生偏执的猜忌和被迫害妄想。
- 后期(暴露15分钟后): 彻底陷入无解的狂躁状态。受害者会表现出极强的攻击性,无差别地攻击视野内的一切移动目标,包括其最亲密的伙伴。这种状态下的个体力量、速度和耐力会超常提升,且对疼痛的感知变得迟钝。
据研究人员猜测,该变种疑似与蓝月亮存在某种关联。
发现与命名:
录音记录 编号:O-C-302-1
地点:Level 8某未勘探区域
记录者:M.E.G.探员费利克斯·沃尔夫
【深吸一口气,声音带着勘探后的疲惫,但努力保持清晰和冷静】
沃尔夫:(低声自语)好了,就这样吧。希望能录下来……这鬼地方,地图根本没多大用。
【脚步声在空旷的洞穴中回响,伴有水滴落的滴答声】
沃尔夫:任务日志更新。追踪那个……能量信号,或者说异常辐射,深入了这个该死的洞穴群。已经偏离已知安全路线至少两公里。现在全靠……直觉,还有这该死的信号强度读数在硬撑。
【一阵衣物摩擦声,似乎他停了下来】
沃尔夫:信号源很近了。读数爆表。空气里有种……静电感,汗毛都立起来了。前面是个死胡同,但……(停顿)等等。那是什么玩意?
【声音压低,带着警惕】
沃尔夫:洞壁尽头……有东西在反光。很微弱。形状……月牙形?像是嵌在岩石里。不止一个,散落在各处。材质……透明,像水晶。从未在任何数据库里见过这种物质。
【小心翼翼的挖掘声,伴随着细小的碎石滚落声】
沃尔夫:我弄下来了一个。(轻微的惊叹)触感……温的?不像石头,倒有点像……温润的玉石。硬度感觉不低。
【突然,录音里传来一阵非常轻微的、类似蜂鸣的嗡鸣声,同时沃尔夫的声音带着惊讶】
沃尔夫:见鬼!它……它在发光!我拿着它,它就开始发出一种柔和的蓝光。脉冲式的……像心跳。生命体征感应?还是某种能量?
【嗡鸣声逐渐减弱,但水晶发光的描述被确认】
沃尔夫:难以置信。它好像……在回应我?记录:未知水晶状物体,月牙形,透明,接触生命体后发出脉冲式微光,暂定名“辉月”。特性确认。
【一阵短暂的沉默,只有水晶可能的微弱嗡鸣和呼吸声】
沃尔夫:等等……我包里有强光手电。测试一下折射率……(打开手电的咔哒声)老天……
【声音充满震惊】
沃尔夫:光……光穿过它之后,没有散开!所有光线,都聚成了一束……一束笔直的、极其凝聚的光柱!这简直违背了物理定理,真不可思议。(光束移动的声音)它指向了……它恒定地指向我来的方向,是我切入这个岩洞系统的入口!这……这是一个导航信标!
【激动之余,带着一丝如释重负】
沃尔夫:这意味着……我们可能再也不会在这些类似的鬼地方迷路了……
【突然,录音里传来“咔哒”一声脆响,像是水晶掉落在石头上的声音,但不是沃尔夫手中的】
沃尔夫:嗯?什么声音?(摸索声)这里还有一块小的掉下来了……
【就在此时,他手中的水晶和刚捡起的那块,光芒骤然变得极其刺眼,录音里传来他短促的惊呼】
沃尔夫:糟了!它们靠太——
【话音未落,被一种高频、尖锐的滋——声打断。紧接着,是手电筒摔落、破碎的声音,以及沃尔夫一声惊呼】
【大量刺耳的杂音】
【录音中断】
« Object C-301 |辉月| Object C-303 »
