基金會週刊 第73期

您正在查詢的標題為：關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

您正在查詢的標題為：基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源，或按此取消

dummy

繁中原創

主站翻譯

dummy

---

俄文分部

韓文分部

中國分部

法文分部

波蘭分部

西語分部

泰文分部

日文分部

德文分部

義語分部

烏克蘭分部

葡語分部

捷克分部

越南分部

• 社群
  • 新聞與月刊中心
  • 網站變更公告
  • 聊天指南
  • 作者頁面
  • 工作人員名單
  • 競賽資料庫
  • 非官方競賽與挑戰活動
• 資源
  • 指南中心
  • 心得與資源中心
  • 機動特遣隊
  • 基金會設施
  • 基金會部門
  • 項目分級
  • 維安權限分級
  • 工作人員及角色檔案
• 規則
  • 網站守則
  • 評價政策
  • 授權指南
  • 圖像使用政策
  • 條目刪除守則
  • 頁面刪除申報區
• 聯絡工作人員

≡

• 社群
  • 新聞與月刊中心
  • 網站變更公告
  • 聊天指南
  • 作者頁面
  • 工作人員名單
  • 競賽資料庫
  • 非官方競賽與挑戰活動
• 資源
  • 指南中心
  • 心得與資源中心
  • 機動特遣隊
  • 基金會設施
  • 基金會部門
  • 項目分級
  • 維安權限分級
  • 工作人員及角色檔案
• 規則
  • 網站守則
  • 評價政策
  • 授權指南
  • 圖像使用政策
  • 條目刪除守則
  • 頁面刪除申報區
• 聯絡工作人員

≡

What this is

A bunch of miscellaneous CSS 'improvements' that I, Croquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

• RSO Component — Rounderhouse

Personal styling themes (which are visual overhauls):

• Magnus Web Format — DrMagnus
• Flopstyle CSS — Lt Flops
• Blankstyle CSS — HarryBlank
• Placestyle CSS — Placeholder McD
• Jakstyle — JakdragonX

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

打開

/*
    本主題微調合併自
    EstrellaYoshte的Monotypical外觀主題
    MalyceGraves與EstrellaYoshte的Newspaper外觀主題
    並以(CC BY-SA 3.0) 授權使用
    發表年分2021年9月
 
*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url('https://fonts.googleapis.com/css2?family=Kulim+Park&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
 
/*---- Dismantling and Rebuilding the Structure 拆除和重建結構----*/
 
div#container-wrap {
    display: grid;
    grid-template-columns: var(--sidebar-width) 1fr;
    grid-template-rows: var(--header-height) 1fr auto auto auto;
    overflow: hidden;
    background: none;
}
#container, #content-wrap {
    display: contents;
}
 
#header {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
}
 
#main-content {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}
#footer {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3;
}
#license-area {
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 3;
}
#footer-bar {
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 3;
}
 
#side-bar {
    grid-row-start: 1;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
}
 
/*-------基本佈局---------*/
 
#header, #top-bar {
     width: 100%;
     max-width: 100%;
     margin: 0;
     padding: 0;
}
 
#main-content {
    margin: 0;
    max-width: 100%;
}
 
#footer {
    margin-top: 0;
}
 
#footer-bar {
    z-index: 0;
}
 
#side-bar {
    position: fixed;
    top: 0;
    left: 0;
 
    margin: 0;
    padding: 0;
 
    width: var(--sidebar-width);
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 0;
}
#side-bar:focus-within { z-index: 99; }
 
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
 
:root {
    --linkColor: #54beff;
    --linkColor-newpage: #00ddff;
 
    --primaryBackgroundColor: #fcfeff;
    --secondaryBackgroundColor: #d5e3e8;
    --tertiaryBackgroundColor: #b9c2c9;
    --borderColor: #C6C6C6;
 
    --shadow: rgba(0,0,0,0.225);
 
    --selectionColor: #83dcfc;
    --textColor: #0E0E0E;
    --textColor-alt: #687075;
    --headerColor: #00367d;
    --accentColor: #00649e;
 
    /*----- Technical Variables 技術變量-----*/
 
    --body-font: 'Ubuntu', sans-serif;
    --header-font: 'Century Gothic', 'Quicksand', sans-serif;
    --header-title: '基金會繁中週刊';
 
    --sidebar-width: 15rem;
    --sidebar-timing: 0.275s ease-out;
    --header-height: 3.5rem;
    --page-content-width: 954px;
 
    --radius-adjust: 0.95rem;
    --link-timing: .125s ease-out;
 
    /*-----來自報紙-----*/
 
}
 
#content-wrap {
    margin: 0.65em auto 0;
    box-sizing: border-box;
}
#page-content { font-size: 1rem; }
 
/* 橫線 */
hr {
    margin: 2rem 0;
    height: 0.1rem;
    background-color: var(--borderColor);
}
 
    /*-----來自報紙-----*/
 
body {
    font-family: var(--body-font);
    font-size: 0.95rem;
    color: var(--textColor);
}
 
img {
    max-width: 100%;
}
 
tt {
    background-color: var(--secondaryBackgroundColor);
    font-size: 90%;
}
code {
    font-family: var(--mono-font);
}
#edit-page-textarea, .code pre, .code p, .code, .page-source {
    font-size: 95%;
}
 
#main-content {
    background-color: var(--primaryBackgroundColor);
    padding: 1em 3em;
}
 
#main-content span.printuser.deleted img,
.hovertip span.printuser a:first-of-type,
#main-content span.printuser a:first-of-type {
    display: inline-block;
    height: 1em;
    position: relative;
    bottom: -0.25em;
    margin-right: 0;
}
 
#page-content {
    width: 100%;
    max-width: var(--page-content-width);
    margin: 0 auto 2rem;
    min-height: 100vh;
}
 
#page-content a:not(div[class*=top-bar] a, #u-sb-button, #u-no-more-menu, .page-rate-widget-box a, .creditRate a, .printuser.avatarhover a:first-child, ul.yui-nav a, .scp-image-block a) {
    color: var(--textColor);
    padding: 0.1em;
    text-decoration: none;
 
    border-bottom: solid 2px var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#page-content a:not(div[class*=top-bar] a, #u-sb-button, #u-no-more-menu, .page-rate-widget-box a, .creditRate a, .printuser.avatarhover a:first-child, ul.yui-nav a, .scp-image-block a):hover,
#page-content a:not(div[class*=top-bar] a, #u-sb-button, #u-no-more-menu, .page-rate-widget-box a, .creditRate a, .printuser.avatarhover a:first-child, ul.yui-nav a, .scp-image-block a):focus {
    background-size: 100% 100%;
}
 
#page-content a.newpage {
    --linkColor: var(--linkColor-newpage);
}
 
/* adjusting avatar username spacing */
.printuser.avatarhover a:first-child {
    margin-left: 0.15em;
}
.printuser.avatarhover a:nth-child(2) {
    margin-left: -0.45em;
}
 
/* ---- SCROLLBAR 滾動條---- */
 
::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}
 
::-webkit-scrollbar-track {
    background: var(--tertiaryBackgroundColor);
}
 
::-webkit-scrollbar-thumb {
    background: var(--linkColor);
    border: none;
    border-radius: var(--radius-adjust);
}
/* firefox support 火狐支持*/
:root,
#side-bar {
    scrollbar-color: var(--linkColor) var(--tertiaryBackgroundColor);
    scrollbar-width: thin;
}
 
/*---- HEADER 版頭----*/
 
#header {
    z-index: 2;
    height: var(--header-height);
    background: var(--primaryBackgroundColor);
}
 
#top-bar,
#page-title,
#header h2 {
    display: none;
}
 
#header h1 {
    margin-left: 0;
    padding: 0;
    float: none;
    max-height: 4rem;
    width: 100%;
}
#header h1 a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    vertical-align: middle;
    font-size: 3.25rem;
    padding: 0.5rem 0.5rem 0;
    margin: auto;
    text-align: center;
    text-shadow: none;
    color: var(--textColor);
    font-family: var(--header-font);
    font-weight: lighter;
}
/* Hide the existing text 隱藏現有文本*/
#header h1 span { font-size: 0; display: none; }
#header h1 a::before {
  content: var(--header-title);
}
 
#login-status {
    position: absolute;
    top: 0.4rem;
    right: 3.25em;
    width: max-content;
    font-size: 0.78em;
    text-align: center;
}
#login-status, #login-status a {
    color: var(--textColor);
}
#login-status span.printuser  {
    font-size: 0;
}
#login-status span.printuser img {
    font-size: 0;
    transform: translate(6px, 5px);
}
#login-status a#my-account {
    display: none;
}
#account-topbutton {
    border: none;
    margin-left: -0.1rem;
    padding: 0 0.5rem;
}
 
