《朝颜文学报特刊》：实验性文章布局及其使用方法
实验性文章布局及其使用方法
著作信息

版式作者：Dr Hormress
版头Logo作者：breaddddd
基于 maki_hisane 创建的图书馆典籍朝颜文学报。
《朝颜文学报》自首刊以来，获得各界人士的广泛好评。《朝颜文学报》电子版于2020年十二月正式发布，然而其至今仍沿用了早期电子书阅读界面过时的设计风格。笔者联系《朝颜文学报》编辑部共同完成了崭新的页面设计，本文将简单介绍这一设计及其应用方法。
朝颜文学报标志
示例

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建
+ 标题
此为分页（tab view）。
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

一条分割线

嵌套引用块
[[div class="blockquote green-shadow"]]
一个绿色阴影的引用块。
[[div class="blockquote grey-bg"]]
一个灰色的引用块。
[[div class="blockquote styled"]]
任何引用块添加“styled”类就会被加上简单的牵牛花花边。
+ 还可以使用分栏布局
-隐藏
[[div class="column-2"]]
使用这个可以将内容分成两栏显示。
这是一个示例。这是一个示例。这是一个示例。这是一个示例。这是一个示例。这是一个示例。这是一个示例。这是一个示例。这是一个示例。这是一个示例。
[[div class="column-3"]]
使用这个可以将内容分成三栏显示。
[[div class="column-4"]]
使用这个可以将内容分成四栏显示。
[[div class="column-2 screen"]]
使用这个可以将内容分成两栏显示，并在移动端清除分栏效果；其他栏目数量仿照此形式添加“screen”即可。
这是	表格
你应该老早	就知道怎么
做这个了吧
使用方法

