At the crow of the rooster, the woman suddenly transformed into a black cat and leaped out the window. A lock of black hair still remained on the quilt. Wang Er was greatly shocked. He picked up the hair and looked at it, and it unexpectedly turned into three copper coins, with patterns of a cat treading on snow. From then on, every evening when he returned home, the cold stove would boil by itself, and the rice jar was always full. Wang Er felt suspicious. He pretended to go out carrying a hoe, but secretly hid behind a locust tree to peek.

At noon, he indeed saw the black cat holding wild fruits in its mouth and entering the house. It rolled on the ground and transformed into the woman from the previous night. Just as she was about to start cooking, Wang Er suddenly came out, bowed, and said, "Grateful for your great kindness, I wish to share the household chores with you." The woman was startled and tried to flee. Wang Er hurriedly grabbed her sleeve. The woman blushed and said, "Do not be afraid, sir. I am actually a wild cat from the mountains, who has cultivated for three hundred years. Grateful for your kindness of a meal, I have come to repay you." Wang Er said, "I have heard that foxes charm people; do cats do the same?" The woman smiled and said, "Foxes are good at charming, but cats value righteousness. You may choose for yourself."

そこで、草庵を建てて一緒に住むことになった。女は紡績が得意で、夜に織るときは窓や戸に蝋燭を灯さなくても自然と明るくなった。近所の人はこれを不思議に思い、こっそり覗いてみると、女が月に向かって珠を吐き出していて、その光は蛍のようだった。悪い若者がその珠を奪おうとして、大勢の人を率いて戸を破った。すると女は突然巨大な猫に変身し、目は金のランプのようで、一躍屋根の上を飛び越えた。山の中で虎の咆哮が林全体に響き渡り、みんなは足が震えて逃げ去った。

后三年，女忽泣辞：“妾劫数将至，当往终南渡雷劫。”解项下玉铃铛赠二曰：“此中有真言，非急勿启。”言毕化玄猫，踏云而逝。二每思之，则摇铃，铃中隐隐作猫语，若呼“阿苓”——盖女小字也。

越十年，二偶过市集，见一垂髫小鬟抱玄猫，猫尾尖霜白，见二即跃入其怀。小鬟索钱三千，二罄囊得之。归家猫忽作人语：“痴郎君，又费这闲钱。”视之，阿苓也。自言雷劫时坠山谷，幸得小鬟家收养，今偿夙缘矣。

自此不复去，乡人常见王二妻以猫尾拂拭尘案，或以爪拨弄算珠，与常人无异。唯岁除祭灶时，必以鲜鲤三尾供于檐下，云是谢山君护送之恩。

异史氏曰：人言猫为“狸奴”，能媚世人。然观阿苓之事，非独媚也，实有义焉。世有受餐若素，转瞬忘恩者，视此玄猫，能无愧乎？

引用块

此为分页（tab view）。

兼容性移植

此版式移植了部分杂志版式的特性。

图片框

[[div class="mz-img-wrap <classname>"]]
[[include component:image-block
name=
|width=
|caption=
|align=
]]
[[/div]]

img-tt

img-frame

img-b3d

img-border

特殊分割线

[[div class="mz-hr <classname>"]]
-----
[[/div]]

缩减线条尺寸：hr-contract
将线条变为实线：hr-solid
点线：hr-dotted
双线：hr-double

Flex分割线排版

[[div class="mz-hr <classname>"]]
[…]
-----
[…]
[[/div]]

文本或图片

多样式引用块

[[div class="<classname>"]]

[[/div]]

blockquote
默认引用块

mz-blockquote
引用块样式1

mz-paper
引用块样式2

mz-cover
引用块样式3

mz-board
引用块样式4

mz-textquote
引用块样式5

clip-wrap
回形针引用块

横跨标题

[[div class="mz-tt"]]
+ 横跨标题
居中文本
[[/div]]

横跨标题

居中文本

使用到的字体是更纱黑体、思源宋体、装甲明朝体和Mona Sans Mono。

+ 源代码

- 源代码

@import url("https://scp-wiki.wikidot.com/component:theme/code/1");
@import url("https://scp-wiki.wikidot.com/component:sigma-plus/code/1");
@import url('https://scp-wiki-cn.wikidot.com/component:editor-icons/code/1');
 
@import url("https://fontsapi.zeoseven.com/161/main/result.css"); /* Sarasa Gothic SC */
@import @import url("https://fontsapi.zeoseven.com/57/main/result.css"); /* SoukouMincho */
@import url("data:text/css,%40font-face%7Bfont-family%3A%22ZSFT-cfa%22%3Bsrc%3Aurl(%22https%3A%2F%2Ffontsapi.zeoseven.com%2Fcfa%2Fmain.woff2%22)%20format(%22woff2%22)%3Bfont-style%3Anormal%3Bfont-weight%3A100%20900%3Bfont-display%3Aswap%3B%7D"); /* ZSFT-cfa Mona Sans Mono */
@import url("https://fontsapi.zeoseven.com/285/main/result.css"); /* Noto Serif CJK */
 
