九界塵埃

本頁作者：Semibreve
一個小型資源回收場，儲放各種如被捨棄的片段或是整篇文章之類的

---

一號陵墓：帝王谷東側

歡迎來到資源回收場，廢棄的草稿或是點子聚集在這邊，可能就這樣塵封或是再拿出來用？

行動計畫74136的片段

「我需要一台飛快點的飛機支援，還有如果我沒猜錯的話，你們作為一個擁有收容單元的艦船，應該會有一種SCPS標配的收容設備，一種從運輸艇上吊掛吸起小型收容單元用的磁吸裝置，我要你們把那東西裝在飛機的機首。」

「…給我的工程團隊一點時間，Марк，我們有辦法辦到那樣嗎？」
Марк中士皺了下眉頭
「沒有試過，但是理論上有可能，多少時間內要完成、裝哪台？」
Isaac冷汗直流，如果自己猜想的沒錯，這個瘋狂的計畫可以很有效，但也有可能很搞笑
「特工Schrey，請告訴我你的計劃。」

「利用富爾頓地對空回收系統¹把炸彈帶走並投放，我們可以在升起的氫氣球上面安裝磁極，到達安全點後，關閉磁吸裝置的電源，讓炸彈落在遠離人口聚集地的海域；機種跟人選就麻煩你準備了。」

「很有創意的計劃，但是你們所在位置的防空火力太過密集，我恐怕沒辦法讓飛行員冒這個風險在交叉火網之下低空慢速滑翔。」

「那就必須讓我們在撤離用的快挺上運送炸彈到不會被第八處海軍影響的區域，可用的時間會被壓縮到幾乎沒有，而這裡還有條壞消息。」

「請說。」雖然早就該猜到了，Isaac上將仍嚥下了口唾液




「我們不確定這座島上的反物質炸彈有幾顆。」

時間剩下27分鐘06秒。

二號陵墓：帝王谷西側

片段1，空中支援

H-2-1，我是惡魔1-1，兩架F-15一分半後到達，航向西北，方位3-S，航線K，攜帶兩枚JDAM和兩枚HARM，完畢。

沙場

這一次有著萬全的準備。

雙城作戰來到了尾聲，第八處不知從何出現的大量正規軍規模的高科技傭兵和以超自然聯盟為首的聯合部隊在太平洋上打的難分難解，誰也沒有料到一個原本不起眼、被視為小型恐怖武裝分子的組織，正面相撞起來竟像是面對上另外一個時空的超自然聯盟，而就現況而言，基金會的大部分力量都投入到了維持帷幕上頭，同時一邊與這支不受任何國際公約規範的血腥現代化奇術師混編部隊作戰。

而現況也來到了最後階段，在基金會喪失了許多菁英機動特遣隊與大型收容站點的代價之後，終於在戰場上找到了突破點。

多管齊下的大規模剿滅行動正如同多年前一般有條不紊的在臺西市²的戰場上進行著。

---

即使身處濃重的劇毒霧靄中，仍免不了第八處最後攻勢與聯軍主力正面交鋒所帶來的劇烈衝突。

有五層樓高的八腳重型機甲用著可怕的的加速度飛撲到了超自然聯盟那巨大的橙色套裝上，後者原本就已經被摧殘得幾近崩壞，這一波攻擊直接徹底摧毀並肢解了它，機甲此後也沒有浪費時間在原本的目標上，左右迴避著兩百公尺外投來的連鎖榴彈並回敬以幾枚微型酸蝕火箭，最後被它所匍匐的樓房中竄出的等離子體刀刃貫穿，另一部橙色套裝隔著一個街區往它的彈藥艙體補上了一枚透過電磁加速的砲彈，了結了它乘組員的存活可能。

抽開刀刃，像是撥開蜘蛛網般撕裂樓房並走出來的是一部有著白色底漆，與血紅鐵十字塗裝的橙色套裝，肩後被戰火摧殘到幾乎看不清的小字書寫著Ivory-17的編號，關閉刀刃肢後反手便是將大把的鋁熱劑潑灑在那台蜘蛛機甲的支援步兵身上。
「Pansy 1，請求無人機掩護。」

「收到，Ivory 17，J-CAED³正前往你的位置。」

五道過載的能量束滿溢著青色電弧自空中轟向了正準備往Ivory中隊的燈色套裝投放致命火力的蜘蛛機甲，後者用某種方式抵銷了大部分的損傷而得以倖存，但是這成功打斷了他們一次反擊的機會，Ivory 17左臂上的聯裝機砲往著VERITAS⁴所顯示出的位置掃去，戰績紀錄又劃上了一個伍的奇術師小組。

遙遠的大後方有著GOCA Ganghofer號反重力戰列艦往空中拋擲出了數枚投射物，沖壓式空氣跳傘系統的獨特聲響吸引了在底下操作APV進行火力支援的第八處武裝部隊，隨後功率全開的視聽幻覺危機產生器⁵便讓一整個加強排的兵力陷入恐慌之中，而空降的橙色套裝再將他們給壓成肉末，後方緊急補上的聯盟步兵支援也在此時趕上並掃蕩該區域剩下的敵軍，錯綜複雜的舊城區地形使得血腥的零距離巷戰再度爆發，即使物理部門投入了相當的兵力，推進仍然相當緩慢，死傷人數也在節節攀升中。

而Ivory-17醒目的血紅十字架色彩在戰場上是一個相當大的目標，即使視線極差，龐大的反應堆信號也昭示著自己的存在，一架特化的蜘蛛型機甲無視坦克般的體積與任務定位從地下道竄出，張開了裝甲縫隙間的夾層，數根帶有高強度粒子流的錨釘勒緊了它的右臂後鑽回地下道，並牢牢固定，當那部橙色套裝開始做出反應時，其他肢體也在毫無知覺的情況下被各處的步兵支援單位固定。

僅僅是這一刻戰場上的局勢便有了大相逕庭的差異，才剛前來替補的步兵支援隊伍馬上就被第八處於屋頂上尚未清除掉的機槍陣地轟成了大片的血霧，那正好是第八處通用的AEO撕裂彈藥原本應該發揮的實力，少了一個巨大的威脅的確輕鬆許多。
而以白色為基底色彩的Ivory-17機體也被染上了腥紅，第八處的火力繼續肆虐著底下沒有重型兵器支援的聯軍步兵，下一刻，便是迎面飛來的、重達75噸重的蜘蛛機甲。

對Ivory-17來說，友軍死光了他可能還比較開心。他將遷至著自己的單位一個接著一個的拉出來劈成兩半或用機砲轟成碎渣，彷彿剛剛友軍的覆滅都是故意所為，他現在可以毫無顧慮地用敵人殘破的身軀將該區域物理都更。

「Ivory 17？這裡是攻擊小組"斧槍"，在你北北西900公尺的位置，我們遭到敵人圍攻，帶我們出去！」

「收到，Halbert 9，我會過去支援。」
「盡快！」

「在路上了。」
Ivory 17的駕駛員將機甲切換至自動操作模式，並把抬頭顯示接上了無人機的操作畫面，熟練地透過某種根本就不是標準操作方式的駭入啟用了無人機的安全模式。

「通知附近的友軍單位，這裡是Ivory 17，偵測到Cielbleu⁶的戰術核彈信號，請做好衝擊預備。」所有單位，包括其他橙色套裝中隊都開始了就地掩護與抗輻射離子層的展開。

職責而言很明顯是個多餘且過於貼心的提醒，駕駛員最後一次接通了廣域無線電。
「J-CAED，啟用黑盒自爆程序。」

『聲紋辨識…許可，距離自爆還有60、59、58…..』

片刻的寧靜中，他感受到了『真實』，一次成功的攻擊中有著一點附加損傷也是沒辦法的事。
『5、4、3…』
他敲下了Enter鍵。

趙震儀將蘇格蘭威士忌與阿瑪雷托調成自己喜歡的比例，獨自品嘗關店前的一刻寧靜，今天還沒有特別待到最後的客人。

不知道是否為蓄意或是單純遇上這場合不適合的節慶，Site-ZH-16第四員工餐廳此時此刻並沒有人存在的證據，安靜的挺異常。

正因為如此，店門開啟的聲響才會如此醒目。
「……..」
看到那個人，他連歡迎二字都說不出口。

「妳在這裡幹嘛？」

從代號Ivory-17的機體出來的駕駛員是一名眼神黯淡的青年，年齡看上去約18出頭，很顯然的就能夠駕駛橙色套裝的服役資格來計算，他開始接受戰鬥訓練的時候可能還不到14歲。

一旁在野戰機庫內擔任前線警備工作的蛛網國際雇員面露難看的眼色，其他組織成員也是，很顯然他這個全球超自然聯盟的走狗特別地與其他人起了什麼激烈的衝突，在這罕見團結的時刻，能有這種不和諧的未爆彈也實屬難得。
討厭他的人當中包括了來自零號專隊的特工常櫻一夥。

雖然總是將全身包裹在黑色套裝內又很沉默寡言，並且平時也沒有什麼反常的舉動，最大興趣就是玩賞(或應該形容為"盯著")魚缸裡的金魚，此外不會跟任何人有所接觸，乍看之下是個正常人…實際上也表現出很多那個年紀才有的個性，但他在戰場上可是貨真價實的惡魔。

毫無良知、生人勿近、且特別熱衷於『防範於未然』。
他的擊殺紀錄相當亮眼，但未曾有救援或是俘虜的紀錄，做事乾淨漂亮，但是凡與他一同作戰過的人都明白，無論是友軍還是沒有任何異常威脅的人類幼童，只要在他附加損傷的計算下合理，就會毫不猶豫的轟成砲灰，已經數不清有多少人想把這傢伙給告上海牙法庭。

Asteria中尉，與血紅色十字架；這是她最後一次出現在檔案上的資料。

一頭因模因改造劑而造成的翡翠色長髮被草率地染成碳黑，並壓在了消光的碳纖維複合材料防彈面具下，穿著不知道從哪個倒楣鬼身上扒下來的機動特遣隊特種作戰服，即使是這樣他也認得出來是誰，就好似她頭上有長角一般。

如果說特工常櫻/趙震儀在他自己的店面內表情是極度不悅且帶有憤怒的次數用一隻手掌數的完，現在肯定是其中一次，這人的罪行絕對不下於第八處，他巴不得手上握著的不是酒杯而是吧台後方掛著的武士刀。

距離雙城作戰結束，也已過了十個年頭。

「妳要什麼？」語氣仍然鎮靜。

沒有靈魂存在的雙瞳黯淡無光，無聲地回敬以一個貌似要面帶紅暈的陶醉微笑。

「Pansy 1，Scarlet小組到達偵查點Oscur，請指示。」
零號專隊象徵性派出的少數幾名隊員與蛛網國際的雇員步行在已然呈現出近晚陰森色彩的街道上。
不知道是否是錯覺，即使隔著防毒面具，也能聞到新鮮血液流淌在大街上的味道，作為異常相關的從業人員，他們很習慣這種血腥的場景，然而這一次，城市裡沒有食人怪物，街道上沒有異常犯罪者，他們久違的嚐到了人類本身所造成的衝突其實不下於異常的所作所為。

而他們也是為此而來，作為相對安全的第三方可信任專業人員，是基金會授權他們對全球超自然聯盟展開的調查，所以也有隨隊的基金會法律顧問。

特工常櫻聽到了些許聲響，是人的喉嚨發出的慘叫聲，手持著的UMP45上的一體成形消音器掃過了一條又一條的街道，調查小組正一步步往推測出的地點前進。
幾陣槍聲響起，他們迅速定位了距離與方位，橡膠靴底踏破了地面乾涸的血汙。
前方的零號專隊特工突發的手勢停下了小組成員們的腳步，望上一看，魁梧的血色十字聳立在眼前，街道的轉角停駛著幾臺步兵突擊載具，特工常櫻用手勢指揮著人馬摸著黑分批分散進入周圍的樓房。

在街區中央的社區庭院內有一側是房屋坍塌下來的瓦礫堆，瓦礫堆的上方正是那部橙色套裝的機械臂膀，Asteria中尉正從背後抱著一名超自然聯盟的新兵，加上其他一字排開站的人員，很明顯就是負責掩護橙色套裝的機械化步兵。
而瓦礫堆內壓著的有數名聯軍步兵、第八處幹員、平民與幼童。

對，這瓦礫堆是機甲故意拍下來的，但人呢？數量這麼多，而且這些人也不可能同時處在一個跟戰略地位毫無關聯的民宅內；解答或許就在她背後的麻醉步槍內，這種用來給動物園猛獸鎮定劑的麻醉槍能無聲且有效的進行她所謂的"狩獵"，這些打獵回來的成果被帶回來埋進了瓦礫堆內。

她抱著的新兵舉著的手握著一把外型類似格洛克17的手槍，從造型來看應該是從第八處幹員身上奪來的，而她則像是指導般握著新兵的手，槍口前是一名沉睡中的小孩，但就她的作風而言，很可能是不顧存活可能的麻醉劑施打過量。

「中尉」

她轉頭過來歪著頭表示不解，飄逸的金髮、毫無情緒起伏的面龐、以及那個態度，就跟方才餵完牛羊的農家女孩一樣，而不是表現成一個剛殺完戰友後該有的樣子，全玻璃面的防毒面罩中能明顯看到她更沒有要逃避的意思。

「」

「妳有權保持緘默。」

「」

「所以就是這樣，雖然被你們上頭硬是把基金會壓下來了，但她目前無論是敵是友都殺，以後要跟她保持好距離。」
常櫻如此說道，那些同隊上的GOC人員一時間還無法接受，拉海爾跟威廉

矢量

『對，』

『也就是說，此戰必敗。』

「我說，新來的。」

「我們第五級幹員從出生到現在，被剝奪了過去，剝奪了身體，剝奪了時間，剝奪了存在，裝上特化肢體，失去了未來。」

「捨棄了一般人類擁有感情的權力，用一生去作為表率，用一輩子成為支撐起橋樑的一具屍體。」

「這不是什麼命令而已啊。」


「那是因為我們只能做到這樣！」

三號陵墓：賽加拉古墓葬群

備用1

今天好像沒有展出呢。

為什麼呢？

三垣議會會議室

▲一名三垣議員正在準備前往會議場所

---

Dr. Semibreve的神話描繪

+謝謝你一路的陪伴

剛進來時第一次(應該)被畫貓設，當時是一隻喜歡咖啡粉的貓貓。