请按如下方式将此版式引入页面：
[[include :scp-wiki-cn:theme:asagao]]
[[div class="asagao-title"]]
[[image http://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-title.svg]]
[[/div]]
[[div class="meta-title"]]
页面标题（去除“《朝颜文学报特刊》：”）
[[/div]]
页面正文
插入的图片用于占位，不会显示，但为使“朝颜文学报特刊”字样正确显示，请不要替换掉它。
“朝颜文学报特刊”字样的颜色修改方法如下：
[[module CSS]]
div.asagao-title {
background-image: linear-gradient(45deg, 渐变颜色1, 渐变颜色2);
}
[[/module]]
若需使用纯色，将渐变颜色1和渐变颜色2设置为同一颜色即可。
若需去除“朝颜文学报特刊”字样，则按如下方式引入版式：
[[include :scp-wiki-cn:theme:asagao]]
[[div class="meta-title"]]
页面标题
[[/div]]
页面正文
在正文结束后，可添加如下的署名模块：
[[div class="author"]]
[[div class="author-title" style="background-color: 颜色;"]]
头衔（如“特邀评论员”）
[[/div]]
人名
[[/div]]
如果不设置头衔颜色，则默认为淡绿色。
设计者
Hormress
+ 显示源代码
- 隐藏源代码
@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/cn/sigma9_ch.min.css');
 
/* 朝颜文学报版式
   [2022 Wikidot Theme]
   由Dr Hormress制作 */
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700;900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;700;900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900');
 
:root {
    --header-height: 4rem;
    --narrow-header-height: 3.5rem;
    --mobile-header-height: 3rem;
    --narrow-mobile-header-height: 2.5rem;
    --sidebar-width: 20%;
    --narrow-sidebar-width: calc(1.5 * var(--sidebar-width));
    --max-sidebar-width: 18rem;
    --title-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 200' style='enable-background:new 0 0 1000 200;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M211.5,30.4c-1.1,1-2.9,1.9-5.8,2.5v79c0,11.2-3.2,17.1-26.1,18.7c-0.4-5.4-1.3-9.4-3.7-11.6c-2.4-2.5-5.4-4.3-13.3-5.4 v-1.6c0,0,15.4,0.7,18.7,0.7c2.5,0,3.2-1,3.2-2.5V82.8h-18c-2.5,18.1-11.2,36.1-41.1,48.3l-1.2-0.8c9.3-8.2,15-17.2,18.3-26.9 h-25.8V126c-0.1,0.8-6.3,4.6-17.1,4.6h-3.9v-27.1H69.8l-1.2-3.4h27v-13h-0.9v1.2c0,1.6-8.5,4.9-16.7,4.9h-2.9V42.8L95.3,49h0.3 V37.4H70.1L68.9,34h26.7V16.8l26.4,1.6c-0.1,1.8-1.2,2.9-5.4,3.5V34h0.3l9.9-10.9c0,0,11.2,7.4,17.9,12.4c-0.4,1.3-2.1,1.9-4.2,1.9 h-23.9v11.2l8.6-7.2l18.3,11c-0.8,0.8-2.5,1.8-5.3,2.3v31.7c-0.1,1.2-10,4.6-17.1,4.6h-3.6v-3.7h-0.9v13h4.2l9.3-9.8 c0,0,7.5,4.8,13.6,9.1c2.9-10.8,3.5-22.1,3.5-33.7V20.6l23.2,6.4h12.5l9.5-8.5L211.5,30.4z M94.7,52.4v13.8h22.8V52.4H94.7z M94.7,83.8h22.8V69.5H94.7V83.8z M184.4,79.5V56.6h-17.1v9.1c0,4.6-0.1,9.1-0.6,13.8H184.4z M167.3,30.3v22.9h17.1V30.3H167.3z'/%3E%3Cpath d='M274.1,76.8c0,15.4-1.7,39.1-24.6,54.1l-1.5-1c8.9-16.3,9-36.7,9-53.1V53.7l19.8,5.6h12.9c1.7-6,3.6-15,5-22.9h-40.5 l-1.2-3.4h30.2c-1.4-0.4-2.9-1-4.2-1.8c-0.1-5.2-3.4-10.8-6.9-14.2l1-0.6c29.3,0.4,27,13.8,17.3,16.5h8.5l9.3-9.6 c0,0,10.3,6.5,16.6,11c-0.4,1.3-1.9,1.9-4.2,1.9h-22.6l18,4.1c-0.6,1.6-2.5,2.6-5.7,2.6c-5,5.9-10.8,11.8-16.4,16.2h4.8l8.1-8.4 c0,0,9.2,5.8,14.7,9.8c-0.5,1.3-2,1.9-4.1,1.9h-19.8l15.3,6.7c-0.9,1.2-2.1,1.6-5.4,1.2c-7.5,6.8-19.6,12.2-31,15.5l-1.3-1.8 c7.8-5.4,13.6-13,17.7-21.6h-18.7V76.8z M323.2,103.8c-1.1,1.3-2.6,1.7-6,1.2c-15.8,12.4-35,19.8-56.8,23.9l-1.1-1.8 c18.2-7.2,32.3-17.6,43.1-32.5L323.2,103.8z M265.4,37.3c35.3,7.3,17.5,27.7,4.2,17.9c0-6-2.9-12.7-5.7-17.3L265.4,37.3z M271.7,103.6c12.1-6.2,21.2-15.2,27.6-26.6l20,8.5c-0.9,1.2-2.4,1.7-5.7,1.3c-10.4,8.9-25,15.1-40.7,18.6L271.7,103.6z M364.7,30.9c-5,6.5-11.2,13.7-16.8,18.7h15.8l7.8-6.6l15.9,9.6c-0.7,0.8-2.4,1.7-5,2v42.8c-0.1,0.8-8.7,3.6-14.4,3.6h-3V61 c-0.9,0.6-2.3,1-4.4,1c-0.7,15.6-0.9,28.2-4.6,38.4c49.2,7.2,37.6,35.3,19.4,26.7c-3.8-8.4-12.6-17.9-20.3-24.7 c-5.7,13.2-18.4,21.9-47.4,27.5l-1.5-2c39.4-13,38.4-31.9,38.5-72.1l20.3,3.4V53h-25.4v45.1c0,1.4-7.4,4.6-14.9,4.6h-2.5V43.7 l18.2,5.9h2.1c0.1-5.2,0.1-12.7,0.1-18.7h-21.3l-1.2-3.4h43l10.4-10.8c0,0,11.6,7.3,18.4,12.2c-0.4,1.3-2.1,1.9-4.2,1.9H364.7z'/%3E%3Cpath d='M547.1,48.3c-4.5,19.8-14,36.9-30.6,50.7c16.7,7.2,35.7,11.9,55.5,15l-0.4,1.4c-10.9,1.3-18.6,6.8-22.5,15.6 c-18.6-5.2-34.8-11.9-48.1-21.5c-17.6,10-40.8,17.2-71,21.2l-0.6-1.2c26.7-7.2,46.6-16.9,61-28.7c-13.2-12.8-22.8-29.7-27.9-52.7 H432l-1.2-3.4h105.5l12.1-13.2c0,0,13.7,8.8,21.4,14.6c-0.4,1.3-2.1,1.9-4.3,1.9H547.1z M465,48.3c6.6,19,19.4,32.6,35.9,42.7 c11.4-12.6,17.5-27,20-42.7H465z M482.7,17.4c52.5,1.9,34.7,34.8,13.5,23.3c-1.8-8.3-7.8-17-14.4-22.7L482.7,17.4z'/%3E%3Cpath d='M752.9,49.6c-1.2,1.2-2.7,1.6-6,1.7c-6.4,3.1-16.9,7.1-25.6,9.6L728,66c-1.2,1.1-2.7,1.4-6,1.7c-7.8,2.9-19.5,6.6-29.7,9.5 l4.4,0.2c-0.3,1.8-1.8,2.6-5,3.1v7.6h27.6L730.7,76c0,0,13.1,8,20.7,13.5c-0.4,1.3-2.2,1.9-4.5,1.9h-55.2v19.4 c0,11.9-3.9,18.3-30.4,20.1c-0.8-5.8-1.8-9.7-5.4-12.5c-3.6-2.6-7.5-4.6-18.1-6.1V111c0,0,23.7,1.2,27.7,1.2c2.4,0,3.2-0.6,3.2-2.2 V91.5h-56.4l-1.2-3.4h57.6V75.6l15.3,1c4.1-4,8.6-8.9,11.9-13h-58l-1.4-3.4h60.3l12-9l9.6,7.3c1.5-3.5,3-7.7,4-11.3h-88.5 c1.8,9.5-2.4,16.1-8.4,18.7c-6,2.8-13.3,1.1-15.6-4.1c-2-5,1.8-8.9,7.2-10.9c5.4-2.6,10.5-9.6,9-17.4l1.8-0.1 c2.5,3.7,4.2,7.2,5.1,10.4h62.9c5-8,10-19.2,12.9-27.1l26.8,8c-0.8,1.3-2.5,2.3-6,1.9c-7.2,5-18,12-28.3,17.2h20.4l11.5-9.2 L752.9,49.6z M633,18.3c46.8,4.9,28.3,33.6,9.9,22.2c-0.9-7.7-5.8-16-11.1-21.6L633,18.3z M667.5,16.9c44.9,8.2,22.1,34.8,4.8,21.7 c0.1-7.6-2.7-15.4-6-21.2L667.5,16.9z'/%3E%3Cpath d='M929.1,70.8c-0.9,1.3-2.3,1.7-5.7,2c-3,11.8-8.1,22.9-16.5,32.6c7.7,4,16.1,7.1,24.5,9.7l-0.4,1.3 c-8.7,1.2-15.4,6.2-18.7,14.3c-7.1-4.1-13-8.4-18.4-13.6c-7.9,5.6-18,10.6-30.3,14.3l-1-1.3c10.4-5.8,18.1-13,24.2-21.1 c-7.5-9.8-12.8-22.2-15.9-38.7H866v55.9c0,1.1-6.3,4.7-16.9,4.7h-3.9V48.7c-0.7,0.4-1.5,0.5-2.5,0.5h-15.9v17.1 c5.7-1.2,11.6-2.4,17.3-3.7l0.3,1.2c-4.5,2.9-10.4,6.5-17.5,10.7v37.1c0,11.4-2.7,17.8-23.4,19.3c-0.3-5.6-0.9-9.7-2.9-12.5 c-1.8-2.8-4.5-4.4-10.6-5.5v-1.7c0,0,11.5,0.6,14.4,0.6c2.1,0,2.7-0.6,2.7-1.8V85.2c-2.5,1.3-5.3,2.6-8.1,4.1 c-0.6,1.6-2.2,3-4.2,3.6l-7.1-18.8c3.9-0.6,11-1.9,19.4-3.6V49.1h-17l-1.2-3.4h18.2V17l25.3,1.9c-0.3,1.8-1.8,3-5.5,3.4v21.9 l6.6-8.9c0,0,7.1,5.9,11.8,10.4V18.4l22.9,6.8h29.4l9.7-7.2l17.1,11c-1,1-2.9,1.7-5.7,2c-1,15.2-3,22.2-9.4,25.4 c-4.6,2.4-10.2,2.9-19.8,2.9c0-4-0.6-6.2-3.1-8.3c-2.9-2.2-7.9-3.6-14.2-4.7v-1.3c6.1,0.4,16.2,0.7,18.9,0.7c2.2,0,3.3-0.1,4.2-0.7 c2-1.2,3-7,3.6-16.5H866V67h34.5l10.4-8.6L929.1,70.8z M873,70.4c4.2,11.3,11.6,20,20.5,26.9c4.1-8.5,6.6-17.5,8.3-26.9H873z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M309.4,149.2c-0.2,1.4-0.4,2.9-0.6,4.4h2.7v-8h4.6v8h4.4v3.6h-4.4v8.2l4.4-1.1l0.4,3.5l-4.8,1.2v13.6h-4.6v-12.4l-7.1,1.8 l-1-3.8c2.3-0.4,5.1-1,8.2-1.8v-9.3h-3.3c-0.5,2.4-1.2,4.7-1.9,6.4c-0.8-0.4-2.6-1.2-3.6-1.5c1.5-3.3,2.4-8.5,2.8-13.5L309.4,149.2 z M337.6,145.4v4h9.6v3.4h-9.6v4.4h11.8v3.5h-5.8v4.3h5.4v3.5h-5.4v9.6c0,2-0.6,3.1-2.3,3.7c-1.7,0.6-4.4,0.6-8.2,0.6 c-0.2-1.1-0.8-2.7-1.4-3.8c2.7,0.1,5.4,0.1,6.3,0c0.8,0,1-0.2,1-0.7v-9.5h-17.2v-3.5H339v-4.3h-18.1v-3.5h12.2v-4.4h-9.3v-3.4h9.3 v-4H337.6z M327.5,169.2c2.3,1.8,5,4.4,6.2,6.2l-3.7,2c-1-1.8-3.6-4.5-5.9-6.4L327.5,169.2z'/%3E%3Cpath d='M663.2,161v-9.5h-8.8v-3.7h22.5v3.7H668v9.5h10.3v3.8H668v17.7h-4.9v-17.7h-10.1V161H663.2z M686.2,150.2v22.5h-4.8v-22.5 H686.2z M697.2,146.2v31.4c0,2.5-0.7,3.6-2.6,4.3c-2,0.6-5.2,0.8-9.9,0.7c-0.3-1.1-1.1-2.9-1.8-4c3.6,0.1,7,0.1,8.1,0.1 c1.1,0,1.4-0.3,1.4-1.1v-31.4H697.2z'/%3E%3C/g%3E%3C/svg%3E");
}
 
body {
    font-size: 0.85rem;
    font-family: "Noto Sans SC", sans-serif;
}
 
a,
a:link,
a:hover,
a:active,
a:visited,
div#side-bar a:visited {
    color: rgb(172, 127, 252);
}
 
a.newpage {
    color: rgb(212, 177, 255);
}
 
div#container-wrap {
    background: none;
}
 