div#account-options {
    right: 0;
    background-color: var(--primaryBackgroundColor);
    width: 10rem;
    border: none;
    border-radius: calc(var(--radius-adjust)*0.3725);
    box-shadow: 0 0 5px 1px var(--shadow);
 
    display: block!important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
}
#account-topbutton:focus + #account-options,
#account-topbutton:active + #account-options,
#account-options:focus-within {
    opacity: 1;
    pointer-events: all;
}
/* Without this, touchscreen doesn't work */
@media (pointer: coarse) {
    #account-topbutton:hover + #account-options,
    #account-options:hover {
        opacity: 1;
        pointer-events: all;
    }
}
 
div#account-options li a {
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
    padding: 0.25rem 0;
}
div#account-options li a:hover,
div#account-options li a:focus {
    text-decoration: none;
    background-size: 100% 100%;
    color: var(--textColor);
}
div#account-options li:first-of-type a {
    border-radius: calc(var(--radius-adjust)*0.3725) calc(var(--radius-adjust)*0.3725) 0 0;
}
div#account-options li:last-of-type a {
    border-radius: 0 0 calc(var(--radius-adjust)*0.3725) calc(var(--radius-adjust)*0.3725);
}
 
div#search-top-box {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1.6rem;
    z-index: 31;
}
div#search-top-box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; right: 0.05rem;
    background-color: var(--linkColor);
    pointer-events: none;
    z-index: 32;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 1rem;
            mask-size: 1rem;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    opacity: 1;
    transition: opacity 0.25s ease;
}
div#search-top-box:focus-within::before { opacity: 0; }
 
div#search-top-box form {
    display: flex;
    justify-content: flex-end;
}
 
div#search-top-box form input[type="text"]:not(:focus),
div#search-top-box form input[type="text"]:not(:focus):not(:hover) {
    position: relative;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font-family: var(--body-font);
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.1em 0.5em;
    box-sizing: border-box;
    border-radius: var(--radius-adjust);
    border: none;
    box-shadow: 0 0 2px 1.5px var(--shadow);
}
 
div#search-top-box form input[type="text"],
div#search-top-box form input[type="text"]:hover,
div#search-top-box form input[type="text"]:focus {
    background-color: var(--primaryBackgroundColor)!important;
    color: var(--textColor);
    display: inline-block;
    border: none;
    height: 1.6rem;
    width: 9rem;
    transition: width .25s;
    outline: none;
    border-radius: var(--radius-adjust);
    box-shadow: 0 0 2px 1.5px var(--shadow);
}
 
div#search-top-box form input[type="submit"] {
    display: none;
}
 
/*---- SIDEBAR 邊欄----*/
 
#side-bar {
    display: block;
    box-sizing: border-box;
    background-color: var(--secondaryBackgroundColor);
    border-right: solid 2px var(--borderColor);
}
#side-bar::-webkit-scrollbar {
    width: 0;
    background: transparent;
}
 
#side-bar .side-block {
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0.25rem;
}
 
#side-bar .side-block,
#side-bar .side-block.media,
#side-bar .side-block.resources  {
    background-color: transparent;
}
 
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
 
#side-bar .side-block.media {
    border-bottom: solid 2px var(--borderColor);
}
 
#side-bar .side-block .menu-item > .image {
    display: none;
}
 
#side-bar .heading {
    color: var(--textColor);
    background-color: var(--tertiaryBackgroundColor);
    border-top: solid 2px var(--borderColor);
    border-bottom: none;
 
    font-family: var(--header-font);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.1rem 0.3rem;
    margin-top: 0.75rem;
    text-align: right;
}
#side-bar .heading p { margin: 0; }
 
#side-bar div.menu-item, #side-bar div.menu-item > p {
    display: flex;
    flex-basis: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    font-size: 0;
}
 
#side-bar div.menu-item a {
    font-weight: normal;
    color: var(--textColor);
    text-decoration: none;
 
    justify-content: center;
    width: auto;
    padding: .2rem .4rem;
    flex-grow: 1;
    font-size: 0.875rem;
    border-bottom: solid 1px var(--linkColor);
 
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#side-bar div.menu-item a[href="/"],
#side-bar div.menu-item a[href*="scp-series"] {
    padding: .25rem;
    text-align: center;
}
#side-bar div.menu-item a[href="/"] {
    border-bottom: none;
    padding: 0.25em 0;
    font-weight: bold;
    margin-top: 0.5rem;
}
 
#side-bar div.menu-item a:hover,
#side-bar div.menu-item a:focus {
    background-size: 100% 100%;
}
 
iframe.scpnet-interwiki-frame, div.scpnet-interwiki-wrapper {
    width: var(--sidebar-width);
    margin: 0 auto;
}
 
/*---- Sidebar Transition Mechanism側邊欄過渡機制----*/
 
#header,
#main-content,
#footer,
#license-area,
#footer-bar {
    position: relative;
    left: 0;
    transition: left var(--sidebar-timing);
}
 
#container:target #header,
#container:target #main-content,
#container:target #u-sb-button,
#container:target #footer,
#container:target #license-area,
#container:target #footer-bar {
    left: var(--sidebar-width);
}
 
/* Sidebar Toggle 側邊欄切換*/
 
#u-sb-button {
    position: fixed;
    z-index: 10;
    top: 0; left: 0;
    transition: left var(--sidebar-timing);
 
    display: block;
    height: 2.6rem;
    width: 2.6rem;
    background-color: var(--primaryBackgroundColor);
    color: var(--textColor);
    font-weight: bold;
    font-size: 2rem;
    line-height: 0.8rem;
    text-align: center;
    text-decoration: none;
}  
 
#u-no-more-menu {
    display: none;
}
#container:target #u-no-more-menu {
    display: block;
    position: fixed;
    width: calc(100% - var(--sidebar-width));
    height: 100%;
    top: 0;
    right: 0;
    z-index: 12;
    cursor-events: all;
}
 
/*------ Top Bar, reborn 頂欄跟痾-------*/
 
#page-content div.mobile-top-bar {
    display: none;
}
 
#page-content div[class*=top-bar] {
    font-size: 100%;
    z-index: 9;
}
#page-content div[class*=top-bar] a {
    text-decoration: none;
}
 
#page-content div[class*=top-bar] ul {
    background: transparent;
    list-style: none;
    margin: 0;
    padding: 0;
 
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-align: center;
}
#page-content div[class*=top-bar] ul > li {
    flex-grow: 1;
    border-radius: calc(var(--radius-adjust)*0.5);
}
 
#page-content div[class*=top-bar] li {
  color: var(--textColor);
  background: transparent;
  display: block;
  float: left;
  padding: 0.5rem;
  position: relative;
  text-decoration: none;
  transition: background-color var(--link-timing);
}
 
#page-content div[class*=top-bar] > ul > li:hover,
#page-content div[class*=top-bar] > ul > li:focus-within {
  background: var(--tertiaryBackgroundColor);
  cursor: pointer;
}
 
#page-content div[class*=top-bar] li a {
    color: var(--textColor);
    display: block;
    width: max-content;
    height: 100%;
    margin: auto;
}
 
#page-content div[class*=top-bar] ul li ul {
  background: var(--primaryBackgroundColor);
  box-sizing: border-box;
  min-width: 100%;
  position: absolute;
  margin-top: 0.5rem;
  border-radius: calc(var(--radius-adjust)*0.5);
  box-shadow: 0 0 6px 2px var(--shadow);
  left: 0;
  display: block;
  transition: opacity var(--link-timing);
  opacity: 0;
  pointer-events: none;
}
#page-content div[class*=top-bar] ul li:hover > ul,
#page-content div[class*=top-bar] ul li:focus-within > ul,
#page-content div[class*=top-bar] ul li ul:hover,
#page-content div[class*=top-bar] ul li ul:focus {
    opacity: 1;
    z-index: 9;
    pointer-events: all;
}
 
#page-content div[class*=top-bar] ul li ul::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent var(--primaryBackgroundColor) transparent;
}
 
#page-content div[class*=top-bar] ul li ul li {
  clear: both;
  width: 100%;
  position: relative;
  display: flex;
  padding: 0;
}
 
#page-content div[class*=top-bar] ul li ul li:first-of-type a {
    border-top-left-radius: calc(var(--radius-adjust)*0.5);
    border-top-right-radius: calc(var(--radius-adjust)*0.5);
}
#page-content div[class*=top-bar] ul li ul li:last-of-type a {
    border-bottom-left-radius: calc(var(--radius-adjust)*0.5);
    border-bottom-right-radius: calc(var(--radius-adjust)*0.5);
}
 
