her grass

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "lazuli";
   --theme-name: "Lazuli Theme";
 
   --logo-image: url("http://deer-box.wdfiles.com/local--files/theme-testing/banner2.png");
   --header-title: "The Backrooms";
   --header-subtitle: "湛蓝如海";
 
   --body-font: 'PT Sans', 'Noto Sans SC', sans-serif;
   --header-font: 'Space Grotesk', 'Noto Sans SC', sans-serif;
   --title-font: 'PT Mono', 'Noto Sans SC',  sans-serif, monospace;
   --mono-font: 'Ubuntu Mono', '幼圆', serif, monospace;
 
   --white-monochrome: 0, 6, 28;
   --pale-gray-monochrome: 3, 18, 90;
   --light-gray-monochrome: 6, 61, 157;
   --gray-monochrome: 5, 49, 134;
   --black-monochrome: 39, 132, 217;
   --bright-accent: 31, 76, 227;
   --medium-accent: 31, 76, 227;
   --dark-accent: 50, 155, 236;
   --pale-accent: 50, 155, 236;
   --blurple: 24, 62, 193;
   --swatch-menubg-dark-color: var(--pale-accent);
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 31, 76, 227;
   --hover-link-color: 31, 76, 227;
   --visited-link-color: 31, 76, 227;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
 
   --rating-module-button-plus-color: 38, 132, 217;
   --rating-module-button-negative-color: 38, 132, 217;
   --rating-module-button-cancel-color: 38, 132, 217;
   --rating-module-button-credit-color: 38, 132, 217;
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://deer-box.wdfiles.com/local--files/theme-testing/gradient.png");
 background-repeat: repeat-x;
background-size: inherit;
}
 
#side-bar .side-block div a img {
   filter: grayscale(0%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   top: -1.1rem;
   left: 0rem;
   background-image: var(--logo-image);
   background-size: auto 6.8rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   left: 0rem;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #329bec;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border: 5px solid rgb(var(--light-accent));
}
 
.code {
    border: 3px outset rgb(var(--black-monochrome));
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--black-monochrome));
   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);
}
 
.dark-styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--blurple));
   color:rgb(var(--black-monochrome));
   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);
}
 
.dark-styled-quote a{
color: rgb(var(--black-monochrome));
}
 
.lightblock {
   background-color:rgb(var(--black-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--pale-gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--black-monochrome));
}

如往常一样，我带有几分倦意的坐在公园角度的长椅上，舒服的晒着太阳，回想起海子那“面朝大海，春暖花开”的诗句。看路人匆匆走过，来来往往，不觉暗自叹息，不过也是习以为常。看向那片欣欣向荣的野草，心中略有回忆，她大抵是不会来了。

如往常一样，我笔直的坐在公园角度的长椅上，手中举着海子的诗卷，读到“我只愿面朝大海，春暖花开”，望向大片匆匆往来的路人，心中不觉升起几分感慨，就在这时被一声清脆的询问声打断了思绪。

肯定又是如往常那般匆匆来往的问路的旅人吧，我心中暗自嘲讽。连头都不带抬的。无趣打发道：“我是新切入的，并不清楚路怎么走，不过那边有指向标停，你自己去看吧。”擅自打断了来者的话语。

可是不寻常的是，她那“请问”之话语又响了起来：

“请问你是在看海子的诗集吗？”

我的心中不觉升起疑惑之意，抬头一看，见到了微笑的她。我的举动仿佛刺激他打开了话匣子一般，他问我道：“你觉得海儿是个什么样的人？”如此简单的问题却把我噎住了，实际上我并不了解海儿。这本海儿的诗选也不过是早晨路过书店时因为促销而买下的，从头到尾只是草草的看了一遍。但想到他那“面朝大海，春暖花开”的话语，又回想起他两个月后的举动，我便随口答道：“他是个懦弱的人吧。”

“不，不是，他不是！”没成想我的话，给予她了这么大的刺激，我正想说些什么的时候，她“哗啦”地一边哭着一边跑开了。无论如何，看来这公园我今天是待不下去了。

第二天我又如同往常一般去到了那个公园，不巧的是那个莫名其妙的她也在，只见她蹲坐在路边的梗上，细细地给野草浇着水。回想起昨天的事，这回是我先靠近了她。他仿佛感知到了我的存在一般，轻轻地回过头来，脸上带着灿烂的微笑。还没等我提问，她便先开口了:“这野草好看吗?”于是我慢慢地同他一起蹲坐在了野草的旁边，细细地看也没有看出什么花样。见我不语，她便说:“好看吧，'野火烧不尽，春风吹又生’，你说如果人们都如同这野草般就好了。”我只是笑而无语，于是她便嘻嘻地跑开了。

第三天，第四天仍是如此，仿佛有一根什么透明的带子似的将我与她联系到了一起，我与她每天都会在那里相会。看着他照料的野草欣欣向荣，我心中也不自觉的暗暗微笑。

那是最往常的一天。可她并没有来，仿佛感知到了什么似的，我连忙到处询问他的踪迹。向坐在长椅上的路人发问才得知，原来她在一个小时前昏倒，就在那片欣欣向荣的草地之中。仿佛心碎了般。久不流泪的我，哭了。

“昨日，吴某于Level R-38第三公园内因突发肺癌抢救无效死亡。”

从那天之后，我便每天都坐在长椅上看海子的诗了。但她……大抵是不会来了。

---

故事记录者

作者：Reset Control does not match any existing user name
其实，这是我的语文作业……