div#header {
    display: block;
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: calc(1.375 * var(--header-height));
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(172, 127, 252, 0.4), rgba(172, 127, 252, 0.2)), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), url("https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-border-colored.svg"), linear-gradient(to bottom, rgba(172, 127, 252, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-size: 100% var(--header-height), 100% var(--header-height), auto calc(0.375 * var(--header-height)), 100% calc(0.375 * var(--header-height)), 100% calc(0.375 * var(--header-height));
    background-position: center top, center top, center bottom, center bottom, center bottom;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat, no-repeat;
}
 
div#header h1 {
    height: var(--header-height);
    max-height: var(--header-height);
    margin: 0;
    margin-left: var(--header-height);
    padding: 0;
    padding-left: var(--header-height);
    background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme%3Ayasuharasuzu/asagao-20.svg");
    background-size: auto var(--header-height);
    background-position: center left;
    background-repeat: no-repeat;
    filter: drop-shadow(0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4));
    -webkit-filter: drop-shadow(0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4));
}
 
div#header h1 a {
    display: block;
    position: relative;
    height: var(--header-height);
    max-height: var(--header-height);
    width: calc(3.25 * var(--header-height));
    padding: 0;
    margin: 0;
}
 
div#header h1 a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(2.6 * var(--header-height));
    height: calc(0.625 * var(--header-height));
    max-height: calc(0.625 * var(--header-height));
    line-height: calc(0.625 * var(--header-height));
    font-size: calc(0.5 * var(--header-height));
    text-align: center;
    content: "朝顔文学報";
    font-family: "Noto Serif JP", serif;
    font-weight: 900;
    color: #FFF;
    text-shadow: none;
    transform-origin: left center;
    transform: scaleX(1.25);
    -webkit-transform-origin: left center;
    -webkit-transform: scaleX(1.25);
}
 
