警告:你可能被我的傻逼代码气晕
:root { --theme-base: "black-highlighter"; --theme-id: "theme-new-home"; --theme-name: "New Home Theme"; --logo-image: url("http://gufei.wikidot.com/local--files/start/biglogo"); --header-title: "新家"; --header-subtitle: "GO BACK?"; --color-filter: 93, 26, 4; --main-color: 156, 14, 0; --main-color-2: 255, 60, 18; --main-color-3: 152, 26, 6; --bg-image: url("https://live.staticflickr.com/1653/24589415179_2cc97063f4_o.jpg"); --black-monochrome: 13, 13, 13; --very-light-gray-monochrome: 0,0,0,0; --background-gradient-color: var(--color-filter); --dark-gray-monochrome: var(--black-monochrome), .6; --white-title-monochrome: 232,232,232; --white-monochrome: 230, 230, 230; --medium-accent: var(--main-color); --light-gray-monochrome: var(--main-color); --bright-accent: var(--main-color-2); --pale-gray-monochrome: 205, 205, 205; --blockquote-color: 20, 20, 20, .1; --whiteblock-color: 245, 245, 245; --darkblock-color: 61, 69, 72; --lightblock-color: 160,160,160; --darkerblock-color: 32, 32, 34; --block-border-color: 255, 255, 255, .1; --in-link-color: var(--main-color-2); --in-link-hover-color: var(--main-color-2); --in-visited-link-color: var(--main-color-3); --diagonal-stripes: none; --gradient-header: linear-gradient(to bottom, rgba(var(--black-monochrome)) 45%, rgba(23, 23, 23) 80%); --sidebar-width-on-desktop: 13rem; --header-height-on-desktop: 6.5rem; --header-height-on-mobile: 6.5rem; --header-h1-title-border-color: none; --header-h2-title-border-color: none; } /* ==标题 & 分割线== */ :is(#page-title,.meta-title):after{ content:""; background:rgb(var(--main-color-2)); -webkit-box-flex:1; -webkit-flex-grow:1; flex-grow:1; height: .0625rem; margin:auto auto auto 1.25rem } hr { border-top: .0625rem solid rgb(var(--main-color-2)) !important; } /* ==版头== */ #header::after { display: none; } @media only screen and (max-width: 56.25rem) { #extra-div-1 { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: var(--header-height-on-desktop); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(var(--black-monochrome),.6) 90%); pointer-events: none; } #header h2 span::before { font-weight: bolder; color: white; position: absolute; top: 4.2rem; margin-left: -4rem; width: auto; } #header h1 span::before { font-weight: bolder; color: white; position: absolute; width: auto; } #header h1 a::before { margin-left: -4rem; } } /* ==背景图片== */ #skrollr-body::before { content: ""; background-image: linear-gradient(to top, transparent,rgba(var(--color-filter), .8)), var(--bg-image); position: fixed; background-size: 100% 100%, cover; width: 100vw; height: 100vh; background-position: center 40%; } #container-wrap-wrap::before { content: ""; position: fixed; width: 100vw; height: 100vh; background-color: rgba(var(--black-monochrome), .8) -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } #container { background-image: none; } /* ==文字黑底== */ #main-content { padding: 1rem 1.5rem; margin: 2rem auto 1.5rem auto; --swatch-background: 0,0,0,0; background: rgba(var(--black-monochrome), .5); box-shadow: 0 0 30px rgba(var(--black-monochrome), .1) inset; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); border-radius: 10.2px; } /* == Top-Bar == */ #top-bar{ background: none; } #top-bar div.mobile-top-bar, #top-bar div.top-bar { border: none; } @media only screen and (max-width: 56.25rem) { #top-bar div.mobile-top-bar, #top-bar div.top-bar { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } } #top-bar div.mobile-top-bar>ul>li:hover, #top-bar div.top-bar>ul>li:hover { background: rgba(var(--black-monochrome)); } #top-bar div.mobile-top-bar>ul>li>ul, #top-bar div.top-bar>ul>li>ul { background: rgba(var(--black-monochrome)); } /* ==桌子== */ #main-content table.wiki-content-table th { color: rgba(var(--white-title-monochrome)); border: 1px solid rgba(var(--main-color-2)) !important; background-color: rgba(var(--black-monochrome)); } table.wiki-content-table tr { background-color: rgba(var(--black-monochrome), .6); color: rgba(var(--white-monochrome)); } /* ==电脑端== */ @media only screen and (min-width: 56.25rem) { #main-content { padding: 1rem 1.2rem; margin: 2rem auto 1.5rem auto; } #top-bar{ background: rgba(var(--black-monochrome), .5); box-shadow: 0 0 30px rgba(var(--black-monochrome), .1) inset; border-radius: 15.2px; } #top-bar div[class*=top-bar] > ul > li > ul { border-radius: 15.2px; overflow: hidden; border: none; } #header h2 span::before { font-weight: bolder; color: white; position: absolute; top: 4.4rem; margin-left: -5rem; width: auto; } #header h1 span::before { font-weight: bolder; color: white; position: absolute; width: auto; } #header h1 a::before { margin-left: -5rem; } } /* == DIV == */ .shadebox { margin: 0; } .block, .blockquote, [class*=blockquote], blockquote, div.blockquote { background-color: rgba(var(--blockquote-color)) !important; margin: 1rem 0 !important; padding: 1rem !important; color: rgba(var(--white-monochrome)); border: 2px solid rgba(var(--block-border-color)) !important; outline: none; outline-offset: none; box-shadow: none !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .lighter { box-shadow: 0 0 0.5rem rgba(var(--whiteblock-color), .4); } #page-title, .title { color: rgba(var(--white-title-monochrome)); font-size: 1.6rem; font-family: var(--title-font); display: -webkit-flex; display: flex; } #page-title::after, .title::after { content: ""; flex-grow: 1; height: .0625rem; margin: auto auto auto 0.5rem; background-color: rgba(var(--main-color-2)); } #page-title::before, .title::before { content: ""; flex-grow: 1; height: .0625rem; margin: auto 0.5rem auto auto; background-color: rgba(var(--main-color-2)); } /* ==脚注== */ .footnotes-footer, .bibitems { background-color: rgba(20, 20, 20, .6); color: rgba(var(--white-monochrome)); border: 2px solid rgba(var(--block-border-color)); } .hovertip, .hovertip::before, .hovertip::after { background-color: rgba(20, 20, 20, .8); color: rgba(var(--white-monochrome)); box-shadow: inset 0 0 0 1px rgba(var(--block-border-color)) !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } /* == Title == */ #page-content h1 { font-size: calc(var(--base-font-size) * 1.5); } #page-content h2 { font-size: calc(var(--base-font-size) * 1.4); } #page-content h3 { font-size: calc(var(--base-font-size) * 1.3); } #page-content h4 { font-size: calc(var(--base-font-size) * 1.2); } #page-content h5 { font-size: calc(var(--base-font-size) * 1.12); } #page-content h6 { font-size: calc(var(--base-font-size) * 1.1); } [!-- 写得好,我完全同意]
M.GL.E.G. 遗失档案部每周二的例行会议上,一枚粉笔从会议室另一端飞来,带着明确的恶意与完美的抛物线,命中你的额头。
“哎呦!”
你下意识叫了一声,音量刚好足够显得自己不是装的。你停下手里那只已经转得发黏的破魔方,把它塞回口袋,双肘侷促地顶在膝盖上,装作毫不知情的样子。
会议室里安静了一瞬。
接着,清脆的脚步声响起,带着不需要加快也足够让人紧张的从容。那位被私下称为“大肚腩”的先生正朝你走来。日光灯下,庞大影子一点点拉长,缓慢地盖过你的鞋尖。他动作熟练地伸出手,显然不是第一次抓人衣领。
你把头往左一偏,顺势后仰,尽力扯出一个尴尬的笑容。
这成功奏效了。他的手停在半空中,或许是意识到直接动手不太体面,他收回手,清了清嗓子,转而面向全体。
“那可不得了啊!”他拍了拍桌子,粉笔灰飞起,“直接把原来的 Level Gl 0 给挤掉了。我们几位勘探员呢,拖这篇文档的福,直接去里头参加新年派对了——烟火、灯笼、红对联,一样不落,回不回得来另说。”
你从来没见过他笑得这么灿烂。
“所以啊,这种创作精神,必须重大表扬嗷。”
掌声没有出现。同事们收起嘴角,办公室仍是往常一般吓人地安静。
你低头盯着桌面那道旧划痕,忽然觉得它看起来很眼熟,像极了你未来的职业轨迹。此时你的脑子里只剩下一个念头:
早知道就不写那个文档了。本来只是想整个活,给枯燥的档案系统添点年味。谁能想到后室意志跟你一样闲,还他妈特别较真。
这下好了。
你这六个月里熬夜写的46篇文档,理论上仍然存在,实际上已经全数作废。更妙不可言的是,其中几篇现在被列为‘潜在灾难源头’。因为‘间接导致数位勘探员失踪’,你的年终奖金已经可以提前写进讣告。至于这份工作——嗯,组织向来讲究概率。
“接下来,让我们来欣赏一下 Ta 的杰作吧——”
我操我操不要啊。
你唯一能做的只剩祈祷。灯管爆裂也好,系统宕机也行,哪怕后室现在把整栋楼吞了都行。
但屏幕还是亮了。
你明显感到心跳漏了一拍。
Level Gl 0 - “新春佳节”
“假如你不小心在错误的地方从现实中切出,你最终将坠入后室,这里只有鞭炮的烟火味,庆贺新年的人们,给大伙带来无尽欢乐的礼物,还有令人深陷其中的绚烂烟花秀。
“倘若你听见有什么东西在附近移动,带着一盘盘的饺子,愿财神保佑你吧,因为它一定会好好招待你……”
: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--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; } /* */ /*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}/ .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} */
Level Gl 0 是后室 GL 层群的第 1 层。该层级的环境与前厅中国传统节日春节类似。值得注意的是,此层级的节庆元素或具备周期性跨层级扩散倾向。
描述