#page-content div[class*=top-bar] ul li ul li a {
    width: max-content;
    height: 100%;
    flex-grow: 1;
    align-self: center;
    padding: 0.4rem;
    text-align: center;
 
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#page-content div[class*=top-bar] ul li ul li a:hover,
#page-content div[class*=top-bar] ul li ul li a:focus {
    background-size: 100% 100%;
}
 
#page-content div[class*=top-bar]>ul:first-of-type>li:last-of-type>ul {
    right: 0;
    left: auto;
}
 
#page-content .mobile-top-bar {
    position: relative;
    left: 0;
    width: 100%;
    max-width: 100%;
}
 
#page-content .mobile-top-bar .open-menu {
    display: none;
}
 
/* ---- META-TITLE 元標題---- */
 
.meta-title {
    display: flex;
    align-items: center;
    text-align: center;
    border-bottom: none;
    margin: 0.5rem 0;
    color: var(--textColor);
    font-family: var(--header-font);
    font-size: 215%;
}
.meta-title::before,
.meta-title::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto auto auto 0.65rem;
    background-color: var(--borderColor);
}
.meta-title::before {
    margin: auto 0.65rem auto auto;
}
 
/* ---- BREADCRUMBS 麵包屑---- */
 
#breadcrumbs, #page-content .pseudocrumbs {
    font-size: 0.85em;
    line-height: 1.25em;
}
#breadcrumbs a,
#main-content #page-content .pseudocrumbs > a {
    color: var(--textColor);
    padding: 0.05em;
    text-decoration: none;
 
    border-bottom: solid 1px var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#main-content #page-content .pseudocrumbs a:hover,
#main-content #page-content .pseudocrumbs a:focus {
    background-size: 100% 100%;
}
 
#breadcrumbs {
    text-align: center;
    grid-column: 1 / span 2;
    grid-area: page-title;
    width: max-content;
    margin: 0.25em auto 0;
    padding: 0.65em 0.75em 0.225em;
 
    position: relative;
    max-height: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
 
    transition: max-height 1s ease;
}
#breadcrumbs::before, #breadcrumbs::after {
    content: "";
    position: absolute;
    top: 0;
}
#breadcrumbs::before {
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: var(--radius-adjust);
    background-color: var(--textColor);
}
#breadcrumbs::after {
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: var(--textColor) transparent transparent transparent;
}
#breadcrumbs:hover, #breadcrumbs:focus-within {
    max-height: 9rem;
}
#page-content .pseudocrumbs { margin: -1.5em 0 -0.15em; }
 
/* ---- TABS 製表符---- */
 
/* ---- YUI TAB BASE YUI 標籤頁---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION YUI 標籤自定義----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav {
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: var(--linkColor);
     box-shadow: none;
     border-width: 0 1px 2px;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a {
     color: var(--textColor-alt);
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: var(--secondaryBackgroundColor);
     border: unset;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus {
     color: var(--textColor)!important;
     text-decoration: none;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: var(--linkColor);
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li {
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     background-color: var(--secondaryBackgroundColor);
     border: solid 1px var(--linkColor); border-bottom: none; border-top-width: 2px;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em {
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected {
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: var(--linkColor);
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em {
     border: none;
}
 .yui-navset .yui-nav .selected a {
     width: 100%;
     color: var(--textColor);
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active {
     color: var(--textColor);
     background-color: var(--linkColor);
}
 #page-content .yui-navset .yui-content {
    background-color: var(--primaryBackgroundColor);
    box-shadow: none;
    border: solid 2px var(--borderColor);
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content {
     padding: .5em;
     border: none;
}
 
/* ---- AYERS INFO BAR 艾爾斯信息欄---- */
.info-container {
    --barColour: var(--borderColor);
    --linkColour: var(--primaryBackgroundColor);
}
#page-content .info-container > .collapsible-block > .collapsible-block-folded .collapsible-block-link::before,
#page-content .info-container > .collapsible-block > .collapsible-block-unfolded .collapsible-block-link::before {
    visibility: hidden;
}
 
/* ---- INFO PANE 麵包信息---- */
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: var(--primaryBackgroundColor);
    border: none;
    box-shadow: 0 0 3px 1px var(--shadow);
    border-radius: var(--radius-adjust);
    padding: 0.275rem;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
 
#page-content a.fa {
    transform: none;
}
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: var(--textColor);
 
    padding-top: 0.25rem;
    padding-bottom: 0.0725rem;
    width: 0.9rem;
    margin-left: -0.1rem;
    margin-right: 0.1rem;
 
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
#page-content .rate-box-with-credit-button .fa-info:hover,
#page-content .rate-box-with-credit-button .fa-info:focus {
    background-size: 100% 100%;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px var(--primaryBackgroundColor);
}
 
#page-content .creditButtonStandalone {
    margin: 0.125rem 0;
}
#page-content .creditButtonStandalone p a {
    border-radius: 1rem;
    color: var(--textColor);
    text-align: center;
    background: initial;
    box-shadow: 0 0 2px 1px var(--shadow);
    padding: 0.24rem;
 
    background: none;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    transition: background-size var(--link-timing);
}
#page-content .creditButtonStandalone p a:hover,
#page-content .creditButtonStandalone p a:hover {
    text-decoration: none;
    background: none;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
 
/* ---- PAGE RATING 頁面評分---- */
 
.page-rate-widget-box {
    display: inline-block;
    box-shadow: none;
    margin: unset;
    margin-bottom: 4px;
    background-color: var(--primaryBackgroundColor);
    border-radius: var(--radius-adjust);
    box-shadow: 0 0 3px 1px var(--shadow);
    padding: 0.275rem;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover,
.page-rate-widget-box .rateup a:focus,
.page-rate-widget-box .ratedown a:focus,
.page-rate-widget-box .cancel a:focus {
    color: var(--textColor);
    background: unset;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 0;
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--primaryBackgroundColor) !important;
    color: var(--textColor) !important;
    border: solid 1px var(--primaryBackgroundColor);
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--primaryBackgroundColor);
    border-top: solid 1px var(--primaryBackgroundColor);
    border-bottom: solid 1px var(--primaryBackgroundColor);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    padding: 0 0.25rem;
    margin: 0 0.05rem;
 
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
.page-rate-widget-box .cancel {
    background-color: var(--primaryBackgroundColor);
    border: solid 1px var(--primaryBackgroundColor);
    border-radius: 0;
    margin-right: 0.05rem;
    text-transform: uppercase;
}
 
.page-rate-widget-box .cancel a {
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
 
/*---- PAGE ELEMENTS 頁面元素----*/
 
/* h1 et al. Much of this is by Woedenaz */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--header-font);
    color: var(--textColor);
    font-weight: bold;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    display: flex;
}
h2, h3, h4, h5, h6 {
    letter-spacing: -0.01em;
}
#page-content h1 {font-size: 2em;}
#page-content h2 {font-size: 1.8em;}
#page-content h3 {font-size: 1.6em;}
#page-content h4 {font-size: 1.4em;}
#page-content h5 {font-size: 1.2em;}
#page-content h6 {font-size: 1em;}
 
#page-content h1 span,
#page-content h2 span,
#page-content h3 span,
#page-content h4 span,
#page-content h5 span,
#page-content h6 span {
    padding: 0 0.1em;
    display: inline-flex;
}
 
#page-content h1 span::before,
#page-content h2 span::before,
#page-content h3 span::before,
#page-content h4 span::before,
#page-content h5 span::before,
#page-content h6 span::before {
    content: "";
    color: var(--textColor-alt);
    font-size: 70%;
    font-weight: normal;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 0.1em;
}
#page-content h1::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto auto auto 0.375rem;
    background-color: var(--borderColor);
}
 
/* 報紙頁面*/
 
blockquote,
div.blockquote {
    background-color: var(--primaryBackgroundColor);
    border: none;
    border-left: solid 0.2rem var(--linkColor);
    padding: 0.1rem 1rem;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
    position: relative;
}
blockquote::before, blockquote::after,
div.blockquote::before, div.blockquote::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    left: 0;
    background-color: var(--linkColor);
}
blockquote::before, div.blockquote::before {
    top: 0;
    transform: translate(calc(-50% - 0.1rem),-50%) rotate(45deg);
}
blockquote::after, div.blockquote::after {
    bottom: 0;
    transform: translate(calc(-50% - 0.1rem),50%) rotate(45deg);
}
 
