主题版式：金色闪光

浅黄--accent-color-light(250, 248, 225)

深黄--accent-color-dark(198, 145, 25)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

明黄--accent-color-medium(255, 215, 85)

白--accent-white(255, 253, 240)

黑--black-monochrome(12, 12, 12)

褐--accent-color-very-dark(139, 102, 18)

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

该版式为电室主题版式，由NZCGGHSLZ制作，Macro129代发，原作者太懒了¹

样例：

电闪雷鸣

通过5个连字符“-----”即可创建一条分割线，可分割整个页面（除非分割线在引用块内）。本页中分割不同区域的就是分割线。

---

在一行的开头加上一到六个“+”即可建立标题。

+ 标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

更好的折叠框

该死，我的老伙计，真是太酷了！

制表机

这是一个分页。

制表

嘿瞧，这里还有更多文本。

多么古雅。

长分页

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这个空分页的名字特别长。可这到底为了什么？

不为什么呵呵

空分页

空分页

空分页

空分页

空分页

你被骗了⚡️

这是一个引用块，在每行前面加上“> ”即可创建。
更多文本。

---

上面的是分割线。引用块中的链接。

嵌套引用块²。

这是	表格
你应该早就	知道怎么创建了
对吧

这里有
一些文本
让你可以
看到
不同格式的
文字
以及^一些
其他的_东西
包括不存在的链接
和存在的链接！
还有一段带有阴影的文字~

---

---

[[div class="lightblock"]]
这是一个亮色块。链接预览。
[[/div]]

---

[[div class="darkblock"]]
这是一个暗色块。链接预览。
[[/div]]

---

[[div class="styled-quote"]]
这是一个特殊引用块。链接预览。
[[/div]]

---

[[div class="dark-styled-quote"]]
这是一个暗色特殊引用块。链接预览。
[[/div]]

---

---

[[div class="logoblock"]]
这是一个logo块。链接预览。
[[/div]]

---

[[div class="dark-logoblock"]]
这是一个暗色logo块。链接预览。
[[/div]]

---

[[div class="border-logoblock"]]
这是一个特殊logo块。链接预览。
[[/div]]

---

[[div class="dark-border-logoblock"]]
这是一个特殊暗色logo块。链接预览。
[[/div]]

---

[[div class="white-border-logoblock"]]
这是一个特殊亮色logo块。链接预览。
[[/div]]

---

标题文本

---

[[div class="titleblock"]]
[[span class="titlebox"]]标题文本[[/span]]
这是一个标题块。链接预览。
[[/div]]

标题文本

---