:root {
 
    --ink-title-a: '中華異學會';
    --ink-title-b: '中华新异会';
    --ink-title: var(--ink-title-a);
    --ink-subtitle: '格异·治学·融会';
    --ink-logo: var(--ink-logo-a);
 
    --ink-white: #FFFFFF;
    --ink-light-gray: #F2F2F2;
    --ink-medium-gray: #D9D9D9;
    --ink-dark-gray: #404040;
    --ink-black-gray: #262626;
    --ink-black: #000000;
 
    --ink-red-dark: #ab372f; /* 鹅血石红 */
    --ink-red-medium: #d42517; /* 鹤顶红 */
    --ink-red-light: #ed3b2f; /* 鱼鳃红 */
    --ink-orange: #f27635; /* 蟹壳红 */
    --ink-green: #87723e; /* 鲛青 */
 
    --ink-bg-lt: url(https://cdn.mer.run/i/2026/02/22/699b0d4f44cbd.png);
    --ink-bg-ld: url(https://cdn.mer.run/i/2026/02/22/699b0d4f439ef.png);
    --ink-bg-rt: url(https://cdn.mer.run/i/2026/02/22/699b0d4f3a746.png);
    --ink-bg-rd: url(https://cdn.mer.run/i/2026/02/22/699b0d4f435f0.png);
    --ink-bg-l: url(https://cdn.mer.run/i/2026/02/22/699b0d4f512f3.png);
    --ink-bg-r: url(https://cdn.mer.run/i/2026/02/22/699b0d4f447ff.png);
    --ink-bg-p: url(https://cdn.mer.run/i/2026/02/22/699b0d4f43f69.png);
    --ink-logo-a: url(https://cdn.mer.run/i/2026/02/22/699b0d4f39435.png);
    --ink-logo-b: url(https://cdn.mer.run/i/2026/02/22/699b0d4f43dbe.png);
    --ink-bg-g: url(https://cdn.mer.run/i/2026/02/23/699bd58337a58.png);
 
    --ink-font-sans-serif: 'Sarasa Gothic SC', 'Noto Sans SC', 'Microsoft YaHei', '微软雅黑', '黑体', sans-serif;
    --ink-font-serif: 'Noto Serif CJK', '华文中宋', '宋体', serif;
    --ink-font-monospace: 'ZSFT-cfa', 'Consolas', var(--ink-font-sans-serif), monospace;
 
}
 
/* BASE */
 
body#html-body {
    background-color: var(--ink-white);
    font-size: 1rem;
    color: var(--ink-black-gray);
    font-family: var(--ink-font-sans-serif);
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
 
div#container {
    background-image: linear-gradient(180deg, #ffffff7a, transparent), var(--ink-bg-g);
    background-repeat: repeat-x;
    background-size: 20rem, 20rem;
    background-position: center 10rem;
}
 
/* HEADER */
 
:root {
    --header-title: var(--ink-title);
    --header-subtitle: var(--ink-subtitle);
    --sp_top-bar-height: 2.1rem;
    --sp_header-title-scale: 1;
    --sp_header-subtitle-scale: 1.3;
    --sp_header-logo: var(--ink-logo);
    --sp_header-logo-size: 6rem;
    --sp_header-logo-adaptive-size: min(var(--sp_header-logo-size), calc(var(--sp_header-logo-size) * 0.575 + 5vw));
    --sp_header-height: 10rem;
 
    --sp_top-bar-gradient-top-color: var(--ink-white);
    --sp_top-bar-gradient-bottom-color: var(--ink-dark-gray);
    --sp_top-bar-link-color: var(--ink-white);
    --sp_top-bar-link-hover-color: var(--ink-black);
    --sp_top-bar-link-hover-background: var(--ink-black);
    --sp_dropdown-width: calc(8.25rem + 2.25vw);
    --sp_dropdown-background: var(--ink-black);
    --sp_dropdown-link-color: var(--ink-light-gray);
    --sp_dropdown-link-hover-color: var(--ink-black);
    --sp_dropdown-link-background: transparent;
    --sp_dropdown-link-border: none;
    --sp_dropdown-link-hover-background: var(--sp_top-bar-link-hover-background);
 
}
 
div#header {
    background-image: var(--ink-bg-lt), var(--ink-bg-ld), var(--ink-bg-rt), var(--ink-bg-rd), var(--ink-bg-l), var(--ink-bg-r);
    background-repeat: no-repeat;
    background-size: 4rem, 4rem, 4rem, 4rem, contain, contain;
    background-position: left top, left bottom 2rem, right  0.5rem top 0rem, right 0.5rem bottom 2.1rem, left, right;
    grid-template-rows: auto 1fr auto auto 2fr auto;
}
 
@media (max-width: 767px) {
  div#header {
    background-size: 4rem, 4rem, 4rem, 4rem, cover, cover !important;
  }
}
 
div#top-bar {
    background-color: var(--ink-black);
    background-image: linear-gradient(190deg, #000000bf, transparent), var(--ink-bg-p);
    background-size: 2.5rem 1.5rem;
    background-position: bottom;
    background-repeat: repeat-x;
    font-family: var(--ink-font-serif);
}
 
#login-status a[href="https://www.wikidot.com/account/messages"] strong {
    font-size: 0;
    display: inline-block;
    padding: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--ink-red-medium);
    border-radius: 50%;
    margin: 0rem 0rem 0rem -0.5rem;
    transform: translate(0rem, -0.1rem);
    animation: none;
}
 
#header::before {
    grid-row: 1 / 6;
    background-size: 90%;
    /* filter: drop-shadow(0px 0px 20px white); */
    mask-image: linear-gradient(to bottom, black 20%, transparent 100%);
}
 
#header h1 a::before, #header h2 span::before {
    color: var(--ink-black);
    text-shadow: none;
    font-weight: normal;
    white-space: nowrap;
}
 
#header h2 span::before {
    letter-spacing: 1.025rem;
    font-family: var(--ink-font-serif);
    font-weight: bold;
}
 
#header h1 a::before {
    letter-spacing: 0.7rem;
    font-family: 'SoukouMincho', var(--ink-font-serif);
}
 
#header span.printuser {
    color: var(--ink-black-gray);
    font-family: var(--ink-font-serif);
}
 
#login-status a {
    color: var(--ink-black-gray);
}
 