#toc {
    display: block;
    background-color: #FEFBF8;
    border: none;
    padding: 0.1rem 1rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-right: solid 0.2rem var(--headerColor);
    padding: 0.75em;
    position: relative;
}
#toc::before, #toc::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    right: 0;
    background-color: var(--headerColor);
}
#toc::before {
    top: 0;
    transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
}
#toc::after {
    bottom: 0;
    transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
}
#toc-list {
    font-family: var(--header-font);
}
#toc-list > div[style*="margin-left: 1em;"] { margin-left: 0.5em!important; }
#toc-list > div:not([style*="margin-left: 1em;"]) { display: none; }
 
.scp-image-block {
    border: solid 8px var(--primaryBackgroundColor);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.scp-image-block::before, .scp-image-block::after {
    content:'';
    position: absolute;
    pointer-events: none;
    border: solid 0.25rem var(--headerColor);
    transform: rotate(25deg);
}
.scp-image-block::before {
    right: -0.135rem;
    height: 36px;
    width: 9px;
    top: -14.25px;
    border-radius: 0 0 2rem 2rem;
    border-top: none;
}
.scp-image-block::after {
    top: -25px;
    right: -0.94rem;
    height: 16px;
    width: 14px;
    border-radius: 2rem 2rem 0 0;
    border-bottom: solid 0.55rem transparent;
    z-index: -1;
}
 
.scp-image-block .scp-image-caption {
    background-color: var(--primaryBackgroundColor);
    border-top: solid 4px var(--primaryBackgroundColor);
    color: var(--textColor);
}
.scp-image-block.block-left,
.scp-image-block.block-right {
    margin: 0.25rem 2rem 0.625rem;
}
.scp-image-block.block-left { margin-left: 0.5rem; }
.scp-image-block.block-right { margin-right: 0.5rem; }
@media (max-width: 640px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--linkColor);
    color: var(--linkColor);
    background-color: var(--primaryBackgroundColor);
    /* 為表格標題設置邊框*/
}
#page-content .wiki-content-table tr td {
    border: solid 1px var(--linkColor);
    /* 為表格內容設置邊框*/
}
 
/* 報紙頁面結束*/
/*---- Side ToC setup ----*/
 
.anchor {
    position: sticky;
    height:0;
    top: 0.5rem;
    z-index: 4;
}
.tocbox {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: max(-18.75rem, -17vw);
    z-index: 4;
    box-sizing: border-box;
    width: max-content;
    pointer-events: none;
}
 
#page-content .tocbox .toc-u {
    padding: 0.5rem;
    background-color: #FEFBF8;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-right: solid 0.2rem var(--headerColor);
    position: relative;
    width: 15rem;
    max-height: calc(98vh - 2rem);
    max-width: calc((30vw - 50% - 6rem)/1.2);
    margin-right: 0; margin-left: auto;
    pointer-events: all;
}
.toc-u #toc::before, .toc-u #toc::after { display: none; }
.toc-u::before, .toc-u::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    right: 0;
    background-color: var(--headerColor);
}
.toc-u::before {
    top: 0;
    transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
}
.toc-u::after {
    bottom: 0;
    transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
}
 
#page-content .tocbox .toc-u #toc-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 84vh;
    padding: 0 0.5em 1em;
    scrollbar-width: thin;
}
#page-content .tocbox .toc-u #toc-list::-webkit-scrollbar {
    width: 6px;
}
 
.tocbox table,
.tocbox tbody,
.tocbox tr,
.tocbox td,
.tocbox #toc {
    display: contents;
}
 
#toc-list > div { position: relative; }
#toc-list > div[style*="1em"]::before {
    content: "•";
    display: inline-block;
    position: absolute;
    left: -0.75em;
    color: var(--accentColor);
}
 
@media (max-width: 1340px) {
    .anchor {
        filter: none;
        transition: filter 0.2s ease-out;
     }
    .tocbox {
        right: -1rem;
        width: unset;
    }
    .tocbox::before {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 1.5rem; height: 100%;
        top: 0; right: -0.25rem;
        pointer-events: all;
}
    .tocbox::after {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
 
        width: 0; height: 0;
        border: solid 1rem transparent;
        border-left-width: 0.5rem;
        border-right-color: var(--headerColor);
 
        top: calc(50% - 1rem); right: 0;
        pointer-events: all;
        transition: border-right-width 0.15s ease-out;
    }
    #page-content .tocbox .toc-u {
        width: -moz-fit-content;
        width: fit-content;
        max-width: 60vw;
        box-shadow: none;
        clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem));
        transition: clip-path 0.2s ease-out;
        pointer-events: none;
    }
 
    .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
    .tocbox:hover {
        pointer-events: all;
    }
    .tocbox:hover::after {
        border-right-width: 0;
    }
    #page-content .tocbox:hover .toc-u {
        pointer-events: all;
        clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem);
    }
}
/* 花式可折疊 */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background-color: var(--primaryBackgroundColor);
    border-radius: 0.35rem;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
    margin: auto;
}
 
#page-content .collapsible-block-folded {
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 0 100% ;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#page-content .collapsible-block-folded:hover,
#page-content .collapsible-block-folded:focus-within {
    background-size: 100% 100% ;
    transition: background-size var(--link-timing);
}
#page-content .collapsible-block-unfolded-link {
    background-color: var(--selectionColor);
    box-shadow: 0 0 0 0.2rem var(--link-timing);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    margin-bottom: 10px;
}
#page-content .collapsible-block-link {
    display: inline-flex;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: var(--textColor);
    font-weight: bold;
}
#page-content .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--primaryBackgroundColor);
}
 
/*---- 側面 ToC 設置 ----*/
 
.anchor {
    position: sticky;
    height:0;
    top: 0.5rem;
    z-index: 4;
}
.tocbox {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: max(-18.75rem, -17vw);
    z-index: 4;
    box-sizing: border-box;
    width: max-content;
    pointer-events: none;
}
 
#page-content .tocbox .toc-u {
    padding: 0.5rem;
    background-color: #f8fdfe;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border-right: solid 0.2rem var(--headerColor);
    position: relative;
    width: 15rem;
    max-height: calc(98vh - 2rem);
    max-width: calc((30vw - 50% - 6rem)/1.2);
    margin-right: 0; margin-left: auto;
    pointer-events: all;
}
.toc-u #toc::before, .toc-u #toc::after { display: none; }
.toc-u::before, .toc-u::after {
    content: "";
    display: block;
    height: 0.5rem; width: 0.5rem;
    position: absolute;
    right: 0;
    background-color: var(--headerColor);
}
.toc-u::before {
    top: 0;
    transform: translate(calc(0.1rem + 50%),-50%) rotate(45deg);
}
.toc-u::after {
    bottom: 0;
    transform: translate(calc(0.1rem + 50%),50%) rotate(45deg);
}
 
#page-content .tocbox .toc-u #toc-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 84vh;
    padding: 0 0.5em 1em;
    scrollbar-width: thin;
}
#page-content .tocbox .toc-u #toc-list::-webkit-scrollbar {
    width: 6px;
}
 
.tocbox table,
.tocbox tbody,
.tocbox tr,
.tocbox td,
.tocbox #toc {
    display: contents;
}
 
#toc-list > div { position: relative; }
#toc-list > div[style*="1em"]::before {
    content: "•";
    display: inline-block;
    position: absolute;
    left: -0.75em;
    color: var(--accentColor);
}
 
@media (max-width: 1340px) {
    .anchor {
        filter: none;
        transition: filter 0.2s ease-out;
     }
    .tocbox {
        right: -1rem;
        width: unset;
    }
    .tocbox::before {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 1.5rem; height: 100%;
        top: 0; right: -0.25rem;
        pointer-events: all;
}
    .tocbox::after {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
 
        width: 0; height: 0;
        border: solid 1rem transparent;
        border-left-width: 0.5rem;
        border-right-color: var(--headerColor);
 
        top: calc(50% - 1rem); right: 0;
        pointer-events: all;
        transition: border-right-width 0.15s ease-out;
    }
    #page-content .tocbox .toc-u {
        width: -moz-fit-content;
        width: fit-content;
        max-width: 60vw;
        box-shadow: none;
        clip-path: inset(-0.5rem -0.5rem -0.5rem calc(100% - 0.65rem));
        transition: clip-path 0.2s ease-out;
        pointer-events: none;
    }
 
    .anchor:hover { filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
    .tocbox:hover {
        pointer-events: all;
    }
    .tocbox:hover::after {
        border-right-width: 0;
    }
    #page-content .tocbox:hover .toc-u {
        pointer-events: all;
        clip-path: inset(-0.5rem -0.5rem -0.5rem -0.35rem);
    }
 
}.toc-box:hover {
animation: none;
}
}
@keyframes clear {to {opacity: 0.45;
}
}
 
}
 
