SCP-2933
SCP-2933-1
项目编号：SCP-2933
项目等级：Euclid
特殊收容措施：任何情况下任何人员不得进入SCP-2933-1。每月一次，一个小型，自动监控机器人应进入SCP-2933-1访问SCP-2933-A。
描述：SCP-2933-1是一座位于一个大型盐水水库中的，部分浸没的钢铁建筑。SCP-2933-1的内部和外部都已严重腐蚀或风化，多处显示出完全溶解和结构缺失。当前据信SCP-2933-1是被设计用来收容SCP-2933-A。
SCP-2933-1内部是犹如迷宫并不一致的；通道被观测到改变，移动，或完全消失。SCP-2933-1的严重不稳定和腐蚀似乎并没有妨碍到其主要功能；当前据信SCP-2933-1内的所有通道都通往SCP-2933-A，没有路通往入口。
任何人员或机械若进入SCP-2933-1将会慢慢在其外部表面显示出氧化铁腐蚀的迹象。该影响据信是永久的；腐蚀会扩散到测试者的整个表面，并在之后影响到期内部机构或器官。该现象的速度会随着测试者愈加靠近SCP-2933-A而加速。
SCP-2933-A是一个未知人形个体，位于SCP-2933-1的最低层区域。对SCP-2933-A的外形或性质都知之甚少。
附录2933.1：记录副本
下列录音和影响记录由负责调查SCP-2933-1的测试者D-13321收集。
D-13321：好的，听得见么？
指挥：是的。请进入打开的入口。
D-13321：闻起来像油。这不安全，是吧？
指挥：请进入入口。
D-13321：好的。
D-13321通过之前由现场的基金会工程师打开的入口进入了SCP-2933-1。
D-13321：什么都看不见。真黑。
指挥：你有需要的话背包里有灯。
D-13321：好。是的，我看到了。墙壁是金属的，地板是格栅，也是金属的。你看到没？
指挥：我们看到了。你听见什么没？
D-13321：是的，不过很模糊。我不确定，很难定位。
指挥：D-13321，你听上去不太好。你还好么？
D-13321：你感觉不到？
指挥：感觉什么？
D-13321：这里有什么不对的东西。不能碰，不过就在那。这种不详的感觉，已经融入这个地方的墙壁里。
指挥：你在之前的指派里并没有显示出这种问题-
D-13321：因为其他指派里我总能让自己逃出糟糕的情况。这里有些东西不一样。
指挥：明白，请继续。
D-13321下到主要走廊。通信因为SCP-2933-1的结构受到妨碍，不过D-13321没有表现出任何不适。
D-13321：所以那东西就是我之前听到的？我觉得这是金属和金属的声音，就像在研磨或刮擦。
指挥：你能说详细点么？
D-13321：真的很难说，这里的回音很糟糕。这是种持续的声音，对吧？也许只是在我脑子里的声音，我不知道。
指挥：明白了。D-13321，我们的通信快中断了。我需要你马上回到地面。
D-13321：早就试过了。不过没有路离开这里。我下来的走廊变成死路了。没有楼梯向上。只有向下。皮肤也开始崩溃了。一切都在锈蚀，金属，你一碰就一片片剥落。
指挥：你还好么？
D-13321：嗯。已经有一会了，老大。还挺幸运能撑到现在，不过到最后还是会把我吞没的。我会尽量保持通信和摄影在线。
指挥：谢谢。我很抱歉。
D-13321：不是你的错，事情就是这样。就告诉[无关对话删除]
D-13321继续向下。监视器报告温度上升，空气中出现高度污染物。在一个小时后，D-13321停下休息。指挥已经无法再和D-13321联系，不过仍旧收到音频信号。
D-13321：热死人了。我也能听见刮擦声，就在我下面某处。金属和金属。那个也声音更加响了，和我之前说的一样。我的皮肤也一塌糊涂了。到处都是片状锈蚀，烧得很厉害，开始靠近我的脸了。
D-13321：我不认为是金属和金属了。还有其他东西在那。听上去不对。
D-13321：现在是长长的通道。这个房间好大。虽然很难听见了，但是这个声音很响。那个同样的该死的声音。
D-13321：哦，上帝。
抖动的声音。
D-13321：是个人。
D-13321的麦克风录到另一个声音。这个声音可以被录下，但是被注意到是扭曲的和金属般的声音。
SCP-2933-A：你—你好！我—（SCP-2933-A惨叫）—很抱歉，对于一切的，混乱。
D-13321：你是谁？
SCP-2933-A：我？我的名字是Mr. Smiles微笑先生—（SCP-2933-A呻吟着，录到一声响亮的金属声）—我抱歉，只是—一切都很疼……非常的，你知道吧？是的，Mr. Smiles。在这里，在我腿上，看到没？
D-13321：这里写得是—（D-13321咳嗽）—“工厂财—”
SCP-2933-A：啊，等—等下。
SCP-2933-A刮掉它腿上的锈蚀。摄影机勉强捕捉到词语“Mr. Scary，工厂财产”印在锈蚀上，然后SCP-2933-A露出锈蚀下的皮肤。
SCP-2933-A：在，啊，在这里！这，这样好多了。是的，Mr. Smiles，就是我！
摄影机捕捉到“Mr. Smiles，来自Wondertainment博士的小小先生®”的纹身位于SCP-2933-A的腿上。
D-13321：你在这里干嘛？这里是哪？
SCP-2933-A：我的父亲为我造的这里。他告—告诉我，我—（SCP-2933-A再次惨叫，录到一次深沉的金属般的声音）—抱歉，他告诉我……这会让我安全。或让人们安全地远离我？我不能……记得很清楚了，一切都很疼。不过还好！
D-13321：什么？
SCP-2933-A：我的父亲告诉我，他，呃，哦上帝，抱歉，我—（尖啸的金属撕裂声）—我，他完事之后会来找我。他需要我做某事，而我尽可能的想做个好儿子，对—对吧？
D-13321：等下，等下，你说的他要你做某事是什么意思？需要你干嘛？
SCP-2933-A：（呻吟）是的，对，父亲病—很重。他的里面锈蚀了。所以他答应我，如果我能拿走他里面的锈蚀，（停顿）他会让所有人微笑。这是最重要的，所有人……都微笑！
D-13321：等等，所以他干嘛把你丢在这？
SCP-2933-A：在他给我锈蚀后，他……好吧，他害怕了，你知道吧？某种和锈蚀有关的东西……吓到了他；他甚至不敢看我。不过，没事！我完全理解。（呻吟）
D-13321：你这样多久了？
SCP-2933-A：哦，呃，有一会了。我真的不想让一切都那么糟，告诉了你事实……我的父亲正在外面制造笑容，有一天他会回来而我们又能在一起了，等着瞧吧！（SCP-2933-A做了个明显的鬼脸）
D-13321：嗯哼。你大概不知道我该怎么办是吧？
D-13321举起它的手臂，手臂完全被铁锈覆盖并有很大一部分缺失了。
SCP-2933-A：哦，不，你什么都不用做。疼痛在这里也只会加剧。一旦锈蚀进入你里面，它会扩散并……再扩散，直到什么都不剩下。只有油，和烟，和锈。
D-13321：明白了，谢谢。（叹气，咳嗽）你有烟么，孩子？
SCP-2933-A：不，先生，我不抽烟。可不想弄脏我的牙齿！总之，我是Mr. Sm—（呻吟）S-smiles！
D-13321：明白了。
SCP-2933-A：能……能感觉你体内的锈蚀么？
D-13321：能，当然能。
[记录结束-通信丢失]
附录2933.2：回收文件
下列文件由一台自动机器人回收自SCP-2933-A附近。
附录2933.3：遥控观测
在一系列探索失败后，一个遥控机器人被派入SCP-2933-1观测SCP-2933-A。机器人在故障前维持了3个小时的通信。下列是收集到的音频摘录，已经编辑为最大清晰度。
请按如下方式引用此页：
“SCP-2933”，作者 djkaktus，来自 SCP 维基。原文链接：https://www.scpwiki.com/scp-2933。译者 milk2015，来自 SCP-CN 维基。译文链接：http://scp-wiki-cn.wikidot.com/scp-2933。遵循 CC-BY-SA 协议。
更多详情请参阅授权指南。
授权信息
文件名：scary1.jpg
图像名：abandoned-ocean-rusty-sea-ship-1844870
图像作者：Pexels
授权协议：公有领域
来源链接：链接
更多维基文档信息，请见版权信息总览。
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