a#account-topbutton {
    border: none;
}
 
div#account-options {
    background: var(--ink-dark-gray);
    border: none;
    width: auto;
    transition: opacity 0.25s ease, transform 0.25s ease;
    transform: translate(0rem, 0rem);
    box-shadow: 0px 0px 10px #00000057;
}
 
#account-options li:hover {
    box-shadow: inset 10rem 0rem var(--ink-light-gray);
}
 
#account-options li {
    padding-right: 4rem;
    box-shadow: inset 0rem 0rem var(--ink-light-gray);
    transition: box-shadow 0.25s ease;
    text-align: left;
}
 
#login-status ul li:hover a {
    text-decoration: none;
    color: var(--ink-dark-gray);
}
 
#login-status ul a {
    color: var(--ink-white);
}
 
#header #search-top-box-form input[type=submit]:hover {
    background-color: transparent;
    border: none;
    box-shadow: none;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2VhcmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFjLjAzLjA0LjA2Mi4wNzguMDk4LjExNWwzLjg1IDMuODVhMSAxIDAgMCAwIDEuNDE1LTEuNDE0bC0zLjg1LTMuODVhMS4wMDcgMS4wMDcgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDB6Ii8+Cjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 5px black);
    clip-path: none;
}
 
#header #search-top-box-form input[type=submit] {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2VhcmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFjLjAzLjA0LjA2Mi4wNzguMDk4LjExNWwzLjg1IDMuODVhMSAxIDAgMCAwIDEuNDE1LTEuNDE0bC0zLjg1LTMuODVhMS4wMDcgMS4wMDcgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDB6Ii8+Cjwvc3ZnPg==);
    background-color: transparent;
    font-size: 0;
    padding: 0.7rem 0.7rem;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    filter: drop-shadow(0px 0px 0px black);
    transition: filter 0.25s ease;
}
 
#top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:hover, #top-bar :is(.top-bar, .mobile-top-bar) > ul > li:is(.sfhover, :hover, :focus-within) > a {
    color: var(--ink-white);
    background: var(--sp_top-bar-link-hover-background);
    text-decoration: none;
    box-shadow: inset 0rem -3rem var(--ink-red-dark);
}
 
#top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a {
    transition: box-shadow 0.25s ease;
    box-shadow: inset 0rem 0rem var(--ink-red-dark);
    z-index: 2;
    position: relative;
}
 
#top-bar ul li ul li {
    box-shadow: inset 0rem 0rem var(--ink-red-dark);
    transition: box-shadow 0.25s ease;
}
 
#top-bar ul li ul li:hover {
    box-shadow: inset 10rem 0rem var(--ink-red-dark);
}
 
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a:is(:hover,:focus) {
    color: var(--ink-white);
    background: transparent;
    font-weight: bold;
}
 
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
    border: none;
    z-index: 1;
}
 
/* SIDE BAR */
 
:root {
    --sp_side-bar-width: 16rem;
}
 
#interwiki .side-block, #side-bar .side-block {
    padding: 0.55rem 0.5rem;
    border: none;
    box-shadow: none;
    background: linear-gradient(45deg, var(--ink-light-gray), transparent);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    background-color: transparent !important;
}
 
#interwiki .side-block, #side-bar .side-block::before, #interwiki .side-block, #side-bar .side-block::after {
    display: block;
    width: 100%;
    height: 0.5rem;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
 