/* Tables 表格*/
#page-content .wiki-content-table tr th {
    border: solid 1px var(--borderColor);
    color: var(--textColor);
    background-color: var(--tertiaryBackgroundColor);
    /* set border for table title */
}
#page-content .wiki-content-table tr,
#page-content .wiki-content-table tr td {
    border: solid 1px var(--borderColor);
    background-color: var(--primaryBackgroundColor);
    /* set border for table content */
}
#page-content .wiki-content-table tr:nth-child(2n-1),
#page-content .wiki-content-table tr:nth-child(2n-1) td {
    background-color: var(--secondaryBackgroundColor);
}
 
/* Footnotes (& Bibliography, but no one cares) 腳註（和參考書目，但沒人關心）*/
a.footnoteref {
    line-height: 0.625rem;
    margin: 0 0.15em;
    position: relative;
    top: -0.625rem;
}
 
.hovertip {
    background-color: var(--primaryBackgroundColor) !important;
    border-radius: calc(var(--radius-adjust)*0.625);
    border: none !important;
    box-shadow: 0 0 5px 1px var(--shadow);
    padding: 0.3rem 0.35rem;
}
.hovertip a:not(.printuser.avatarhover a:first-child) {
    color: var(--textColor);
    padding: 0.1em;
    text-decoration: none;
    border-bottom: solid 2px var(--linkColor);
}
 
.footnote .f-heading {
    font-family: var(--header-font);
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}
 
.footnotes-footer, .bibitems {
    height: auto;
    padding: 0;
    margin: 1.5rem 0;
}
.footnotes-footer .title, .bibitems .title {
    font-family: var(--header-font);
    font-weight: bold;
    display: flex;
    align-items: center;
    text-align: center;
    border-bottom: none;
    margin: 0.5rem 0;
    color: var(--textColor);
}
.footnotes-footer .title::after,
.bibitems .title::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto auto auto 0.65rem;
    background-color: var(--borderColor);
}
.footnote-footer, .bibitem {
    margin-bottom: 0.5rem;
    line-height: 1.4rem;
    height: auto;
}
#main-content #page-content .footnotes-footer .footnote-footer a[href="javascript:;"] {
    padding: 0.0625rem;
}
 
/*---- Outside #page-content elements #page-content 元素之外----*/
 
/* Selection 選擇*/
::selection {
    background: var(--selectionColor);
    color: var(--textColor);
}
 
/* .owindow 窗口*/
 
#owindow-1 { padding-bottom: 0.25rem; }
 
.owindow {
    background-color: var(--primaryBackgroundColor);
    border: none;
    box-sizing: border-box;
    border-radius: var(--radius-adjust);
}
.owindow .title {
    background-color: var(--secondaryBackgroundColor);
    border-radius: var(--radius-adjust) var(--radius-adjust) 0 0;
}
.owindow h1 {
    font-family: var(--header-font);
    font-weight: bold;
    color: var(--textColor);
}
.owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child) {
    color: var(--textColor);
    padding: 0.1em;
    text-decoration: none;
 
    border: none;
    border-bottom: solid 3px var(--linkColor);
    background-color: transparent;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
.owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child):hover,
.owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child):focus {
    background-size: 100% 100%;
    background-color: transparent;
}
 
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body {
    width: auto;
    height: auto;
    margin: 0.25em;
    display: grid;
    box-sizing: border-box;
 
    grid-template-areas:
        "pfp username"
        "table table"
        "link link";
    grid-template-columns: 80px 1fr;
}
/* fallback 倒退*/
.content.modal-body > * {
    grid-column: 1 / span 2;
}
 
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > img {
    float: none!important;
    padding: 0!important;
    background-color: var(--primaryBackgroundColor)!important;
    grid-area: pfp;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > img + h1 {
    grid-area: username;
    text-align: center;
    margin: auto;
    word-break: break-all;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > table {
    grid-area: table;
    margin-top: 1em;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > table tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr));
    margin-bottom: 0.25rem;
}
 
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type {
    grid-area: link;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.45em;
    text-align: center;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type a {
    flex-grow: 1;
    flex-basis: 12rem;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type > div[style="float:right"] {
    display: contents;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type > div[style="float:right"] a {
    order: 4;
}
 
/* modalbox 模態框 */
#page-content #u-credit-view,
#page-content #u-credit-otherwise {
    max-width: 100vw;
}
#page-content #u-credit-view .modalbox,
#page-content #u-credit-otherwise .modalbox {
    background: var(--primaryBackgroundColor);
    border-radius: var(--radius-adjust);
    border: none;
    box-shadow: none;
}
#page-content .modalbox hr {
    margin: 1.1rem;
}
#page-content .modalbox h2 span { margin: auto; }
#page-content .modalbox h2 span::before { display: none; }
 
/* Loading Screen 載入畫面*/
.owindow.owait .content {
    background-image: none;
    padding-top: 0.25rem;
}
.owindow.owait .content::after {
  content: " ";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.9rem auto;
  margin-top: 0.75rem;
  border-radius: 50%;
  border: 0.3rem solid black;
  border-color: var(--linkColor) transparent;
  animation: loading 1.2s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
 
/*---- Bottom areas Grid-ification 底部區域網格化----*/
#main-content {
    display: grid;
    grid-template-areas:
            "action-area-top action-area-top"
            "page-title page-title"
            "page-content page-content"
            "page-info-break page-info-break"
            "page-tags page-options-container"
            "page-tags page-options-container"
            "action-area action-area"
            "ad ad";
    grid-template-columns: 1fr 1fr;
}
#action-area-top {
    grid-area: action-area-top;
}
#page-title {
    grid-area: page-title;
}
#page-content {
    grid-area: page-content;
}
#page-info-break {
    grid-area: page-info-break;
}
div.page-tags {
    grid-area: page-tags;
}
#page-options-container {
    grid-area: page-options-container;
}
#action-area {
    grid-area: action-area;
}
#wad-scp-wiki-below-content {
    grid-area: ad;
}
 
/*--------------*/
 
/* Tags 標籤 */
#main-content div.page-tags {
    padding: 0;
    margin: 0 2.5rem 0.5rem 0;
}
#main-content div.page-tags::before {
    content: "tags";
    color: var(--textColor-alt);
    font-size: 80%;
    display: block;
    padding: 0 0.25em;
    margin-bottom: 0.25rem;
}
 
#main-content .page-tags span {
    max-width: 100%;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
}
 
#main-content .page-tags a {
    height: 0.9rem;
    width: max-content;
    line-height: 0.9rem;
    font-size: 0.8rem;
    margin: 0.15rem 0.225rem;
    padding: 0.25rem 0.1rem;
 
    color: var(--textColor);
 
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-bottom: solid 0.1em var(--linkColor);
    transition: background-size var(--link-timing);
}
#main-content .page-tags a:hover,
#main-content .page-tags a:focus {
    background-size: 100% 100%;
    text-decoration: none;
}
#main-content .page-tags a::before {
    content:"/";
    display: inline-block;
    margin-right: 0.1em;
    color: var(--linkColor);
    transition: color var(--link-timing);
}
#main-content .page-tags a:hover::before,
#main-content .page-tags a:focus::before {
    color: var(--textColor);
}
 
#page-info {
    color: var(--textColor-alt);
    margin: 0;
    font-size: 80%;
    text-align: right;
}
div.page-watch-options {
    font-size: 80%;
    margin: 0.325rem 0 0.75rem;
    line-height: 1.5em;
}
 
#page-options-container a:not(a#more-options-button),
#action-area a:not(#wd-editor-toolbar-panel a, .printuser.avatarhover a:first-child, a.action-area-close.btn.btn-danger, .page-rate-widget-box a) {
    color: var(--textColor);
    text-decoration: none;
 
    border-bottom: solid 2px var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#page-options-container a { padding: 0.1em; }
#page-options-container a:not(a#more-options-button):hover,
#action-area a:not(#wd-editor-toolbar-panel a, .printuser.avatarhover a:first-child, a.action-area-close.btn.btn-danger, .page-rate-widget-box a):hover {
    background-size: 100% 100%;
}
 
.page-options-bottom {
    margin: 0;
    text-align: center;
    height: auto;
    line-height: normal;
    width: 100%;
 
    display: flex;
    flex-wrap: wrap;
}
#page-options-container .page-options-bottom > a {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 4rem;
    padding: 0.25rem;
    margin: 0.25rem 0.2rem;
}
 