[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题文本[[/span]]
这是一个暗色标题块。链接预览。
[[/div]]

标题文本

---

[[div class="white-titleblock"]]
[[span class="white-titlebox"]]标题文本[[/span]]
这是一个亮色标题块。链接预览。
[[/div]]

---

自定义 DIV

通过以下代码建立一个自定义 DIV 块：

[[div class="custom bd1 bg1 tx1 a1"]]

[[/div]]

其中，bg 代表背景色，bd 代表边框色，tx 代表文字色与分割线色，a 代表链接色。其后的文字代表具体颜色，1-4 逐渐加深。1 为最浅的白色，4 为最深的褐色。特别的是，tx0 表示黑色文字。

[+] 展示示例

[[div class="custom bd4 bg1 tx0 a4"]]

---

这是一个自定义引用块。链接预览。
[[/div]]

[[div class="custom bd1 bg4 tx2 a1"]]

---

这是一个自定义引用块。链接预览。
[[/div]]

源代码

[[module css]]

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');

/* ----- I LOVE BLACK HIGHLIGHTER ----- */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "Golden electric glint";
    --theme-name: "Golden electric glint Theme";

    --theme-base: "black-highlighter";
    --logo-image: url("https://bacarooms-cn-wiki.wdfiles.com/local--files/start/logo.png");
    --header-title: "The Elecrooms";
    --header-subtitle: "雷嗔电怒，电闪雷鸣";

    --body-font: 'Noto Sans SC', sans-serif;
    --header-font: 'ZCOOL XiaoWei', sans-serif;
    --title-font:  'Noto Serif SC', sans-serif;
    --mono-font: 'Noto Serif SC', sans-serif;

    --accent-white: 255, 253, 240;
    --accent-color-light: 250, 248, 225;
    --accent-color-medium: 255, 215, 85;
    --accent-color-dark: 198, 145, 25;
    --accent-color-very-dark: 139, 102, 18;
    --white-monochrome: var(--accent-color-light);
    --pale-gray-monochrome: var(--accent-color-medium);
    --light-gray-monochrome: var(--accent-color-dark);
    --gray-monochrome: var(--accent-color-dark);
    --dark-gray-monochrome: var(--accent-color-dark);
    --black-monochrome: 12, 12, 12;

    --pale-accent: var(--accent-color-dark);
    --bright-accent: var(--accent-color-medium);
    --medium-accent: var(--accent-color-dark);
    --dark-accent: var(--accent-color-medium);
    --alt-accent: 221, 102, 17;

    --link-color: var(--accent-color-dark);
    --visited-link-color: var(--accent-color-very-dark);
    --hover-link-color: var(--visited-link-color);

    --swatch-headerh1-color: var( --accent-white);
    --swatch-headerh2-color: var( --accent-white);
    --swatch-border-color: var(--accent-color-medium);
    --gradient-header:linear-gradient(to top, #F5CD5B 0%, #FAFAE6 100%);

    --box-color-0:  255, 247, 204 !important;
    --box-color-1:  255, 235, 170 !important;
    --box-color-2:  255, 223, 119 !important;
    --box-color-3:  var(--accent-color-medium) !important;
    --box-color-4:  230, 194, 77 !important;
    --box-color-5:  var(--accent-color-dark) !important;
}

/* ----- SELECTION ----- */
::selection {
    background: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-white));
}

::-moz-selection {
    background: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-white));
}

/* ----- HEADER & TOP BAR ----- */
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0rem;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 9rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.85;
}

#top-bar div.mobile-top-bar>ul>li:hover, #top-bar div.top-bar>ul>li:hover {
    background-color: rgb(var(--accent-color-light));
}

#top-bar div.mobile-top-bar>ul>li:hover>a, #top-bar div.top-bar>ul>li:hover >a{
    color: rgb(var(--accent-color-dark));
}

#top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:before {
    background-color: rgba(var(--accent-color-dark), .5);
}

#login-status a {
    color: rgb(var(--accent-color-dark));
}

#account-topbutton {
    border: 0.1rem solid transparent;
}

#account-topbutton:hover {
    border: 0.1rem solid rgb(var(--accent-color-dark));
}

#top-bar div.top-bar>ul>li>ul>li>a:before, #top-bar div.top-bar>ul>li>ul>li>a:hover:before, #top-bar div.top-bar>ul>li>ul>li>ul>li>a:before, #top-bar div.mobile-top-bar>ul>li>ul>li>a:hover {
    background-color: rgb(var(--accent-color-light));
}

#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    color: rgb(var(--accent-color-dark));
}

/* ----- NO THESE THINGS ----- */
#skrollr-body {
    background-image: none;
}

#container {
    background-image: none;
}

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

/* ----- COOL THINGS----- */
.inline-diff ins {
    background-color: #66CC66;
}

.inline-diff del {
    background-color: #CC9966;
}

hr {
    background: transparent;
    border-top: solid 2px rgba(var(--accent-color-dark));
}

.scp-image-block .scp-image-caption {
    color: rgb(var( --accent-white));
    background-color: rgb(var( --accent-color-dark));
}

.pager a {
    border-color: rgb(var( --accent-color-dark));
}

.pager .current {
    color: rgb(var( --accent-white));
    background-color: rgb(var( --accent-color-dark));
    border-color: rgb(var( --accent-color-medium));
}

