@import url('https://fonts.googleapis.com/css2?family=Nixie+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
:root {
--body-bg: 225, 225, 225;
--content-bg: var(--global-white-color);
--bg-opacity: 0.9;
--extra-bg-1: url(https://imagebed.pro/images/liurd/skyline.svg);
--extra-bg-2: url(https://imagebed.pro/images/liurd/skyline.svg);
--extra-bg-3: url(https://imagebed.pro/images/liurd/skyline.svg);
--extra-opacity-1: 0.15;
--extra-opacity-2: 0.05;
--extra-opacity-3: 0.05;
--topbar-hover-bg: var(--dark-ui-bg), 0.2;
--topbar-hover-txt: var(--light-ui-txt);
--user-drop-txt: var(--dark-ui-txt);
--bottombar-bg: var(--dark-ui-bg);
--bottombar-txt: var(--dark-ui-txt);
--header-title: "SCP 基金会";
--banner-title: "FOUNDATION";
--banner-subtitle: "当色彩褪去的时候";
--header-height: 3rem;
--topbar-height: 2.5rem;
--dropdown-height: var(--topbar-height);
--banner-height: 25rem;
--header-ui-size: 3rem;
--header-title-size: 1.8rem;
--topbar-size: clamp(0.8em, calc(0.4rem + 0.8vw), 1em);
--banner-title-size: clamp(2rem, calc(2rem + 3.5vw), 6rem);
--banner-subtitle-size: 1rem;
--banner-font: "Nixie One", "Noto Serif SC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, serif;
--header-font: var(--banner-font);
--title-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--body-font: "Atkinson Hyperlegible", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
--ui-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
}
#extra-div-1 {
position: fixed;
width: 100%;
height: 25vh;
bottom: 0;
left: 0;
z-index: -1;
background-image: var(--extra-bg-1);
background-size: 20rem;
background-repeat: repeat-x;
background-position: center;
opacity: var(--extra-opacity-1);
}
#extra-div-2 {
position: fixed;
width: 100%;
height: 50vh;
bottom: 0;
left: 0;
z-index: -2;
background-image: var(--extra-bg-2);
background-size: 40rem;
background-repeat: repeat-x;
background-position: center;
opacity: var(--extra-opacity-2);
}
#extra-div-3 {
position: fixed;
width: 100%;
height: 100vh;
bottom: 0;
left: 0;
z-index: -3;
background-image: var(--extra-bg-3);
background-size: contain;
background-repeat: repeat-x;
background-position: bottom;
opacity: var(--extra-opacity-3);
}
#container {
display: grid;
grid-template-columns: minmax(var(--sidebar-width), 1fr)auto 1fr;
grid-template-rows: auto auto auto auto;
}
#extrac-div-1 {
grid-column: 2 / 3;
grid-row: 1 / 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: var(--banner-font);
font-weight: 200;
width: 100%;
height: var(--banner-height);
color: rgb(var(--header-txt));
order: -1;
}
#extrac-div-1::before {
content: var(--banner-title);
font-size: var(--banner-title-size);
}
#extrac-div-1::after {
content: var(--banner-subtitle);
font-size: var(--banner-subtitle-size);
}
#header {
grid-column: 1 / 2;
grid-row: 1 / 3;
min-width: var(--sidebar-width);
width: 100%;
height: fit-content;
grid-template-columns: var(--header-ui-size) 1fr auto auto;
grid-template-rows: var(--header-ui-size) calc(var(--banner-height) - var(--header-ui-size)) auto;
top: calc(0px - var(--banner-height));
order: -2;
}
#search-top-box {
grid-column: 3 / 4;
position: fixed;
right: var(--header-ui-size);
backdrop-filter: blur(1rem);
}
#login-status {
grid-column: 4 / 5;
position: fixed;
right: 0;
backdrop-filter: blur(1rem);
}
#header h1 {
grid-column: 2 / 3;
grid-row: 1 / 2;
height: var(--header-height);
position: static;
}
#header h1 a {
justify-content: flex-start;
padding: 0;
padding-left: 0.5rem;
transition: padding var(--global-duration);
}
#header h1 a:is(:hover, :focus) {
padding-left: 1rem;
transition: padding var(--global-hover-duration);
}
#header h2 {
display: none;
}
#header-extra-div-1 {
display: none;
}
#top-bar {
grid-column: 1 / 5;
grid-row: 3 / 4;
height: auto;
}
#top-bar > div > ul {
flex-direction: column;
height: auto;
margin-right: 0;
}
#top-bar > div > ul > li {
flex-basis: unset;
height: var(--topbar-height);
}
#top-bar > div > ul > li > a {
justify-content: flex-end;
padding: 0 1rem;
}
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
top: 0;
left: 100%;
width: 32em;
max-width: max-content;
min-width: auto;
flex-direction: row;
flex-wrap: wrap;
}
#top-bar > div > ul > li > ul > li {
width: 50%;
flex-grow: 1;
}
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li > a {
box-sizing: border-box;
}
#content-wrap {
display: contents;
}
#side-bar {
max-height: unset;
overflow-y: auto;
border: unset;
box-shadow: 0 0 1.5rem -1rem rgb(var(--global-dark-color));
}
#side-bar::after {
backdrop-filter: blur(1rem);
}
#main-content {
grid-column: 2 / 3;
grid-row: 2 / 3;
min-height: 100vh;
box-sizing: border-box;
margin: 0 auto 15vh;
padding: 1.5rem;
box-shadow: 0 0 2.5rem -1rem rgb(var(--global-dark-color));
position: relative;
background: rgba(var(--content-bg), var(--bg-opacity));
}
#main-content::after {
content: "控制,收容,保护.";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 10vh;
color: rgb(var(--header-txt));
font-family: var(--banner-font);
font-weight: 200;
}
#page-title {
padding: 0;
}
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
padding: 0.5rem 1rem;
border-width: 0 0 0 0.3rem;
background: rgba(var(--light-block-bg), 0.4);
}
#page-options-container {
font-family: var(--ui-font);
}
#footer {
grid-column: 1 / 4;
grid-row: 3 / 4;
box-sizing: border-box;
justify-content: flex-end;
margin-top: 0.5rem;
border: unset;
}
#license-area {
grid-column: 1 / 4;
grid-row: 4 / 5;
padding: 0.5rem;
justify-content: flex-end;
}
#license-area a {
color: rgb(var(--global-pale-color));
}
@media only screen and (max-width: 1024px) {
#container-wrap {
perspective-origin: 49.5% 5rem;
}
#container {
display: flex;
}
#header {
min-width: var(--sidebar-width);
grid-template-columns: var(--header-ui-size) 1fr auto auto;
grid-template-rows: var(--header-ui-size) auto auto;
top: 0;
width: initial;
position: static;
}
#content-wrap {
display: block;
margin: 0;
}
#login-status {
position: relative;
backdrop-filter: unset;
}
#search-top-box {
position: static;
backdrop-filter: unset;
}
#login-status #account-options {
left: initial;
right: 0;
}
#top-bar > div > ul {
flex-direction: row;
margin-right: auto;
}
#top-bar > div > ul > li {
flex-basis: min-content;
}
#top-bar > div > ul > li > a {
justify-content: center;
padding: 0;
}
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
top: 100%;
left: 0;
width: auto;
flex-direction: column;
}
#top-bar > div > ul > li:last-of-type > ul {
left: initial;
right: 0;
}
#top-bar > div > ul > li > ul > li {
width: 100%;
flex-grow: 1;
}
}
@media only screen and (max-width: 768px) {
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
flex-direction: row;
}
#top-bar > div > ul > li > ul > li {
width: 50%;
}
}
只有当你彻底迷失时, 那条缀满蓝铃花的小径才会浮现。
挡风玻璃后,导航仪的箭头固执地戳在一片空白之上,像一只迷途的昆虫徒劳地撞击着屏障。他烦躁地攥紧方向盘。
午后的阳光炙烤着城市边缘的柏油路,蒸腾起扭曲视线的热浪。公文包躺在副驾驶座上,他本该驶向城西客户的所在地,可他却驶进了一条岔路。
导航屏幕彻底暗了下去,死寂一片。他低声骂了一句,猛地熄了火,推开车门,一股清冽的甜风扑面而来。那风瞬间卷走了车厢里淤积的焦躁。他怔在原地。
一条小路就在眼前。它安静地蜷在几株枝叶婆娑的槐树下,路面是近乎白色的沙土,踩上去没有一点声音。
最奇异的是路两旁,密密匝匝盛开着一种蓝色小花,铃铛形状,花瓣薄得像清晨的雾气,随着微风轻轻摇晃,发出细微撞击声,叮铃铃,叮铃铃……像是无数微小的精灵在窃窃私语。
阳光被槐树的枝叶筛过,碎金般洒落,在白色的沙土和蓝色的花海上跳跃,空气里浮动着细碎的光斑。没有路牌,看不到没有尽头,只有这一片温柔的蓝与白,向前延伸,没入远处更浓郁的树影里。
他站在车旁,公文包的重量突然显得有些多余。导航死机了,客户焦急的电话暂时打不通。他环顾四周,除了这条突然出现的小路和身后空荡荡的公路,只有风吹过树叶的沙沙声,以及那连绵不绝的叮铃声。
一种奇异的平静像冰凉的溪水漫过脚踝,驱散了心头的焦躁。他犹豫了一下,把公文包扔回副驾驶座,锁上车门。反正暂时也找不到正确的方向了。他抬脚,踏上了那条白色的小路。
沙土果然松软异常,每一步都像踩在云端。蓝铃花的香气若有若无,令人安宁。他慢慢走着,不觉得累,也不去想合同的事。
路边偶尔闪过几丛野草莓,鲜红欲滴,他摘了一颗放进嘴里,酸甜的汁液在舌尖炸开,比超市里买到的任何草莓都要浓郁。
一只翅膀闪着金绿色光泽的甲虫慢悠悠地爬过路面,他蹲下来看了一会儿,直到它消失在花丛深处。
光影在缓缓移动。他走到一处弯道,小路旁出现一条极细的溪流,水清澈得能看见底下五彩斑斓的卵石,水面上漂浮着几片金色的落叶,随波逐流。他蹲在溪边,忍不住伸手拨弄了一下冰凉的水。
就在这时,他从路旁那丛开得格外茂盛的蓝铃花后面听到了脚步声。花丛簌簌抖动,一个穿着洗得发白的棉布衬衫、头发花白的老人走了出来。
老人手里提着一个小小的竹篮,里面装着几朵刚采下的蓝铃花和一些野蘑菇。
“你好。”老人对他点点头,声音温和得像溪水流过石头。
“您好。”他有些局促地站起身,下意识地在裤子上擦了擦湿漉漉的手指,“这路……真漂亮。我好像迷路了。”
老人笑了起来,眼角的皱纹舒展开,像阳光晒暖的干涸河床。“迷路?”他重复了一遍,语气了然,“那就对了。这条路啊,”他指了指脚下白色的细沙,“它只欢迎迷路的人。”
老人走到溪边,蹲下身,把竹篮放在一旁,双手掬起一捧水,喝了一口。“看见这水里的金砂了吗?”老人示意他看溪底。
他凑近了些,果然,清澈的水流下,一些极其微小闪烁着金光的颗粒在卵石间滚动,时隐时现。
“那不是金子,”老人像是知道他在想什么,微笑着说,“是星星的碎屑。它们从很高的地方落下来,被这条溪流接住了。喝这里的水,眼睛会变得特别亮。”老人又喝了一口,用手背抹了抹嘴。“以前啊,这附近村子里有个放羊的娃,叫栓子。他贪玩,追着一只花蝴蝶就钻进了林子,结果把自己追丢了。等他慌里慌张地跑,就看见了这条开满蓝花的路。他沿着路走,渴了就喝溪水,饿了就吃路边的野果,困了就在槐树下打盹。后来他回来了,眼睛亮得跟黑玻璃珠子似的,看什么都清楚。他说他在路尽头看到了一片白光,里面有人在朝他笑,但他不敢过去。再后来,栓子成了村里最有见识的人,啥都懂。”
老人提起篮子,站起身。“你要是一直走下去,也会看到那片光的。不过,”老人顿了顿,看着他,“只有当你真的不想再回去的时候,那光才会让你进去。”
老人说完,对他又点了点头,转身走进了另一片更浓密的花丛里,身影很快消失了,融化在了那片柔和的蓝色之中。只有那细微的叮铃声还在空气中若有若无地飘荡。
他站在原地,回味着老人的话。星星的碎屑?放羊的栓子?路的尽头是一片白光?这一切听起来如此荒谬,却又莫名契合这条小路。
他低头看着溪水里闪烁的金点,望着小路延伸的方向,那浓郁的树影深处仿佛有什么东西在无声地召唤。
他继续往前走。蓝铃花依然连绵不绝,溪流在路旁时隐时现。空气越来越凉爽,光线被树荫过滤成了淡金色,更显柔和。
他不再去想时间,只是感受着脚下的柔软,呼吸着清冽的空气,聆听那永不停歇的、细碎的叮铃声。
他有些口渴,试着喝了一口溪水,冰凉清甜,喝下去后,眼睛确实感觉清亮了许多,连远处树叶的脉络都看得格外清晰。
不知走了多久,小路开始向上倾斜,坡度很缓。
两旁的槐树渐渐被枝叶伸展如华盖的橡树取代。光线变得斑驳陆离。他走上一个平缓的小坡,眼前的景象让他屏住了呼吸。
坡下不再是树林,而是一望无际的原野。金黄色的草浪在风中起伏,一直延伸到天边。草浪之中,点缀着无数闪烁的光点,是蒲公英。
成千上万数不清的蒲公英,顶着毛茸茸的白色冠毛,在阳光下闪烁着银芒。
一阵风吹过,无数细小的白色“降落伞”腾空而起,像一场无声的暴雪,又像逆流的星河,浩浩荡荡地升向澄澈的蓝天,向着更高、更远的苍穹飘散而去。它们飘得那么高,那么远,最后融入那无垠的蓝色本身。一场盛大的献祭,是大地向天空吐出的亿万声叹息
他站在坡顶,被这壮丽而温柔的画面震慑得无法动弹。风拂过他的脸颊,带来蒲公英绒毛的轻柔触感。他看着那些细小的白色光点越飞越高,消失在视线尽头,去往了另一个世界。它们会去哪里?天空之上是什么?星星的碎屑来自那里吗?栓子看到的那片白光,是否就是蒲公英们最终抵达的地方?一种庞大而寂静的感觉笼罩了他。他感到自己非常渺小,小得像一粒沙,但同时又无比清晰地存在于此,成为这宏大画卷中的一个点。没有恐惧,只有一种深沉的宁静和归属感。仿佛他本该就在这里,看着蒲公英飞走。
他在坡顶站了很久,直到腿有些发麻。蒲公英的迁徙永无止境,一批飞走,新的绒球又在草丛中酝酿。
他继续向前。槐树的影子在身后拉长。当他又一次爬上一座的小坡时,那片金黄色的原野依旧在风中起伏,无数毛茸茸的白色绒球点缀在草浪之中,像大地上的繁星。风势比刚才更大了些,无数细小的白色降落伞被卷上高空,形成一道更加壮观的白色光流,构成一条由生命微光编织的、通往苍穹的天梯,旋转上升,直冲云霄。阳光穿过这白色的漩涡,折射出七彩的光晕,宛如一道通向天空的彩虹桥。
他站在坡顶,风吹乱了他的头发。他凝视着那壮丽的景象,看着蒲公英们义无反顾地飞向不可知的远方。它们最终会到达哪里?那片白光吗?他心中没有答案。他一步一步地走下草坡,走进了那片蒲公英的海洋。柔软的草叶拂过他的裤腿,绒毛沾上他的衣襟。他仰起头,看着白色的光点像雪花般从天空洒落,又像星辰般升腾而去。他张开双臂,仿佛要拥抱这整个无声宏大的告别仪式。
风似乎更大了些。他感到自己变得很轻,像一片羽毛。脚下的土地似乎不再坚实。他低头,看到自己的双脚正在变得透明,如同溪水里的星光。他并不惊慌,最后回头望了一眼那条缀满蓝铃花的小路。小路在坡顶若隐若现。
然后,他感到自己向前飘了起来,脚下的土地仿佛变成了流沙,一种失重的轻盈感从脚踝开始向上蔓延,向着那道由蒲公英组成的彩虹桥飘去。无数细小的白色光点环绕着他,簇拥着他,带着他融入那浩荡的光流之中。他感觉自己穿过了一道温暖而明亮的薄膜,眼前是无边无际的柔和白光,像清晨最纯净的雾霭。白光深处,似乎有模糊的人影在向他招手,带着友善的笑意。他感到一种回家的宁静和喜悦。
他消失了。在那片蒲公英的海洋里,在那道静止的彩虹桥上,在那片柔和的白光中。只有风还在吹着,草浪还在起伏,新的蒲公英绒球在慢慢成熟,等待着下一次迁徙。
几天后,他的车被发现停在路边,里面放着公文包和手机。警方搜寻了附近区域,一无所获。同事们猜测他可能是压力太大,选择了不告而别,去了某个没人认识的地方重新开始。
只有那个曾在小路上偶遇的老人,在某一天,又提着他的小竹篮来到溪边。他蹲下身,喝了一口水,看着溪底流动的金砂,又抬头望向蒲公英原野的方向。他数了数草丛里新长出的绒球,比上次少了一些。老人脸上露出一个了然平静的微笑,轻声自语了一句,声音散在风里:
“又走了一个迷路的。”