天空无比蔚蓝 花朵绚烂绽放空が青いとか 花が咲くとか
SCP项目
评分 | 创建时间 | 字数 | 评论 |
---|---|---|---|
SCP-CN-2701 | |||
38 (+40/-2) | 02 Oct 2021 09:09 | 6013 | 13 |
SCP-CN-2702-EX | |||
34 (+38/-4) | 09 Oct 2021 13:31 | 644 | 8 |
来自基金会六号星舰“利维坦”号数据库 - 核心档案 | |||
64 (+65/-1) | 23 Oct 2021 16:45 | 11663 | 9 |
SCP-CN-2105 | |||
18 (+25/-7) | 31 Oct 2021 08:01 | 4049 | 3 |
SCP-CN-1449 | |||
31 (+33/-2) | 06 Nov 2021 07:06 | 15652 | 14 |
SCP-CN-2145 | |||
32 (+37/-5) | 11 Nov 2021 17:42 | 4404 | 8 |
SCP-CN-2651 | |||
49 (+53/-4) | 21 Dec 2021 15:48 | 7267 | 20 |
GOI格式
评分 | 创建时间 | 字数 | 评论 |
---|---|---|---|
KTE-0369-Elec-FoCorona | |||
27 (+27/-0) | 18 Apr 2022 13:30 | 45 | 10 |
故事
评分 | 创建时间 | 字数 | 评论 |
---|---|---|---|
基金会月刊六月报道 | |||
92 (+113/-21) | 25 Jun 2020 03:26 | 7015 | 22 |
无聊人的故事 | |||
12 (+24/-12) | 01 Jan 2021 05:42 | 8690 | 4 |
后继无人 | |||
15 (+19/-4) | 13 Mar 2021 14:39 | 3605 | 3 |
名 | |||
16 (+17/-1) | 24 Apr 2021 14:58 | 2972 | 2 |
监控记录:观谬维基平台群组备份 06/15/2021 | |||
133 (+147/-14) | 15 Jun 2021 20:06 | 36319 | 38 |
“Two souls,once lost,and now they remember” | |||
17 (+27/-10) | 14 Aug 2021 16:18 | 2669 | 5 |
基金会的勇者冒险 | |||
36 (+40/-4) | 13 Sep 2021 16:30 | 2886 | 7 |
沦陷 | |||
15 (+19/-4) | 19 Sep 2021 15:49 | 2356 | 3 |
卡普兰德服务:事故与控告与不存在处理 | |||
26 (+28/-2) | 22 Nov 2021 17:24 | 3818 | 10 |
我不视命 | |||
21 (+25/-4) | 30 Nov 2021 16:59 | 1838 | 7 |
他乡余烬 | |||
23 (+25/-2) | 05 Dec 2021 15:41 | 5958 | 4 |
小绿型出门在外也要记得保护自己 | |||
50 (+50/-0) | 14 Dec 2021 17:44 | 6424 | 9 |
编书者 | |||
16 (+16/-0) | 17 Dec 2021 18:43 | 7548 | 2 |
此地高原寂静无人,一片废墟,我只留下安息 | |||
41 (+44/-3) | 02 Feb 2022 11:42 | 10449 | 7 |
图书馆
评分 | 创建时间 | 字数 | 评论 |
---|---|---|---|
《普林特初级百科》卷20:值得注意的常见精怪 | |||
74 (+84/-10) | 20 Nov 2021 09:30 | 9600 | 18 |
星夜依旧 | |||
27 (+30/-3) | 24 Jan 2023 13:41 | 3767 | 1 |
非本人创建页面的合著
评分 | 创建时间 | 字数 | 评论 |
---|---|---|---|
SCP-CN-2700 | |||
26 (+35/-9) | 22 Feb 2021 06:49 | 251 | 5 |
杂项
评分 | 创建时间 | 字数 | 评论 |
---|---|---|---|
fragment:scp-cn-2702-ex-1 | |||
0 (+0/-0) | 09 Oct 2021 13:32 | 3506 | 0 |
fragment:scp-cn-2702-ex-2 | |||
0 (+0/-0) | 09 Oct 2021 13:33 | 6638 | 0 |
“我想你,我很想你” | |||
58 (+58/-0) | 26 Apr 2021 14:43 | 11598 | 29 |

艺术字标识 By. Vin Doux