table.page-history td.optionstd a {
    border-color: rgb(var( --accent-color-dark));
}

table.page-history td.optionstd a:hover {
    color: rgb(var( --accent-white));
    background-color: rgb(var( --accent-color-dark));
    border-color: rgb(var( --accent-color-dark));
}

.change-textarea-size a {
    color: rgb(var( --accent-white));
}

.page-source,
.code {
    color: rgb(var(--black-monochrome));
    background: rgb(var( --accent-color-light));
    border: solid 0.15rem rgb(var( --accent-color-dark));
}

table.wiki-content-table th, table.wiki-content-table tr, table.wiki-content-table td {
    border: .0625rem solid rgb(var(--accent-color-dark)) !important;
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--accent-color-medium));
    color: rgb(var(--accent-white));
    transition: background-color 300ms;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--accent-color-light));
    color: rgb(var(--accent-color-dark));
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-color-light));
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-color-light));
}

.page-tags span {
    border-top: 2px solid rgb(var(--accent-color-dark));
}

.page-tags:before {
    color: rgb(var(--accent-white));
    content: "TAGS";
    font-weight: bold;
    font-size: 85%;
    background: rgb(var(--accent-color-dark));
    padding: 1px 1px 0 1px;
    margin: 0 0 -2px 0;
    display: block;
    width: fit-content;
}

 .page-rate-widget-box .rate-points:after, .page-rate-widget-box .rate-points span {
   content: "⚡️";
   font-size: 17px;
   letter-spacing: 0;
   color: rgb(var(--black-monochrome));
   margin-top: -4px;
}
.text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--accent-color-very-dark)) }

/* BETTER COLLAP */
.bettercollap {
  margin: 1em 0;
}

.bettercollap .collapsible-block {
  width: auto;
  overflow: hidden;
}

.bettercollap .collapsible-block-content,
.bettercollap .collapsible-block-link {
  padding: 0.5em
}

.bettercollap .collapsible-block-content {
  padding-left: 1em;
  padding-right: 1em;
}

.bettercollap .collapsible-block-link {
  color: rgb(var(--accent-color-dark));
  background: rgb(var(--accent-white));
  transition: .3s;
  display: block;
  border: 1px solid rgb(var(--accent-color-dark));
  position: relative;
}

.bettercollap .collapsible-block-link:hover,
.bettercollap .collapsible-block-unfolded .collapsible-block-link,
.styledcollap.bettercollap .collapsible-block-link {
  color: rgb(var(--accent-color-dark));
  background: rgb(var(--accent-white))!important;
  text-decoration: none;
  border: 1px solid rgb(var(--accent-color-dark));
}

.bettercollap .collapsible-block-link:hover a { color: rgb(var(--accent-white)) }

.bettercollap .collapsible-block-link::before {
  content: "⚡️";
  display: inline-block;
  margin-right: 0.5em;
}

.bettercollap .collapsible-block-unfolded .collapsible-block-link::before {
  transform: rotate(0) scale(0.9)
}

.bettercollap .collapsible-block-link::after {
  content: "⚡️";
  display: inline-block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
  opacity: 0;
  animation: flashExpand 0.7s ease-out forwards;
  pointer-events: none;
}

.bettercollap .collapsible-block-unfolded .collapsible-block-link::after {
  transform: translateY(-50%) rotate(0) scale(0.9);
}

@keyframes flashExpand {
  0% {
    opacity: 0.75;
    transform: translateY(-50%) scale(0.9);
    text-shadow: 0 0 0 currentColor;
  }
  50% {
    opacity: 0.63;
    transform: translateY(-50%) scale(1.5);
    text-shadow: 0 0 5px currentColor, 0 0 10px currentColor;
  }
  100% {
    opacity: 0;
    transform: translateY(-50%) scale(2.1);
    text-shadow: 0 0 15px currentColor;
  }
}