#page-options-container .page-options-bottom > a#more-options-button,
#action-area > a.action-area-close.btn.btn-danger,
#owindow-1 .button-bar.modal-footer a {
    box-sizing: border-box;
    min-width: 100%;
    padding: 0.5rem 1rem;
    margin-right: 0;
    color: var(--textColor);
    background-color: var(--secondaryBackgroundColor);
    border: solid 2px var(--borderColor);
    border-radius: calc(var(--radius-adjust)*1.5);
    font-family: var(--body-font);
    transition: background-color var(--link-timing);
}
#page-options-container .page-options-bottom > a#more-options-button:hover,
#action-area > a.action-area-close.btn.btn-danger:hover,
#owindow-1 .button-bar.modal-footer a:hover {
    background-color: var(--tertiaryBackgroundColor);
    text-decoration: none;
}    
 
#action-area > a.action-area-close.btn.btn-danger {
    min-width: unset;
    width: max-content;
}
 
/*-------------------*/
 
div.buttons input, input.button, button, file, a.button {
    margin: 0.1rem;
    padding: 0.275em 0.75em;
    cursor: pointer;
    text-decoration: none;
    background-color: var(--secondaryBackgroundColor);
    border: solid 2px var(--borderColor);
    border-radius: var(--radius-adjust);
    color: var(--textColor);
    transition: background-color var(--link-timing);
}
div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover {
    background-color: var(--tertiaryBackgroundColor);
    color: var(--textColor);
}
 
/*---- EDITBOX 編輯框----*/
 
form#edit-page-form table.form #edit-page-title,
#edit-page-textarea,
#edit-page-comments {
    color: var(--textColor);
    background-color: var(--primaryBackgroundColor);
    border: solid 1px var(--borderColor);
}
table.form td div.sub, form div.sub {
    color: var(--textColor-alt);
}
 
form#edit-page-form {
    background-color: var(--primaryBackgroundColor);
    box-shadow: 0 0 3px 1px var(--shadow);
    padding: 1rem 2rem;
    border-radius: var(--radius-adjust);
    border: none;
    max-width: min(calc(var(--page-content-width) + 4rem), 100%);
    margin: 0 auto;
 
    display: grid;
    grid-template-areas:
        "title title"
        "toolbar toolbar"
        "txt txt"
        "help size"
        "bottom bottom"
        "hdn hdn"
        "button button";
    grid-template-columns: 1fr auto;
}
form#edit-page-form table.form { grid-area: title; }
form#edit-page-form #wd-editor-toolbar-panel { grid-area: toolbar; }
form#edit-page-form div:nth-of-type(2) { grid-area: txt; }
form#edit-page-form .change-textarea-size { grid-area: size; }
form#edit-page-form .edit-help-34 { grid-area: help; }
form#edit-page-form table.edit-page-bottomtable { grid-area: bottom; }
form#edit-page-form #edit-page-captcha { grid-area: hdn; }
form#edit-page-form .buttons.alignleft { grid-area: button; }
 
/* Title area 標題區*/
form#edit-page-form table.form {
    margin: 0 0 0.5em 0!important;
    width: 100%;
    font-family: var(--header-font);
    font-size: 1.2em;
}
form#edit-page-form table.form tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
form#edit-page-form table.form td {
    text-align: center;
    min-width: 6em;
    flex-shrink: 1;
    flex-grow: 1;
}
form#edit-page-form table.form td:last-of-type {
    flex-grow: 2;
}
form#edit-page-form table.form #edit-page-title {
    width: 100%;
}
 
/* Toolbar 工具欄*/
#wd-editor-toolbar-panel {
    grid-area: toolbar;
    width: 100%;
    display: grid;
    margin: 1.5em auto 0.75em;
    grid-template-columns: repeat(auto-fill, minmax(1.5em, 1fr));
    grid-gap: 0.125em;
}
#wd-editor-toolbar-panel > div,
#wd-editor-toolbar-panel > div > ul {
    display: contents;
}
 
.wd-editor-toolbar-panel ul li:hover ul, .wd-editor-toolbar-panel ul li.sfhover ul {
    background-color: var(--primaryBackgroundColor);
    border: 2px solid var(--borderColor);
}
.wd-editor-toolbar-panel li.hseparator {
    background-color: var(--borderColor);
    margin: 0 auto;
    height: 1.5em;
}
 
/* Edit area 編輯區*/
form#edit-page-form div:nth-of-type(2) { min-width: 100%; }
form#edit-page-form #edit-page-textarea { min-width: inherit; }
 
/* Size buttons + help area 大小按鈕 + 幫助區*/
form#edit-page-form .change-textarea-size {
    float: none;
    padding: 0;
    margin-top: 0.25rem;
    display: flex;
    gap: 0.25rem;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
form#edit-page-form .change-textarea-size a {
    background-color: var(--primaryBackgroundColor);
    border-width: 1px 1px 2px;
    border-top-color: var(--borderColor);
    border-left-color: var(--borderColor);
    border-right-color: var(--borderColor);
    padding: 3px;
    text-decoration: none;
    display: inline-block;
    width: 1.2rem;
    text-align: center;
}
 
form#edit-page-form .edit-help-34 {
    font-size: 0rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    margin: 0.25rem 0.5rem 0 0;
}
form#edit-page-form .edit-help-34 a { font-size: 0.625rem; }
 
/* Bottom area */
form#edit-page-form table.edit-page-bottomtable tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--page-content-width)/2.5), 100%), 1fr));
}
form#edit-page-form table.edit-page-bottomtable tr td {
    box-sizing: border-box;
}
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(2) {
    display: flex;
    align-items: center;
    padding: 0.75rem!important;
}
form#edit-page-form table.edit-page-bottomtable tr td > div {
    max-width: 100%;
    min-width: 100%;
}
form#edit-page-form table.edit-page-bottomtable tr td > div > #edit-page-comments {
    width: 100%!important;
    min-height: 6em;
}
 
form#edit-page-form #lock-info {
    background-color: var(--primaryBackgroundColor);
    border: none;
    padding: 1em;
    margin: 0;
    border-radius: calc(var(--radius-adjust)*0.5);
    border-bottom: solid 0.2rem var(--linkColor);
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 var(--shadow);
}
 
/* Save button area */
div.buttons.alignleft {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.buttons.alignleft > * {
    flex-grow: 1;
}
 
/*-------------------*/
 
#who-rated-page-area br {
    display: none;
}
#who-rated-page-area>div {
    grid-gap: 0.25em;
    display: grid;
    grid-template-columns: repeat(4,1fr auto);
    grid-auto-flow: row;
    justify-items: end;
    max-width: var(--page-content-width);
    margin: 0 auto;
}
#who-rated-page-area>div span.printuser.avatarhover {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
}
#who-rated-page-area>div span:nth-child(3n-1) {
    margin-right: 2rem;
}
 
/*-------------------*/
 
#revision-list .pager, .pager {
    width: max-content;
    margin: 0.75rem auto;
}
#revision-list .pager > *, .pager > * {
    padding: 0.125rem 0.25rem;
    margin: 0.05rem;
}
#revision-list .pager > * > a, .pager > * > a {
    padding: 0.125rem 0.25rem;
}
#revision-list .pager .current {
    font-weight: bold;
    background-color: var(--tertiaryBackgroundColor);
    color: var(--textColor);
    border: 1px solid var(--borderColor);
}
#revision-list .pager .target, #revision-list table.page-history td a {
    border-top-color: var(--borderColor);
    border-left-color: var(--borderColor);
    border-right-color: var(--borderColor);
}
 
#revision-list table.page-history {
    width: 100%;
    border-collapse: collapse;
}
#revision-list table.page-history td {
    padding: 0.375em 0;
}
 
#revision-list table.page-history tr:nth-child(2n-1),
#revision-list table.page-history tr:nth-child(2n-1) td {
    background-color: var(--secondaryBackgroundColor);
}
#revision-list table.page-history tr:nth-child(2n),
#revision-list table.page-history tr:nth-child(2n) td {
    background-color: var(--primaryBackgroundColor);
}
 
#revision-list table.page-history tr td:nth-child(1) {
    width: 4em;
    min-width: max-content;
    text-align: center;
}
#revision-list table.page-history tr td:nth-child(2),
#revision-list table.page-history tr td:nth-child(3) {
    width: 5em;
    min-width: max-content;
    text-align: center;
}
#revision-list table.page-history tr td:nth-child(4) {
    min-width: 4em;
}
#revision-list table.page-history tr td:nth-child(5) {
    padding: 0 0.5em;
}
#revision-list table.page-history tr td:nth-child(6) {
    min-width: 3.25em;
}
#revision-list table.page-history tr:first-child td:last-child {
    text-align: center;
}
 
/*-------------------*/
 
#action-area .page-source {
    border: solid 2px var(--borderColor);
    padding: 1.75em;
    font-size: 0.85rem;
    box-sizing: border-box;
}
 
/*-------------------*/
 
#action-area ul[style*="list-style: none"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
 