#interwiki .side-block, #side-bar .side-block::before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwOSIgaGVpZ2h0PSIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgb3ZlcmZsb3c9ImhpZGRlbiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3QgeD0iODMiIHk9IjkxMCIgd2lkdGg9IjEwMDkiIGhlaWdodD0iMjgiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODMgLTkxMCkiPjxwYXRoIGQ9Ik0xMDc3Ljc1IDkzOCAxMDkyIDkzOCAxMDkyIDkxMCAxMDYzLjQ5IDkxMCAxMDYzLjQ5IDkyNCAxMDc3Ljc1IDkyNFpNODIuOTk5OSA5MzggOTcuMjUyNSA5MzggOTcuMjUyNSA5MjQgMTExLjUwNSA5MjQgMTExLjUwNSA5MTAgODIuOTk5OSA5MTBaIiBmaWxsPSIjMjYyNjI2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNMTIzLjUgOTE1LjUgMTA0NS43NyA5MTUuNSIgc3Ryb2tlPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjYuODc1IiBzdHJva2UtbWl0ZXJsaW1pdD0iOCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvc3ZnPg==);
}
 
#interwiki .side-block, #side-bar .side-block::after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwOSIgaGVpZ2h0PSIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgb3ZlcmZsb3c9ImhpZGRlbiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3QgeD0iODMiIHk9IjE0MTEiIHdpZHRoPSIxMDA5IiBoZWlnaHQ9IjI4Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgzIC0xNDExKSI+PHBhdGggZD0iTTE0LjI1MjYgMCAwIDAgMCAyNy45OTk4IDI4LjUwNTIgMjcuOTk5OCAyOC41MDUyIDEzLjk5OTkgMTQuMjUyNiAxMy45OTk5Wk0xMDA5IDAgOTk0Ljc0OCAwIDk5NC43NDggMTMuOTk5OSA5ODAuNDk1IDEzLjk5OTkgOTgwLjQ5NSAyNy45OTk4IDEwMDkgMjcuOTk5OFoiIGZpbGw9IiMyNjI2MjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTA5MiAxNDExKSIvPjxwYXRoIGQ9Ik0xMjMuNSAxNDM0LjUgMTA0NS43NyAxNDM0LjUiIHN0cm9rZT0iI0Q5RDlEOSIgc3Ryb2tlLXdpZHRoPSI2Ljg3NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjgiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=);
}
 
.side-block>* {
    padding: 0.1rem 1rem;
}
 
.side-block hr {
    padding: 0rem 0rem;
}
 
#side-bar div.menu-item p {
    display: contents;
    font-size: 0;
}
 
#side-bar div.menu-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
}
 
#side-bar div.menu-item a:hover {
    box-shadow: inset 0.2rem 0 var(--ink-black), inset 12rem 0 var(--ink-dark-gray);
    color: var(--ink-white);
    text-decoration: none;
}
 
#side-bar div.menu-item a {
    margin: 0rem 0;
    box-shadow: inset 0rem 0 var(--ink-black), inset 0rem 0 var(--ink-dark-gray);
    transition: box-shadow 0.25s, color 0.25s;
    padding: 0.15rem 0.45rem;
    cursor: pointer;
    font-size: 0.9rem;
    display: block;
    width: auto;
    color: var(--ink-black-gray);
}
 
#interwiki .heading, #side-bar .heading, #side-bar .collapsible-block-unfolded-link, #side-bar .collapsible-block-link {
    color: transparent;
    font-size: 1.35rem;
    font-family: var(--ink-font-serif);
    border-bottom: solid 1px var(--ink-dark-gray);
    background: linear-gradient(180deg, var(--ink-red-dark) 55%, transparent);
    background-clip: text;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    margin-top: 0.5rem;
    margin-bottom: 0.15rem;
    margin-left: 0.25rem;
    font-size: 1.35rem;
    color: transparent;
}
 
#side-bar .collapsible-block-folded {
    background: none;
}
 
#side-bar .collapsible-block-folded a {
    border: none;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: var(--ink-red-medium);
    text-decoration: none;
}
 
#side-bar input.text {
    width: 8rem;
    border: none;
    border-bottom: solid 2px var(--ink-dark-gray);
    background: transparent;
}
 
#side-bar div.menu-item img {
    display: none;
}
 
#side-bar div.menu-item img[src*="Bilibili"] {
    display: block !important;
}
 
#side-bar div.menu-item a[href="/"]:hover {
    box-shadow: none;
    color: unset;
}
 
#side-bar div.menu-item a[href="/"] {
    font-size: 1.35rem;
    color: transparent;
    font-size: 1.35rem;
    font-family: var(--ink-font-serif);
    background: linear-gradient(180deg, var(--ink-black) 45%, transparent);
    background-clip: text;
    padding: 0.15rem 0rem;
}
 
/* MOBILE */
 
@media (max-width: 767px) {
    div#top-bar .open-menu a {
        font-size: 2rem;
        font-weight: 700;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        border: none;
        background-color: var(--ink-dark-gray);
        border-radius: 0;
        color: var(--ink-light-gray);
        clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    }
 
    div#side-bar {
        background-color: var(--ink-white);
        width: 17rem;
    }
 
    div#side-bar:target {
        background-color: var(--ink-white);
        border: none;
        box-shadow: 10px 0px 30px #00000042;
    }
 
    div#side-bar:target .close-menu {
        transform: translate(19rem, 0);
        animation: close-menu-fade-in 0.25s forwards;
        animation-delay: 0.5s;
        opacity: 0;
    }
 
}
 
