版式：夕阳

没错，如你所见，这是一个版式，作者是……………………

这是什么？点一下。

作者在这哦hao994

还有：

[[include :br-cnb-sandbox:secret:theme:sunset-glow]]

示例

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文档分割为多个部分的线就是分割线。

---

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套引用块

这是	表格
你应该老早	就知道怎么
做这个了吧

[[div class="darkblock"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="styled-quote"]]

[[/div]]

若想添加一个与页面标题一样的标题，请使用：

[[div class="meta-title"]]

检视源代码？

[[module CSS]]
body {
  background: linear-gradient(180deg, #ff4b2b 0%, #ff8c42 30%, #ffb347 60%, #7f53ac 100%);
  background-attachment: fixed;
  color: #1a1a1a;
  font-family: "Source Han Serif SC", "Noto Serif SC", serif;
  text-shadow: none;
}

#container {
  background: transparent;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Han Serif SC", "Noto Serif SC", serif;
  font-weight: 600;
  color: #2b1a00;
  border-bottom: 1px solid rgba(255,75,43,0.3);
  text-shadow: none;
}

#content {
  background: rgba(255,255,255,0.9);
  border-radius: 12px;
  border: 1px solid rgba(255,75,43,0.2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
}

a {
  color: #ff4b2b;
  text-shadow: none;
}
a:hover {
  color: #e03a1a;
}

.footnotes-footer {
  background: linear-gradient(90deg, #ff4b2b 0%, #ff8c42 100%);
  color: #fff;
  border-radius: 6px;
  padding: 10px 14px;
  margin-top: 2em;
}
.footnotes-footer a {
  color: #fff !important;
  text-decoration: underline;
}

.yui-navset .yui-nav a {
  background: linear-gradient(180deg, #ff8c42 0%, #ff4b2b 100%) !important;
  color: #fff !important;
  border: none !important;
  text-shadow: none !important;
}
.yui-navset .yui-nav .selected a {
  background: linear-gradient(180deg, #ffb347 0%, #ff8c42 100%) !important;
  color: #1a1a1a !important;
}
.yui-navset .yui-navset-top .yui-content {
  background: rgba(255,245,235,1) !important;
  border: 1px solid #ff4b2b !important;
  border-radius: 0 0 6px 6px;
}

.collapsible-block {
  border: 1px solid #ff4b2b !important;
  border-radius: 6px;
  overflow: hidden;
}
.collapsible-block-link {
  background: linear-gradient(90deg, #ff4b2b 0%, #ff8c42 100%) !important;
  color: #fff !important;
  font-weight: 600;
}
.collapsible-block-content {
  background: rgba(255,245,235,1) !important;
  color: #1a1a1a !important;
}

#side-bar {
  background: rgba(255,255,255,0.9);
  border-radius: 8px;
  border: 1px solid rgba(255,75,43,0.2);
}
#side-bar .heading {
  color: #2b1a00;
  border-bottom: 1px solid rgba(255,75,43,0.2);
}

blockquote {
  background: rgba(255,245,235,1);
  border-left: 3px solid #ff4b2b;
  border-radius: 4px;
}
code {
  background: rgba(255,75,43,0.1);
  border: 1px solid #ff4b2b;
  border-radius: 4px;
}
hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #ff4b2b 50%, transparent 100%);
}

.button {
  background: linear-gradient(180deg, #ff8c42 0%, #ff4b2b 100%);
  border: none;
  border-radius: 6px;
  color: #fff;
}
.button:hover {
  background: linear-gradient(180deg, #ffb347 0%, #ff8c42 100%);
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgba(255,75,43,0.1); }
::-webkit-scrollbar-thumb { background: #ff4b2b; border-radius: 4px; }
[[/module]]