div#header h1 a::after {
    display: block;
    position: absolute;
    top: calc(0.625 * var(--header-height));
    left: 0;
    height: calc(0.375 * var(--header-height));
    max-height: calc(0.375 * var(--header-height));
    line-height: calc(0.375 * var(--header-height));
    font-size: 1rem;
    font-family: "Noto Serif SC";
    width: calc(3.25 * var(--header-height));
    text-align: center;
    content: "做风的君王";
    font-weight: 700;
    color: #FFF;
    text-shadow: none;
}
 
div#header h1 a span {
    display: none;
}
 
div#header h2 {
    display: none;
}
 
div#login-status {
    display: flex;
    top: calc(0.1 * var(--header-height));
    right: calc(0.1 * var(--header-height));
    height: calc(0.25 * var(--header-height));
    padding: calc(0.075 * var(--header-height));
    font-size: calc(0.1875 * var(--header-height));
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-radius: calc(0.25 * var(--header-height));
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    transition: ease 0.25s;
}
 
div#login-status * {
    transition: ease 0.25s;
}
 
div#login-status:hover {
    max-width: 25rem;
    background-position: -100% center;
    overflow: visible;
}
 
div#login-status:hover * {
    opacity: 1;
}
 
div#login-status span.printuser {
    display: flex;
    margin-right: calc(0.125 * var(--header-height));
}
 
div#login-status span.printuser a {
    font-size: calc(0.1875 * var(--header-height));
    color: rgb(255, 255, 255);
    display: flex;
}
 
div#login-status span.printuser a img.small {
    width: calc(0.25 * var(--header-height));
    height: calc(0.25 * var(--header-height));
    padding: 0;
    margin: 0 calc(0.125 * var(--header-height));
    background-image: none;
}
 
div#login-status a,
div#login-status a#my-account,
div#login-status a#account-topbutton {
    border: none;
    font-size: calc(0.1875 * var(--header-height));
    color: rgb(0, 0, 0);
}
 
div#login-status a#my-account {
    margin-left: calc(0.125 * var(--header-height));
}
 
div#login-status > a > strong {
    color: rgb(172, 127, 252);
    margin-left: calc(0.125 * var(--header-height));
}
 
div#login-status a.login-status-create-account.btn,
div#login-status a.login-status-sign-in.btn.btn-primary {
    font-size: calc(0.15 * var(--header-height));
    padding: calc(0.05 * var(--header-height));
    background-color: rgb(245, 245, 245);
    border-radius: calc(0.0625 * var(--header-height));
    transition: ease 0.25s;
}
 
div#login-status a.login-status-create-account.btn:hover,
div#login-status a.login-status-sign-in.btn.btn-primary:hover {
    text-decoration: none;
    background-color: rgb(235, 235, 235);
}
 
div#login-status a.login-status-create-account.btn {
    margin-right: calc(0.125 * var(--header-height));
}
 
div#login-status a.login-status-sign-in.btn.btn-primary {
    margin-left: calc(0.125 * var(--header-height));
}
 
div#account-options {
    width: 8rem;
    padding: 0.75rem;
    border: solid 1px transparent;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
}
 
div#account-options a {
    margin: 0;
    padding: 0.25rem;
    color: rgb(172, 127, 252);
    transition: ease 0.125s;
}
 
div#account-options a:hover {
    text-decoration: none;
    color: rgb(172, 127, 252);
    background-color: rgb(245, 245, 245);
    text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
}
 
div#search-top-box {
    top: calc(0.6 * var(--header-height));
    right: calc(0.1 * var(--header-height));
    height: calc(0.4 * var(--header-height));
    width: auto;
    font-size: calc(0.1875 * var(--header-height));
    background-color: rgb(255, 255, 255);
    border-radius: calc(0.25 * var(--header-height));
    box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
    transition: ease 0.25s;
    overflow: hidden;
    z-index: 30;
}
 