Level Gl 0 中的室外环境。
Level Gl 0 是一个由若干居民楼组成的集合点。若不作探险规划,极容易在此地晕头转向。初来乍到,可见居民楼如严墙竖立四周,然而它们并非旅途的阻碍——流浪者可以轻松进入其中,甚至藉由此躲避寒冷的气候并快速穿越层级。
尽管该层级的室外区域更偏向冷色调,低温甚至能把流浪者带来的杏仁水冻成冰块,温度维持在 -23℃ 上下。但流浪者初入该层级时第一时间注意到的往往是那喜庆又晃眼的半天红,这些灯笼并非遮天蔽日之物,却也笼罩了相当一部分的区域。该层级的大部分区域都被具有节日气息的装饰所覆盖,但显然,后室对其的复制尝试并不算准确——充满廉价感的彩纸、粘不牢的窗花、歪七八扭的春联…… 这等艳丽的红光极不真实,呈现出一种伪造感与劣质感。然而,这些节庆元素已被证明能在一定程度上唤起流浪者的思乡之情——甚至是补全有关故乡的记忆。
居民楼中的房间之一,值得注意的是空白的春联。
层级的居民楼内有暖气供暖,恒定地,气温保持在 19~24℃,即流浪者不需多余的衣物御寒,也不用卸衣散热,时刻保持温暖。这使得层级相对较为宜居,在居民楼内的大部分房间内,都居住着派对客,但它们并不排斥外人,它们会为流浪者们腾出房间和准备食物,并邀请流浪者参与它们的聚会。
除此之外,居民楼房门上仍然会挂有春联,但其上不会有任何文字。若可以,流浪者可以尝试亲自书写这些春联,弱流浪者对仗符合中国传统文化要求,流浪者将会变得更加好运,此时流浪者更容易遇到该层级通往其它安全层级的出口。
实体
在Level Gl 0中,派对客是最为常见的一类实体,与阴险狡诈的刻板印象不同,本层级的派对客受层级性质影响,从而对流浪者及其它实体显得异常友好,就像是本层级的原住民,它们拥有着各种各样的职业,但无论何时,若它们遇到流浪者,将会友好的邀请流浪者前往自己家中做客,并为流浪者提供食物(多数情况下是汤圆或饺子)。而它们也不在热衷于派对,而是聚会,它们会三五成群的聚在一个房间内,并邀请更多派对客或流浪者参与它们的聚会。
在Level Gl 0中,派对之主是变化较大的一类实体,为切合中国传统文化,派对之主的形象从蛋糕变为了汤圆和饺子,且它们不再是派对客的领导者。在本层级中,它们更倾向于一种代表幸福和美好的友好实体,虽然无人帮其运动,但派对客为它们套上了财神的衣服,并定期前往跪拜,据部分流浪者所述,跪拜它们可以获得一些食物,主要是前厅中国春节传统食物