@keyframes close-menu-fade-in {
from {opacity: 0;}
to {opacity: 1;}
}
 
/* PAGE CONTENT ELEMENTS */
 
div#page-title, .meta-title {
    color: transparent;
    background: linear-gradient(180deg, var(--ink-black), transparent);
    background-clip: text;
    font-family: var(--ink-font-serif);
    font-weight: bold;
    font-size: 2.2rem;
    border-bottom: solid 1.5px var(--ink-medium-gray);
}
 
:root {
    --sp_rate-module-text-color: var(--ink-white);
    --sp_rate-module-background: var(--ink-black-gray);
    --sp_rate-module-sub-color: var(--ink-medium-gray);
    --sp_rate-module-button-background: var(--ink-light-gray);
}
 
div.page-rate-widget-box, div.rate-box-with-credit-button {
    background: var(--ink-black);
    border-radius: 0;
    clip-path: polygon(0.25rem 0%, calc(100% - 0.25rem) 0%, 100% 0.25rem, 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0.25rem 100%, 0% calc(100% - 0.25rem), 0% 0.25rem);
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--ink-black-gray) !important;
}
 
div.creditButton p a {
    border-inline-start: solid 0.05em var(--ink-dark-gray);
    display: inline-block;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIgY2xhc3M9ImJpIGJpLWluZm8iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0ibTguOTMgNi41ODgtMi4yOS4yODctLjA4Mi4zOC40NS4wODNjLjI5NC4wNy4zNTIuMTc2LjI4OC40NjlsLS43MzggMy40NjhjLS4xOTQuODk3LjEwNSAxLjMxOS44MDggMS4zMTkuNTQ1IDAgMS4xNzgtLjI1MiAxLjQ2NS0uNTk4bC4wODgtLjQxNmMtLjIuMTc2LS40OTIuMjQ2LS42ODYuMjQ2LS4yNzUgMC0uMzc1LS4xOTMtLjMwNC0uNTMzTDguOTMgNi41ODh6TTkgNC41YTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMHoiLz4KPC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
}
 
div.creditButton p a, div.creditButton p a:hover {
    color: transparent;
}
 
h1, h2, h3, h4, h5, h6 {
    color: var(--ink-black);
    font-family: var(--ink-font-serif);
    font-weight: bold;
}
 
a {
    color: var(--ink-red-medium);
    text-decoration: none;
}
 
a:visited {
    color: var(--ink-red-dark);
}
 
a.newpage {
    color: var(--ink-orange);
}
 
a.newpage:hover {
    text-decoration: underline;
}
 
tt {
    font-family: var(--ink-font-monospace);
}
 
hr {
    margin: 1.5rem 2rem;
    height: 0.1rem;
    background: var(--ink-medium-gray);
}
 
#page-content :is(p, ul, ol) {
    font-size: 1rem;
    line-height: 1.75rem;
}
 
.scp-image-block {
    border: none;
    box-shadow: 0px 0px 20px #00000021;
    border-radius: 0rem 0rem 1.2rem 1.2rem;
}
 
.scp-image-block .scp-image-caption {
    border-top: none;
    padding: 0.5rem 0rem;
    background: var(--ink-black-gray);
    color: var(--ink-light-gray);
    clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% calc(100% - 0.45rem), calc(100% - 0.45rem) 100%, 0.45rem 100%, 0% calc(100% - 0.45rem), 0% 0.45rem);
    background-image: linear-gradient(190deg, var(--ink-black-gray), transparent), var(--ink-bg-p);
    background-size: 2.5rem 1.5rem;
    background-position: bottom;
    background-repeat: repeat-x;
}
 
div#toc {
    background: var(--ink-light-gray);
    border: none;
    border-top: solid 2px var(--ink-dark-gray);
    padding-top: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: solid 2px var(--ink-dark-gray);
}
 
table.wiki-content-table th {
    border: none;
    border-top: solid 2px var(--ink-black-gray);
    padding: 0.3em 0.7em;
    background-color: transparent;
    border-bottom: solid 2px var(--ink-black-gray);
}
 
table.wiki-content-table td {
    border: none;
    border-top: solid 2px var(--ink-medium-gray);
    border-bottom: solid 2px var(--ink-medium-gray);
}
 
blockquote, div.blockquote {
    background: var(--ink-light-gray);
    border: none;
    border-left: solid 0.2rem var(--ink-red-dark);
    padding: 0.2rem 1rem;
}
 
.code {
    background: var(--ink-black-gray);
    border: none;
}
 
.hl-main, .code p {
    filter: invert(1) hue-rotate(180deg);
}
 
.code, pre {
    font-family: var(--ink-font-monospace);
}
 