FB時期的圖，原始貓設到現在還沒有什麼改變讓我挺驚訝的。

作者：Dr V Valentine

+合照之一

蒙上一層灰塵的萬聖賀圖，現在上面八成的面孔都要擦掉換人了，但我可沒打算忘記。

作者：prtp14

+風之旅者_致_編撰者

永生……

…..與死亡

作者：Reverberate_a

+綁煙宗師紙筆真跡

Foundation Go遊戲實機畫面

公元幾千年前的壁畫臨摹

你知道嗎Surge？我掰不下去了。

からめる風格，合理火箭筒

哆拉S夢

喔雪

熟悉的貓咪最對味

作者：Control Z

+山姆的綜合搏擊

你知道嗎？我累了。

作者：SamScript

+藝術？

Aindavis_817

世界名畫；山姆鴨吼貓(左邊數來分別是SamScript、Reverberate_a和Semibreve)

作者：CNBlack

四號陵墓：吉薩金字塔群的卡夫拉金字塔

備份2

+計劃報告

名稱	負責人
計劃報告{01-214}	minmasterqw
計劃報告{01-728}	Semibreve

+行動簡報

名稱	負責人
行動簡報{第130字號}	Semibreve
行動簡報{第916字號}	Semibreve

+物件檔案

名稱	負責人
資料從缺	資料從缺

+機密資料

名稱	負責人
行動計劃 第叁捌肆字號	Etinjat
特別委託簡報{第200109-AR字號}	Lostwhat

---

五號陵墓：阿布辛貝神殿內殿

atgm

「ATGM out。」

一發標槍飛彈⁷炸爛了那輛聯結車，這一切被頭盔攝影機完整的記錄了下來。

六號陵墓：卡奈克神廟中央部分

799號理論物理

晨星程序是對因異常心理影響轉變、且不可逆轉之現實扭曲者的一系列處決程序的合稱，也是鑒於過往的失敗或失效案例而總和出的最佳程序代稱，旨在降低人力損失與消耗物質成本等作最有效率之收容措施，會時常性更動，各單位4級人員應時刻注意版本迭代的更新。

當前的“晨星”程序先決條件如下：
1.僅限對於受影響之基金會內部人員執行。
2.該程序之操作應由至少於基金會服務10年或以上、且忠誠及職務心理評比高於A+的特工執行。
3.直接執行人員應予以一日之生理調整假以確保程序執行時的人為意外風險降至最低。
4.該程序的執行過程不允許任何形式的中斷，如在執行前已知可能中斷的要素存在，應更改執行日期。
5.此程序適用於所有類似的收容情景，須經由站點主任聯合會議之決策以決定是否對該類實體實施晨星程序。

當前的“晨星”程序步驟如下：
1.完成抑制之“前人員”（下稱該實體）被引入符合規格之場地後，應確保非致死劑量麻醉或外力昏迷常保持於該實體身上。
2.一具預先放置於場地內的反電磁場投射器與空間穩定磁石裝置將被啟動，前者執行程序，後者穩固空間並隔絕對外部的影響。
3.除所需裝置與目標實體外，淨空並密封場地。
4.[這邊還沒寫]

我聽到有現場人員稱呼SCP-ZH-799-A展現出的異常效應為「主角光環」，原本我是想要直接採用的，但是被紫微之肆擋下來了，先不論原因，總之我重新想了一個。
路西法是拉丁語裡晨星的音譯，而路西法是一位墮天使，墮天使則是摘下了天使光環，「晨星」，我想就這樣稱呼吧，結案。

紫微之陸，軍閥，5/A

七號陵墓：盧克索神廟神堂

八號陵墓：帝王谷深處

九號陵墓：吉薩金字塔群的胡夫金字塔

十號陵墓：溫暖的家

人事檔案

[[tabview]]
[[tab 今日展出]]
+ 無面的沙場
「我不常講話，我也不愛閒談。」

那雙無數次出現在夢魘上的綠色雙瞳一分不變。