“生肖”之一午马的图像。
生肖
“生肖”是Level Gl 0内特有的一类实体,其共有12个亚种,分别对应着前厅中国的十二生肖。每位流浪者均只能遇见一只“生肖”,且与其出生年份相关。它们如同保护神一般,若流浪者在层级内遭遇危险,它们会随机出现并将流浪者从危险中救下。但同时,后室对这些“生肖”进行了后室化的改编,它们虽为保护神,但长相略有后室特有的阈限感。
出入口
入口
- 从Level 0中进入一个贴有对联的门
- 在 Level Gl 45 内进入一个地下室。
- Level Gl 46 中房屋内不稳定的空间可能导致流浪者切入Level Gl 0。
出口
- 进入一扇双开门铁门会来到Level Gl 2
自那之后的事便是不言而喻。
你被请出了单位。当然,按照人事部那套一向体面的说法,是“阶段性离岗、居家反省、接受组织观察”。听起来甚至比“开除”更像一项福利,仿佛你只是被允许提前体验退休生活,只是少了些养老金与尊严。
人事部送来的文件一共三页,措辞严谨、逻辑完整,真不像在后室里写出来的东西。处分期限写着“暂定”,这两个字让人浮想联翩,好似下一步不是复职,而是升级成某种抽象的存在。
至于工资?那就别想了。
很遗憾,由于组织认为你目前“精神状态与现实贡献不呈正相关”,所以决定暂时帮你保管这笔钱。至于保管期限——这种事一向讲究信任。
老实说,这也并非全无道理。毕竟,确实有几位勘探员因为你的奇思妙想,消失在了一些理论上“应该非常安全”的地方。可问题就在这儿:
你写的明明是个安全层级!
可后室显然对“安全”这个词有自己的理解。
总之,你这几天都呆在家里。摆弄着魔方,抑或是其他的什么东西。
“叮!叮!叮——”
单位发的那台一体机的消息提示音总是那么劲爆。
是你的同事发来的消息。
“老兄,你写的那篇文爆了!”
你盯着那行字看了三秒。在第四秒的时候,你把一体机的音量调小了。
你回了个:“……哪种爆?”
对方的输入状态闪了很久,久到你怀疑他是不是正在被什么不该出现的东西拖走。最终,消息跳了出来。
只见他发出内部论坛、后门、还有不知道谁传到勘探员匿名频道的截图。
“阅读量翻了十倍。”“点赞比你过去三年的总和都多。”“哦对了,评论区全是讨论探险经历的——作为这个层级的造物主大人,你肯定很感兴趣。”
你把一体机扣在胸口,深吸了一口气。
爆了啊……
你当然知道会爆。
后室一向如此——越是不该被当真的东西,越容易被当成参考手册。
一体机又震了一下。
“还有个事,档案部那边在收集反馈。”
“他们问,你那篇文里写的‘节庆元素具备周期性跨层级扩散倾向’,是不是伏笔。”
你闭上眼。
那当然不是什么伏笔,只是因为当时觉得“周期性扩散”这几个字读起来很顺眼。
但你不再解释,只回了一个表情包——系统自带的笑脸 emoji,像素模糊、情绪不明,那种适合出现在任何事故通报里的笑脸。
……
你翻了个身,把脸埋进沙发靠垫里。布料仍留有洗衣房的一丝芳香,让人安心,也让人联想到一些不大好的情景。比如说现在。
糟透了。
要不……刷刷论坛?
你必须直面你造成的后果了。
你在搜索栏输入了“新春佳节”——仅此而已,不带更多前缀和关联词更谈不上设置过滤器。可就是这样一个再普通不过的词条,浏览器呈现出的第一条结果,却偏偏指向了那个层级。可见你现在确实是个大名人了,名气大到连节日都要给你让路。
点进论坛,几个大字直晃晃地冲进眼球——“Level Gl 0 疑似因 M.GL.E.G. 人员操作失误而发生巨变”。
“并非疑似。”你暗暗地自嘲了一句。
退回搜索界面,你飞快地向下滑去——即使保守估计,这里也有至少二十几篇新闻文章。
你盯着那一串标题,像盯着一排等待宣判的判决书。它们的共同点只有两个:一是都绕不开你的身份,二是都在努力营造出一种冷静且专业的姿态——这一般意味着事情已经完全失控。
你随手点开其中一篇。
撰者显然花了不少心思,先是从后室节庆文化的历史沿革谈起,引用了三份你从没见过、但署名看起来都很权威的旧档案。然后笔锋一转,极其克制地指出:“在该层级发生变化前七天,M.GL.E.G. 遗失档案部曾上传一份看似临床腔严谨,内容却明显异常的补充文档。”
“临床腔严谨,内容却明显异常”你觉得这份评价还算不错,证明你的写作技术确实进步了。至少比那帮邪教徒一拍脑袋,无意义堆砌词藻的文章要好得多。
不过评论区就略显戏谑了。
有人贴出了自己在 Level Gl 0 里捡到红包的照片,配文:“不拿白不拿。”
还有人直接问:“所以以后过年是不是都能去这层?”
诸如此类的还有“新年好啊阿米诺斯”“666 GL 版所言即咎来的”“后室迎来大变”……
你默默关掉了那一页。
下一篇标题更直接——《论文本叙事对后室现实稳定性的潜在影响》。你点进去看了三行,就意识到这不是给你看的,是给某些人用来在会议上互相投掷的新型粉笔。
再往下翻,画风逐渐失控。有人整理了“新春层级生存指南”,有人制作了简易地图,甚至还有一个置顶投票,主题是:“你认为该层级最终会被重新评级为?”选项里赫然写着“安全”“娱乐”“文化遗产”以及一个让你眼皮一跳的——“不可逆事件”。
你把页面往下拖了拖,发现投票人数已经多到需要滚动条。
一体机又颤了一下。
有人在 BackGL @了你。这是个坏消息——他们已经找到你的账号了。
你忐忑地点开论坛。
BackGL论坛
[楼主] Unnamed 于 15/2/2026
后室的一百零一招已是司空见惯,从野兽至玉液,要么将危险展露无疑,要么把威胁藏于身后——我从来都感到无所适从,因而能简单拆穿它们的陷阱。然而,怀旧陷阱却是其中的独一类,将人类的记忆作为弱点,更加残酷与冰冷,亦能摧毁人的理智于惭愧之情。但好在我也算得上是“身经百战”,为求生路,我早已把记忆葬送在水泥丛野。
但在图书馆的地下室中——本不应通向这里,那段记忆让我始料未及:只记得那时我的视野被闪光破坏地近乎失明,于是慌不择路地冲向一切黑暗的角落,当然是一间地下室。我清晰地记得它通向地下室,但那种红色打破了我的既有认知。
我的视野仍受阻,未能从慌乱中恢复,从红光中析出的景色让我愈感绝望,我曾几何时认为那是某只实体的血盆大口或是血肉构成的墙,于是在对死亡的恐惧中我哭了。我埋头哭泣了好一阵,直到把肺哭疼,才看清那片红色。好劣质的艳红色。而这一片红带着昔日繁华的气息,简陋的模样似是童年做的手工。不知为何,这种不完美的景色更具生活气息,也让我想起早已为生存而贱卖的故乡。
于是我继续哭,不过怀揣着愧疚。
#新春佳节 #Level_Gl_0环境聚变 #前厅 #农历新年
Chikman » Unnamed 于 15/2/2026
好吧,@你的是同事的账号,起码你的身份没有泄露。
但这……你从没想过自己的无心插柳能给别人带来故乡的温暖。
你的喉咙动了一下。
你当然记得这段描述。甚至不用回想,你就已经知道“劣质的艳红色”指的是什么——廉价彩纸、掉色灯笼、对折三次还歪了的剪纸花边。你当初写的时候只是觉得这样显得更有画面感,现在看来,这画面感显然已经被过分解读了。
你往下翻。
回复数:43
正在输入:6 人
不知为何,你在冒冷汗。
第二条回复很快跳了出来:
S_Duck » Unnamed 于 15/2/2026
我在那层待了六个小时。就……普普通通,没有危险,没有追逐,不过有几只友善的派对客。
层级里一直播放着走调的音乐,我后来才意识到那是《恭喜发财》。
我不确定这算不算安全,但这是我第一次在后室里吃到饺子。
第三条回复就没那么文艺了:
Salted Floor » Unnamed 于 15/2/2026
鸡肚菜花。
说个有意思的,里面派对客做的汤真的和我妈做的一模一样,真挺怀念的……
又一条回复刷新出来:
Archivist_III 于 » M.GL.E.G. 官方账号 » Unnamed 于 15/2/2026
从结果上来看,该层级具备高度叙事稳定性。
建议 M.GL.E.G. 档案部不要贸然删改原始文档,尤其是那段关于“节庆元素会补全缺失记忆”的描述。
——如果那不是事实,那它现在也已经是了。
你忍不住发出了一声很轻的笑,解释权已经不在你这了。
你继续往下翻,终于看到了一条被顶到最上面的回复。
Chikman » Unnamed 于 15/2/2026
Ta 不是故意的。
至少我认识的那个人不是。
Ta 只是太清楚档案该怎么写了,
却没学会不去写。
你盯着这几行字,看了很久。
一体机再次震动。
这次不是论坛通知,而是遗失档案部的内部频道,权限等级显示为临时恢复。
[系统消息]
鉴于当前情况,组织希望你对相关层级的“叙事源头”进行补充说明。
请注意:本次行为将被视为“协助性创作”。
你靠回沙发,抬手遮住眼睛。
协助性创作。
听起来比“责任人”好听多了,也比“罪魁祸首”更容易写进报告。
魔方在你口袋里轻轻碰了一下,像是在提醒你它还没被解开。
春节在工作的忙忙碌碌中度过,你记不清太多细节,只记得隔壁的张大婶给做了一些菜送来——哎,又是一份人情。
两周后你重返办公室,不过并没有复职,也没有正式离职。你的工号被标记为“保留”,像房间里的大象一样无人敢动。偶尔有新人问起,你也总是含糊其辞。
你和科研部的同事和那位同事一起度过了这次危机,科研部研发的“层级状态回退机”也总算是派上用场了。
仍然记忆犹新的是,你回办公室那天——即使春节已经过了——同事们一拥而起(包括那位“大肚腩”先生),冲到你的面前,仍是有说有笑:
新年快乐!
/ 由 A1234YY*cc 和 mcxiaochang 合著 /
图像原名:Lanterns
授权协议:CC BY-NC-SA 2.0
图像作者:Brad Herman
图像原名:对联
授权协议:CC BY-NC-SA 2.0
图像作者:Connie
图像原名:Workshop: Chinese New Year Wonderbox
授权协议:CC BY-SA 2.0
图像作者:Fabrice Florin