/*---- FOOTER & LICENSE-AREA & FOOTER-BAR 頁腳和許可證區域和頁腳欄----*/
#footer {
    display: flex!important;
    justify-content: space-between;
    background-color: var(--primaryBackgroundColor);
    color: var(--textColor-alt);
    font-size: 0rem;
    padding: 0.15rem 0.35rem;
}
#footer a {
    color: var(--textColor-alt);
    font-size: 0.6rem;
}
#footer a[href*="wikidot.com"]:not(.options a)::before {
   content:"Powered by ";
}
#footer .options a:not(:last-of-type) {
    padding-right: 0.25rem;
    margin-right: 0.25rem;
    border-right: solid 1px var(--borderColor);
}
 
#license-area {
    color: var(--textColor);
    background-color: var(--tertiaryBackgroundColor);
    border-top: solid 2px var(--borderColor);
    font-family: var(--header-font);
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.25rem;
    padding-bottom: 0.5rem;
    line-height: 0.8rem;
    text-align: center;
}
#license-area a {
    color: var(--textColor);
 
    border-bottom: solid 3px var(--linkColor);
    background-color: transparent;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#license-area a:hover, #license-area a:focus {
    background-size: 100% 100%;
    text-decoration: none;
}
 
#footer-bar {
    background-color: var(--secondaryBackgroundColor);
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-top: solid 2px var(--borderColor);
    padding: 0.5em 1em;
    box-sizing: border-box;
}
#footer-bar .units {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: flex;
}
#footer-bar .units .unit {
    flex-grow: 1;
}
#footer-bar .units .unit h3 a {
    margin: 0 auto;
    color: var(--textColor);
    border-bottom: solid 2px var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#footer-bar .units .unit h3 a:hover, #footer-bar .units .unit h3 a:focus {
    background-size: 100% 100%;
}
 
/*----報紙的 自定義----*/
 
#page-content .section-header {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 0.75rem;
    clear: both;
}
#page-content .breaker + .section-header {
    margin-top: 1.5rem;
}
.section-header::before, .section-header::after {
    content: "";
    flex-grow: 1;
    height: 0.175rem;
    margin: auto -0.625rem auto auto;
    background-color: var(--primaryBackgroundColor);
}
.section-header::after {
    margin: auto auto auto -0.625rem;
}
 
.section-header h1 {
    width: max-content;
    margin: 0 auto;
    text-align: center;
    padding: 0.05rem 1.5rem;
    border-radius: 0rem 0.875rem;
    border-bottom: solid 0.2rem var(--accentColor);
    border-top: solid 0.2rem var(--textColor-alt);
    position: relative;
}
.section-header h1::before {
    content: "";
    background-color: var(--accentColor);
    display: block;
    width: 0.6rem; height: 0.6rem;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-0.3rem, -0.4rem) rotate(45deg);
}
.section-header h1::after {
    content: "";
    background-color: var(--accentColor);
    display: block;
    width: 0.6rem; height: 0.6rem;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0.3rem, 0.4rem) rotate(45deg) ;
}
.section-header h1 span {
    width: max-content;
    margin: auto;
}
 
/*-----------------*/
 
.s-title {
    font-size: 110%;
    font-weight: bold;
    display: inline;
    padding: 0 0.15em;
    padding-bottom: 0.1em;
    border-bottom: solid 0.1rem currentColor;
    border-top: solid 0.1rem currentColor;
}
 
.gallery-frame {
    box-sizing: border-box;
    background-color: #e9fbff;
    padding: 0.75rem;
    border: inset 0.325rem var(--headerColor);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
    margin: auto;
}
.gallery-frame > img { box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); }
 
.hover:hover {
    text-decoration: none;
}
.hover span { display: none; }
.hover:hover span {
    position: absolute;
    display: inline;
    height: auto;
    max-width: 25%;
    background-color: var(--headerColor);
    color: #f8fdfe;
    font-weight: bold;
    padding: 0.5em 1.5em;
    border-bottom-right-radius: 1rem;
}
 
.f-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.f-flex > div {
    flex-basis: 18rem;
    flex-grow: 1;
}
.f-flex.three > div {
    flex-basis: 13rem;
    flex-grow: 1;
}
.f-flex.data > div {
    padding: 0.65rem 0.375rem;
}
.f-flex.data > div:hover {
    z-index: 9;
}
 
.f-con {
    border: none;
    padding: 0.15rem 0.75rem;
    margin: 0.85rem;
    position: relative;
    border-radius: 0 1.25rem;
    background-color: #e9fbff;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
#page-content .f-flex .f-con { max-width: 25rem; }
.f-con h4 {
    background-color: var(--selectionColor);
    color: #f8fdfe;
    padding: 0.1rem 0;
    border-radius: 0 0.625rem;
}
 
.placard {
    display: inline-block;
    position: relative;
    padding: 0.45rem 0.65rem;
    margin: -1.05rem -0.5rem -1.3rem;
    border: solid 1em transparent;
    background: var(--primaryBackgroundColor) padding-box;
    clip-path: polygon(0 3em, 3em 0, 100%  0, 100% calc(100% - 3em), calc(100% - 3em) 100%, 0 100%);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}
.placard::before, .placard::after {
    position: absolute;
    width: 3em;
    height: .35em;
    background: radial-gradient(at 50% 0, rgba(0,0,0,0.17), rgba(0,0,0,0) 65%);
    content: "";
}
.placard::before {
    top: 0.45em;
    left: -0.95em;
    transform: rotate(-45deg);
}
.placard::after {
    bottom: 0.45em;
    right: -0.95em;
    transform: rotate(135deg);
}
 
/*----報紙的 自訂義結束----*/
 
/*---- CUSTOM SYNTAX 自定義語法----*/
 
.monoboxical {
    border-radius: var(--radius-adjust);
    padding: 1em 1.5em;
    border-bottom: solid 0.25rem var(--linkColor);
    box-sizing: border-box;
    box-shadow: 0 3px 6px 0 var(--textColor-alt);
    margin: 0.75rem 0.1rem;
}
 
.header-center {
    padding: 0;
    margin: 0;
    text-align: center;
}
.header-center h1 span,
.header-center h2 span,
.header-center h3 span,
.header-center h4 span,
.header-center h5 span,
.header-center h6 span {
    margin-left: auto;
    margin-right: auto;
}
#page-content .header-center h1::before {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto 0.375rem auto auto;
    background-color: var(--textColor-alt);
}
 
/* author label compatibility 作者標籤兼容性*/
#page-content .authorlink-wrapper {
    margin-top: -0.1rem;
    --author-right-adjust: 0.52em;
}
#page-content .authorlink-wrapper .authorbox {
    background-color: var(--primaryBackgroundColor);
    color: var(--textColor);
}
#page-content .authorlink-wrapper .authorbox::before {
    border-bottom-color: var(--primaryBackgroundColor);
}
 
/*--- Motion Accessibility 運動輔助功能---*/
@media (prefers-reduced-motion) {
    :root { --link-timing: 0s linear!important; }
}
 
/*---- MOBILE QUERY 手機查詢----*/
@media only screen and (max-width: 767px) {
    :root {
        --link-timing: .05s ease-out;
    }
 
    #header h1 a {
        font-size: 2.5rem;
        padding-top: 1.45rem;
    }
 
    #page-content div[class*=top-bar] ul li ul::after {
        left: calc(1% + 9vw);
    }
    #page-content div[class*=top-bar]>ul:first-of-type>li:last-of-type>ul::after {
        right: calc(1% + 9vw);
        left: auto;
    }
 
    .meta-title {
        font-size: 200%;
    }
 
    #main-content {
        padding: 1em 1.5em;
        grid-template-areas:
            "action-area-top action-area-top"
            "page-title page-title"
            "page-content page-content"
            "page-tags page-tags"
            "page-info-break page-info-break"
            "page-options-container page-options-container"
            "action-area action-area"
            "ad ad";
    }
 
    #page-content div.top-bar {
        display: none;
    }
    #page-content div.mobile-top-bar {
        display: block;
    }
 
    #main-content div.page-tags {
        margin: 0.5rem 0 1rem;
        width: 100%;
    }
    #page-options-container {
        margin-top: 2.5rem; margin-bottom: 2rem;
    }
 
    #page-info, div.page-watch-options {
        text-align: left;
    }
 
    #who-rated-page-area>div {
        grid-template-columns: repeat(2,1fr auto);
    }
    #who-rated-page-area>div span:nth-child(3n-1) {
        margin-right: 1rem;
    }
 
    #revision-list table.page-history tr td:nth-child(5) .printuser.avatarhover a:last-of-type {
        display: none;
    }
    #revision-list table.page-history tr td:nth-child(5) {
        width: max-content!important;
    }
 
    #action-area ul[style*="list-style: none"] {
        grid-template-columns: repeat(2, 1fr);
    }
 
    #revision-list table.page-history tr td:nth-child(1):not(tr:first-child td),
    #revision-list table.page-history tr td:nth-child(7):not(tr:first-child td) {
        font-size: 80%!important;
        padding-left: 0.75em;
    }
    #revision-list table.page-history tr td:nth-child(6) { display: none; }
}