2023年
未来的一百天应该会很无聊,我决定把我在这期间所做的记录下来。
2月 14日
一本《瓦尔登湖》最先寄到我的手里,我花了一个星期的时间读完了它(我在情人节的前一晚收到了它,一直到21日,我几乎将绝大部分休闲时间都用在了阅读这本书上),不求甚解。
梭罗所记录的生活带来一种向往——仅仅是对于平静的向往,但我不会对这种生活状态做出任何实践试验,从他人笔下的文字里去感受这种生活也不错。
我并不完全认可其中的一些观点,但也没必要去反驳。全当去了解别人的思想。
我不太能够特别欣赏这本书的文笔,太多的长句与长段、如此详细细致的描写和对我来说完全陌生的单位让我感到头胀。
有几句引用的拉丁文印象颇深,书借给朋友了,以后再抄录下来。
2月 22日
陪我度过学校生活的书变成了《西线无战事》,我喜欢它的硬板封皮。
我喜欢它的故事和行文,以及文字辐射出的氛围,如此自然且带着平静(平静的绝望),一气呵成,像第一人称的纪录片,或者叫生活日记也许更合适。我花了一整个午休、其中一节自习以及一些课余时间去读它,在空无一人、偶尔从窗外树后吹进几缕冷清和风的自习室里。
译文有几处错字和些许奇怪语感的句子,不知道是原文如此还是译者疏漏,但很惊喜它的背后附带了不少一战时期的图像和文字史料。尚余约三分之二的内容未读。
家中(以及购物车里)还有几本书尚未翻动,但我似乎读的太浮躁了。
想买一本《天真与经验之歌》,电子书的阅读体验太痛苦了,想读原文。有点贵。
2月 25日
躺在床上发呆的时候试图想象死后的感觉,但是完全无法摆脱“死后还有意识/感觉存在”的这一前提,没法想象没有意识和感觉是一种怎么样的感觉(或者说这根本不是一种能够被想象的“感觉”。我所能想象的也不过是没有颜色的连黑暗都算不上的充斥着仿佛失真噪点一样的背景(闭上眼后的样子)、彻骨的冰冷或者意识渐渐模糊消解,又或者面对酷刑一般的永久的黑暗和寂静
那会是什么样呢?感到身体逐渐冰冷,看着闪回在眼前但是已经完全无法再去思考的走马灯的画面(如果有),想要抓住什么,但思维已经完全僵硬的像尸体一样只是看着,却无法去思考,好像站在一条路过的老列车的身边,怔怔地看着它路过自己,直到最后感到意识和空气、土地或是身边的一切融为一体(反而让我想到了清晨时分,荒野上一片死寂的染上蔚蓝色调的战场的画面——一个人孤独的(也许还会有尸体陪伴,带来一些心理慰藉)躺在污泥里放空一切,看着蓝天、狼烟、地平线与尚未落下的灰白月亮)?我能从理性上理解意识和感官的消失,但究竟是眼前的画面永远定格还是被冻结在一片失去色彩的地方(倘若死后真的还能留下意识,或者说灵体/鬼魂之类的,随便怎么叫),想象一些不可能的感觉,毕竟人脑大概也没法模拟出“消失了”的感觉来,死亡就是死亡,如果意识随着肉体一起死去,那已经消散的东西想必也谈不上有所活动。不过,这种想象也是一种奇妙的体验,放空心思去想象一些遥远的不可能的时候,死亡啊、恒星啊还有某个永远不会与之相连的陌生人的一生,总是会带来一种抚平焦躁的清冷的心绪,比所谓的心理干预和“谈谈心”管用的多。
开始好奇假如有“轮回转世”这种事情存在,倘若一个行将就木之人最后一次阖眼,哪怕再次看到光亮时已经忘记“前世”的一切,那是否也意味着意识的连续而非重新开始?
又或者,死亡不过像孩童时代的记忆一样,也许还存在在脑海的某个坟墓里,但也已被自己永远忘记,再也无法挖掘出来——当我走进大地后、告别光明后,我经历的一生都将化作记忆,属于渐渐消散、即将化作纯粹的恒久的物质而存在的我的、又或全人类的儿时记忆,我最终无法记起自己的一切,乃至于无法用记忆构筑起属于我个体的意识
所以说,我还是想要一个自由自在的一生,当一个散漫且了无牵挂(当然了,我还是愿意有所牵挂的,我是指我爱的人)的人。循规蹈矩的努力一生虽然安稳,但也僵硬无趣。一个我爱的,且爱我的人,除此之外,“只要有零钱和明天的内裤就够了”。不过这种生活在现在的社会里恐怕也就只存在于幻想了吧
似乎夜晚就是这样适合思考一些白天所没有时间和精力触碰的东西,仿佛只要看着窗外少有星星的变得深紫的天空、老化的路灯和稻田(等到了夏天,还会有不间断的虫鸣和蛙语,那怕隔着十几米的距离,也能尖锐的穿过墙壁),看着一片会被偶尔路过的车辆显得更深的寂静,心跳的深处带上微微的冰冷,心思也控制不住的发散溶解
我不认为自己在发散抑郁情绪还是怎么样,只是胡思乱想,也许只是这样而已
想买个相机,想和朋友(如果可以最好是爱人)一起旅行,想吃很多东西
3月 11日
初读了一套名为《中国科幻基因库》的丛书,明明是本土作家的作品,却颇不合我胃口,反而有些文章显得与外国科幻相差不大。

人群熙攘,无一相识
/* Carousel Component CSS Version Made by hoah2333 Inspired form Carousel Component by Croquembouche */ :root { --base-roll-time: 0.5s; --base-wait-time: 5s; --img-2-time: calc(2 * (var(--base-roll-time) + var(--base-wait-time))); --img-3-time: calc(3 * (var(--base-roll-time) + var(--base-wait-time))); --img-4-time: calc(4 * (var(--base-roll-time) + var(--base-wait-time))); --img-5-time: calc(5 * (var(--base-roll-time) + var(--base-wait-time))); --img-6-time: calc(6 * (var(--base-roll-time) + var(--base-wait-time))); --navigator-mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIzMTgxNTt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iOCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjE2IiB3aWR0aD0iMjAiIGhlaWdodD0iNCIvPjwvc3ZnPg==); } .carousel-container { position: relative; overflow: hidden; } .carousel-container .rolling { display: flex; flex-direction: column; height: 100%; position: relative; overflow: hidden; } .carousel-container .rolling br { display: none; } .carousel-container .rolling a:nth-of-type(1) { width: 100%; position: relative; } .carousel-container .rolling a:nth-of-type(2), .carousel-container .rolling a:nth-of-type(3), .carousel-container .rolling a:nth-of-type(4), .carousel-container .rolling a:nth-of-type(5), .carousel-container .rolling a:nth-of-type(6) { position: absolute; left: 100%; width: 100%; } .carousel-container .progress { position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; backdrop-filter: blur(2px); height: 5px; left: 0; } /* ============== */ /* 图片切换动画部分 */ /* ============== */ .carousel-container .rolling.img-2 a:nth-of-type(1) { animation: rolling2-1 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-2 a:nth-of-type(2) { animation: rolling2-2 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes rolling2-1 { 0% {left: 0;} /* 0s */ 4.54% {left: -100%;} /* 0.5s */ 49.99% {left: -100%;} 50% {left: 100%;} /* 5.5s */ 54.54% {left: 0;} /* 6s */ 100% {left: 0;} /* 11s */ } @keyframes rolling2-2 { 0% {left: 100%;} /* 0s */ 4.54% {left: 0;} /* 0.5s */ 50% {left: 0;} /* 5.5s */ 54.54% {left: -100%;} /* 6s */ 99.99% {left: -100%;} 100% {left: 100%;} /* 11s */ } .carousel-container .rolling.img-3 a:nth-of-type(1) { animation: rolling3-1 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-3 a:nth-of-type(2) { animation: rolling3-2 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-3 a:nth-of-type(3) { animation: rolling3-3 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes rolling3-1 { 0% {left: 0;} /* 0s */ 3.03% {left: -100%;} /* 0.5s */ 66.65% {left: -100%;} 66.66% {left: 100%;} /* 11s */ 69.69% {left: 0;} /* 11.5s */ 100% {left: 0;} /* 16.5s */ } @keyframes rolling3-2 { 0% {left: 100%;} /* 0s */ 3.03% {left: 0;} /* 0.5s */ 33.33% {left: 0;} /* 5.5s */ 36.36% {left: -100%;} /* 6s */ 99.99% {left: -100%;} 100% {left: 100%;} /* 16.5s */ } @keyframes rolling3-3 { 0% {left: 100%;} /* 0s */ 33.33% {left: 100%;} /* 5.5s */ 36.36% {left: 0;} /* 6s */ 66.66% {left: 0;} /* 11s */ 69.69% {left: -100%;} /* 11.5s */ 99.99% {left: -100%} 100% {left: 100%;} /* 16.5s */ } .carousel-container .rolling.img-4 a:nth-of-type(1) { animation: rolling4-1 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-4 a:nth-of-type(2) { animation: rolling4-2 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-4 a:nth-of-type(3) { animation: rolling4-3 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-4 a:nth-of-type(4) { animation: rolling4-4 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes rolling4-1 { 0% {left: 0;} /* 0s */ 2.27% {left: -100%;} /* 0.5s */ 74.99% {left: -100%;} 75% {left: 100%;} /* 16.5s */ 77.27% {left: 0;} /* 17s */ 100% {left: 0;} /* 22s */ } @keyframes rolling4-2 { 0% {left: 100%;} /* 0s */ 2.27% {left: 0;} /* 0.5s */ 25% {left: 0;} /* 5.5s */ 27.27% {left: -100%;} /* 6s */ 99.99% {left: -100%;} 100% {left: 100%;} /* 22s */ } @keyframes rolling4-3 { 0% {left: 100%;} /* 0s */ 25% {left: 100%;} /* 5.5s */ 27.27% {left: 0;} /* 6s */ 50% {left: 0;} /* 11s */ 52.27% {left: -100%;} /* 11.5s */ 99.99% {left: -100%} 100% {left: 100%;} /* 22s */ } @keyframes rolling4-4 { 0% {left: 100%;} /* 0s */ 50% {left: 100%;} /* 11s */ 52.27% {left: 0;} /* 11.5s */ 75% {left: 0;} /* 16.5s */ 77.27% {left: -100%;} /* 17s */ 99.99% {left: -100%} 100% {left: 100%;} /* 22s */ } .carousel-container .rolling.img-5 a:nth-of-type(1) { animation: rolling5-1 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-5 a:nth-of-type(2) { animation: rolling5-2 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-5 a:nth-of-type(3) { animation: rolling5-3 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-5 a:nth-of-type(4) { animation: rolling5-4 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-5 a:nth-of-type(5) { animation: rolling5-5 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes rolling5-1 { 0% {left: 0;} /* 0s */ 1.82% {left: -100%;} /* 0.5s */ 79.99% {left: -100%;} 80% {left: 100%;} /* 22s */ 81.82% {left: 0;} /* 22.5s */ 100% {left: 0;} /* 27.5s */ } @keyframes rolling5-2 { 0% {left: 100%;} /* 0s */ 1.82% {left: 0;} /* 0.5s */ 20% {left: 0;} /* 5.5s */ 21.82% {left: -100%;} /* 6s */ 99.99% {left: -100%;} 100% {left: 100%;} /* 27.5s */ } @keyframes rolling5-3 { 0% {left: 100%;} /* 0s */ 20% {left: 100%;} /* 5.5s */ 21.82% {left: 0;} /* 6s */ 40% {left: 0;} /* 11s */ 41.82% {left: -100%;} /* 11.5s */ 99.99% {left: -100%} 100% {left: 100%;} /* 27.5s */ } @keyframes rolling5-4 { 0% {left: 100%;} /* 0s */ 40% {left: 100%;} /* 11s */ 41.82% {left: 0;} /* 11.5s */ 60% {left: 0;} /* 16.5s */ 61.82% {left: -100%;} /* 17s */ 99.99% {left: -100%} 100% {left: 100%;} /* 27.5s */ } @keyframes rolling5-5 { 0% {left: 100%;} /* 0s */ 60% {left: 100%;} /* 16.5s */ 61.82% {left: 0;} /* 17s */ 80% {left: 0;} /* 22s */ 81.82% {left: -100%;} /* 22.5s */ 99.99% {left: -100%} 100% {left: 100%;} /* 27.5s */ } .carousel-container .rolling.img-6 a:nth-of-type(1) { animation: rolling6-1 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-6 a:nth-of-type(2) { animation: rolling6-2 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-6 a:nth-of-type(3) { animation: rolling6-3 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-6 a:nth-of-type(4) { animation: rolling6-4 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-6 a:nth-of-type(5) { animation: rolling6-5 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .rolling.img-6 a:nth-of-type(5) { animation: rolling6-6 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes rolling6-1 { 0% {left: 0;} /* 0s */ 1.51% {left: -100%;} /* 0.5s */ 79.99% {left: -100%;} 83.33% {left: 100%;} /* 27.5s */ 84.85% {left: 0;} /* 28s */ 100% {left: 0;} /* 33s */ } @keyframes rolling6-2 { 0% {left: 100%;} /* 0s */ 1.51% {left: 0;} /* 0.5s */ 16.67% {left: 0;} /* 5.5s */ 18.82% {left: -100%;} /* 6s */ 99.99% {left: -100%;} 100% {left: 100%;} /* 33s */ } @keyframes rolling6-3 { 0% {left: 100%;} /* 0s */ 16.67% {left: 100%;} /* 5.5s */ 18.82% {left: 0;} /* 6s */ 33.33% {left: 0;} /* 11s */ 34.85% {left: -100%;} /* 11.5s */ 99.99% {left: -100%} 100% {left: 100%;} /* 33s */ } @keyframes rolling6-4 { 0% {left: 100%;} /* 0s */ 33.33% {left: 100%;} /* 11s */ 34.85% {left: 0;} /* 11.5s */ 50% {left: 0;} /* 16.5s */ 51.51% {left: -100%;} /* 17s */ 99.99% {left: -100%} 100% {left: 100%;} /* 33s */ } @keyframes rolling6-5 { 0% {left: 100%;} /* 0s */ 50% {left: 100%;} /* 16.5s */ 51.51% {left: 0;} /* 17s */ 66.67% {left: 0;} /* 22s */ 68.18% {left: -100%;} /* 22.5s */ 99.99% {left: -100%} 100% {left: 100%;} /* 33s */ } @keyframes rolling6-6 { 0% {left: 100%;} /* 0s */ 66.67% {left: 100%;} /* 22s */ 68.18% {left: 0;} /* 22.5s */ 83.33% {left: 0;} /* 27.5s */ 84.85% {left: -100%;} /* 28s */ 99.99% {left: -100%} 100% {left: 100%;} /* 33s */ } /* ============ */ /* 进度条动画部分 */ /* ============ */ .carousel-container .progress.width-2, .carousel-container .progress.fake-2 { width: calc(100% / 2); } .carousel-container .progress.width-2 { animation: progress-2 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .progress.fake-2 { animation: fake-2 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes progress-2 { 0% {left: 0;} /* 0s */ 4.54% {left: calc(100% / 2);} /* 0.5s */ 50% {left: calc(100% / 2);} /* 5.5s */ 54.54% {left: 100%;} /* 6s */ 99.99% {left: 100%;} 100% {left: 0;} /* 11s */ } @keyframes fake-2 { 0% {left: 0;} /* 0s */ 0.01% {left: calc(100% / -2);} 50% {left: calc(100% / -2);} /* 5.5s */ 54.54% {left: 0;} /* 6s */ 100% {left: 0;} /* 11s */ } .carousel-container .progress.width-3, .carousel-container .progress.fake-3 { width: calc(100% / 3); } .carousel-container .progress.width-3 { animation: progress-3 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .progress.fake-3 { animation: fake-3 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes progress-3 { 0% {left: 0;} /* 0s */ 3.03% {left: calc(100% / 3);} /* 0.5s */ 33% {left: calc(100% / 3);} /* 5.5s */ 36.36% {left: calc(100% / 3 * 2);} /* 6s */ 66.66% {left: calc(100% / 3 * 2);} /* 11s */ 69.69% {left: 100%;} /* 11.5s */ 99.99% {left: 100%;} 100% {left: 0;} /* 16.5s */ } @keyframes fake-3 { 0% {left: 0;} /* 0s */ 0.01% {left: calc(100% / -3);} 66.66% {left: calc(100% / -3);} /* 11s */ 69.69% {left: 0;} /* 11.5s */ 100% {left: 0;} /* 16.5s */ } .carousel-container .progress.width-4, .carousel-container .progress.fake-4 { width: calc(100% / 4); } .carousel-container .progress.width-4 { animation: progress-4 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .progress.fake-4 { animation: fake-4 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes progress-4 { 0% {left: 0;} /* 0s */ 2.27% {left: calc(100% / 4);} /* 0.5s */ 25% {left: calc(100% / 4);} /* 5.5s */ 27.27% {left: calc(100% / 4 * 2);} /* 6s */ 50% {left: calc(100% / 4 * 2);} /* 11s */ 52.27% {left: calc(100% / 4 * 3);} /* 11.5s */ 75% {left: calc(100% / 4 * 3)} /* 16.5s */ 77.27% {left: 100%;} /* 17s */ 99.99% {left: 100%;} 100% {left: 0;} /* 22s */ } @keyframes fake-4 { 0% {left: 0;} /* 0s */ 0.01% {left: calc(100% / -4);} 75% {left: calc(100% / -4);} /* 16.5s */ 77.27% {left: 0;} /* 17s */ 100% {left: 0;} /* 22s */ } .carousel-container .progress.width-5, .carousel-container .progress.fake-5 { width: calc(100% / 5); } .carousel-container .progress.width-5 { animation: progress-5 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .progress.fake-5 { animation: fake-5 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes progress-5 { 0% {left: 0;} /* 0s */ 1.82% {left: calc(100% / 5);} /* 0.5s */ 20% {left: calc(100% / 5);} /* 5.5s */ 21.82% {left: calc(100% / 5 * 2);} /* 6s */ 40% {left: calc(100% / 5 * 2);} /* 11s */ 41.82% {left: calc(100% / 5 * 3);} /* 11.5s */ 60% {left: calc(100% / 5 * 3)} /* 16.5s */ 61.82% {left: calc(100% / 5 * 4);} /* 17s */ 80% {left: calc(100% / 5 * 4);} /* 22s */ 81.82% {left: 100%;} /* 22.5s */ 99.99% {left: 100%;} 100% {left: 0;} /* 27.5s */ } @keyframes fake-5 { 0% {left: 0;} /* 0s */ 0.01% {left: calc(100% / -5);} 80% {left: calc(100% / -5);} /* 22s */ 81.82% {left: 0;} /* 22.5s */ 100% {left: 0;} /* 27.5s */ } .carousel-container .progress.width-6, .carousel-container .progress.fake-6 { width: calc(100% / 6); } .carousel-container .progress.width-6 { animation: progress-6 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } .carousel-container .progress.fake-6 { animation: fake-6 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes progress-6 { 0% {left: 0;} /* 0s */ 1.51% {left: calc(100% / 6);} /* 0.5s */ 16.67% {left: calc(100% / 6);} /* 5.5s */ 18.82% {left: calc(100% / 6 * 2);} /* 6s */ 33.33% {left: calc(100% / 6 * 2);} /* 11s */ 34.85% {left: calc(100% / 6 * 3);} /* 11.5s */ 50% {left: calc(100% / 6 * 3)} /* 16.5s */ 51.51% {left: calc(100% / 6 * 4);} /* 17s */ 66.67% {left: calc(100% / 6 * 4);} /* 22s */ 68.18% {left: calc(100% / 6 * 5);} /* 22.5s */ 83.33% {left: calc(100% / 6 * 5);} /* 27.5s */ 84.85% {left: 100%;} /* 28s */ 99.99% {left: 100%;} 100% {left: 0;} /* 33s */ } @keyframes fake-6 { 0% {left: 0;} /* 0s */ 0.01% {left: calc(100% / -6);} 83.33% {left: calc(100% / -6);} /* 27.5s */ 84.85% {left: 0;} /* 28s */ 100% {left: 0;} /* 33s */ } /* ========== */ /* 导航菜单部分 */ /* ========== */ .carousel-container .navigator { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0); transition: background-color 0.25s 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.25s 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.25s 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .carousel-container .navigator.none { display: none; } .carousel-container .navigator::before { content: ""; background-color: rgba(255, 255, 255, 0.7); position: absolute; width: 100%; height: 100%; -webkit-mask-size: 40%; mask-size: 40%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--navigator-mask); mask-image: var(--navigator-mask); left: 0; transition: left 0.75s 0s linear; } .carousel-container .navigator:hover { background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; transition-delay: 0s; } .carousel-container .navigator:hover::before { left: -999vw; } .carousel-container .navigator .navigator-links { display: grid; position: absolute; left: -999vw; width: 100%; height: 100%; transition: left 0s 0.25s linear; } .carousel-container .navigator br { display: none; } .carousel-container .navigator:hover .navigator-links { left: 0; transition-delay: 0s; } .carousel-container .navigator .navigator-links.links-2 { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } .carousel-container .navigator .navigator-links.links-3 { grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); } .carousel-container .navigator .navigator-links.links-4 { grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); } .carousel-container .navigator .navigator-links.links-5 { grid-template-columns: 1fr; grid-template-rows: repeat(5, 1fr); } .carousel-container .navigator .navigator-links.links-6 { grid-template-columns: 1fr; grid-template-rows: repeat(6, 1fr); } .carousel-container .navigator .navigator-links a { display: flex; position: relative; align-items: center; justify-content: left; box-sizing: border-box; border-left: 5px solid rgba(0, 0, 0, 0.4); padding-left: 10px; color: #3A3A3A; font-size: 1.15rem; text-decoration: none; clip-path: inset(0 0 100% 0); transition: clip-path 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1); } .carousel-container .navigator:hover .navigator-links a { clip-path: inset(0); transition-delay: 0.25s; } /* 一个 a:not(a:last-of-type) 就能解决的事 */ .carousel-container .navigator .navigator-links a:nth-of-type(1), .carousel-container .navigator .navigator-links.links-3 a:nth-of-type(2), .carousel-container .navigator .navigator-links.links-4 a:nth-of-type(2), .carousel-container .navigator .navigator-links.links-4 a:nth-of-type(3), .carousel-container .navigator .navigator-links.links-5 a:nth-of-type(2), .carousel-container .navigator .navigator-links.links-5 a:nth-of-type(3), .carousel-container .navigator .navigator-links.links-5 a:nth-of-type(4), .carousel-container .navigator .navigator-links.links-6 a:nth-of-type(2), .carousel-container .navigator .navigator-links.links-6 a:nth-of-type(3), .carousel-container .navigator .navigator-links.links-6 a:nth-of-type(4), .carousel-container .navigator .navigator-links.links-6 a:nth-of-type(5) { border-bottom: 1px solid rgba(0, 0, 0, 0.4); } .carousel-container .navigator .navigator-links a::after { content: ""; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: rgba(0, 0, 0, 0.2); transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .carousel-container .navigator .navigator-links a:hover::after { left: 0; } /* ======== */ /* 移动端优化 */ /* ======== */ @media (max-width: 1024px) { .carousel-container .navigator .navigator-links a { font-size: 1rem; } } @media (max-width: 980px) { .carousel-container .navigator .navigator-links a { font-size: 0.75rem; } } @media (max-width: 526px) { .carousel-container .navigator .navigator-links.links-4 { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 1fr); } .carousel-container .navigator .navigator-links.links-5, .carousel-container .navigator .navigator-links.links-6 { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 1fr); } .carousel-container .navigator .navigator-links.links-5 a:nth-of-type(5) { grid-column: 1 / 3; } } /* ======== */ /* 防呆不防傻 */ /* ======== */ .carousel-container [class*="$number"], .carousel-container .rolling a[href*="$link"], .carousel-container .navigator .navigator-links a[style*="$link"] { display: none; }
朦胧的未来倾洒而下かすかな未来がそそぐ
由脚下连起道路足元から繋がる
自发出伊始之声起始まりの声から
无数时光就此交相重叠いくつも日々を重ねて
每一天 都在祈愿Everyday 願いを
许下心愿Make a wish
将这首歌献与你捧げたこの歌を
掌声响彻Hifive 響く
幸福满溢而出ハピネス溢れる
想将爱意企及记忆 与其相连記憶届く 愛を繋ぎたい
……
曾经的泪水 终会绽放花朵流した涙 いつか花咲く
奔赴得偿所愿的未来この願い叶うその先へ
祝友人得以幸福友に幸あれ
在还未见得的未来まだ見ない未来を
自那瞬间あの瞬間から
两人的命运就已慢慢发生改变ふたりの運命が変わっていく
与你一同度过的时光共に歩んだ時間は
是人生中不可替代的篇章かけがえのないページ
……
比起昨日的我昨日よりもっと
朝着更进一步的自己高飞So one rank 上の僕へ fly
让微笑就此延续Smile again 続く
泪水终会止息涙のち晴れ
奏响那倾注爱意的旋律愛を注ぐ メロディー奏で
不论面对怎样的悲伤どんな悲しみでも
我都可以将其克服跨越乗り越えてみせるさ
此刻再一次もう一度今
改变我的未来Change my future
我会前往你的所在,迎接你君のいる場所まで迎えにいくから