@keyframes flashExpandUnfolded {
  0% { opacity: 1; transform: translateY(-50%) rotate(0) scale(0.9); text-shadow: 0 0 0 currentColor; }
  50% { opacity: 0.9; transform: translateY(-50%) rotate(0) scale(1.6); text-shadow: 0 0 5px currentColor, 0 0 10px currentColor; }
  100% { opacity: 0; transform: translateY(-50%) rotate(0) scale(2.2); text-shadow: 0 0 15px currentColor; }
}
.bettercollap .collapsible-block-unfolded .collapsible-block-link::after {
  animation: flashExpandUnfolded 0.7s ease-out forwards;
}

.bettercollap .collapsible-block + .collapsible-block { border-top: none }

.styledcollap.bettercollap .collapsible-block {
}

.styledcollap.bettercollap .collapsible-block-content {
  background-color: rgb(var(--accent-color-medium));
  border-width: 3px;
}

.styledcollap.bettercollap .collapsible-block-link {
  border-radius: 2px;
  box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3);
}

.styledcollap.bettercollap .collapsible-block-link:hover {
  background: rgba(var(--accent-color-dark),0.95)!important;
}

/* ----- SIDE BAR ----- */
#side-bar::-webkit-scrollbar {
    display: none;
}

#side-bar {
    border-right: 0.15rem solid rgb(var(--accent-color-dark));
}

@media only screen and (max-width: 768px) {
    #side-bar {
        border-right: none;
    }
}

#side-bar > div:nth-child(1) {
    margin-top: 0;
}

#side-bar div.side-block,
#side-bar div.side-block .heading {
    border: none;
}

/* ----- FOOTER ----- */
#footer {
    background-color: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-white));
}

#footer a {
    color: rgb(var(--accent-white));
}

/* ----- DIVS ----- */
blockquote,
div.blockquote {
    --link-color: var(--accent-color-dark);
    --visited-link-color: var(--accent-color-very-dark);
    --hover-link-color: var(--accent-color-very-dark);
    border: 2px solid rgb(var(--accent-color-dark));
    background-color: rgb(var(--accent-color-medium));
    color: rgb(var(--accent-white));
}

.styled-quote {
    --link-color: var(--accent-color-dark);
    --visited-link-color: var(--accent-color-very-dark);
    --hover-link-color: var(--accent-color-very-dark);
    color: rgb(var(--black-monochrome));
    margin-left: 0px;
}

.dark-styled-quote a {
    color: rgb(var(--link-color));
}

.darkblock a {
    color: rgb(var(--link-color));
}

.dark-titleblock a {
    color: rgb(var(--link-color));
}

.dark-styled-quote ,
.darkblock,
.lightblock  {
    margin-left: 0px;
}

.dark-styled-quote,
.darkblock,
.dark-titleblock,
.white-titleblock,
.dark-logoblock,
.dark-border-logoblock,
.white-border-logoblock{
    --link-color: var(--accent-color-medium);
    --visited-link-color: var(--accent-color-dark);
    --hover-link-color: var(--accent-color-dark);
    color:
}

.dark-styled-quote hr,
.darkblock hr,
.dark-titleblock hr,
.dark-logoblock hr,
.dark-border-logoblock hr,
.white-border-logoblock hr{
    border-color: rgb(var(--accent-color-medium));
}

     .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(var(--black-monochrome));
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--accent-color-medium));
    }

    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url("http://bacarooms-cn-wiki.wikidot.com/local--files/start/logo-white") center/40% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

    .dark-logoblock{
    padding: 0.01rem 1rem;
    color:rgb(var(--accent-white));
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--accent-color-dark));
    }

    .dark-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url("http://bacarooms-cn-wiki.wikidot.com/local--files/start/logo-white") center/40% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--black-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--accent-color-medium));
     border: solid 0.3rem rgb(var(--accent-color-dark));
    }

    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://bacarooms-cn-wiki.wikidot.com/local--files/start/logo-white) center/40% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .dark-border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--accent-white));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--accent-color-dark));
     border: solid 0.3rem rgb(var(--accent-color-medium));
    }

    .dark-border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://bacarooms-cn-wiki.wikidot.com/local--files/start/logo-white) center/40% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