div.modalbox, div#u-credit-otherwise .modalbox {
    box-shadow: 0px 0px 20px #00000042;
    border: none;
    clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 1.25rem 100%, 0% calc(100% - 1.25rem), 0% 1.25rem);
    background-color: var(--ink-white);
    background-image: linear-gradient(180deg, var(--ink-red-dark) 4rem, transparent 4rem);
}
 
.modalbox div:first-child h2 {
    color: var(--ink-white);
}
 
/* YUI TABS */
 
#main-content ul.yui-nav>li>a:hover {
    text-decoration: none;
}
 
.yui-navset .yui-nav {
    border-bottom: solid 0.2rem var(--ink-medium-gray);
    display: flex;
    flex-wrap: wrap;
}
 
.yui-navset.yui-navset-top .yui-nav li {
    flex-grow: 1;
}
 
.yui-navset.yui-navset-top .yui-nav li a {
    color: var(--ink-light-gray) !important;
    background: var(--ink-dark-gray);
    border-color: transparent;
}
 
#main-content .yui-navset.yui-navset-top .yui-nav li:not(.selected) a {
    border-width: 0;
    transition: all 0.25s !important;
    box-shadow: inset 0rem 0rem var(--ink-red-medium);
    border: none;
    color: var(--ink-light-gray) !important;
    font-weight: bold;
}
 
.yui-navset .yui-content {
    padding: 0.5rem 0.7rem;
    border: none;
    background-color: var(--ink-light-gray);
    box-shadow: none;
    border-top: none;
}
 
.yui-navset {
    position: relative;
    zoom: 1;
    box-shadow: none;
    margin: 1rem auto;
}
 
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
    display: block;
    border-top: none;
}
 
.yui-navset.yui-navset-top .yui-nav li {
    flex-grow: 1;
    border: none;
    box-shadow: none;
}
 
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0 0 -3px 0;
}
 
.yui-navset .yui-nav .selected a em {
    padding: 0.24rem 0.75rem;
}
 
ul.yui-nav li:after {
    content: '▼';
    display: block;
    position: relative;
    top: 0rem;
    left: 0rem;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: -1rem;
    line-height: 1rem;
    font-size: 1.5rem;
    color: var(--ink-medium-gray);
    transform: translateY(0rem) scaleY(0.5);
    z-index: 1;
    transition: transform 0.25s ease;
}
 
ul.yui-nav li a {
    position: relative;
    z-index: 2;
}
 
ul.yui-nav li.selected:after {
    transform: translateY(0.9rem) scaleY(0.5);
}
 
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
    margin: 0 0 0 0;
    padding: 1px 0 0;
    zoom: 1;
}
 
div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:focus, div.yui-navset ul.yui-nav .selected a:hover {
    background: var(--ink-medium-gray) !important;
    color: var(--ink-dark-gray) !important;
    text-align: center;
    font-weight: 600;
    border: none;
    box-shadow: none;
}
 
div.yui-navset ul.yui-nav a, div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: var(--ink-black-gray);
    color: var(--ink-black-gray) !important;
    width: 100%;
    text-align: center;
    font-weight: 400;
    transition: all 0.35s;
    border: none;
}
 
div.yui-navset ul.yui-nav a:hover {
    background: var(--ink-dark-gray) !important;
    color: var(--ink-black-gray) !important;
    box-shadow: inset 0rem -3rem var(--ink-red-medium) !important;
}
 
div.yui-navset ul.yui-nav li.selected a:hover {
    box-shadow: none !important;
}
 
/* DECORATION */
 
.mz-img-wrap .scp-image-block {
    box-shadow: none;
}
 
.mz-img-wrap.img-tt .scp-image-caption {
    background: transparent;
    color: var(--ink-black);
}
 
#page-content .mz-img-wrap.img-tt .scp-image-caption p {
    font-size: 1.5rem;
    line-height: 2.65rem;
}
 
.mz-img-wrap.img-frame .scp-image-block img {
    border: double 0.3rem var(--ink-black);
    width: calc(100% - 0.6rem);
}
 
.mz-img-wrap.img-b3d .scp-image-block img {
    border: ridge 0.4rem var(--ink-black);
    width: calc(100% - 0.8rem);
}
 
.mz-img-wrap.img-border {
    background-color: var(--ink-black-gray);
    display: flex;
    padding: 0.8rem 0.8rem;
    clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 1.25rem 100%, 0% calc(100% - 1.25rem), 0% 1.25rem);
    background-image: var(--ink-bg-p);
    background-size: 3rem 3rem;
    background-position: bottom;
    background-repeat: repeat-x;
}
 
.mz-img-wrap.img-border .scp-image-block img {
    background: var(--ink-white);
    clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 1.25rem 100%, 0% calc(100% - 1.25rem), 0% 1.25rem);
}
 
.mz-img-wrap.img-border .scp-image-caption {
    background: transparent;
}
 
.mz-img-wrap.img-border .scp-image-block {
    margin: 0;
    float: none;
}
 
.mz-hr.hr-contract hr {
    margin: 1.5rem 25%;
}
 
.mz-hr.hr-solid hr {
    background: var(--ink-black-gray);
}
 