div#search-top-box * {
    transition: ease 0.25s;
}
 
div#search-top-box:hover {
    max-width: 25rem;
    background-position: -100% center;
}
 
div#search-top-box:hover * {
    opacity: 1;
}
 
div#search-top-box > form#search-top-box-form {
    display: flex;
}
 
div#search-top-box > form#search-top-box-form > input,
div#search-top-box > form#search-top-box-form > input:hover {
    -webkit-appearance: none;
    outline: none;
}
 
div#search-top-box > form#search-top-box-form > input#search-top-box-input,
div#search-top-box > form#search-top-box-form > input#search-top-box-input:hover,
div#search-top-box > form#search-top-box-form > input#search-top-box-input:focus {
    margin: 0;
    color: rgb(27, 27, 27);
    border: solid calc(0.025 * var(--header-height)) rgb(255, 255, 255);
    border-radius: calc(0.25 * var(--header-height)) 0 0 calc(0.25 * var(--header-height));
    padding: calc(0.075 * var(--header-height)) calc(0.125 * var(--header-height));
    height: calc(0.2 * var(--header-height));
    font-size: calc(0.1875 * var(--header-height));
    box-shadow: inset  0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
    background-color: transparent;
    transition: ease 0.25s;
}
 
div#search-top-box > form#search-top-box-form > input#search-top-box-input:hover,
div#search-top-box > form#search-top-box-form > input#search-top-box-input:focus {
    color: rgb(0, 0, 0);
    background-color: rgb(245, 245, 245);
}
 
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"],
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:hover,
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:focus {
    margin: 0;
    color: rgb(0, 0, 0);
    border: none;
    border-radius:  0 calc(0.25 * var(--header-height)) calc(0.25 * var(--header-height)) 0;
    box-shadow: none;
    padding: calc(0.075 * var(--header-height)) calc(0.125 * var(--header-height));
    height: calc(0.4 * var(--header-height));
    font-size: calc(0.1875 * var(--header-height));
    background-image: none;
    background-color: transparent;
    transition: ease 0.25s;
}
 
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:hover,
div#search-top-box > form#search-top-box-form > input.button.btn[type="submit"]:focus {
    background-color: rgb(245, 245, 245);
}
 
div#top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: unset;
    height: var(--header-height);
    margin-left: calc(6 * var(--header-height));
    margin-right: calc(0.25 * var(--header-height));
}
 
div#top-bar div > ul {
    float: none;
    display: flex;
}
 
div#top-bar div > ul > li {
    background-image: linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 60%, transparent 100%);
    background-size: var(--header-height) 0;
    background-position: center center;
    background-repeat: no-repeat;
    transition: ease 0.1s;
    -webkit-transition: ease 0.1s;
}
 
div#top-bar div > ul > li.sfhover,
div#top-bar div > ul > li:hover {
    background-size: var(--header-height) var(--header-height);
}
 
div#top-bar div > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    line-height: calc(0.203125 * var(--header-height));
    max-height: unset;
    width: var(--header-height);
    height: var(--header-height);
    font-size: calc(0.1875 * var(--header-height));
    font-family: "Noto Sans SC";
    font-weight: 700;
    text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.4);
    transition: ease 0.1s;
    -webkit-transition: ease 0.1s;
}
 
div#top-bar div > ul > li.sfhover > a,
div#top-bar div > ul > li:hover > a,
div#top-bar div > ul > li.sfhover > a:hover,
div#top-bar div > ul > li:hover > a:hover {
    color: rgb(172, 127, 252);
    border: none;
    background: transparent;
    text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
}
 
div#top-bar div > ul > li > ul {
    padding: 0.75rem;
    border: none;
    background-color: rgb(255, 255, 255);
    border-radius: 0.75rem;
    box-shadow: 0 0 0.2rem 0.1rem rgba(172, 127, 252, 0.2);
}
 
div#top-bar div > ul > li.sfhover > ul > li > a,
div#top-bar div > ul > li:hover > ul > li > a,
div#top-bar div > ul > li.sfhover > ul > li > a:hover,
div#top-bar div > ul > li:hover > ul > li > a:hover {
    padding: 0.25rem;
    border: none;
    color: rgb(172, 127, 252);
    background-color: transparent;
    transition: ease 0.125s;
}
 
div#top-bar div > ul > li.sfhover > ul > li > a:hover,
div#top-bar div > ul > li:hover > ul > li > a:hover {
    background-color: rgb(245, 245, 245);
    text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
}
 
div#content-wrap {
    margin: 0;
    padding-top: 5rem;
}
 
/* SIDE BAR */
 
@media (min-width: 768px) {
 
div#content-wrap {
    display: flex;
    max-width: unset;
    justify-content: space-between;
}
 
div#main-content {
    margin: 0;
    width: calc(100% - 2 * var(--sidebar-width));
    max-width: 50rem;
    box-sizing: border-box;
}
 
div#page-content {
    min-width: unset;
}
 
div#side-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    top: calc(1.75 * var(--header-height));
    height: calc(100vh - 1.25 * var(--header-height));
    width: var(--sidebar-width);
    max-width: var(--max-sidebar-width);
    overflow-y: scroll;
    overflow-x: hidden;
    transform: rotateY(180deg);
}
 