作品著作資訊

---

EmptyName723 / Dr V Valentine共同編輯

---

本期封面圖片來自於pxhere屬於 (CC0 1.0)由Dr V Valentine後製為周刊封面，。

---

本主題微調合併自
EstrellaYoshte的Monotypical外觀主題
MalyceGraves與EstrellaYoshte的Newspaper外觀主題
新式封面的靈感來自遠野妖怪保護区ハブ的板頭，並在vomiter的協助下完成。

---

« 第72期 | 第73期 | 第74期 »

　

　

近期新聞

2022冬季競賽活動公開

眾所注目的第999號作品即將出爐，主題為《工》。
更多活動詳情請見競賽專頁。

---

聖夜相守再一夜活動倒數

2022/01/09 (日) 23:59活動將結束，請還沒贈送禮物給主人的小天使趕緊把握時間呦!!

---

本周原創作品

SCP-ZH-399 - 我們心中的444號視聽教室

我認識那個人，他姓吳，是八班的學生，人很外向，是班上的風雲人物，你在他身上找不到任何一點壓抑或黑暗，彷彿和他在一起就會整天笑容滿面，是我不擅長應付的類型。
所以。為什麼這樣的人，雙手會佈滿鲜血淋漓的美工刀痕？
　
作者 Lostwhat

植木煉金

「妳的狀況比較不同，植物學和香氣學已經數十年沒有新玩意了，對妳來說更多的前輩應該是那些現代公司的工作者。」七環術士·魯斯拉夫提醒著意圖逃避的學徒，「也就是說，我現在沒有任何能夠傳授給妳的知識了。」
「他們需要妳，需要妳的才華，那些一般的煉金術師忽視研究的，那些業界人士無法深究的高度。」
　
作者 Chromeblushowo

事故紀錄458-A

以餅皮為舞台、起司為背景，番茄提供活力時它們提供轉折，隱藏在表面下的、令人雙眼為之一亮的轉折——在口感、在味道。在柔軟的配料和酥脆的麵皮之間顯得彈牙、厚實，使口中充滿長時煙燻所造就的獨特香氣以及它們獨有的鹹味。這些火腿是關鍵，佐以深綠的九層塔作為額外的刺激，帶領這獨一無二的體驗到達其高潮。
　
作者 Jetttttt

我們所相信的真實

晚鐘響起，是警衛交班的時間，也是一般的基金會員工下班的時間了，雖然平時能確實遵守下班時間的員工寥寥可數，但只有今天是例外。按照往年的慣例，聖誕夜時發生的意外總是特別少，也許是異常們彼此串通好了個休息日，但更可能的大概是員工們為了聖誕夜能安穩地度過，而特別認真地完成了整周的工作。
　
作者 Lostwhat

SCP-ZH-398 - 四面閻魔

一旦發現SCP-ZH-398的某一顆眼睛睜開，該眼睛面向的三張自動病床須接受查驗確認何者為本月SCP-ZH-398-A——一般方法是利用遙控手段輕微左右搖動某一張病床，同時觀察SCP-ZH-398的眼球是否跟著移動。
　
作者 vomiter

我們所相信的謊言

那在程式與自我意識之間切換的不自然也算是佩森尼爾獨有的自然了：「再過幾天以後妳就會變成不知病痛為何物的樣貌啦，可別忘記曾經有過的病痛，要成為溫柔的人喔，掰掰。」
赫蓮娜蒼白的嘴唇微微張了張，但還來不及說些什麼佩森尼爾就離開了病房。
　
作者 BalesBomb

本周翻譯作品

SCP-BLANK-J

就如同妳看到的，這個SCP槽位可能帶有了逆模因效應，使得文件連到了我的個人信箱。所以我想找妳談談這件事，妳那邊可能已經有處理過像這樣的事情了，所以我想這應該不會耽誤妳太多的研究時間。
　
作者 Siddartha Alonne
譯者 Pao Mian

流涎路：第一節

當「心」的語音又一次響起時，他的心也同時跳得響亮。
「匍匐樹下，揮灑毒液，荼毒瞽者；流涎路上，目盲之人，眼中電芒，劃破夜幕。茫然傀儡，無可挽回，唯一救贖，弒主殺皇，吮脂吸髓。」
　
作者 Kothardarastrix
譯者 MatchaCola

於其影中

一個關於基金會中的生活和期間人們的經歷的故事。
　
作者 TroyL
譯者 Mang Gwan

SCP-1451 - 沉沒之子的防禦圈

第2類情景中，SCP-1451出現輕微活動跡象，此時整個圓陣朝逆時針方向轉動。SCP-1451的手會在此時輕微的舉起與放下，同時嘴巴周遭也能觀察到氣泡生成。這一狀態必須緊密監控，因為事態很可能迅速轉化為第3類情景。
　
作者 Rejekyll
譯者 vomiter

本周藝術作品

聖誕EVE

聖誕EVE

　
繪者 Semibreve

莉亞

莉亞

　
繪者 Dr V Valentine

本周焦點成員

本周注目翻譯

MatchaCola

更多MatchaCola的作品

本周注目原創

Lostwhat

更多lostwhat的作品

主題專欄 基金會的上古時代講座(一)欲肉教篇

阿狄烏姆帝國（欲肉教）

欲肉教是約西元前2000年出現的族群，原本是由殆瓦帝國底下一個名叫伊仰的奴隸反抗帝國，吸引了許多奴隸一起叛變建立欲肉教的帝國阿狄泰姆／阿狄烏姆帝國跟宗教，這裡面有許多與基督教的故事相似的地方，像大家知道的欲肉教有著名為亞大孢斯的神，但這個神奇是並沒有像大術士伊仰一樣受到欲肉教人民的崇敬，它更像是一種人類需要去駕馭的能量一類的存在，而第一個駕馭亞大孢斯取得欲肉力量的就是伊仰，它也因此成為欲肉教的體制中最偉大的術士。

欲肉教的理念就是「擺脫束縛」這也能從它的建國歷史與生物技術看出許多的痕跡，擺脫生命、生長、倫理等等的束縛，所以欲肉教其實是一個圍繞著解放這個主題的組織，它最初從西伯利亞開始被殆瓦統治後來反抗開始遷移，後來在青銅時代晚期崩解當時出現在中亞跟中東的許多民族也都是在此時大幅衰弱，產生了飢荒跟很多的戰爭並造成了400多萬人的死亡，以當時地球的人口數而言這是非常可怕的一次災難，而在欲肉教的紀錄中這其實是欲肉教的帝國與其他帝國戰爭的結果，並不是單純由飢荒造成的影響，在那之後殘存的欲肉教勢力在西元七世紀重新在東歐出現。

那之後在歐洲的中古時期，欲肉教與歐洲的貴族通婚，所以儀式與血脈也在此時受到了歐洲的影響，跟著歐菲之間的海上貿易欲肉教的勢力也進入了非洲，另一部份的欲肉教徒則是祕密的前往美洲發展，而非洲的欲肉教徒也跟美洲的欲肉教徒互相往來，除此之外也有一些特別的欲肉教徒前往了太平洋的孤島中，至於亞洲的方面由於殆瓦勢力的影響所以就沒有在此地深耕，也導致整個欲肉教跟亞洲的關係薄弱特別是東亞，也因此台灣會變得不好去創作相關的主題，需要從其他方面(如香港)著手會更加合理而且容易。

在創作上欲肉教雖然給人的初步印象是一個有許多血肉跟生物科技的組織，但他們其實更多的是著墨在歷史與人文的描寫上頭，高超的生物技術與寫肉等等反而更像是陪襯，對科學知識的要求門檻其實沒有特別的高，歡迎對歷史感興趣的朋友可以多加的閱讀或是挑戰欲肉教的創作喔。

欲肉教中心頁

作者 SamScript
編撰 Dr V Valentine

編輯部資訊

連結

• 基金會週刊中心
• SCP基金會繁體中文官網
• SCP繁中官方噗浪
• SCP基金會巴哈專版
• SCP基金會中文粉絲群

加入編輯部

這份周刊才剛起步，非常歡迎任何人加入一起編輯。讓我們共同記錄繁中基金會的路程。
漫畫與專欄作品熱烈徵求中，歡迎前來#周刊編輯部投稿！
加入#周刊編輯部

« 第72期 | 第73期 | 第74期 »