.mz-hr.dotted hr {
    height: 0rem;
    border-bottom: dotted 0.15rem var(--ink-medium-gray);
    background: transparent;
}
 
.mz-hr.double hr {
    height: 0rem;
    border-bottom: double 0.15rem var(--ink-medium-gray);
    background: transparent;
}
 
.mz-hr hr {
    flex-basis: 20%;
    flex-grow: 1;
}
 
.mz-blockquote {
    border: 6px double var(--ink-dark-gray);
    border-left: 0;
    padding: 0.5rem 0.8rem;
    margin: 1rem 3rem 1rem 3.5rem;
    box-shadow: -0.5rem 0 var(--ink-black-gray);
}
 
.mz-blockquote::after {
    content: ' ';
    font-family: 'FontAwesome';
    display: block;
    font-size: 0rem;
    width: 1rem;
    height: 1rem;
    padding: 0.5rem;
    float: right;
    position: relative;
    margin-right: -1.5rem;
    margin-top: -1rem;
    background-color: var(--ink-white);
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTcsOEM4LDEwLDUuOSwxNi4xNywzLjgyLDIxLjM0TDUuNzEsMjJsMS0yLjNBNC40OSw0LjQ5LDAsMCwwLDgsMjBDMTksMjAsMjIsMywyMiwzLDIxLDUsMTQsNS4yNSw5LDYuMjVTMiwxMS41LDIsMTMuNWE2LjIyLDYuMjIsMCwwLDAsMS43NSwzLjc1QzcsOCwxNyw4LDE3LDhaIi8+CiAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
 
.mz-cover {
    margin: 1rem 3rem;
    background-color: #5b2413;
    color: var(--ink-white);
    padding: 0.3rem 1rem;
    font-family: var(--ink-font-serif);
    border: solid 2px var(--ink-black);
}
 
.mz-paper {
    background-color: #e4dfcd;
    margin: 1rem 3rem;
    outline: solid 2px #bbb5a1;
    padding: 0.3rem 1rem;
}
 
.mz-board {
    border: 2px solid var(--ink-medium-gray);
    border-left: 0;
    padding: 0.5rem 0.8rem;
    margin: 1rem 3rem 1rem 3.5rem;
    box-shadow: -0.5rem 0 var(--ink-black-gray);
    background-color: var(--ink-light-gray);
}
 
.mz-board::after {
    content: '';
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    float: right;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm9va21hcmstZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAydjEzLjVhLjUuNSAwIDAgMCAuNzQuNDM5TDggMTMuMDY5bDUuMjYgMi44N0EuNS41IDAgMCAwIDE0IDE1LjVWMmEyIDIgMCAwIDAtMi0ySDRhMiAyIDAgMCAwLTIgMnoiLz4KPC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 
.mz-textquote {
    margin: 1rem 3rem;
    box-shadow: -0.5rem 0 var(--ink-red-dark);
    padding: 0.3rem 1rem;
}
 
.mz-tt {
    text-align: center;
}
 
.mz-tt h1 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
 
.mz-tt h1::before, .mz-tt h1::after {
    content: '';
    width: auto;
    flex-grow: 1;
    height: 0.1rem;
    display: block;
    background: var(--ink-medium-gray);
}
 
.mz-hr {
    display: flex;
    align-items: center;
}
 
.clip-wrap {
    margin: 2rem 2rem;
    background: var(--ink-light-gray);
    padding: 0.1rem 1rem;
    border: solid 0.15rem var(--ink-medium-gray);
}
 
.clip-wrap::before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGFwZXJjbGlwIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik00LjUgM2EyLjUgMi41IDAgMCAxIDUgMHY5YTEuNSAxLjUgMCAwIDEtMyAwVjVhLjUuNSAwIDAgMSAxIDB2N2EuNS41IDAgMCAwIDEgMFYzYTEuNSAxLjUgMCAxIDAtMyAwdjlhMi41IDIuNSAwIDAgMCA1IDBWNWEuNS41IDAgMCAxIDEgMHY3YTMuNSAzLjUgMCAxIDEtNyAwVjN6Ii8+Cjwvc3ZnPg==);
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    float: right;
    transform: rotate(45deg) translate(-0.3rem, -1rem);
}
 
/* ACTION AREA */
 
#main-content .page-tags span {
    padding: 0.2rem 0.3rem;
    border-top: solid 0.1rem var(--ink-medium-gray);
}
 
:where(#page-options-container) .page-options-bottom a {
    display: inline-block;
    padding: 0.3rem 0.3rem;
}
 
div.buttons input, input.button, button, file, a.button {
    padding: 0.3rem 1rem;
    text-decoration: none;
    background-color: var(--ink-dark-gray);
    border: none;
    color: var(--ink-light-gray);
    clip-path: polygon(0.25rem 0%, calc(100% - 0.25rem) 0%, 100% 0.25rem, 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0.25rem 100%, 0% calc(100% - 0.25rem), 0% 0.25rem);
    font-family: var(--ink-font-serif);
    font-size: 1rem;
    cursor: pointer;
}
 