/* div#side-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(0.25 * var(--header-height));
    background-image: linear-gradient(to bottom, #FFF, transparent);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
} */
 
div#content-wrap::before,
div#content-wrap::after {
    content: "";
    display: block;
    min-width: var(--sidebar-width);
    flex-shrink: 1;
}
 
div#side-bar > * {
    transform: rotateY(180deg);
}
 
}
 
@media (max-width: 1039px) and (min-width: 768px) {
 
div#content-wrap::before,
div#side-bar {
    width: var(--narrow-sidebar-width);
}
 
div#main-content {
    width: calc(100% - var(--narrow-sidebar-width));
}
 
div#content-wrap::after {
    display: none;
}
 
}
 
div#side-bar div.side-block {
    position: relative;
    margin: 1rem 0.75rem;
    border: solid 1px transparent;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    background-color: rgb(255, 255, 255) !important;
}
 
div#side-bar div.side-block::before,
div#side-bar div.side-block::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(-0.1875 * var(--header-height));
    right: 0;
    width: calc(1.2 * var(--header-height));
    max-width: 50%;
    height: calc(0.375 * var(--header-height));
    background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-block-border.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: calc(1.2 * var(--header-height)) auto;
}
 
div#side-bar div.side-block::after {
    left: 0;
    transform: rotateY(180deg);
}
 
div#side-bar div.side-block div.heading,
div#side-bar div.side-block div.collapsible-block-unfolded-link a.collapsible-block-link {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    color: rgb(159, 207, 138);
    text-align: center;
    border-bottom: solid 1px rgb(159, 207, 138);
    font-family: "Noto Sans SC", sans-serif;
    font-weight: 900;
}
 
div#side-bar div.side-block div.collapsible-block-unfolded-link {
    border: none;
}
 
div#side-bar div.collapsible-block-folded {
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_expand.png");
}
 
div#side-bar div.side-block div.menu-item > img.image {
    filter: hue-rotate(140deg) brightness(200%);
    -webkit-filter: hue-rotate(140deg) brightness(200%);
}
 
div#footer,
div#license-area.license-area {
    right: 0;
    margin-left: auto;
    text-align: right;
    max-width: 300px;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border: solid 1px rgba(172, 127, 252, 0.4);
    box-sizing: border-box;
    opacity: 0.5;
    transition: ease 0.25s;
}
 
div#footer:hover,
div#license-area.license-area:hover {
    opacity: 1;
}
 
div#footer {
    border-top-left-radius: 0.75rem;
    border-right: none;
    border-bottom: none;
}
 
div#footer a {
    color: rgb(172, 127, 252) !important;
}
 
div#license-area.license-area {
    text-align: center;
    border-top: none;
    border-right: none;
    border-bottom: none;
}
 
/* MOBILE FIX */
 
@media (max-width: 1039px) and (min-width: 768px) {
    div#login-status {
        max-width: calc(0.25 * var(--header-height));
        background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/user_icon.svg");
        background-size: auto 100%;
        background-position: left center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
 
    div#search-top-box {
        max-width: calc(0.4 * var(--header-height));
        background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/search_icon.svg");
        background-size: auto 100%;
        background-position: left center;
        background-repeat: no-repeat;
    }
 
    div#login-status *,
    div#search-top-box * {
        opacity: 0;
    }
}
 
@media (max-width: 575px) {
    div#login-status {
        max-width: calc(0.25 * var(--header-height));
        background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/user_icon.svg");
        background-size: auto 100%;
        background-position: left center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
 
    div#search-top-box {
        max-width: calc(0.4 * var(--header-height));
        background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/search_icon.svg");
        background-size: auto 100%;
        background-position: left center;
        background-repeat: no-repeat;
    }
 
    div#login-status *,
    div#search-top-box * {
        opacity: 0;
    }
}
 
@media (max-width: 959px) {
    :root {
        --header-height: var(--narrow-header-height);
    }
}
 
@media (max-width: 767px) {
    :root {
        --header-height: var(--mobile-header-height);
    }
 
    div#header h1 a {
        display: none;
    }
 
    div#top-bar {
        margin-left: calc(2 * var(--header-height));
    }
 
    div#side-bar,
    div#side-bar:target {
        background-color: #FFF;
        border: none;
    }
 
    div#side-bar div.side-block {
        margin: 0.75rem 0.5rem;
    }
 
    div#side-bar:target .close-menu {
        background-color: rgba(172, 127, 252, 0.1);
    }
 
    div#top-bar div.open-menu a {
        left: 0;
        top: 0;
        color: #FFF;
        border: none;
        background-color: transparent;
        text-shadow: 0.1rem 0.1rem 0 rgba(172, 127, 252, 0.2);
        text-align: center;
        line-height: var(--header-height);
        width: var(--header-height);
        height: var(--header-height);
    }
 
    div#top-bar div.open-menu a:hover {
        box-shadow: none;
    }
}
 
@media (max-width: 383px) {
    :root {
        --header-height: var(--narrow-mobile-header-height);
    }
}
 
div#page-title {
    display: none;
}
 
div#page-title,
div.meta-title {
    color: rgb(159, 207, 138);
    text-align: center;
    border-bottom: solid 1px rgb(159, 207, 138);
    font-family: "Noto Serif SC", serif;
    font-weight: 900;
}
 
h1 {
    font-family: "Noto Serif SC", serif;
    color: rgb(159, 207, 138);
}
 
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans SC", sans-serif;
}
 