「但當我開口時，你最好給我聽清楚。」

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv7::before,
.scp-hover-box.kv7 div.container, 
.scp-hover-box.kv7 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv7 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv7 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv7::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv7:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv7 .container::before,
div.scp-hover-box.kv7 .container::after,
div.scp-hover-box.kv7 .container > *:before,
div.scp-hover-box.kv7 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv7 .container > * > *:before,
div.scp-hover-box.kv7 .container > * > *:after,
div.scp-hover-box.kv7 .container > * > * > *:before,
div.scp-hover-box.kv7 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv7 div.header {
    --background-url: url("https://i.imgur.com/a6Q1PtO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/a6Q1PtO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv7 div.title > a,
div.scp-hover-box.kv7 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv7]]
[[div_ class="scp-hover-box kv7"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]無面的沙場[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**這一次有著萬全的準備。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv7::before,
.scp-hover-box.kv7 div.container, 
.scp-hover-box.kv7 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv7 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv7 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv7::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv7:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv7 .container::before,
div.scp-hover-box.kv7 .container::after,
div.scp-hover-box.kv7 .container > *:before,
div.scp-hover-box.kv7 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv7 .container > * > *:before,
div.scp-hover-box.kv7 .container > * > *:after,
div.scp-hover-box.kv7 .container > * > * > *:before,
div.scp-hover-box.kv7 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv7 div.header {
    --background-url: url("https://i.imgur.com/a6Q1PtO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/a6Q1PtO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv7 div.title > a,
div.scp-hover-box.kv7 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv7]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]無面的沙場[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**這一次有著萬全的準備。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]
[[tab SCP基金會]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.zh009::before,
.scp-hover-box.zh009 div.container, 
.scp-hover-box.zh009 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.zh009 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.zh009 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.zh009::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.zh009:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.zh009 .container::before,
div.scp-hover-box.zh009 .container::after,
div.scp-hover-box.zh009 .container > *:before,
div.scp-hover-box.zh009 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.zh009 .container > * > *:before,
div.scp-hover-box.zh009 .container > * > *:after,
div.scp-hover-box.zh009 .container > * > * > *:before,
div.scp-hover-box.zh009 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.zh009 div.header {
    --background-url: url("https://i.imgur.com/F7PO6Da.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/F7PO6Da.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.zh009 div.title > a,
div.scp-hover-box.zh009 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.zh009 div.title > a,
    div.scp-hover-box.zh009 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.zh009 div.title > a,
    div.scp-hover-box.zh009 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# nsb8-916]]
[[div_ class="scp-hover-box zh009"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-888"]]SCP-ZH-888[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-888"]]來自台中沿海地區的靠北[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**"It's a beautiful day outside,birds are singing,flowers are blooming..."**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.zh009::before,
.scp-hover-box.zh009 div.container, 
.scp-hover-box.zh009 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.zh009 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.zh009 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.zh009::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.zh009:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.zh009 .container::before,
div.scp-hover-box.zh009 .container::after,
div.scp-hover-box.zh009 .container > *:before,
div.scp-hover-box.zh009 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.zh009 .container > * > *:before,
div.scp-hover-box.zh009 .container > * > *:after,
div.scp-hover-box.zh009 .container > * > * > *:before,
div.scp-hover-box.zh009 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.zh009 div.header {
    --background-url: url("https://i.imgur.com/F7PO6Da.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/F7PO6Da.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.zh009 div.title > a,
div.scp-hover-box.zh009 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.zh009 div.title > a,
    div.scp-hover-box.zh009 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.zh009 div.title > a,
    div.scp-hover-box.zh009 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# nsb8-916]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-888"]]SCP-ZH-888[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-888"]]來自台中沿海地區的靠北[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**"It's a beautiful day outside,birds are singing,flowers are blooming..."**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.greatfuldeath::before,
.scp-hover-box.greatfuldeath div.container, 
.scp-hover-box.greatfuldeath div.header {
    --notch-size: 0em;
}

div.scp-hover-box.greatfuldeath .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.greatfuldeath .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.greatfuldeath::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.greatfuldeath:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.greatfuldeath .container::before,
div.scp-hover-box.greatfuldeath .container::after,
div.scp-hover-box.greatfuldeath .container > *:before,
div.scp-hover-box.greatfuldeath .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.greatfuldeath .container > * > *:before,
div.scp-hover-box.greatfuldeath .container > * > *:after,
div.scp-hover-box.greatfuldeath .container > * > * > *:before,
div.scp-hover-box.greatfuldeath .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.greatfuldeath div.header {
    --background-url: url("https://i.imgur.com/sZTdnJV.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/sZTdnJV.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.greatfuldeath div.title > a,
div.scp-hover-box.greatfuldeath div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.greatfuldeath div.title > a,
    div.scp-hover-box.greatfuldeath div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.greatfuldeath div.title > a,
    div.scp-hover-box.greatfuldeath div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# greatfuldeath]]
[[div_ class="scp-hover-box greatfuldeath"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-889"]]SCP-ZH-889[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-889"]]登上那浩瀚的銀河[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**不過我想你也只能看到光汙染**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.greatfuldeath::before,
.scp-hover-box.greatfuldeath div.container, 
.scp-hover-box.greatfuldeath div.header {
    --notch-size: 0em;
}

div.scp-hover-box.greatfuldeath .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.greatfuldeath .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.greatfuldeath::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.greatfuldeath:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.greatfuldeath .container::before,
div.scp-hover-box.greatfuldeath .container::after,
div.scp-hover-box.greatfuldeath .container > *:before,
div.scp-hover-box.greatfuldeath .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.greatfuldeath .container > * > *:before,
div.scp-hover-box.greatfuldeath .container > * > *:after,
div.scp-hover-box.greatfuldeath .container > * > * > *:before,
div.scp-hover-box.greatfuldeath .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.greatfuldeath div.header {
    --background-url: url("https://i.imgur.com/sZTdnJV.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/sZTdnJV.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.greatfuldeath div.title > a,
div.scp-hover-box.greatfuldeath div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.greatfuldeath div.title > a,
    div.scp-hover-box.greatfuldeath div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.greatfuldeath div.title > a,
    div.scp-hover-box.greatfuldeath div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# greatfuldeath]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-889"]]SCP-ZH-889[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-889"]]登上那浩瀚的銀河[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**不過我想你也只能看到光汙染**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.sangresabismosdevide::before,
.scp-hover-box.sangresabismosdevide div.container, 
.scp-hover-box.sangresabismosdevide div.header {
    --notch-size: 0em;
}

div.scp-hover-box.sangresabismosdevide .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.sangresabismosdevide .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.sangresabismosdevide::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.sangresabismosdevide:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.sangresabismosdevide .container::before,
div.scp-hover-box.sangresabismosdevide .container::after,
div.scp-hover-box.sangresabismosdevide .container > *:before,
div.scp-hover-box.sangresabismosdevide .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.sangresabismosdevide .container > * > *:before,
div.scp-hover-box.sangresabismosdevide .container > * > *:after,
div.scp-hover-box.sangresabismosdevide .container > * > * > *:before,
div.scp-hover-box.sangresabismosdevide .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.sangresabismosdevide div.header {
    --background-url: url("https://i.imgur.com/rs8VLkc.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/rs8VLkc.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.sangresabismosdevide div.title > a,
div.scp-hover-box.sangresabismosdevide div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.sangresabismosdevide div.title > a,
    div.scp-hover-box.sangresabismosdevide div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.sangresabismosdevide div.title > a,
    div.scp-hover-box.sangresabismosdevide div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# sangresabismosdevide]]
[[div_ class="scp-hover-box sangresabismosdevide"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-666"]]SCP-ZH-666[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-666"]]如果有個世界末日是個人[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**那就把它丟到火星上面**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.sangresabismosdevide::before,
.scp-hover-box.sangresabismosdevide div.container, 
.scp-hover-box.sangresabismosdevide div.header {
    --notch-size: 0em;
}

div.scp-hover-box.sangresabismosdevide .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.sangresabismosdevide .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.sangresabismosdevide::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.sangresabismosdevide:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.sangresabismosdevide .container::before,
div.scp-hover-box.sangresabismosdevide .container::after,
div.scp-hover-box.sangresabismosdevide .container > *:before,
div.scp-hover-box.sangresabismosdevide .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.sangresabismosdevide .container > * > *:before,
div.scp-hover-box.sangresabismosdevide .container > * > *:after,
div.scp-hover-box.sangresabismosdevide .container > * > * > *:before,
div.scp-hover-box.sangresabismosdevide .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.sangresabismosdevide div.header {
    --background-url: url("https://i.imgur.com/rs8VLkc.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/rs8VLkc.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.sangresabismosdevide div.title > a,
div.scp-hover-box.sangresabismosdevide div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.sangresabismosdevide div.title > a,
    div.scp-hover-box.sangresabismosdevide div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.sangresabismosdevide div.title > a,
    div.scp-hover-box.sangresabismosdevide div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# sangresabismosdevide]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-666"]]SCP-ZH-666[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-666"]]如果有個世界末日是個人[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**那就把它丟到火星上面**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.fuckupaway::before,
.scp-hover-box.fuckupaway div.container, 
.scp-hover-box.fuckupaway div.header {
    --notch-size: 0em;
}

div.scp-hover-box.fuckupaway .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.fuckupaway .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.fuckupaway::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.fuckupaway:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.fuckupaway .container::before,
div.scp-hover-box.fuckupaway .container::after,
div.scp-hover-box.fuckupaway .container > *:before,
div.scp-hover-box.fuckupaway .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.fuckupaway .container > * > *:before,
div.scp-hover-box.fuckupaway .container > * > *:after,
div.scp-hover-box.fuckupaway .container > * > * > *:before,
div.scp-hover-box.fuckupaway .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.fuckupaway div.header {
    --background-url: url("https://i.imgur.com/3YScKCC.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/3YScKCC.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.fuckupaway div.title > a,
div.scp-hover-box.fuckupaway div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.fuckupaway div.title > a,
    div.scp-hover-box.fuckupaway div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.fuckupaway div.title > a,
    div.scp-hover-box.fuckupaway div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# fuckupaway]]
[[div_ class="scp-hover-box fuckupaway"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-900"]]SCP-ZH-900[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-900"]]香菜皮蛋初號機[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**離我遠點**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.fuckupaway::before,
.scp-hover-box.fuckupaway div.container, 
.scp-hover-box.fuckupaway div.header {
    --notch-size: 0em;
}

div.scp-hover-box.fuckupaway .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.fuckupaway .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.fuckupaway::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.fuckupaway:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.fuckupaway .container::before,
div.scp-hover-box.fuckupaway .container::after,
div.scp-hover-box.fuckupaway .container > *:before,
div.scp-hover-box.fuckupaway .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.fuckupaway .container > * > *:before,
div.scp-hover-box.fuckupaway .container > * > *:after,
div.scp-hover-box.fuckupaway .container > * > * > *:before,
div.scp-hover-box.fuckupaway .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.fuckupaway div.header {
    --background-url: url("https://i.imgur.com/3YScKCC.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/3YScKCC.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.fuckupaway div.title > a,
div.scp-hover-box.fuckupaway div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.fuckupaway div.title > a,
    div.scp-hover-box.fuckupaway div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.fuckupaway div.title > a,
    div.scp-hover-box.fuckupaway div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# fuckupaway]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-900"]]SCP-ZH-900[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/scp-zh-900"]]香菜皮蛋初號機[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**離我遠點**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@
------
@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.zh666::before,
.scp-hover-box.zh666 div.container, 
.scp-hover-box.zh666 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.zh666 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.zh666 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.zh666::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.zh666:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.zh666 .container::before,
div.scp-hover-box.zh666 .container::after,
div.scp-hover-box.zh666 .container > *:before,
div.scp-hover-box.zh666 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.zh666 .container > * > *:before,
div.scp-hover-box.zh666 .container > * > *:after,
div.scp-hover-box.zh666 .container > * > * > *:before,
div.scp-hover-box.zh666 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.zh666 div.header {
    --background-url: url("https://i.imgur.com/Dt9QZiD.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/Dt9QZiD.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.zh666 div.title > a,
div.scp-hover-box.zh666 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.zh666 div.title > a,
    div.scp-hover-box.zh666 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.zh666 div.title > a,
    div.scp-hover-box.zh666 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# zh666]]
[[div_ class="scp-hover-box zh666"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/zh-666"]]實驗記錄-ZH-666[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/zh-666"]]實驗記錄[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**"我的一小步，是作死的一大步"**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.zh666::before,
.scp-hover-box.zh666 div.container, 
.scp-hover-box.zh666 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.zh666 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.zh666 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.zh666::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.zh666:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.zh666 .container::before,
div.scp-hover-box.zh666 .container::after,
div.scp-hover-box.zh666 .container > *:before,
div.scp-hover-box.zh666 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.zh666 .container > * > *:before,
div.scp-hover-box.zh666 .container > * > *:after,
div.scp-hover-box.zh666 .container > * > * > *:before,
div.scp-hover-box.zh666 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.zh666 div.header {
    --background-url: url("https://i.imgur.com/Dt9QZiD.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/Dt9QZiD.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.zh666 div.title > a,
div.scp-hover-box.zh666 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.zh666 div.title > a,
    div.scp-hover-box.zh666 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.zh666 div.title > a,
    div.scp-hover-box.zh666 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# zh666]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/zh-666"]]實驗記錄-ZH-666[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/zh-666"]]實驗記錄[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**"我的一小步，是作死的一大步"**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]
[[tab 對外事務]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.xmasexercise::before,
.scp-hover-box.xmasexercise div.container, 
.scp-hover-box.xmasexercise div.header {
    --notch-size: 0em;
}

div.scp-hover-box.xmasexercise .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.xmasexercise .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.xmasexercise::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.xmasexercise:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.xmasexercise .container::before,
div.scp-hover-box.xmasexercise .container::after,
div.scp-hover-box.xmasexercise .container > *:before,
div.scp-hover-box.xmasexercise .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.xmasexercise .container > * > *:before,
div.scp-hover-box.xmasexercise .container > * > *:after,
div.scp-hover-box.xmasexercise .container > * > * > *:before,
div.scp-hover-box.xmasexercise .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.xmasexercise div.header {
    --background-url: url("https://i.imgur.com/7LubKs8.png");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/7LubKs8.png"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.xmasexercise div.title > a,
div.scp-hover-box.xmasexercise div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# xmasexercise]]
[[div_ class="scp-hover-box xmasexercise"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]聖誕軍演[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**Site-ZH-50與Site-ZH-81的聯合軍演**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.xmasexercise::before,
.scp-hover-box.xmasexercise div.container, 
.scp-hover-box.xmasexercise div.header {
    --notch-size: 0em;
}

div.scp-hover-box.xmasexercise .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.xmasexercise .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.xmasexercise::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.xmasexercise:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.xmasexercise .container::before,
div.scp-hover-box.xmasexercise .container::after,
div.scp-hover-box.xmasexercise .container > *:before,
div.scp-hover-box.xmasexercise .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.xmasexercise .container > * > *:before,
div.scp-hover-box.xmasexercise .container > * > *:after,
div.scp-hover-box.xmasexercise .container > * > * > *:before,
div.scp-hover-box.xmasexercise .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.xmasexercise div.header {
    --background-url: url("https://i.imgur.com/7LubKs8.png");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/7LubKs8.png"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.xmasexercise div.title > a,
div.scp-hover-box.xmasexercise div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# xmasexercise]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]聖誕軍演[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**Site-ZH-50與Site-ZH-81的聯合軍演**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.doris::before,
.scp-hover-box.doris div.container, 
.scp-hover-box.doris div.header {
    --notch-size: 0em;
}

div.scp-hover-box.doris .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.doris .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.doris::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.doris:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.doris .container::before,
div.scp-hover-box.doris .container::after,
div.scp-hover-box.doris .container > *:before,
div.scp-hover-box.doris .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.doris .container > * > *:before,
div.scp-hover-box.doris .container > * > *:after,
div.scp-hover-box.doris .container > * > * > *:before,
div.scp-hover-box.doris .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.doris div.header {
    --background-url: url("https://i.imgur.com/UAhwZtY.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/UAhwZtY.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.doris div.title > a,
div.scp-hover-box.doris div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.doris div.title > a,
    div.scp-hover-box.doris div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.doris div.title > a,
    div.scp-hover-box.doris div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# doris]]
[[div_ class="scp-hover-box doris"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/doris"]]小動物簡介：Doris！[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/doris"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**我們的神，我們已然不能兌現千年以來的承諾。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.doris::before,
.scp-hover-box.doris div.container, 
.scp-hover-box.doris div.header {
    --notch-size: 0em;
}

div.scp-hover-box.doris .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.doris .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.doris::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.doris:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.doris .container::before,
div.scp-hover-box.doris .container::after,
div.scp-hover-box.doris .container > *:before,
div.scp-hover-box.doris .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.doris .container > * > *:before,
div.scp-hover-box.doris .container > * > *:after,
div.scp-hover-box.doris .container > * > * > *:before,
div.scp-hover-box.doris .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.doris div.header {
    --background-url: url("https://i.imgur.com/UAhwZtY.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/UAhwZtY.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.doris div.title > a,
div.scp-hover-box.doris div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.doris div.title > a,
    div.scp-hover-box.doris div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.doris div.title > a,
    div.scp-hover-box.doris div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# doris]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/doris"]]小動物簡介：Doris！[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/doris"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**我們的神，我們已然不能兌現千年以來的承諾。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.wash::before,
.scp-hover-box.wash div.container, 
.scp-hover-box.wash div.header {
    --notch-size: 0em;
}

div.scp-hover-box.wash .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.wash .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.wash::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.wash:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.wash .container::before,
div.scp-hover-box.wash .container::after,
div.scp-hover-box.wash .container > *:before,
div.scp-hover-box.wash .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.wash .container > * > *:before,
div.scp-hover-box.wash .container > * > *:after,
div.scp-hover-box.wash .container > * > * > *:before,
div.scp-hover-box.wash .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.wash div.header {
    --background-url: url("https://i.imgur.com/2agpKjG.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/2agpKjG.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.wash div.title > a,
div.scp-hover-box.wash div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.wash div.title > a,
    div.scp-hover-box.wash div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.wash div.title > a,
    div.scp-hover-box.wash div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# wash]]
[[div_ class="scp-hover-box wash"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/blue-9102"]]助理研究員Liesbeth的襯衫[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/blue-9102"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**死者應當安息。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.wash::before,
.scp-hover-box.wash div.container, 
.scp-hover-box.wash div.header {
    --notch-size: 0em;
}

div.scp-hover-box.wash .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.wash .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.wash::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.wash:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.wash .container::before,
div.scp-hover-box.wash .container::after,
div.scp-hover-box.wash .container > *:before,
div.scp-hover-box.wash .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.wash .container > * > *:before,
div.scp-hover-box.wash .container > * > *:after,
div.scp-hover-box.wash .container > * > * > *:before,
div.scp-hover-box.wash .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.wash div.header {
    --background-url: url("https://i.imgur.com/2agpKjG.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/2agpKjG.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.wash div.title > a,
div.scp-hover-box.wash div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.wash div.title > a,
    div.scp-hover-box.wash div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.wash div.title > a,
    div.scp-hover-box.wash div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# wash]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/blue-9102"]]助理研究員Liesbeth的襯衫[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/blue-9102"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**死者應當安息。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.nsbcolony::before,
.scp-hover-box.nsbcolony div.container, 
.scp-hover-box.nsbcolony div.header {
    --notch-size: 0em;
}

div.scp-hover-box.nsbcolony .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.nsbcolony .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.nsbcolony::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.nsbcolony:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.nsbcolony .container::before,
div.scp-hover-box.nsbcolony .container::after,
div.scp-hover-box.nsbcolony .container > *:before,
div.scp-hover-box.nsbcolony .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.nsbcolony .container > * > *:before,
div.scp-hover-box.nsbcolony .container > * > *:after,
div.scp-hover-box.nsbcolony .container > * > * > *:before,
div.scp-hover-box.nsbcolony .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.nsbcolony div.header {
    --background-url: url("https://i.imgur.com/oIFXcpF.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/oIFXcpF.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.nsbcolony div.title > a,
div.scp-hover-box.nsbcolony div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.nsbcolony div.title > a,
    div.scp-hover-box.nsbcolony div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.nsbcolony div.title > a,
    div.scp-hover-box.nsbcolony div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# nsbcolony]]
[[div_ class="scp-hover-box nsbcolony"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-teach-colony"]]何謂Colony[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-teach-colony"]]說明[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**現在，請你們翻到下一章。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.nsbcolony::before,
.scp-hover-box.nsbcolony div.container, 
.scp-hover-box.nsbcolony div.header {
    --notch-size: 0em;
}

div.scp-hover-box.nsbcolony .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.nsbcolony .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.nsbcolony::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.nsbcolony:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.nsbcolony .container::before,
div.scp-hover-box.nsbcolony .container::after,
div.scp-hover-box.nsbcolony .container > *:before,
div.scp-hover-box.nsbcolony .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.nsbcolony .container > * > *:before,
div.scp-hover-box.nsbcolony .container > * > *:after,
div.scp-hover-box.nsbcolony .container > * > * > *:before,
div.scp-hover-box.nsbcolony .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.nsbcolony div.header {
    --background-url: url("https://i.imgur.com/oIFXcpF.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/oIFXcpF.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.nsbcolony div.title > a,
div.scp-hover-box.nsbcolony div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.nsbcolony div.title > a,
    div.scp-hover-box.nsbcolony div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.nsbcolony div.title > a,
    div.scp-hover-box.nsbcolony div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# nsbcolony]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-teach-colony"]]何謂Colony[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-teach-colony"]]說明[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**現在，請你們翻到下一章。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.bigguy::before,
.scp-hover-box.bigguy div.container, 
.scp-hover-box.bigguy div.header {
    --notch-size: 0em;
}

div.scp-hover-box.bigguy .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.bigguy .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.bigguy::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.bigguy:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.bigguy .container::before,
div.scp-hover-box.bigguy .container::after,
div.scp-hover-box.bigguy .container > *:before,
div.scp-hover-box.bigguy .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.bigguy .container > * > *:before,
div.scp-hover-box.bigguy .container > * > *:after,
div.scp-hover-box.bigguy .container > * > * > *:before,
div.scp-hover-box.bigguy .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.bigguy div.header {
    --background-url: url("https://i.imgur.com/EdZERrk.gif");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/EdZERrk.gif"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.bigguy div.title > a,
div.scp-hover-box.bigguy div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.bigguy div.title > a,
    div.scp-hover-box.bigguy div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.bigguy div.title > a,
    div.scp-hover-box.bigguy div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# bigguy]]
[[div_ class="scp-hover-box bigguy"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/about-that-big-guy"]]關於那個大海怪[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/about-that-big-guy"]]搞笑[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**偵測到一封垃圾郵件。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.bigguy::before,
.scp-hover-box.bigguy div.container, 
.scp-hover-box.bigguy div.header {
    --notch-size: 0em;
}

div.scp-hover-box.bigguy .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.bigguy .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.bigguy::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.bigguy:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.bigguy .container::before,
div.scp-hover-box.bigguy .container::after,
div.scp-hover-box.bigguy .container > *:before,
div.scp-hover-box.bigguy .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.bigguy .container > * > *:before,
div.scp-hover-box.bigguy .container > * > *:after,
div.scp-hover-box.bigguy .container > * > * > *:before,
div.scp-hover-box.bigguy .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.bigguy div.header {
    --background-url: url("https://i.imgur.com/EdZERrk.gif");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/EdZERrk.gif"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.bigguy div.title > a,
div.scp-hover-box.bigguy div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.bigguy div.title > a,
    div.scp-hover-box.bigguy div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.bigguy div.title > a,
    div.scp-hover-box.bigguy div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# bigguy]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/about-that-big-guy"]]關於那個大海怪[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/about-that-big-guy"]]搞笑[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**偵測到一封垃圾郵件。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv6::before,
.scp-hover-box.kv6 div.container, 
.scp-hover-box.kv6 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv6 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv6 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv6::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv6:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv6 .container::before,
div.scp-hover-box.kv6 .container::after,
div.scp-hover-box.kv6 .container > *:before,
div.scp-hover-box.kv6 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv6 .container > * > *:before,
div.scp-hover-box.kv6 .container > * > *:after,
div.scp-hover-box.kv6 .container > * > * > *:before,
div.scp-hover-box.kv6 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv6 div.header {
    --background-url: url("https://i.imgur.com/7hCYgtc.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/7hCYgtc.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv6 div.title > a,
div.scp-hover-box.kv6 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv6 div.title > a,
    div.scp-hover-box.kv6 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv6 div.title > a,
    div.scp-hover-box.kv6 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv6]]
[[div_ class="scp-hover-box kv6"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/abyss"]]萬丈深淵[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/abyss"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**而乘風起飛的那位則奔向了另一座位於雲層之上的城堡。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv6::before,
.scp-hover-box.kv6 div.container, 
.scp-hover-box.kv6 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv6 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv6 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv6::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv6:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv6 .container::before,
div.scp-hover-box.kv6 .container::after,
div.scp-hover-box.kv6 .container > *:before,
div.scp-hover-box.kv6 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv6 .container > * > *:before,
div.scp-hover-box.kv6 .container > * > *:after,
div.scp-hover-box.kv6 .container > * > * > *:before,
div.scp-hover-box.kv6 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv6 div.header {
    --background-url: url("https://i.imgur.com/7hCYgtc.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/7hCYgtc.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv6 div.title > a,
div.scp-hover-box.kv6 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv6 div.title > a,
    div.scp-hover-box.kv6 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv6 div.title > a,
    div.scp-hover-box.kv6 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv6]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/abyss"]]萬丈深淵[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/abyss"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**而乘風起飛的那位則奔向了另一座位於雲層之上的城堡。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]
[[tab 除此之外]]
[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[size 150%]]__SCP-ZH翻譯資料庫__[[/size]]
[[*user Semibreve]]
[http://scp-zh-tr.wikidot.com/about-the-scp-foundation 關於基金會]
[[[SCP-001]]]
[[[SCP-008]]]
[http://scp-zh-tr.wikidot.com/scp-166 SCP-166]
[[[SCP-173]]]
[[[SCP-181]]]
[[[SCP-1004]]]
[[[SCP-2521]]]
[http://scp-zh-tr.wikidot.com/wilson-s-wildlife-solutions-hub 威爾遜生物應對組中心頁]
[http://scp-zh-tr.wikidot.com/task-forces-complete-list 機動部隊簡要列表]
[http://scp-zh-tr.wikidot.com/spc-1057 SPC-1057-J]
[http://scp-zh-tr.wikidot.com/task-forces 機動部隊]
[http://scp-zh-tr.wikidot.com/spc-hub 毆打鯊魚中心的中心頁]
[[/div]]
[[/div]]
[[module Listpages tag="原創" created_by="Semibreve" separate="no" perPage="250" order="name"]]
# [[[%%fullname%%|%%title%%]]] 評分： %%rating%%
[[/module]]
[[/tab]]
[[tab ListPages]]

----
++* Semibreve博士：

[[module ListPages created_at= rating="<100" tags="+Semibreve博士" perPage="10" separate="no" order="created_at desc"]]
# %%created_at%% %%title_linked%% by %%created_by%% (%%rating%%)
[[/module]]

----

++* Site-ZH-50：

[[module ListPages created_at= rating="<100" tags="+Site-ZH-50" perPage="10" separate="no" order="created_at desc"]]
# %%created_at%% %%title_linked%% by %%created_by%% (%%rating%%)
[[/module]]

----

++* 長垣-4：

[[module ListPages created_at= rating="<100" tags="+長垣-4" perPage="10" separate="no" order="created_at desc"]]
# %%created_at%% %%title_linked%% by %%created_by%% (%%rating%%)
[[/module]]

----
[[/tab]]
[[tab 三垣議員個人資料庫]]

[[div_ class="fadeout-wrapper"]]

**個人資料圖片：**

[[collapsible show="點擊存取" hide="拒絕存取"]]

[[div class="cover"]]
@@ @@
[[/div]]

[[div_ class="fadein-img"]]
[[=image https://i.imgur.com/FpMgO19.jpg width="140px"]]
[[/div]]

[[/collapsible]]

[[/div]]

**席位：**紫微-3(已下任)

**職位：**
Site-ZH-02人形異常部門主任(3/B)
Site-ZH-50監督員(5/A)
Area-ZH-36站點主任(4/B)

**稱謂：**
紫微--吸塵--西辰 "看守者"
Semibreve博士
特工Miu

**真名：**
[已移除數據危害模因]

**特徵摘要：**
[[>]]
[[f>image https://i.imgur.com/R15wNnC.png width="200px"]]
[[/>]]
時而為身高25公分的木乃伊貓乾屍，時而被目擊為175公分的人型實體，被描述為「聒噪地、貪吃地、胡鬧地」等特徵的非常規基金會人員，最明顯的特徵是身上纏著大量的繃帶，貓型時為莎草繃帶，人形態時為染血繃帶。

曾為古埃及高等貓型神性實體，目前自願接受基金會的抑制/收容措施，三垣議會中唯一的非人類(現在相當地多)，被證實擁有超人類壽命，由O5指揮部安插於三垣議會，實際為監督，在議會中不具有發言權與相等權力的福利，全球超自然聯盟最高等級通緝目標，在被通緝前於[數據刪除]考取了博士學位，或許這也是它被發現的原因。

儘管經過議會成員的多次警告(也有議員表示相反意見)，牠/祂仍表示不會卸下背上的[[[black-6666|AT4-CS單發式單兵反坦克武器與其異常收納袋]]]；由於大部分針對人類的異常對於祂來說無效，所以一開始便被指派為主導對人形SCP收容與實驗的人員。

神格未知，目前作為祂原住所的█████神廟正被蛇之手、全球超自然聯盟與國家安全局第八處爭奪，據蛇之手的聲明，神廟內擁有一扇通往圖書館的入口與大量至高神性文物、超自然聯盟聲稱該地有與弒神相關的超科技和高危險神性實體、第八處就是單純想要打超自然聯盟；提及此事時紫微-3總是會發出「無恥的笑聲」。

**和他/她/牠/祂/它有關的檔案：**

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.black::before,
.scp-hover-box.black div.container, 
.scp-hover-box.black div.header {
    --notch-size: 0em;
}

div.scp-hover-box.black .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.black .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.black::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.black:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.black .container::before,
div.scp-hover-box.black .container::after,
div.scp-hover-box.black .container > *:before,
div.scp-hover-box.black .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.black .container > * > *:before,
div.scp-hover-box.black .container > * > *:after,
div.scp-hover-box.black .container > * > * > *:before,
div.scp-hover-box.black .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.black div.header {
    --background-url: url("https://i.imgur.com/tzaMuJi.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/tzaMuJi.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.black div.title > a,
div.scp-hover-box.black div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.black div.title > a,
    div.scp-hover-box.black div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.black div.title > a,
    div.scp-hover-box.black div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# black]]
[[div_ class="scp-hover-box black"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-6666"]]黑6666-Dr.Semibreve的蛇鱗皮AT4收納袋[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-6666"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**逝去不是終點，卻安穩。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.black::before,
.scp-hover-box.black div.container, 
.scp-hover-box.black div.header {
    --notch-size: 0em;
}

div.scp-hover-box.black .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.black .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.black::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.black:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.black .container::before,
div.scp-hover-box.black .container::after,
div.scp-hover-box.black .container > *:before,
div.scp-hover-box.black .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.black .container > * > *:before,
div.scp-hover-box.black .container > * > *:after,
div.scp-hover-box.black .container > * > * > *:before,
div.scp-hover-box.black .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.black div.header {
    --background-url: url("https://i.imgur.com/tzaMuJi.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/tzaMuJi.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.black div.title > a,
div.scp-hover-box.black div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.black div.title > a,
    div.scp-hover-box.black div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.black div.title > a,
    div.scp-hover-box.black div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# black]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-6666"]]黑6666-Dr.Semibreve的蛇鱗皮AT4收納袋[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-6666"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**逝去不是終點，卻安穩。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user Chromeblushowo]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.blackk::before,
.scp-hover-box.blackk div.container, 
.scp-hover-box.blackk div.header {
    --notch-size: 0em;
}

div.scp-hover-box.blackk .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.blackk .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.blackk::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.blackk:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.blackk .container::before,
div.scp-hover-box.blackk .container::after,
div.scp-hover-box.blackk .container > *:before,
div.scp-hover-box.blackk .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.blackk .container > * > *:before,
div.scp-hover-box.blackk .container > * > *:after,
div.scp-hover-box.blackk .container > * > * > *:before,
div.scp-hover-box.blackk .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.blackk div.header {
    --background-url: url("https://i.imgur.com/epigbgL.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/epigbgL.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.blackk div.title > a,
div.scp-hover-box.blackk div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.blackk div.title > a,
    div.scp-hover-box.blackk div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.blackk div.title > a,
    div.scp-hover-box.blackk div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# blackk]]
[[div_ class="scp-hover-box blackk"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-0419"]]黑0419-Dr.Metha的手帕，薰衣草味[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-0419"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**是我，作為追蹤的氣味。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.blackk::before,
.scp-hover-box.blackk div.container, 
.scp-hover-box.blackk div.header {
    --notch-size: 0em;
}

div.scp-hover-box.blackk .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.blackk .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.blackk::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.blackk:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.blackk .container::before,
div.scp-hover-box.blackk .container::after,
div.scp-hover-box.blackk .container > *:before,
div.scp-hover-box.blackk .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.blackk .container > * > *:before,
div.scp-hover-box.blackk .container > * > *:after,
div.scp-hover-box.blackk .container > * > * > *:before,
div.scp-hover-box.blackk .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.blackk div.header {
    --background-url: url("https://i.imgur.com/epigbgL.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/epigbgL.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.blackk div.title > a,
div.scp-hover-box.blackk div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.blackk div.title > a,
    div.scp-hover-box.blackk div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.blackk div.title > a,
    div.scp-hover-box.blackk div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# blackk]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-0419"]]黑0419-Dr.Metha的手帕，薰衣草味[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/black-0419"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**是我，作為追蹤的氣味。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user ting129]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.xinamas::before,
.scp-hover-box.xinamas div.container, 
.scp-hover-box.xinamas div.header {
    --notch-size: 0em;
}

div.scp-hover-box.xinamas .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.xinamas .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.xinamas::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.xinamas:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.xinamas .container::before,
div.scp-hover-box.xinamas .container::after,
div.scp-hover-box.xinamas .container > *:before,
div.scp-hover-box.xinamas .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.xinamas .container > * > *:before,
div.scp-hover-box.xinamas .container > * > *:after,
div.scp-hover-box.xinamas .container > * > * > *:before,
div.scp-hover-box.xinamas .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.xinamas div.header {
    --background-url: url("https://i.imgur.com/Fh3bAB4.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/Fh3bAB4.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.xinamas div.title > a,
div.scp-hover-box.xinamas div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.xinamas div.title > a,
    div.scp-hover-box.xinamas div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.xinamas div.title > a,
    div.scp-hover-box.xinamas div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# xinamas]]
[[div_ class="scp-hover-box xinamas"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/xina-mas-2019"]]聖誕帽，這是Dr. Xmas的日子[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/xina-mas-2019"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**聖誕節快樂啊，資料庫入侵者。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.xinamas::before,
.scp-hover-box.xinamas div.container, 
.scp-hover-box.xinamas div.header {
    --notch-size: 0em;
}

div.scp-hover-box.xinamas .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.xinamas .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.xinamas::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.xinamas:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.xinamas .container::before,
div.scp-hover-box.xinamas .container::after,
div.scp-hover-box.xinamas .container > *:before,
div.scp-hover-box.xinamas .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.xinamas .container > * > *:before,
div.scp-hover-box.xinamas .container > * > *:after,
div.scp-hover-box.xinamas .container > * > * > *:before,
div.scp-hover-box.xinamas .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.xinamas div.header {
    --background-url: url("https://i.imgur.com/Fh3bAB4.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/Fh3bAB4.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.xinamas div.title > a,
div.scp-hover-box.xinamas div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.xinamas div.title > a,
    div.scp-hover-box.xinamas div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.xinamas div.title > a,
    div.scp-hover-box.xinamas div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# xinamas]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/xina-mas-2019"]]聖誕帽，這是Dr. Xmas的日子[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/xina-mas-2019"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**聖誕節快樂啊，資料庫入侵者。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user Xina Harwood]]、[[*user SamScript]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.samone::before,
.scp-hover-box.samone div.container, 
.scp-hover-box.samone div.header {
    --notch-size: 0em;
}

div.scp-hover-box.samone .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.samone .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.samone::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.samone:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.samone .container::before,
div.scp-hover-box.samone .container::after,
div.scp-hover-box.samone .container > *:before,
div.scp-hover-box.samone .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.samone .container > * > *:before,
div.scp-hover-box.samone .container > * > *:after,
div.scp-hover-box.samone .container > * > * > *:before,
div.scp-hover-box.samone .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.samone div.header {
    --background-url: url("https://i.imgur.com/rxXoIF7.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/rxXoIF7.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.samone div.title > a,
div.scp-hover-box.samone div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.samone div.title > a,
    div.scp-hover-box.samone div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.samone div.title > a,
    div.scp-hover-box.samone div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# samone]]
[[div_ class="scp-hover-box samone"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/doodles-from-sam"]]山姆的ZH分部角色紀錄本[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/doodles-from-sam"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**你恐怕知道得太多了。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.samone::before,
.scp-hover-box.samone div.container, 
.scp-hover-box.samone div.header {
    --notch-size: 0em;
}

div.scp-hover-box.samone .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.samone .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.samone::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.samone:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.samone .container::before,
div.scp-hover-box.samone .container::after,
div.scp-hover-box.samone .container > *:before,
div.scp-hover-box.samone .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.samone .container > * > *:before,
div.scp-hover-box.samone .container > * > *:after,
div.scp-hover-box.samone .container > * > * > *:before,
div.scp-hover-box.samone .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.samone div.header {
    --background-url: url("https://i.imgur.com/rxXoIF7.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/rxXoIF7.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.samone div.title > a,
div.scp-hover-box.samone div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.samone div.title > a,
    div.scp-hover-box.samone div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.samone div.title > a,
    div.scp-hover-box.samone div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# samone]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/doodles-from-sam"]]山姆的ZH分部角色紀錄本[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/doodles-from-sam"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**你恐怕知道得太多了。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user SamScript]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.samtwo::before,
.scp-hover-box.samtwo div.container, 
.scp-hover-box.samtwo div.header {
    --notch-size: 0em;
}

div.scp-hover-box.samtwo .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.samtwo .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.samtwo::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.samtwo:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.samtwo .container::before,
div.scp-hover-box.samtwo .container::after,
div.scp-hover-box.samtwo .container > *:before,
div.scp-hover-box.samtwo .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.samtwo .container > * > *:before,
div.scp-hover-box.samtwo .container > * > *:after,
div.scp-hover-box.samtwo .container > * > * > *:before,
div.scp-hover-box.samtwo .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.samtwo div.header {
    --background-url: url("https://i.imgur.com/YE1Ryw9.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/YE1Ryw9.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.samtwo div.title > a,
div.scp-hover-box.samtwo div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.samtwo div.title > a,
    div.scp-hover-box.samtwo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.samtwo div.title > a,
    div.scp-hover-box.samtwo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# samtwo]]
[[div_ class="scp-hover-box samtwo"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/duck-s-xmas"]]鴨鴨的聖誕賀圖[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/duck-s-xmas"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**絕對是沒有致敬的部分是的。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.samtwo::before,
.scp-hover-box.samtwo div.container, 
.scp-hover-box.samtwo div.header {
    --notch-size: 0em;
}

div.scp-hover-box.samtwo .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.samtwo .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.samtwo::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.samtwo:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.samtwo .container::before,
div.scp-hover-box.samtwo .container::after,
div.scp-hover-box.samtwo .container > *:before,
div.scp-hover-box.samtwo .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.samtwo .container > * > *:before,
div.scp-hover-box.samtwo .container > * > *:after,
div.scp-hover-box.samtwo .container > * > * > *:before,
div.scp-hover-box.samtwo .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.samtwo div.header {
    --background-url: url("https://i.imgur.com/YE1Ryw9.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/YE1Ryw9.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.samtwo div.title > a,
div.scp-hover-box.samtwo div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.samtwo div.title > a,
    div.scp-hover-box.samtwo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.samtwo div.title > a,
    div.scp-hover-box.samtwo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# samtwo]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/duck-s-xmas"]]鴨鴨的聖誕賀圖[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/duck-s-xmas"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**絕對是沒有致敬的部分是的。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user SamScript]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.samthree::before,
.scp-hover-box.samthree div.container, 
.scp-hover-box.samthree div.header {
    --notch-size: 0em;
}

div.scp-hover-box.samthree .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.samthree .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.samthree::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.samthree:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.samthree .container::before,
div.scp-hover-box.samthree .container::after,
div.scp-hover-box.samthree .container > *:before,
div.scp-hover-box.samthree .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.samthree .container > * > *:before,
div.scp-hover-box.samthree .container > * > *:after,
div.scp-hover-box.samthree .container > * > * > *:before,
div.scp-hover-box.samthree .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.samthree div.header {
    --background-url: url("https://i.imgur.com/6qYe7Lv.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/6qYe7Lv.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.samthree div.title > a,
div.scp-hover-box.samthree div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.samthree div.title > a,
    div.scp-hover-box.samthree div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.samthree div.title > a,
    div.scp-hover-box.samthree div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# samthree]]
[[div_ class="scp-hover-box samthree"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/discord-active-members-note"]]聊天室活躍成員紀要[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/discord-active-members-note"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**自稱埃及貓咪神明。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.samthree::before,
.scp-hover-box.samthree div.container, 
.scp-hover-box.samthree div.header {
    --notch-size: 0em;
}

div.scp-hover-box.samthree .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.samthree .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.samthree::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.samthree:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.samthree .container::before,
div.scp-hover-box.samthree .container::after,
div.scp-hover-box.samthree .container > *:before,
div.scp-hover-box.samthree .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.samthree .container > * > *:before,
div.scp-hover-box.samthree .container > * > *:after,
div.scp-hover-box.samthree .container > * > * > *:before,
div.scp-hover-box.samthree .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.samthree div.header {
    --background-url: url("https://i.imgur.com/6qYe7Lv.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/6qYe7Lv.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.samthree div.title > a,
div.scp-hover-box.samthree div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.samthree div.title > a,
    div.scp-hover-box.samthree div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.samthree div.title > a,
    div.scp-hover-box.samthree div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# samthree]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/discord-active-members-note"]]聊天室活躍成員紀要[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/discord-active-members-note"]]藝術作品[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**自稱埃及貓咪神明。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user SamScript]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.vv::before,
.scp-hover-box.vv div.container, 
.scp-hover-box.vv div.header {
    --notch-size: 0em;
}

div.scp-hover-box.vv .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.vv .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.vv::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.vv:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.vv .container::before,
div.scp-hover-box.vv .container::after,
div.scp-hover-box.vv .container > *:before,
div.scp-hover-box.vv .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.vv .container > * > *:before,
div.scp-hover-box.vv .container > * > *:after,
div.scp-hover-box.vv .container > * > * > *:before,
div.scp-hover-box.vv .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.vv div.header {
    --background-url: url("http://scp-sandbox-zh.wdfiles.com/local--files/collab:recommendedarticle/11");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("http://scp-sandbox-zh.wdfiles.com/local--files/collab:recommendedarticle/11"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.vv div.title > a,
div.scp-hover-box.vv div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.vv div.title > a,
    div.scp-hover-box.vv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.vv div.title > a,
    div.scp-hover-box.vv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# vv]]
[[div_ class="scp-hover-box vv"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/caged-bird"]]籠中鳥[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/caged-bird"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**通報器發出了刺耳的聲響，時間是危險的猩紅，至少最後離開的時候是成為藍色的結晶。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.vv::before,
.scp-hover-box.vv div.container, 
.scp-hover-box.vv div.header {
    --notch-size: 0em;
}

div.scp-hover-box.vv .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.vv .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.vv::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.vv:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.vv .container::before,
div.scp-hover-box.vv .container::after,
div.scp-hover-box.vv .container > *:before,
div.scp-hover-box.vv .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.vv .container > * > *:before,
div.scp-hover-box.vv .container > * > *:after,
div.scp-hover-box.vv .container > * > * > *:before,
div.scp-hover-box.vv .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.vv div.header {
    --background-url: url("http://scp-sandbox-zh.wdfiles.com/local--files/collab:recommendedarticle/11");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("http://scp-sandbox-zh.wdfiles.com/local--files/collab:recommendedarticle/11"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.vv div.title > a,
div.scp-hover-box.vv div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.vv div.title > a,
    div.scp-hover-box.vv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.vv div.title > a,
    div.scp-hover-box.vv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# vv]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/caged-bird"]]籠中鳥[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/caged-bird"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**通報器發出了刺耳的聲響，時間是危險的猩紅，至少最後離開的時候是成為藍色的結晶。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

**作者：**[[*user Dr V Valentine]]
[[/tab]]
[[tab 三垣議會會議室]]
[[=image https://i.imgur.com/cTXSYA5.jpg]]
[[=]]
[http://scp-zh-tr.wikidot.com/so-i-said-that-dinner ▲一名三垣議員正在準備前往會議場所]
[[/=]]
------
+ Dr. Semibreve的神話描繪
[[=]]
[[collapsible show="+謝謝你一路的陪伴" hide="-直至不復存在"]]
**剛進來時第一次(應該)被畫貓設，當時是一隻喜歡咖啡粉的貓貓。**
[[=image https://i.imgur.com/YENw6D9.jpg width="240px"]]
**FB時期的圖，原始貓設到現在還沒有什麼改變讓我挺驚訝的。**
[[=image https://i.imgur.com/IiYkmX1.jpg width="240px"]]
作者：[[*user Dr V Valentine]]
[[/collapsible]]
[[/=]]
@@@@
[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]
[[=]]
[[collapsible show="+合照之一" hide="-但他們中的大部分走不到這裡"]]
**蒙上一層灰塵的萬聖賀圖，現在上面八成的面孔都要擦掉換人了，但我可沒打算忘記。**
[[=image https://i.imgur.com/zAgP5CH.jpg width="300px"]]
作者：[[*user prtp14]]
[[/collapsible]]
@@@@
[[/=]]
[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]
[[=]]
[[collapsible show="+風之旅者_致_編撰者" hide="-戰爭與死亡的編撰者"]]
##red|**永生......**##
[[=image https://i.imgur.com/EaA40A4.jpg width="540px"]]
##blue|**.....與死亡**##
[[=image https://i.imgur.com/E92Jhqf.jpg width="540px"]]
**作者：**[[*user Reverberate_a]]
[[/collapsible]]
[[/=]]
@@@@
[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]
[[=]]
[[collapsible show="+綁煙宗師紙筆真跡" hide="-觸"]]
**Foundation Go**遊戲實機畫面
[[=image https://i.imgur.com/lwYFPDJ.jpg width="450px"]]
**公元幾千年前的壁畫臨摹**
[[=image https://i.imgur.com/l9Pw0E4.jpg width="240px"]]
**你知道嗎[[[Surge]]]？我掰不下去了。**
[[=image https://i.imgur.com/Be9tX81.jpg width="240px"]]
**からめる風格，--合理火箭筒--**
[[=image https://i.imgur.com/9mfExLt.jpg width="240px"]]
**哆拉S夢**
[[=image https://i.imgur.com/AFYtbAy.jpg width="240px"]]
**//喔雪//**
[[=image https://i.imgur.com/JvL6zat.jpg width="240px"]]
**熟悉的貓咪最對味**
[[=image https://i.imgur.com/9zWdTLf.jpg width="240px"]]
作者：[[*user Control z]]
[[/collapsible]]
[[/=]]
@@@@
[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]
[[=]]
[[collapsible show="+山姆的綜合搏擊" hide="-weed"]]
[[=image https://i.imgur.com/5nPKMXY.jpg width="140px"]]
[[=image https://i.imgur.com/U2yZLoQ.jpg width="140px"]]
[[=image https://i.imgur.com/0RTDZaX.gif width="140px"]]
**你知道嗎？我累了。**
[[=image https://i.imgur.com/tTGRMvo.jpg width="340px"]]
[[=image https://i.imgur.com/MLgJnLl.jpg width="340px"]]
[[=image https://i.imgur.com/fnVmFpH.jpg width="340px"]]
[[=image https://i.imgur.com/sBxZDCM.jpg width="340px"]]
作者：[[*user SamScript]]
[[/collapsible]]
[[/=]]
@@@@
[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]
[[=]]
[[collapsible show="+藝術？" hide="就是爆炸！"]]
[[=image https://i.imgur.com/2koymmx.jpg]]
[[*user Aindavis_817]]
[[/collapsible]]
[[/=]]
@@@@
[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]
**世界名畫；山姆鴨吼貓(左邊數來分別是[[*user SamScript]]、[[*user Reverberate_a]]和[[*user Semibreve]])**
[[=image https://i.imgur.com/mWJKAWb.jpg]]
作者：[[*user CNBlack]]
[[/tab]]
[[tab 神廟]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.a::before,
.scp-hover-box.a div.container, 
.scp-hover-box.a div.header {
    --notch-size: 0em;
}

div.scp-hover-box.a .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.a .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.a::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.a:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.a .container::before,
div.scp-hover-box.a .container::after,
div.scp-hover-box.a .container > *:before,
div.scp-hover-box.a .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.a .container > * > *:before,
div.scp-hover-box.a .container > * > *:after,
div.scp-hover-box.a .container > * > * > *:before,
div.scp-hover-box.a .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.a div.header {
    --background-url: url("https://i.imgur.com/3iwguUD.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/3iwguUD.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.a div.title > a,
div.scp-hover-box.a div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.a div.title > a,
    div.scp-hover-box.a div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.a div.title > a,
    div.scp-hover-box.a div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# a]]
[[div_ class="scp-hover-box a"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve"]]最後旅程[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**我踏上了旅途，這或許不是開始的結束，但這是結束的開始。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.a::before,
.scp-hover-box.a div.container, 
.scp-hover-box.a div.header {
    --notch-size: 0em;
}

div.scp-hover-box.a .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.a .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.a::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.a:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.a .container::before,
div.scp-hover-box.a .container::after,
div.scp-hover-box.a .container > *:before,
div.scp-hover-box.a .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.a .container > * > *:before,
div.scp-hover-box.a .container > * > *:after,
div.scp-hover-box.a .container > * > * > *:before,
div.scp-hover-box.a .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.a div.header {
    --background-url: url("https://i.imgur.com/3iwguUD.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/3iwguUD.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.a div.title > a,
div.scp-hover-box.a div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.a div.title > a,
    div.scp-hover-box.a div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.a div.title > a,
    div.scp-hover-box.a div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# a]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve"]]最後旅程[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**我踏上了旅途，這或許不是開始的結束，但這是結束的開始。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.b::before,
.scp-hover-box.b div.container, 
.scp-hover-box.b div.header {
    --notch-size: 0em;
}

div.scp-hover-box.b .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.b .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.b::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.b:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.b .container::before,
div.scp-hover-box.b .container::after,
div.scp-hover-box.b .container > *:before,
div.scp-hover-box.b .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.b .container > * > *:before,
div.scp-hover-box.b .container > * > *:after,
div.scp-hover-box.b .container > * > * > *:before,
div.scp-hover-box.b .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.b div.header {
    --background-url: url("https://i.imgur.com/cSn2rd5.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/cSn2rd5.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.b div.title > a,
div.scp-hover-box.b div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.b div.title > a,
    div.scp-hover-box.b div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.b div.title > a,
    div.scp-hover-box.b div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# b]]
[[div_ class="scp-hover-box b"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve2"]]十字路口[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve2"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**所有的路口都是十字路口，這世界上不存在著死路，人神亦復如是。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.b::before,
.scp-hover-box.b div.container, 
.scp-hover-box.b div.header {
    --notch-size: 0em;
}

div.scp-hover-box.b .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.b .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.b::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.b:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.b .container::before,
div.scp-hover-box.b .container::after,
div.scp-hover-box.b .container > *:before,
div.scp-hover-box.b .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.b .container > * > *:before,
div.scp-hover-box.b .container > * > *:after,
div.scp-hover-box.b .container > * > * > *:before,
div.scp-hover-box.b .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.b div.header {
    --background-url: url("https://i.imgur.com/cSn2rd5.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/cSn2rd5.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.b div.title > a,
div.scp-hover-box.b div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.b div.title > a,
    div.scp-hover-box.b div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.b div.title > a,
    div.scp-hover-box.b div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# b]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve2"]]十字路口[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve2"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**所有的路口都是十字路口，這世界上不存在著死路，人神亦復如是。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.c::before,
.scp-hover-box.c div.container, 
.scp-hover-box.c div.header {
    --notch-size: 0em;
}

div.scp-hover-box.c .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.c .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.c::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.c:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.c .container::before,
div.scp-hover-box.c .container::after,
div.scp-hover-box.c .container > *:before,
div.scp-hover-box.c .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.c .container > * > *:before,
div.scp-hover-box.c .container > * > *:after,
div.scp-hover-box.c .container > * > * > *:before,
div.scp-hover-box.c .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.c div.header {
    --background-url: url("https://i.imgur.com/lr6uz2l.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/lr6uz2l.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.c div.title > a,
div.scp-hover-box.c div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.c div.title > a,
    div.scp-hover-box.c div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.c div.title > a,
    div.scp-hover-box.c div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# c]]
[[div_ class="scp-hover-box c"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve3"]]冥河擺渡[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve3"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**就算是河神也會被水載走的，主神如此，死神亦同。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.c::before,
.scp-hover-box.c div.container, 
.scp-hover-box.c div.header {
    --notch-size: 0em;
}

div.scp-hover-box.c .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.c .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.c::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.c:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.c .container::before,
div.scp-hover-box.c .container::after,
div.scp-hover-box.c .container > *:before,
div.scp-hover-box.c .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.c .container > * > *:before,
div.scp-hover-box.c .container > * > *:after,
div.scp-hover-box.c .container > * > * > *:before,
div.scp-hover-box.c .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.c div.header {
    --background-url: url("https://i.imgur.com/lr6uz2l.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/lr6uz2l.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.c div.title > a,
div.scp-hover-box.c div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.c div.title > a,
    div.scp-hover-box.c div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.c div.title > a,
    div.scp-hover-box.c div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# c]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve3"]]冥河擺渡[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve3"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**就算是河神也會被水載走的，主神如此，死神亦同。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.d::before,
.scp-hover-box.d div.container, 
.scp-hover-box.d div.header {
    --notch-size: 0em;
}

div.scp-hover-box.d .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.d .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.d::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.d:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.d .container::before,
div.scp-hover-box.d .container::after,
div.scp-hover-box.d .container > *:before,
div.scp-hover-box.d .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.d .container > * > *:before,
div.scp-hover-box.d .container > * > *:after,
div.scp-hover-box.d .container > * > * > *:before,
div.scp-hover-box.d .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.d div.header {
    --background-url: url("https://i.imgur.com/HaOnUPC.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/HaOnUPC.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.d div.title > a,
div.scp-hover-box.d div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.d div.title > a,
    div.scp-hover-box.d div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.d div.title > a,
    div.scp-hover-box.d div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# d]]
[[div_ class="scp-hover-box d"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve4"]]九界塵埃[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve4"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**對不起，我的朋友們，我曾冒險將我的幸福畫在牆上。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.d::before,
.scp-hover-box.d div.container, 
.scp-hover-box.d div.header {
    --notch-size: 0em;
}

div.scp-hover-box.d .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.d .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.d::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.d:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.d .container::before,
div.scp-hover-box.d .container::after,
div.scp-hover-box.d .container > *:before,
div.scp-hover-box.d .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.d .container > * > *:before,
div.scp-hover-box.d .container > * > *:after,
div.scp-hover-box.d .container > * > * > *:before,
div.scp-hover-box.d .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.d div.header {
    --background-url: url("https://i.imgur.com/HaOnUPC.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/HaOnUPC.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.d div.title > a,
div.scp-hover-box.d div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.d div.title > a,
    div.scp-hover-box.d div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.d div.title > a,
    div.scp-hover-box.d div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# d]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve4"]]九界塵埃[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/semibreve4"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**對不起，我的朋友們，我曾冒險將我的幸福畫在牆上。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.e::before,
.scp-hover-box.e div.container, 
.scp-hover-box.e div.header {
    --notch-size: 0em;
}

div.scp-hover-box.e .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.e .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.e::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.e:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.e .container::before,
div.scp-hover-box.e .container::after,
div.scp-hover-box.e .container > *:before,
div.scp-hover-box.e .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.e .container > * > *:before,
div.scp-hover-box.e .container > * > *:after,
div.scp-hover-box.e .container > * > * > *:before,
div.scp-hover-box.e .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.e div.header {
    --background-url: url("https://i.imgur.com/rvPzQlp.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/rvPzQlp.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.e div.title > a,
div.scp-hover-box.e div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.e div.title > a,
    div.scp-hover-box.e div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.e div.title > a,
    div.scp-hover-box.e div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# e]]
[[div_ class="scp-hover-box e"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox2-zh.wikidot.com/portal:4239775"]]一盤散沙[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox2-zh.wikidot.com/portal:4239775"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**本我過去在哪裡，自我就應在哪裡。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.e::before,
.scp-hover-box.e div.container, 
.scp-hover-box.e div.header {
    --notch-size: 0em;
}

div.scp-hover-box.e .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.e .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.e::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.e:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.e .container::before,
div.scp-hover-box.e .container::after,
div.scp-hover-box.e .container > *:before,
div.scp-hover-box.e .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.e .container > * > *:before,
div.scp-hover-box.e .container > * > *:after,
div.scp-hover-box.e .container > * > * > *:before,
div.scp-hover-box.e .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.e div.header {
    --background-url: url("https://i.imgur.com/rvPzQlp.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/rvPzQlp.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.e div.title > a,
div.scp-hover-box.e div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.e div.title > a,
    div.scp-hover-box.e div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.e div.title > a,
    div.scp-hover-box.e div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# e]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox2-zh.wikidot.com/portal:4239775"]]一盤散沙[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox2-zh.wikidot.com/portal:4239775"]]草稿箱[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**本我過去在哪裡，自我就應在哪裡。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]

[[tab Site-ZH-02站點聯合履歷系統_終端接點:02HU/SE/814]]
[[collapsible show="+加密的檔案A" hide="解鎖完成"]]
試著想想在那個你所能描述出的、最久遠的詞以前一點點，對，就是那個時候。

一切事物開始了發展，你所認知的、你所不知道的、你所不能知道的、別人不想讓你知道的都開始有了飛速的進展，更高敘事層面的神明們忙著打理好他們想做的，推動著萬千宇宙的進行，這些推動世界前行的能量過於龐大甚至出現了廢料與殘渣，而那些如星辰般的殘渣就像是大海上漂流的垃圾一般，在用不完的時間中匯流聚集成一股令外神也無法忽視的能量聚集體。

那就是我。
[[/collapsible]]
[[collapsible show="+加密的檔案B" hide="解鎖完成"]]
以前神也很懂得回收再利用，就像是人類把地球破壞的差不多才想起來要環保，當他們想起我的時候，有些他們所創造的世界居然可以比祂們本身還要可悲。

也和人類一樣，眾神始終無法達成對所有外神都好的協議，在一陣激烈的爭奪之後，我被其中一個給帶走，祂帶我到了顆滿是岩漿的行星，祂賦予了我職責，然後就像是失去興趣一般再也沒出現。

我後來才知道我並不是唯一一個，而是被瓜分出來的其中一個。
[[/collapsible]]
[[collapsible show="+加密的檔案C" hide="解鎖中..."]]
戰爭的編撰者，這是我的第一份工作經歷，包括從任何一項帶有敵意的動作、獵殺、反擊、情緒這些抽象的東西，到每一個爪子繪畫開誰的喉嚨、哪塊破片會打飛誰的前額葉都在我的工作範圍內。

和其他原本就特化用來履行職務的"神明"不同，我的存在相當於...馬桶？擔負著重責大任的無意識低賤機器，這就是我的真正定義。

在漫長的職涯中，我這個單純的能量體因為日漸龐大的工作量而逐漸演化出了意識，這是一切悲劇的開端。
[[/collapsible]]
[[collapsible show="+加密的檔案D" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案E" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案F" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案G" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案H" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案I" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案J" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案K" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案L" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案N" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案M" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案O" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案P" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案Q" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案R" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案S" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案T" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案U" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案V" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案W" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案X" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案Y" hide="解鎖中..."]]

[[/collapsible]]
[[collapsible show="+加密的檔案Z" hide="解鎖中..."]]

[[/collapsible]]
[[/tab]]
[[/tabview]]
[[tabview]]
[[tab 設定-核裂擠兌]]
[[=]]
[[image https://media.giphy.com/media/3ddWhlbi1naxiJBEO9/giphy.gif]]
[[/=]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.v::before,
.scp-hover-box.v div.container, 
.scp-hover-box.v div.header {
    --notch-size: 0em;
}

div.scp-hover-box.v .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.v .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.v::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.v:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.v .container::before,
div.scp-hover-box.v .container::after,
div.scp-hover-box.v .container > *:before,
div.scp-hover-box.v .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.v .container > * > *:before,
div.scp-hover-box.v .container > * > *:after,
div.scp-hover-box.v .container > * > * > *:before,
div.scp-hover-box.v .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.v div.header {
    --background-url: url("https://i.imgur.com/CnxXld4.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/CnxXld4.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.v div.title > a,
div.scp-hover-box.v div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.v div.title > a,
    div.scp-hover-box.v div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.v div.title > a,
    div.scp-hover-box.v div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# v]]
[[div_ class="scp-hover-box v"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/v"]]一如往常[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/v"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第一階段：金融封鎖**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.v::before,
.scp-hover-box.v div.container, 
.scp-hover-box.v div.header {
    --notch-size: 0em;
}

div.scp-hover-box.v .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.v .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.v::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.v:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.v .container::before,
div.scp-hover-box.v .container::after,
div.scp-hover-box.v .container > *:before,
div.scp-hover-box.v .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.v .container > * > *:before,
div.scp-hover-box.v .container > * > *:after,
div.scp-hover-box.v .container > * > * > *:before,
div.scp-hover-box.v .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.v div.header {
    --background-url: url("https://i.imgur.com/CnxXld4.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/CnxXld4.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.v div.title > a,
div.scp-hover-box.v div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.v div.title > a,
    div.scp-hover-box.v div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.v div.title > a,
    div.scp-hover-box.v div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# v]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/v"]]一如往常[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/v"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第一階段：金融封鎖**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.first::before,
.scp-hover-box.first div.container, 
.scp-hover-box.first div.header {
    --notch-size: 0em;
}

div.scp-hover-box.first .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.first .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.first::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.first:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.first .container::before,
div.scp-hover-box.first .container::after,
div.scp-hover-box.first .container > *:before,
div.scp-hover-box.first .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.first .container > * > *:before,
div.scp-hover-box.first .container > * > *:after,
div.scp-hover-box.first .container > * > * > *:before,
div.scp-hover-box.first .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.first div.header {
    --background-url: url("https://i.imgur.com/6zKeisO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/6zKeisO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.first div.title > a,
div.scp-hover-box.first div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.first div.title > a,
    div.scp-hover-box.first div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.first div.title > a,
    div.scp-hover-box.first div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# first]]
[[div_ class="scp-hover-box first"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-run-1"]]裂變序言[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-run-1"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第一階段：金融封鎖**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.first::before,
.scp-hover-box.first div.container, 
.scp-hover-box.first div.header {
    --notch-size: 0em;
}

div.scp-hover-box.first .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.first .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.first::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.first:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.first .container::before,
div.scp-hover-box.first .container::after,
div.scp-hover-box.first .container > *:before,
div.scp-hover-box.first .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.first .container > * > *:before,
div.scp-hover-box.first .container > * > *:after,
div.scp-hover-box.first .container > * > * > *:before,
div.scp-hover-box.first .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.first div.header {
    --background-url: url("https://i.imgur.com/6zKeisO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/6zKeisO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.first div.title > a,
div.scp-hover-box.first div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.first div.title > a,
    div.scp-hover-box.first div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.first div.title > a,
    div.scp-hover-box.first div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# first]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-run-1"]]裂變序言[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-run-1"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第一階段：金融封鎖**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.minger::before,
.scp-hover-box.minger div.container, 
.scp-hover-box.minger div.header {
    --notch-size: 0em;
}

div.scp-hover-box.minger .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.minger .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.minger::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.minger:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.minger .container::before,
div.scp-hover-box.minger .container::after,
div.scp-hover-box.minger .container > *:before,
div.scp-hover-box.minger .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.minger .container > * > *:before,
div.scp-hover-box.minger .container > * > *:after,
div.scp-hover-box.minger .container > * > * > *:before,
div.scp-hover-box.minger .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.minger div.header {
    --background-url: url("https://i.imgur.com/5ax08oX.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/5ax08oX.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.minger div.title > a,
div.scp-hover-box.minger div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.minger div.title > a,
    div.scp-hover-box.minger div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.minger div.title > a,
    div.scp-hover-box.minger div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# minger]]
[[div_ class="scp-hover-box minger"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-minger"]]指揮官Minger的視角[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-minger"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第二階段：冷卻系統**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.minger::before,
.scp-hover-box.minger div.container, 
.scp-hover-box.minger div.header {
    --notch-size: 0em;
}

div.scp-hover-box.minger .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.minger .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.minger::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.minger:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.minger .container::before,
div.scp-hover-box.minger .container::after,
div.scp-hover-box.minger .container > *:before,
div.scp-hover-box.minger .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.minger .container > * > *:before,
div.scp-hover-box.minger .container > * > *:after,
div.scp-hover-box.minger .container > * > * > *:before,
div.scp-hover-box.minger .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.minger div.header {
    --background-url: url("https://i.imgur.com/5ax08oX.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/5ax08oX.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.minger div.title > a,
div.scp-hover-box.minger div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.minger div.title > a,
    div.scp-hover-box.minger div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.minger div.title > a,
    div.scp-hover-box.minger div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# minger]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-minger"]]指揮官Minger的視角[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/operation-nucleon-bank-minger"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第二階段：冷卻系統**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.ieo::before,
.scp-hover-box.ieo div.container, 
.scp-hover-box.ieo div.header {
    --notch-size: 0em;
}

div.scp-hover-box.ieo .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.ieo .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.ieo::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.ieo:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.ieo .container::before,
div.scp-hover-box.ieo .container::after,
div.scp-hover-box.ieo .container > *:before,
div.scp-hover-box.ieo .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.ieo .container > * > *:before,
div.scp-hover-box.ieo .container > * > *:after,
div.scp-hover-box.ieo .container > * > * > *:before,
div.scp-hover-box.ieo .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.ieo div.header {
    --background-url: url("https://i.imgur.com/IFDfSup.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/IFDfSup.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.ieo div.title > a,
div.scp-hover-box.ieo div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.ieo div.title > a,
    div.scp-hover-box.ieo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.ieo div.title > a,
    div.scp-hover-box.ieo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# ieo]]
[[div_ class="scp-hover-box ieo"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-130"]]行動簡報{第130字號}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-130"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第三階段：行動開始**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.ieo::before,
.scp-hover-box.ieo div.container, 
.scp-hover-box.ieo div.header {
    --notch-size: 0em;
}

div.scp-hover-box.ieo .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.ieo .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.ieo::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.ieo:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.ieo .container::before,
div.scp-hover-box.ieo .container::after,
div.scp-hover-box.ieo .container > *:before,
div.scp-hover-box.ieo .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.ieo .container > * > *:before,
div.scp-hover-box.ieo .container > * > *:after,
div.scp-hover-box.ieo .container > * > * > *:before,
div.scp-hover-box.ieo .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.ieo div.header {
    --background-url: url("https://i.imgur.com/IFDfSup.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/IFDfSup.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.ieo div.title > a,
div.scp-hover-box.ieo div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.ieo div.title > a,
    div.scp-hover-box.ieo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.ieo div.title > a,
    div.scp-hover-box.ieo div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# ieo]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-130"]]行動簡報{第130字號}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-130"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**核裂擠兌第三階段：行動開始**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@
[[/tab]]
[[tab 設定-雙城作戰]]

[[=]]
[[image https://media.giphy.com/media/fniVO5yA3ddAq6A19V/giphy.gif]]
[[/=]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.nomoon::before,
.scp-hover-box.nomoon div.container, 
.scp-hover-box.nomoon div.header {
    --notch-size: 0em;
}

div.scp-hover-box.nomoon .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.nomoon .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.nomoon::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.nomoon:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.nomoon .container::before,
div.scp-hover-box.nomoon .container::after,
div.scp-hover-box.nomoon .container > *:before,
div.scp-hover-box.nomoon .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.nomoon .container > * > *:before,
div.scp-hover-box.nomoon .container > * > *:after,
div.scp-hover-box.nomoon .container > * > * > *:before,
div.scp-hover-box.nomoon .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.nomoon div.header {
    --background-url: url("https://i.imgur.com/Tfj5BzO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/Tfj5BzO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.nomoon div.title > a,
div.scp-hover-box.nomoon div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.nomoon div.title > a,
    div.scp-hover-box.nomoon div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.nomoon div.title > a,
    div.scp-hover-box.nomoon div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# nomoon]]
[[div_ class="scp-hover-box nomoon"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/no-moon-night"]]無月之夜[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/no-moon-night"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第三階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.nomoon::before,
.scp-hover-box.nomoon div.container, 
.scp-hover-box.nomoon div.header {
    --notch-size: 0em;
}

div.scp-hover-box.nomoon .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.nomoon .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.nomoon::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.nomoon:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.nomoon .container::before,
div.scp-hover-box.nomoon .container::after,
div.scp-hover-box.nomoon .container > *:before,
div.scp-hover-box.nomoon .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.nomoon .container > * > *:before,
div.scp-hover-box.nomoon .container > * > *:after,
div.scp-hover-box.nomoon .container > * > * > *:before,
div.scp-hover-box.nomoon .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.nomoon div.header {
    --background-url: url("https://i.imgur.com/Tfj5BzO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/Tfj5BzO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.nomoon div.title > a,
div.scp-hover-box.nomoon div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.nomoon div.title > a,
    div.scp-hover-box.nomoon div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.nomoon div.title > a,
    div.scp-hover-box.nomoon div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# nomoon]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/no-moon-night"]]無月之夜[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/no-moon-night"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第三階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.badend::before,
.scp-hover-box.badend div.container, 
.scp-hover-box.badend div.header {
    --notch-size: 0em;
}

div.scp-hover-box.badend .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.badend .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.badend::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.badend:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.badend .container::before,
div.scp-hover-box.badend .container::after,
div.scp-hover-box.badend .container > *:before,
div.scp-hover-box.badend .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.badend .container > * > *:before,
div.scp-hover-box.badend .container > * > *:after,
div.scp-hover-box.badend .container > * > * > *:before,
div.scp-hover-box.badend .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.badend div.header {
    --background-url: url("https://i.imgur.com/jaJVqOQ.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/jaJVqOQ.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.badend div.title > a,
div.scp-hover-box.badend div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.badend div.title > a,
    div.scp-hover-box.badend div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.badend div.title > a,
    div.scp-hover-box.badend div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# badend]]
[[div_ class="scp-hover-box badend"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-01728"]]計劃報告{01-728}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-01728"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第三階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.badend::before,
.scp-hover-box.badend div.container, 
.scp-hover-box.badend div.header {
    --notch-size: 0em;
}

div.scp-hover-box.badend .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.badend .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.badend::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.badend:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.badend .container::before,
div.scp-hover-box.badend .container::after,
div.scp-hover-box.badend .container > *:before,
div.scp-hover-box.badend .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.badend .container > * > *:before,
div.scp-hover-box.badend .container > * > *:after,
div.scp-hover-box.badend .container > * > * > *:before,
div.scp-hover-box.badend .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.badend div.header {
    --background-url: url("https://i.imgur.com/jaJVqOQ.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/jaJVqOQ.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.badend div.title > a,
div.scp-hover-box.badend div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.badend div.title > a,
    div.scp-hover-box.badend div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.badend div.title > a,
    div.scp-hover-box.badend div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# badend]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-01728"]]計劃報告{01-728}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-01728"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第三階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.nsb8-916::before,
.scp-hover-box.nsb8-916 div.container, 
.scp-hover-box.nsb8-916 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.nsb8-916 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.nsb8-916 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.nsb8-916::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.nsb8-916:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.nsb8-916 .container::before,
div.scp-hover-box.nsb8-916 .container::after,
div.scp-hover-box.nsb8-916 .container > *:before,
div.scp-hover-box.nsb8-916 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.nsb8-916 .container > * > *:before,
div.scp-hover-box.nsb8-916 .container > * > *:after,
div.scp-hover-box.nsb8-916 .container > * > * > *:before,
div.scp-hover-box.nsb8-916 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.nsb8-916 div.header {
    --background-url: url("https://i.imgur.com/gz6Oz59.gif");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/gz6Oz59.gif"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.nsb8-916 div.title > a,
div.scp-hover-box.nsb8-916 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.nsb8-916 div.title > a,
    div.scp-hover-box.nsb8-916 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.nsb8-916 div.title > a,
    div.scp-hover-box.nsb8-916 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# zh009]]
[[div_ class="scp-hover-box nsb8-916"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-916"]]行動簡報{第916字號}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-916"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第三階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.nsb8-916::before,
.scp-hover-box.nsb8-916 div.container, 
.scp-hover-box.nsb8-916 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.nsb8-916 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.nsb8-916 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.nsb8-916::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.nsb8-916:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.nsb8-916 .container::before,
div.scp-hover-box.nsb8-916 .container::after,
div.scp-hover-box.nsb8-916 .container > *:before,
div.scp-hover-box.nsb8-916 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.nsb8-916 .container > * > *:before,
div.scp-hover-box.nsb8-916 .container > * > *:after,
div.scp-hover-box.nsb8-916 .container > * > * > *:before,
div.scp-hover-box.nsb8-916 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.nsb8-916 div.header {
    --background-url: url("https://i.imgur.com/gz6Oz59.gif");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/gz6Oz59.gif"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.nsb8-916 div.title > a,
div.scp-hover-box.nsb8-916 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.nsb8-916 div.title > a,
    div.scp-hover-box.nsb8-916 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.nsb8-916 div.title > a,
    div.scp-hover-box.nsb8-916 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# zh009]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-916"]]行動簡報{第916字號}[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/nsb8-916"]]GOI格式[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第三階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv7::before,
.scp-hover-box.kv7 div.container, 
.scp-hover-box.kv7 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv7 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv7 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv7::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv7:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv7 .container::before,
div.scp-hover-box.kv7 .container::after,
div.scp-hover-box.kv7 .container > *:before,
div.scp-hover-box.kv7 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv7 .container > * > *:before,
div.scp-hover-box.kv7 .container > * > *:after,
div.scp-hover-box.kv7 .container > * > * > *:before,
div.scp-hover-box.kv7 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv7 div.header {
    --background-url: url("https://i.imgur.com/a6Q1PtO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/a6Q1PtO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv7 div.title > a,
div.scp-hover-box.kv7 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv7]]
[[div_ class="scp-hover-box kv7"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]無面的沙場[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第四階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv7::before,
.scp-hover-box.kv7 div.container, 
.scp-hover-box.kv7 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv7 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv7 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv7::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv7:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv7 .container::before,
div.scp-hover-box.kv7 .container::after,
div.scp-hover-box.kv7 .container > *:before,
div.scp-hover-box.kv7 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv7 .container > * > *:before,
div.scp-hover-box.kv7 .container > * > *:after,
div.scp-hover-box.kv7 .container > * > * > *:before,
div.scp-hover-box.kv7 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv7 div.header {
    --background-url: url("https://i.imgur.com/a6Q1PtO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/a6Q1PtO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv7 div.title > a,
div.scp-hover-box.kv7 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv7]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]無面的沙場[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**雙城作戰第四階段**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]
[[tab 設定-航海學]]

[[=]]
[[image https://media.giphy.com/media/MAjX4UrM8RGO4jAuYC/giphy.gif]]
[[/=]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv4::before,
.scp-hover-box.kv4 div.container, 
.scp-hover-box.kv4 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv4 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv4 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv4::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv4:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv4 .container::before,
div.scp-hover-box.kv4 .container::after,
div.scp-hover-box.kv4 .container > *:before,
div.scp-hover-box.kv4 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv4 .container > * > *:before,
div.scp-hover-box.kv4 .container > * > *:after,
div.scp-hover-box.kv4 .container > * > * > *:before,
div.scp-hover-box.kv4 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv4 div.header {
    --background-url: url("https://i.imgur.com/wnKgad0.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/wnKgad0.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv4 div.title > a,
div.scp-hover-box.kv4 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv4 div.title > a,
    div.scp-hover-box.kv4 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv4 div.title > a,
    div.scp-hover-box.kv4 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv4]]
[[div_ class="scp-hover-box kv4"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/rocaf"]]凌雲御風起[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/rocaf"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：航空識別區**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv4::before,
.scp-hover-box.kv4 div.container, 
.scp-hover-box.kv4 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv4 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv4 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv4::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv4:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv4 .container::before,
div.scp-hover-box.kv4 .container::after,
div.scp-hover-box.kv4 .container > *:before,
div.scp-hover-box.kv4 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv4 .container > * > *:before,
div.scp-hover-box.kv4 .container > * > *:after,
div.scp-hover-box.kv4 .container > * > * > *:before,
div.scp-hover-box.kv4 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv4 div.header {
    --background-url: url("https://i.imgur.com/wnKgad0.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/wnKgad0.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv4 div.title > a,
div.scp-hover-box.kv4 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv4 div.title > a,
    div.scp-hover-box.kv4 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv4 div.title > a,
    div.scp-hover-box.kv4 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv4]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/rocaf"]]凌雲御風起[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/rocaf"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：航空識別區**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv7::before,
.scp-hover-box.kv7 div.container, 
.scp-hover-box.kv7 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv7 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv7 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv7::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv7:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv7 .container::before,
div.scp-hover-box.kv7 .container::after,
div.scp-hover-box.kv7 .container > *:before,
div.scp-hover-box.kv7 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv7 .container > * > *:before,
div.scp-hover-box.kv7 .container > * > *:after,
div.scp-hover-box.kv7 .container > * > * > *:before,
div.scp-hover-box.kv7 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv7 div.header {
    --background-url: url("https://i.imgur.com/a6Q1PtO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/a6Q1PtO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv7 div.title > a,
div.scp-hover-box.kv7 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv7]]
[[div_ class="scp-hover-box kv7"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]無面的沙場[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：相互保證毀滅**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv7::before,
.scp-hover-box.kv7 div.container, 
.scp-hover-box.kv7 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv7 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv7 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv7::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv7:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv7 .container::before,
div.scp-hover-box.kv7 .container::after,
div.scp-hover-box.kv7 .container > *:before,
div.scp-hover-box.kv7 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv7 .container > * > *:before,
div.scp-hover-box.kv7 .container > * > *:after,
div.scp-hover-box.kv7 .container > * > * > *:before,
div.scp-hover-box.kv7 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv7 div.header {
    --background-url: url("https://i.imgur.com/a6Q1PtO.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/a6Q1PtO.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv7 div.title > a,
div.scp-hover-box.kv7 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv7 div.title > a,
    div.scp-hover-box.kv7 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv7]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]無面的沙場[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/a-battlefield-without-emotion"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：相互保證毀滅**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv35::before,
.scp-hover-box.kv35 div.container, 
.scp-hover-box.kv35 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv35 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv35 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv35::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv35:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv35 .container::before,
div.scp-hover-box.kv35 .container::after,
div.scp-hover-box.kv35 .container > *:before,
div.scp-hover-box.kv35 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv35 .container > * > *:before,
div.scp-hover-box.kv35 .container > * > *:after,
div.scp-hover-box.kv35 .container > * > * > *:before,
div.scp-hover-box.kv35 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv35 div.header {
    --background-url: url("https://i.imgur.com/iH88wmL.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/iH88wmL.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv35 div.title > a,
div.scp-hover-box.kv35 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv35 div.title > a,
    div.scp-hover-box.kv35 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv35 div.title > a,
    div.scp-hover-box.kv35 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv35]]
[[div_ class="scp-hover-box kv35"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/swift"]]雨燕[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/swift"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：相互保證毀滅**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv35::before,
.scp-hover-box.kv35 div.container, 
.scp-hover-box.kv35 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv35 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv35 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv35::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv35:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv35 .container::before,
div.scp-hover-box.kv35 .container::after,
div.scp-hover-box.kv35 .container > *:before,
div.scp-hover-box.kv35 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv35 .container > * > *:before,
div.scp-hover-box.kv35 .container > * > *:after,
div.scp-hover-box.kv35 .container > * > * > *:before,
div.scp-hover-box.kv35 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv35 div.header {
    --background-url: url("https://i.imgur.com/iH88wmL.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/iH88wmL.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv35 div.title > a,
div.scp-hover-box.kv35 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv35 div.title > a,
    div.scp-hover-box.kv35 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv35 div.title > a,
    div.scp-hover-box.kv35 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv35]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/swift"]]雨燕[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/swift"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：相互保證毀滅**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv5::before,
.scp-hover-box.kv5 div.container, 
.scp-hover-box.kv5 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv5 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv5 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv5::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv5:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv5 .container::before,
div.scp-hover-box.kv5 .container::after,
div.scp-hover-box.kv5 .container > *:before,
div.scp-hover-box.kv5 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv5 .container > * > *:before,
div.scp-hover-box.kv5 .container > * > *:after,
div.scp-hover-box.kv5 .container > * > * > *:before,
div.scp-hover-box.kv5 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv5 div.header {
    --background-url: url("https://i.imgur.com/g8INwPx.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/g8INwPx.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv5 div.title > a,
div.scp-hover-box.kv5 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv5 div.title > a,
    div.scp-hover-box.kv5 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv5 div.title > a,
    div.scp-hover-box.kv5 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv5]]
[[div_ class="scp-hover-box kv5"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/crown"]]加冕為亡[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/crown"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：斷箭**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv5::before,
.scp-hover-box.kv5 div.container, 
.scp-hover-box.kv5 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv5 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv5 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv5::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv5:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv5 .container::before,
div.scp-hover-box.kv5 .container::after,
div.scp-hover-box.kv5 .container > *:before,
div.scp-hover-box.kv5 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv5 .container > * > *:before,
div.scp-hover-box.kv5 .container > * > *:after,
div.scp-hover-box.kv5 .container > * > * > *:before,
div.scp-hover-box.kv5 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv5 div.header {
    --background-url: url("https://i.imgur.com/g8INwPx.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/g8INwPx.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv5 div.title > a,
div.scp-hover-box.kv5 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv5 div.title > a,
    div.scp-hover-box.kv5 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv5 div.title > a,
    div.scp-hover-box.kv5 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv5]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/crown"]]加冕為亡[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/crown"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：斷箭**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv2::before,
.scp-hover-box.kv2 div.container, 
.scp-hover-box.kv2 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv2 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv2 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv2::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv2:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv2 .container::before,
div.scp-hover-box.kv2 .container::after,
div.scp-hover-box.kv2 .container > *:before,
div.scp-hover-box.kv2 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv2 .container > * > *:before,
div.scp-hover-box.kv2 .container > * > *:after,
div.scp-hover-box.kv2 .container > * > * > *:before,
div.scp-hover-box.kv2 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv2 div.header {
    --background-url: url("https://i.imgur.com/JdZQSNU.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/JdZQSNU.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv2 div.title > a,
div.scp-hover-box.kv2 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv2 div.title > a,
    div.scp-hover-box.kv2 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv2 div.title > a,
    div.scp-hover-box.kv2 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv2]]
[[div_ class="scp-hover-box kv2"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/arrowhead"]]矢尖[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/arrowhead"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：斷箭**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv2::before,
.scp-hover-box.kv2 div.container, 
.scp-hover-box.kv2 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv2 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv2 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv2::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv2:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv2 .container::before,
div.scp-hover-box.kv2 .container::after,
div.scp-hover-box.kv2 .container > *:before,
div.scp-hover-box.kv2 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv2 .container > * > *:before,
div.scp-hover-box.kv2 .container > * > *:after,
div.scp-hover-box.kv2 .container > * > * > *:before,
div.scp-hover-box.kv2 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv2 div.header {
    --background-url: url("https://i.imgur.com/JdZQSNU.jpg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/JdZQSNU.jpg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv2 div.title > a,
div.scp-hover-box.kv2 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv2 div.title > a,
    div.scp-hover-box.kv2 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv2 div.title > a,
    div.scp-hover-box.kv2 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv2]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/arrowhead"]]矢尖[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/arrowhead"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**航海學：斷箭**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]
[[tab 設定-極冷戰]]

[[=]]
[[image https://media.giphy.com/media/LSiBRrgCElnwBtpq2N/giphy.gif]]
[[/=]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kv3::before,
.scp-hover-box.kv3 div.container, 
.scp-hover-box.kv3 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv3 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv3 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv3::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv3:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv3 .container::before,
div.scp-hover-box.kv3 .container::after,
div.scp-hover-box.kv3 .container > *:before,
div.scp-hover-box.kv3 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv3 .container > * > *:before,
div.scp-hover-box.kv3 .container > * > *:after,
div.scp-hover-box.kv3 .container > * > * > *:before,
div.scp-hover-box.kv3 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv3 div.header {
    --background-url: url("https://i.imgur.com/PZbGkyd.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/PZbGkyd.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv3 div.title > a,
div.scp-hover-box.kv3 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv3 div.title > a,
    div.scp-hover-box.kv3 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv3 div.title > a,
    div.scp-hover-box.kv3 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv3]]
[[div_ class="scp-hover-box kv3"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/discipline"]]紀律嚴明[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/discipline"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**「你知道卡西的心在哪裡嗎？」**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kv3::before,
.scp-hover-box.kv3 div.container, 
.scp-hover-box.kv3 div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kv3 .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kv3 .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kv3::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kv3:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kv3 .container::before,
div.scp-hover-box.kv3 .container::after,
div.scp-hover-box.kv3 .container > *:before,
div.scp-hover-box.kv3 .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kv3 .container > * > *:before,
div.scp-hover-box.kv3 .container > * > *:after,
div.scp-hover-box.kv3 .container > * > * > *:before,
div.scp-hover-box.kv3 .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kv3 div.header {
    --background-url: url("https://i.imgur.com/PZbGkyd.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/PZbGkyd.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kv3 div.title > a,
div.scp-hover-box.kv3 div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kv3 div.title > a,
    div.scp-hover-box.kv3 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kv3 div.title > a,
    div.scp-hover-box.kv3 div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kv3]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/discipline"]]紀律嚴明[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/discipline"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**「你知道卡西的心在哪裡嗎？」**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

[[/tab]]
[[tab 系列-軍演]]
[[=]]
[[image https://i.imgur.com/hnohFee.gif]]
[[/=]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.xmasexercise::before,
.scp-hover-box.xmasexercise div.container, 
.scp-hover-box.xmasexercise div.header {
    --notch-size: 0em;
}

div.scp-hover-box.xmasexercise .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.xmasexercise .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.xmasexercise::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.xmasexercise:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.xmasexercise .container::before,
div.scp-hover-box.xmasexercise .container::after,
div.scp-hover-box.xmasexercise .container > *:before,
div.scp-hover-box.xmasexercise .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.xmasexercise .container > * > *:before,
div.scp-hover-box.xmasexercise .container > * > *:after,
div.scp-hover-box.xmasexercise .container > * > * > *:before,
div.scp-hover-box.xmasexercise .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.xmasexercise div.header {
    --background-url: url("https://i.imgur.com/7LubKs8.png");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/7LubKs8.png"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.xmasexercise div.title > a,
div.scp-hover-box.xmasexercise div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# xmasexercise]]
[[div_ class="scp-hover-box xmasexercise"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]聖誕軍演[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**Site-ZH-50與Site-ZH-81的聯合軍演**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.xmasexercise::before,
.scp-hover-box.xmasexercise div.container, 
.scp-hover-box.xmasexercise div.header {
    --notch-size: 0em;
}

div.scp-hover-box.xmasexercise .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.xmasexercise .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.xmasexercise::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.xmasexercise:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.xmasexercise .container::before,
div.scp-hover-box.xmasexercise .container::after,
div.scp-hover-box.xmasexercise .container > *:before,
div.scp-hover-box.xmasexercise .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.xmasexercise .container > * > *:before,
div.scp-hover-box.xmasexercise .container > * > *:after,
div.scp-hover-box.xmasexercise .container > * > * > *:before,
div.scp-hover-box.xmasexercise .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.xmasexercise div.header {
    --background-url: url("https://i.imgur.com/7LubKs8.png");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/7LubKs8.png"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.xmasexercise div.title > a,
div.scp-hover-box.xmasexercise div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.xmasexercise div.title > a,
    div.scp-hover-box.xmasexercise div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# xmasexercise]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]聖誕軍演[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-zh-tr.wikidot.com/xmas-exercise"]]故事[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**Site-ZH-50與Site-ZH-81的聯合軍演**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[/tab]]
[[tab 輔助設定沙盒]]

[[iftags -組件後端]]
[[module css]]
.scp-hover-box.kvv::before,
.scp-hover-box.kvv div.container, 
.scp-hover-box.kvv div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kvv .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kvv .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kvv::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kvv:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kvv .container::before,
div.scp-hover-box.kvv .container::after,
div.scp-hover-box.kvv .container > *:before,
div.scp-hover-box.kvv .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kvv .container > * > *:before,
div.scp-hover-box.kvv .container > * > *:after,
div.scp-hover-box.kvv .container > * > * > *:before,
div.scp-hover-box.kvv .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kvv div.header {
    --background-url: url("https://i.imgur.com/DRcSchR.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/DRcSchR.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kvv div.title > a,
div.scp-hover-box.kvv div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kvv div.title > a,
    div.scp-hover-box.kvv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kvv div.title > a,
    div.scp-hover-box.kvv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kvv]]
[[div_ class="scp-hover-box kvv"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/omega"]]一封放在主任桌上的牛皮紙袋[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/omega"]]設定[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**令人印象深刻。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/iftags]]

[[iftags +組件後端]]
[[=]]
**[[size 2em]][http://scp-zh-tr.wikidot.com/component:scp-hover-box >>去這裡看看這是做甚麼用的<<][[/size]]**
[[/=]]
[[code]]
[[module css]]
.scp-hover-box.kvv::before,
.scp-hover-box.kvv div.container, 
.scp-hover-box.kvv div.header {
    --notch-size: 0em;
}

div.scp-hover-box.kvv .container {
    --container-bgcolor: rgba(252, 252, 252);
    --container-txtcolor: rgba(12, 12, 12);
    background-color: var(--container-bgcolor, rgba(252, 252, 252));
    color: var(--container-txtcolor, rgba(12, 12, 12));
}

div.scp-hover-box.kvv .container:hover {
    --container-hover-bgcolor: rgba(12, 12, 12);
    --container-hover-txtcolor: rgba(252, 252, 252);
    background-color: var(--container-hover-bgcolor, rgba(12, 12, 12));
    color: var(--container-hover-txtcolor, rgba(252, 252, 252));
}

.scp-hover-box.kvv::before {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
    border: 0 solid var(--container-stroke-color, rgba(244, 244, 244));
}

.scp-hover-box.kvv:hover::before {
    --container-hover-stroke-color: rgba(180, 35, 35);
    --link-stroke-width: 0.125rem;
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
    border: var(--link-stroke-width, 0.125rem) solid var(--container-hover-stroke-color, rgba(180, 35, 35));
    top: calc(var(--link-stroke-width, 0.125rem) * -1);
    left: calc(var(--link-stroke-width, 0.125rem) * -1);
}

div.scp-hover-box.kvv .container::before,
div.scp-hover-box.kvv .container::after,
div.scp-hover-box.kvv .container > *:before,
div.scp-hover-box.kvv .container > *:after {
    --container-stroke-color: rgba(244, 244, 244);
    background-color: var(--container-stroke-color, rgba(244, 244, 244));
}

div.scp-hover-box.kvv .container > * > *:before,
div.scp-hover-box.kvv .container > * > *:after,
div.scp-hover-box.kvv .container > * > * > *:before,
div.scp-hover-box.kvv .container > * > * > *:after {
    --container-hover-stroke-color: rgba(180, 35, 35);
    background-color: var(--container-hover-stroke-color, rgba(180, 35, 35));
}

div.scp-hover-box.kvv div.header {
    --background-url: url("https://i.imgur.com/DRcSchR.jpeg");
    --background-vertical-position: 30%;
    background-image: var(--background-url, url("https://i.imgur.com/DRcSchR.jpeg"));
    background-size: cover;
    background-position: 0 var(--background-vertical-position, 30%);
}

div.scp-hover-box.kvv div.title > a,
div.scp-hover-box.kvv div.sub-title > a {
    --link-fill-color: rgba(252, 252, 252);
    --link-stroke-width: 0.125rem;
    --link-stroke-color: rgba(12, 12, 12);
    color: var(--link-fill-color, rgba(252, 252, 252));
    text-shadow:
        calc(var(--link-stroke-width, 0.125rem) * -1) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) calc(var(--link-stroke-width, 0.125rem) * -1) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) 0 0 var(--link-stroke-color, rgba(12, 12, 12)),
        var(--link-stroke-width, 0.125rem) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        0 var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) var(--link-stroke-width, 0.125rem) 0 var(--link-stroke-color, rgba(12, 12, 12)),
        calc(var(--link-stroke-width, 0.125rem) * -1) 0 0 var(--link-stroke-color, rgba(12, 12, 12));
}

@media not all and (min-resolution:.001dpcm) { @media {
    div.scp-hover-box.kvv div.title > a,
    div.scp-hover-box.kvv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color);
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}

@supports (-moz-appearance:meterbar) {
    div.scp-hover-box.kvv div.title > a,
    div.scp-hover-box.kvv div.sub-title > a {
        --link-fill-color: rgba(252, 252, 252);
        --link-stroke-width: 0.125rem;
        --link-stroke-color: rgba(12, 12, 12);
        -webkit-text-fill-color: var(--link-fill-color, rgba(252, 252, 252));
     -webkit-text-stroke-width: var(--link-stroke-width, 0.125rem);
        -webkit-text-stroke-color: var(--link-stroke-color, rgba(12, 12, 12));
    paint-order: stroke fill;
    text-shadow: unset;
    }
}
[[/module]]

[[# kvv]]
[[div_ class="scp-hover-box"]]
[[div_ class="container"]]
[[div_ ]]
[[div_ ]]
[[div_ ]]
[[div_ class="header"]]
[[div_ class="title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/omega"]]一封放在主任桌上的牛皮紙袋[[/a]]
[[/div]]
[[div_ class="sub-title"]]
[[a href="http://scp-sandbox-zh.wikidot.com/omega"]]設定[[/a]]
[[/div]]
[[/div]]
[[div_ class="blerb"]]
**令人印象深刻。**
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/iftags]]

@@@@

[[/tab]]
[[/tabview]]

Footnotes

1. CIA、美國空軍和海軍採用過的一種回收地面人員的系統，旨在透過利用飛行中的飛機機頭上的V-形架將降落傘背帶和一個帶有附加升力線的可自動膨脹式氫氣球勾起達到撤離人員的效果

2. Nx-ZH-01

3. 合造空中戰鬥無人機(+2Gen-J-CAED)

4. 生命力輻射成像戰術意識系统

5. “女妖（Banshee）”視聽幻覺危機發生器，主要用來引起未接種人員（non-inoculated personnel）的恐慌，但是在臺西市視線不良的狀況下功能有限。

6. GOC行話﹐意旨中華民國國家安全局第八處

7. FGM-148標槍飛彈，是美國研製的一種單兵反戰車飛彈。