div.buttons input, input.button, button, file, a.button {
    padding: 0.3rem 1rem;
    text-decoration: none;
    background-color: var(--ink-dark-gray);
    border: none;
    color: var(--ink-light-gray);
    clip-path: polygon(0.25rem 0%, calc(100% - 0.25rem) 0%, 100% 0.25rem, 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0.25rem 100%, 0% calc(100% - 0.25rem), 0% 0.25rem);
    font-family: var(--ink-font-serif);
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.15s;
}
 
.owindow .button-bar a {
    background-color: var(--ink-black);
    border: none;
}
 
div.owindow a[onclick*="cleanAll"] {
    clip-path: polygon(0.25rem 0%, calc(100% - 0.25rem) 0%, 100% 0.25rem, 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0.25rem 100%, 0% calc(100% - 0.25rem), 0% 0.25rem);
    background: var(--ink-red-dark);
    color: var(--ink-white);
    font-family: var(--ink-font-serif);
    padding: 0.2rem 0.75rem;
    display: inline-block;
    transition: all 0.25s;
}
 
div.owindow a[onclick*="cleanAll"]:hover {
    color: var(--ink-black);
}
 
textarea#edit-page-textarea {
    font-family: var(--ink-font-monospace);
    margin: 1rem 0rem;
}
 
input#edit-save-button:not(:hover) {
    background-color: var(--ink-green);
}
 
.buttons.alignleft {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0.6rem;
}
 
input#edit-cancel-button:not(:hover) {
    background-color: var(--ink-red-dark);
}
 
table.edit-page-bottomtable {
    width: 96%;
}
 
table.edit-page-bottomtable tbody tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
 
.page-source {
    border: none;
    border-left: solid 0.15rem var(--ink-red-dark);
    font-family: var(--ink-font-monospace);
}
 
.preview-message {
    background: #ffffffb0;
    border: solid 0.15rem var(--ink-red-medium);
}
 
input.text {
    border: solid 2px var(--ink-medium-gray);
    margin: 0 1px;
    padding: 1px 2px;
    background-color: var(--ink-white);
    color: var(--ink-black);
}
 
/* FORUM */
 
.thread-container .post .head, .thread-container .post.folded .short {
    background: var(--ink-light-gray);
    box-shadow: none;
    border-radius: 0;
    border-left: solid 0.2rem var(--ink-red-dark);
}
 
.thread-container .post .long .head .options {
    float: right;
    margin: 0rem 0rem -1.2rem 0rem;
    padding: 0;
}
 
#page-content .thread-container .post .long .head .title {
    font-weight: bold;
    font-size: 1.2rem;
    max-width: calc(100% - 4rem);
}
 
.post-container .post-container .head {
    border-left: none;
}
 
.thread-container .post .options a {
    color: var(--ink-red-dark);
}
 
.thread-container .post .short .options {
    color: var(--ink-red-dark);
}
 
.forum-group div.head {
    background: linear-gradient(90deg, var(--ink-red-dark), var(--ink-dark-gray));
    border: none;
    font-family: var(--ink-font-serif);
    font-size: 1.5rem;
}
 
.forum-group table {
    border-spacing: 0;
}
 
.forum-group table td {
    padding: 0.3rem 0.3rem;
    border: solid 1px var(--ink-medium-gray);
}
 
/* OTHERS */
 
div#footer, #license-area {
    height: 1.5rem;
    display: flex;
    align-items: center;
    background: var(--ink-black-gray);
    justify-content: center;
    color: var(--ink-light-gray);
    padding-top: 1rem;
}
 
div#footer {
    padding-bottom: 0.5rem;
    line-height: 100%;
}
 
div#license-area {
    background-image: linear-gradient(180deg, var(--ink-black-gray) 50%, transparent), var(--ink-bg-p);
    padding: 2rem 1rem;
    background-size: contain, 4rem;
    background-position: bottom;
    background-repeat: repeat-x;
}
 
@supports not (background-clip: text) {
    div#page-title, .meta-title, #interwiki .heading, #side-bar .heading, #side-bar .collapsible-block-unfolded-link, #side-bar .collapsible-block-link, #side-bar div.menu-item a[href="/"] {
        background-clip: none;
        background: transparent !important;
        color: var(--ink-black);
    }
}

原创版式

页面版本: 12, 最后编辑于: 24 Feb 2026 14:51

编辑评分 (+91) 标签讨论 (14) 历史记录附件打印网站工具 + 选项

SCP基金会

控制，收容，保护

著作信息

泼墨主题版式

更多

简介

参数

示例

基础维基语法

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

兼容性移植

图片框

特殊分割线

Flex分割线排版

多样式引用块

横跨标题

横跨标题

SCP基金会

控制，收容，保护

著作信息

泼墨 主题版式

更多

简介

参数

示例

基础维基语法

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

兼容性移植

图片框

特殊分割线

Flex分割线排版

多样式引用块

横跨标题

横跨标题

泼墨主题版式