/* RATE MODULE */
 
div.page-rate-widget-box, div#page-content div.creditRate div.rate-box-with-credit-button div.page-rate-widget-box {
    display: inline-flex;
    background-color: transparent;
    border: solid 1px #FFF;
    height: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}
 
div.page-rate-widget-box span.rate-points {
    color: #000 !important;
    line-height: 1.5rem;
    background-color: transparent !important;
    border-radius: 0;
    border: none;
}
 
div.page-rate-widget-box span.rateup.btn,
div.page-rate-widget-box span.ratedown.btn,
div.page-rate-widget-box span.cancel {
    height: 1.5rem;
    line-height: 1.5rem;
    border: none;
    background-color: transparent;
    border-radius: 0;
    transition: ease 0.25s;
}
 
div.page-rate-widget-box span.rateup.btn:hover,
div.page-rate-widget-box span.ratedown.btn:hover,
div.page-rate-widget-box span.cancel:hover {
    background-color: rgb(245, 245, 245);
}
 
div.page-rate-widget-box span.rateup.btn a,
div.page-rate-widget-box span.ratedown.btn a,
div.page-rate-widget-box span.cancel a {
    display: block;
    height: 100%;
    border: none;
    background-color: transparent;
    border-radius: 0;
    color: #666;
}
 
div.page-rate-widget-box .rateup.btn a:hover,
div.page-rate-widget-box .ratedown.btn a:hover,
div.page-rate-widget-box .cancel a:hover {
    border: none;
    background-color: transparent;
    border-radius: 0;
    color: #000;
}
 
div#page-content div.rate-box-with-credit-button {
    border-radius: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
}
 
div#page-content div.creditRate {
    margin-left: 0;
    margin-right: 0;
}
 
div#page-content div.rate-box-with-credit-button {
    display: inline-flex;
}
 
div#page-content div.rate-box-with-credit-button div.creditButton p a {
    display: block;
    margin: 0;
    margin-left: 5px;
    width: 20px;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 12px;
    text-align: center;
    color: #666;
    background-color: transparent;
    border: solid 1px #FFF;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    position: static;
    transition: ease 0.25s;
}
 
div#page-content div.rate-box-with-credit-button div.creditButton p a:hover {
    color: #000;
    background-color: rgb(245, 245, 245);
}
 
/* YUI TABS */
 
div#page-content div.yui-navset.yui-navset-top {
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}
 