.white-border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--black-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--accent-white));
     border: solid 0.3rem rgb(var(--accent-color-medium));
    }

    .white-border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://bacarooms-cn-wiki.wikidot.com/local--files/start/logo) center/40% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

.titleblock {
        background-color: rgb(var(--accent-color-medium));
        color:rgb(var(--accent-black));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--accent-color-dark)) 2px;
     }

     .titlebox{
       color: rgb(var(--accent-color-medium));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--accent-color-dark));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }

.dark-titleblock {
        background-color: rgb(var(--accent-color-dark));
        color:rgb(var(--accent-white));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--accent-color-medium)) 2px;
     }

     .dark-titlebox{
       color: rgb(var(--accent-color-dark));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--accent-color-medium));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }

.border-block {
    background-color:rgb(var(--gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--gray-monochrome));
 }

.white-titleblock {
        background-color: rgb(var(--accent-white));
        color:rgb(var(--black-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--accent-color-medium)) 2px;
     }

     .white-titlebox{
       color: rgb(var(--accent-white));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--accent-color-medium));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }

/* ----- IETS ----- */
.box {
    background: rgb(var(--accent-white)) !important;
}

.box.class-0 {
    --box-border: var(--box-color-0);
    --box-shadow: var(--box-color-0);
}
.box.class-1 {
    --box-border: var(--box-color-1);
    --box-shadow: var(--box-color-1);
}
.box.class-2 {
    --box-border: var(--box-color-2);
    --box-shadow: var(--box-color-2);
}
.box.class-3 {
    --box-border: var(--box-color-3);
    --box-shadow: var(--box-color-3);
}
.box.class-4 {
    --box-border: var(--box-color-4);
    --box-shadow: var(--box-color-4);
}
.box.class-5 {
    --box-border: var(--box-color-5);
    --box-shadow: var(--box-color-5);
}

/* ----- CUSTOM DIV ----- */
.bd1 {
    border: rgb(var(--accent-white)) 2px solid;
}

.bd2 {
    border: rgb(var(--accent-color-light)) 2px solid;
}

.bd3 {
    border: rgb(var(--accent-color-medium)) 2px solid;
}

.bd4 {
    border: rgb(var(--accent-color-dark)) 2px solid;
}

.bg1 {
    background: rgb(var(--accent-white));
}

.bg2 {
    background: rgb(var(--accent-color-light));
}

.bg3 {
    background: rgb(var(--accent-color-medium));
}

.bg4 {
    background: rgb(var(--accent-color-dark));
}

.tx0 {
    color: rgb(var(--black-monochrome));
    --hr-color:var(--black-monochrome);
}

.tx1 {
    color: rgb(var(--accent-white));
    --hr-color:var(--accent-white);
}

.tx2 {
    color: rgb(var(--accent-color-light));
    --hr-color:var(--accent-color-light);
}

.tx3 {
    color: rgb(var(--accent-color-medium));
    --hr-color:var(--accent-color-medium);
}

.tx4 {
    color: rgb(var(--accent-color-dark));
    --hr-color:var(--accent-color-dark);
}

.a1 {
    --custom-link: var(--accent-white);
}

.a2 {
    --custom-link: var(--accent-color-light);
}

.a3 {
    --custom-link: var(--accent-color-medium);
}

.a4 {
    --custom-link: var(--accent-color-dark);
}

.custom {
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0;
}

.custom hr {
    border-color: rgb(var(--hr-color));
}

.custom a {
    color: rgb(var(--custom-link));
}
[[/module]]

脚注

1. 一点也不懒😡

2. 这里还有一个脚注！