div#page-content div.yui-navset.yui-navset-top a:hover,
div#page-content div.yui-navset.yui-navset-top a:focus {
    text-decoration: none;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav {
    border: none;
    display: flex;
    flex-wrap: wrap;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li {
    margin: 0;
    padding: 0;
    height: 1.5rem;
    border: none;
    flex-grow: 1;
    max-width: 100%;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a {
    margin: 0;
    padding: 0 0.8rem;
    border: none;
    width: 100%;
    height: 100%;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    font-family: var(--title-font);
    color: rgb(255, 255, 255);
    background-image: none;
    background-color: rgba(172, 127, 252, 0.87);
    box-sizing: border-box;
    transition: ease 0.25s;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(172, 127, 252, 0.75);
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a,
div#page-content div.tui-navset.yui-navset-top > ul.yui-nav > li.selected > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(245, 245, 245);
    background-image: none;
}
 
div.yui-navset.yui-navset-top > ul.yui-nav > li > a > em {
    display: block;
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: 1.5rem;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
div.yui-navset.yui-navset-top > div.yui-content {
    padding: 0 1rem;
    background-color: transparent;
    border: none;
    border-top: solid 1px rgb(159, 255, 138);
}
 
div.yui-navset.yui-navset-top > div.yui-content > div {
    padding: 1px;
    margin: -1px;
}
 
/* BUTTONS */
 
a.button.btn,
div.owindow a.btn,
div.options input.btn,
div.options input.btn.btn-default,
div.options input.btn.btn-primary,
div.options input.btn.btn-sm,
div.options input.btn.btn-small,
div.options a.btn,
div.options a.btn.btn-default,
div.options a.btn.btn-primary,
div.options a.btn.btn-sm,
div.options a.btn.btn-small,
div.buttons input.btn,
div.buttons input.btn.btn-default,
div.buttons input.btn.btn-primary,
div.buttons input.btn.btn-sm,
div.buttons input.btn.btn-small,
div.buttons a.btn,
div.buttons a.btn.btn-default,
div.buttons a.btn.btn-primary,
div.buttons a.btn.btn-sm,
div.buttons a.btn.btn-small,
div.button-bar input.btn,
div.button-bar a.btn,
div.button-bar a,
div.page-options-bottom input.btn,
div.page-options-bottom a.btn {
    display: inline-block;
    font-weight: bold;
    color: rgb(0, 0, 0);
    border-color: transparent;
    border-radius: 0.75rem;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 0.25rem rgba(172, 127, 252, 0.4);
    padding: 0.2rem 0.5rem;
    transition: ease 0.25s;
}
 
a.button.btn:hover,
div.owindow a.btn:hover,
div.options input.btn:hover,
div.options a.btn:hover,
div.buttons input.btn:hover,
div.buttons a.btn:hover,
div.button-bar input.btn:hover,
div.button-bar a.btn:hover,
div.button-bar a:hover,
div.page-options-bottom input.btn:hover,
div.page-options-bottom a.btn:hover,
a.button.btn:focus,
div.owindow a.btn:focus,
div.options input.btn:focus,
div.options a.btn:focus,
div.buttons input.btn:focus,
div.buttons a.btn:focus,
div.button-bar input.btn:focus,
div.button-bar a.btn:focus,
div.button-bar a:focus,
div.page-options-bottom input.btn:focus,
div.page-options-bottom a.btn:focus {
    display: inline-block;
    text-decoration: none;
    border-color: transparent;
    background-color: rgba(159, 255, 138, 0.5);
    box-shadow: 0 0 0.25rem rgba(159, 207, 138, 0.4);
    color: rgb(0, 0, 0);
}
 
div.page-options-bottom {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
 
div.page-options-bottom a.btn {
    flex-grow: 1;
}
 
@media (max-width: 767px) {
 
div.owindow div a.btn-primary {
    width: unset;
    float: none;
    display: block !important;
    text-align: center;
    margin: 0.2rem;
}
 
div.content.modal-body div[style="float:right"] {
    float: none !important;
    clear: both;
    text-align: right !important;
}
 
}
 
hr {
    margin-left: 0;
    margin-right: 0;
    background-color: rgba(172, 127, 252);
}
 
/* BLOCKS */
 
div.asagao-title img {
    opacity: 0;
}
 
div.asagao-title {
    mask-image: var(--title-mask);
    -webkit-mask-image: var(--title-mask);
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, rgba(172, 127, 252, 0.6), rgba(172, 127, 252, 0.8));
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
 
div.owindow {
    background-color: rgb(255, 255, 255);
    border: solid 1px transparent;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    overflow: hidden;
}
 
blockquote,
div.blockquote {
    margin: 1rem 0;
    background-color: rgb(255, 255, 255);
    border: solid 1px transparent;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
}
 
div.blockquote.green-shadow {
    box-shadow: 0 0 0.5rem rgba(159, 207, 138, 0.4);
}
 
div.blockquote.grey-bg {
    background-color: rgb(235, 235, 235);
    box-shadow: none;
}
 
div.blockquote.styled {
    position: relative;
}
 
div.blockquote.styled::before,
div.blockquote.styled::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(-0.1875 * var(--header-height));
    right: 0;
    width: calc(1.2 * var(--header-height));
    max-width: 50%;
    height: calc(0.375 * var(--header-height));
    background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:yasuharasuzu/asagao-block-border.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: calc(1.2 * var(--header-height)) auto;
}
 
div.blockquote.styled::after {
    left: 0;
    transform: rotateY(180deg);
}
 
div.column-2,
div.column-3,
div.column-4 {
    margin: 1em 0;
    column-count: 2;
    column-rule: solid 1px rgba(159, 207, 138);
}
 
div.column-3 {
    column-count: 3;
}
 
div.column-4 {
    column-count: 4;
}
 
div.column-2 p:nth-child(1),
div.column-3 p:nth-child(1),
div.column-4 p:nth-child(1) {
    margin-top: 0;
}
 
div.column-2 p:nth-last-child(1),
div.column-3 p:nth-last-child(1),
div.column-4 p:nth-last-child(1) {
    margin-bottom: 0;
}
 
@media (max-width: 767px) {
 
div.screen {
    column-count: unset;
}
 
}
 
div.scp-image-block {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    overflow: hidden;
}
 
div.scp-image-block.block-right {
    margin-right: 0;
}
 
div.scp-image-block.block-left {
    margin-left: 0;
}
 
div.scp-image-block div.scp-image-caption {
    border: none;
    background-color: rgb(245, 245, 245);
}
 
table.wiki-content-table {
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.4);
    overflow: hidden;
    border-collapse: separate;
}
 
table.wiki-content-table tr:nth-child(1),
table.wiki-content-table tr:nth-child(1) :nth-child(1) {
    border-top-left-radius: 0.75rem;
}
 
table.wiki-content-table tr:nth-child(1),
table.wiki-content-table tr:nth-child(1) :nth-last-child(1) {
    border-top-right-radius: 0.75rem;
}
 
table.wiki-content-table tr:nth-last-child(1),
table.wiki-content-table tr:nth-last-child(1) :nth-child(1) {
    border-bottom-left-radius: 0.75rem;
}
 
table.wiki-content-table tr:nth-last-child(1),
table.wiki-content-table tr:nth-last-child(1) :nth-last-child(1) {
    border-bottom-right-radius: 0.75rem;
}
 
table.wiki-content-table th {
    border: solid 1px rgb(245, 245, 245);
    background-color: rgb(245, 245, 245);
}
 
table.wiki-content-table td {
    border: solid 1px rgb(245, 245, 245);
}
 
div.code {
    margin: 1rem 0;
    border-style: solid;
    border-radius: 0.75rem;
}
 
div.author {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
 
div.author div.author-title {
    display: block;
    margin: 0 1rem;
    padding: 0.5rem;
    background-color: rgba(159, 255, 138, 0.4);
    border: solid 1px transparent;
    border-radius: 0.75rem;
}
 
div.author p {
    margin: 0;
}
 
/* HOVERTIP */
 
.hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer  {
    display: none !important;
}
 
.hovertip {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(255, 255, 255) !important;
    border: solid 1px transparent !important;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(172, 127, 252, 0.3);
}
原创版式
HSB Foundation

Hormress's Sandbox

著作信息

示例

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

使用方法
