/*4K 3840*2160*/
@media screen and (max-width:3840px) and (max-height:2160px) {
	html {
		font-size: 28px;
	}
}

/*2K 1920*1080*/
@media screen and (max-width:1920px) and (max-height:1080px) {
	html {
		font-size: 16px;
	}
}

/*1280*1024*/
@media screen and (max-width:1280px) and (max-height:1024px) {
	html {
		font-size: 14px;
	}
}

@media screen and (max-width:1024px) and (max-height:768px) {
	html {
		font-size: 12px;
	}
}

@media screen and (max-width:800px) and (max-height:600px) {
	html {
		font-size: 12px;
	}
}

html,
body {}

/*文档标签*/

header {}

footer {}

article {
	padding: 2rem;
	width: 62em;
}

section {}

aside {}

details {}

dialog {}

summary {}

div {}

p {
	font-size: 1rem;
	line-height: 2rem;
	text-indent: 2em;
}

ul {
	padding-inline-start: 3em;
}

ul li {
	font-size: 1rem;
	line-height: 2rem;
}

ol {
	padding-inline-start: 3em;
}

ol li {
	font-size: 1rem;
	line-height: 2rem;
}

span {}

/*格式标签*/

h1,
.h1,
.heading-1 {
	font-size: 2.5rem;
}

h2,
.h2,
.heading-2 {
	font-size: 2rem;
}

h3,
.h3,
.heading-3 {
	font-size: 1.75rem;
}

h4,
.h4,
.heading-4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

h1,
.h1,
.heading-1,
h2,
.h2,
.heading-2,
h3,
.h3,
.heading-3,
h4,
.h4,
.heading-4,
h5,
h6 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-weight: 900;
}

.t8,
.text-8 {
	font-size: 5rem;
}

.t7,
.text-7 {
	font-size: 4rem;
}

.t6,
.text-6 {
	font-size: 3rem;
}

.t5,
.text-5 {
	font-size: 2.5rem;
}

.t4,
.text-4 {
	font-size: 2rem;
}

.t3,
.text-3 {
	font-size: 1.5rem;
}

.t2,
.text-2 {
	font-size: 1rem;
}

.t1,
.text-1 {
	font-size: 0.6rem;
}

.t1,
.text-1,
.t2,
.text-2,
.t3,
.text-3,
.t4,
.text-4,
.t5,
.text-5,
.t6,
.text-6,
.t7,
.text-7,
.t8,
.text-8 {
	font-weight: 200;
}

/*标记*/

mark {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	text-wrap: nowrap;
	border-radius: var(--radius);
}

abbr {
	text-decoration-thickness: 1px;
}

/*键入文本*/
kbd {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	border-radius: 0.3rem;

	background-color: black;
	color: white;

	font-family: sans-serif, monospace;
}

/*计算机样本*/
samp {
	font-family: sans-serif, monospace;
}

/*小文本*/
small {
	font-size: 0.85rem;
}

/*时间文本*/
time {
	font-family: sans-serif, monospace;
}

/*代码文本*/
code {
	font-family: sans-serif, monospace;
}

/*预制格式文本*/
pre {
	color: #CCCCCC;
	padding: 0.5rem;
	background-color: #282c35;
	border-radius: var(--radius);
	border-style: solid;
	border-width: 1px;
	border-color: #3F4143;

	max-height: 21rem;
	overflow: auto;
	overflow: overlay;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.2) transparent;

	tab-size: 4;
	font-size: 0.9rem;
	font-family: Source Code Pro, Consolas, Liberation Mono, Menlo, Courier, monospace;
}

blockquote {
	/*引用块*/
	margin-left: 3rem;
	margin-right: 3rem;
	margin-top: 1rem;
	margin-bottom: 1rem;

	padding: 1rem;
	background-color: beige;
	border-radius: 0.3rem;
}

blockquote p {
	text-indent: 0;
	padding: 0;
	margin: 0;
}

blockquote cite {
	text-align: right;
}

address {
	font-size: 0.9rem;
	font-style: normal;
	line-height: 1.5rem;

	padding: 1rem;
	background-color: lightgray;
	border-radius: 0.3rem;
}

/*功能标签*/

a {
	/*链接默认手指*/
	cursor: pointer;
	text-decoration: none;
	color: inherit;
}

hr {
	/*默认横线*/
	border: none;
	padding: 0;
	margin: 0;
	height: 1px;
	background-color: black;
}

img {
	/*修正img底部空白*/
	vertical-align: middle;
	max-width: 100%;
}

/*表格*/

table {
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0;
	overflow: clip;
}

caption {
	background-color: transparent;
	padding: 0.5rem;
}

thead {
	box-sizing: border-box;
}

tbody {
	white-space: nowrap;
}

tfoot {
	box-sizing: border-box;
}

tr {
	box-sizing: border-box;
}

th {
	box-sizing: border-box;
	padding: 0.5rem;
}

td {
	box-sizing: border-box;
	padding: 0.5rem;
}

table.sb,
table.spacing-both {
	border-collapse: separate;
	border-spacing: 1px 1px;
}

table.sh,
table.spacing-horizontal {
	border-collapse: separate;
	border-spacing: 0 1px;
}

table.sv,
table.spacing-vertical {
	border-collapse: separate;
	border-spacing: 1px 0;
}

table.sx,
table.sy,
table.sa,
table.scroll-x,
table.scroll-y,
table.scroll-auto {
	table-layout: fixed;
	display: block;
}

table.sx>thead,
table.sy>thead,
table.sa>thead,
table.scroll-x>thead,
table.scroll-y>thead,
table.scroll-auto>thead {
	position: sticky;
	z-index: 1;
	top: 0;
}

table.sx>thead th:first-child,
table.sy>thead th:first-child,
table.sa>thead th:first-child,
table.scroll-x>thead th:first-child,
table.scroll-y>thead th:first-child,
table.scroll-auto>thead th:first-child {
	position: sticky;
	z-index: 2;
	left: 0;
}

table.sx>tbody th,
table.sy>tbody th,
table.sa>tbody th,
table.scroll-x>tbody th,
table.scroll-y>tbody th,
table.scroll-auto>tbody th {
	position: sticky;
	left: 0;
}

table.sx>tfoot,
table.sy>tfoot,
table.sa>tfoot,
table.scroll-x>tfoot,
table.scroll-y>tfoot,
table.scroll-auto>tfoot {
	position: sticky;
	bottom: 0;
}
:root {
	--body-fore: #212529;
	--body-back: #fff;
	--border: #dee2e6;

	/*选中 selected*/
	--selected: #3367D1;
	--selected-rgba: rgba(51, 103, 209, 0.62);
	--selected-text: #FFFFFF;
	--selected-pale: #3e7eff;
	--selected-mild: #3367D1;

	/*主要 Primary*/
	--primary: #0d6efd;
	--primary-rgba: rgba(13, 110, 253, 0.62);
	--primary-text: #0a58ca;
	--primary-pale: #cfe2ff;
	--primary-mild: #9ec5fe;
	/*次要 Secondary*/
	--secondary: #6c757d;
	--secondary-rgba: rgba(108, 117, 125, 0.62);
	--secondary-text: #6c757d;
	--secondary-pale: #f8f9fa;
	--secondary-mild: #e9ecef;
	/*成功 Success*/
	--success: #198754;
	--success-rgba: rgba(25, 135, 84, 0.62);
	--success-text: #146c43;
	--success-pale: #d1e7dd;
	--success-mild: #a3cfbb;
	/*危险 Danger*/
	--danger: #dc3545;
	--danger-rgba: rgba(220, 53, 69, 0.62);
	--danger-text: #b02a37;
	--danger-pale: #f8d7da;
	--danger-mild: #f1aeb5;
	/*警告 Warning*/
	--warning: #ffc107;
	--warning-rgba: rgba(255, 193, 7, 0.62);
	--warning-text: #997404;
	--warning-pale: #fff3cd;
	--warning-mild: #ffe69c;
	/*信息 information*/
	--information: #0dcaf0;
	--information-rgba: rgba(13, 202, 240, 0.62);
	--information-text: #087990;
	--information-pale: #cff4fc;
	--information-mild: #9eeaf9;
	/*亮 Light*/
	--light: #f8f9fa;
	--light-text: #6c757d;
	--light-rgba: rgba(248, 249, 250, 0.62);
	--light-pale: #fcfcfd;
	--light-mild: #e9ecef;
	/*暗 Dark*/
	--dark: #212529;
	--dark-rgba: rgba(33, 37, 41, 0.62);
	--dark-text: #495057;
	--dark-pale: #ced4da;
	--dark-mild: #adb5bd;
}

/*常规状态*/

.pri,
.primary {
	color: var(--light);
	background-color: var(--primary);
}

.sec,
.secondary {
	color: var(--light);
	background-color: var(--secondary);
}

.suc,
.success {
	color: var(--light);
	background-color: var(--success);
}

.dan,
.danger {
	color: var(--light);
	background-color: var(--danger);
}

.war,
.warning {
	color: var(--dark);
	background-color: var(--warning);
}

.inf,
.information {
	color: var(--dark);
	background-color: var(--information);
}

.lig,
.light {
	color: var(--dark);
	background-color: var(--light);
}

.dar,
.dark {
	color: var(--light);
	background-color: var(--dark);
}

.none {
	color: transparent;
	background-color: transparent;
}

/*浅色状态*/

.pale.pri,
.pale.primary,
.pale-primary {
	color: var(--primary-text);
	background-color: var(--primary-pale);
	border-color: var(--primary-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.sec,
.pale.secondary,
.pale-secondary {
	color: var(--light-text);
	background-color: var(--secondary-pale);
	border-color: var(--secondary-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.suc,
.pale.success,
.pale-success {
	color: var(--success-text);
	background-color: var(--success-pale);
	border-color: var(--success-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.dan,
.pale.danger,
.pale-danger {
	color: var(--danger-text);
	background-color: var(--danger-pale);
	border-color: var(--danger-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.war,
.pale.warning,
.pale-warning {
	color: var(--warning-text);
	background-color: var(--warning-pale);
	border-color: var(--warning-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.inf,
.pale.information,
.pale-information {
	color: var(--information-text);
	background-color: var(--information-pale);
	border-color: var(--information-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.lig,
.pale.light,
.pale-light {
	color: var(--light-text);
	background-color: var(--light-pale);
	border-color: var(--light-mild);
	border-style: solid;
	border-width: 1px;
}

.pale.dar,
.pale.dark,
.pale-dark {
	color: var(--dark-text);
	background-color: var(--dark-pale);
	border-color: var(--dark-mild);
	border-style: solid;
	border-width: 1px;
}

/*半透明状态*/

.alpha.pri,
.alpha.primary,
.alpha-primary {
	color: var(--light);
	background-color: var(--primary-rgba);
}

.alpha.sec,
.alpha.secondary,
.alpha-secondary {
	color: var(--light);
	background-color: var(--secondary-rgba);
}

.alpha.suc,
.alpha.success,
.alpha-success {
	color: var(--light);
	background-color: var(--success-rgba);
}

.alpha.dan,
.alpha.danger,
.alpha-danger {
	color: var(--light);
	background-color: var(--danger-rgba);
}

.alpha.war,
.alpha.warning,
.alpha-warning {
	color: var(--dark);
	background-color: var(--warning-rgba);
}

.alpha.inf,
.alpha.information,
.alpha-information {
	color: var(--dark);
	background-color: var(--information-rgba);
}

.alpha.lig,
.alpha.light,
.alpha-light {
	color: var(--dark);
	background-color: var(--light-rgba);
}

.alpha.dar,
.alpha.dark,
.alpha-dark {
	color: var(--light);
	background-color: var(--dark-rgba);
}

/*文本状态*/

.text.pri,
.text.primary,
.text-primary {
	color: var(--primary-text);
	background-color: unset;
}

.text.sec,
.text.secondary,
.text-secondary {
	color: var(--secondary-text);
	background-color: unset;
}

.text.suc,
.text.success,
.text-success {
	color: var(--success-text);
	background-color: unset;
}

.text.dan,
.text.danger,
.text-danger {
	color: var(--danger-text);
	background-color: unset;
}

.text.war,
.text.warning,
.text-warning {
	color: var(--warning-text);
	background-color: unset;
}

.text.inf,
.text.information,
.text-information {
	color: var(--information-text);
	background-color: unset;
}

.text.lig,
.text.light,
.text-light {
	color: var(--light-text);
	background-color: unset;
}

.text.dar,
.text.dark,
.text-dark {
	color: var(--dark-text);
	background-color: unset;
}

.text.none,
.text-none {
	color: transparent;
	background-color: unset;
}

/*闪烁状态*/

@keyframes warning {

	0%,
	from {
		color: var(--warning);
		background-color: transparent;
	}

	100%,
	to {
		color: var(--dark);
		background-color: var(--warning);
	}
}

.flash.war,
.flash.warning,
.flash-warning {
	animation: warning alternate 0.6s infinite;
}

@keyframes danger {

	0%,
	from {
		color: var(--danger);
		background-color: transparent;
	}

	100%,
	to {
		color: var(--light);
		background-color: var(--danger);
	}
}

.flash.dan,
.flash.danger,
.flash-danger {
	animation: danger alternate 0.6s infinite;
}

/*悬停*/

.hov:hover,
.hover:hover {
	filter: brightness(90%);
	cursor: pointer;
}

.pale.hov:hover,
.pale.hover:hover {
	filter: brightness(90%);
	cursor: pointer;
}

.alpha.hov:hover,
.alpha.hover:hover {
	filter: brightness(90%);
	cursor: pointer;
}

/*选中*/

.sel,
.selected {
	color: var(--selected-text);
	background-color: var(--selected);
}

.pale.sel,
.pale.selected,
.pale-selected {
	color: var(--selected-text);
	background-color: var(--selected-pale);
	border-color: var(--selected-mild);
	border-style: solid;
	border-width: 1px;
}

.alpha.sel,
.alpha.selected,
.alpha-selected {
	color: var(--selected-text);
	background-color: var(--selected-rgba);
}
/*
<form>
	<fieldset>
		<legend></legend>
		<label></label>
		<input type="button" />
		<input type="checkbox" />
		<input type="color" />
		<input type="date" />
		<input type="datetime" />
		<input type="datetime-local" />
		<input type="email" />
		<input type="file" />
		<input type="hidden" />
		<input type="image" />
		<input type="month" />
		<input type="number" />
		<input type="password" />
		<input type="radio" />
		<input type="range" />
		<input type="reset" />
		<input type="search" />
		<input type="submit" />
		<input type="tel" />
		<input type="text" />
		<input type="time" />
		<input type="url" />
		<input type="week" />
		<textarea></textarea>
		<select>
			<optgroup label="Swedish Cars">
				<option value="volvo">Volvo</option>
				<option value="saab">Saab</option>
			</optgroup>
		</select>
		<button></button>
	</fieldset>
	<input list="browsers">
	<datalist id="browsers">
		<option value="Internet Explorer">
		<option value="Firefox">
		<option value="Chrome">
		<option value="Opera">
		<option value="Safari">
	</datalist>
</form>
*/
:root {
	/*圆角*/
	--radius: 0.35rem;
	/*边框*/
	--border: #e0e0e0;
}

form {}

legend {
	font-size: 1rem;
	border-radius: var(--radius);
}

fieldset {
	padding: 0.25rem 1rem 1rem 1rem;
	border-radius: var(--radius);
	border-color: var(--border);
	border-style: solid;
	border-width: 1px;
}

label {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.5rem;
	white-space: nowrap;
	padding: 0.5rem 0 0.5rem 0;
	margin: 0.25rem;
}

input,
textarea,
select,
button,
.button {
	font-family: sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	box-sizing: content-box;
	display: inline-block;
	padding: 0.5rem 0.8rem 0.5rem 0.8rem;
	margin: 0.25rem;

	background-clip: padding-box;
	border-color: var(--border);
	border-style: solid;
	border-width: 1px;
	border-radius: var(--radius);

	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

label,
input,
select,
button {
	vertical-align: middle;
	height: 1.5rem;
}

button:not(:disabled),
.button:not(:disabled),
input[type=reset]:not(:disabled),
input[type=button]:not(:disabled),
input[type=submit]:not(:disabled) {
	padding: 0.5rem 1rem 0.5rem 1rem;
	cursor: pointer;
}

textarea,
input[type="image"] {
	vertical-align: top;
	padding: 0.5rem;
	min-height: 1.5rem;
	height: unset;
}

input[type="range"],
input[type="radio"],
input[type="checkbox"] {
	height: unset;
	padding: 0;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
.button:focus {
	outline: 0;
	border-color: #86b7fe;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

button:not(:disabled):hover,
.button:not(:disabled):hover,
input[type=reset]:not(:disabled):hover,
input[type=button]:not(:disabled):hover,
input[type=submit]:not(:disabled):hover {
	filter: brightness(90%);
}

/*按钮组合*/

.group {
	display: inline-flex;
}

.group label {
	padding: 0.5rem;
	border-color: var(--border);
	border-style: solid;
	border-width: 1px;
	border-radius: var(--radius);
}

.group>:first-child {
	/* border-right-width: 0; */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: 0;
}

.group>:last-child {
	border-left-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
}

.group>:not(:last-child):not(:first-child) {
	/* border-right-width: 0; */
	border-left-width: 0;
	border-radius: 0;
	margin-right: 0;
	margin-left: 0;
}

.group input:focus,
.group button:focus,
.group textarea:focus,
.group select:focus,
.group .button:focus {
	/*避免焦点效果被遮盖*/
	z-index: 8;
}
:root {
	/*默认线条*/
	--line: 1px;
	/*盒子布局主间隔*/
	--space: 1rem;
}

.us,
.unselect {
	/*禁止选中文本*/
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}

.hide {
	/*隐藏*/
	display: none;
	visibility: hidden;
}

/*
布局
横向：h(horizontal)
纵向：v(vertical)
分栏：c(column)
层叠：s(stack)
流动：f(flow)
*/

.h,
.horizontal {
	/*横向布局，内容满铺*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: stretch;
}

.ht,
.horizontal-top {
	/*横向布局，内容靠上*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
}

.hc,
.horizontal-center {
	/*横向布局，内容居中*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
}

.hb,
.horizontal-bottom {
	/*横向布局，内容靠下*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-end;
}

.h>.g,
.h>.grow,
.horizontal>.g,
.horizontal>.grow,
.ht>.g,
.ht>.grow,
.horizontal-top>.g,
.horizontal-top>.grow,
.hc>.g,
.hc>.grow,
.horizontal-center>.g,
.horizontal-center>.grow,
.hb>.g,
.hb>.grow,
.horizontal-bottom>.g,
.horizontal-bottom>.grow {
	/*横向布局，横向增长*/
	flex-grow: 100;
	/*以下修正超长问题*/
	flex-basis: 1%;
	width: 1%;
}

.h>hr,
.horizontal>hr,
.ht>hr,
.horizontal-top>hr,
.hc>hr,
.horizontal-center>hr,
.hb>hr,
.horizontal-bottom>hr {
	/*横向布局，分隔线*/
	width: var(--line);
	height: 100%;
	border: none;
}

.v,
.vertical {
	/*纵向布局，内容满铺*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: stretch;
}

.vl,
.vertical-left {
	/*纵向布局，内容靠左*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
}

.vc,
.vertical-center {
	/*纵向布局，内容居中*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: center;
}

.vr,
.vertical-right {
	/*纵向布局，内容靠右*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-end;
}

.v>.g,
.v>.grow,
.vertical>.g,
.vertical>.grow,
.vl>.g,
.vl>.grow,
.vertical-left>.g,
.vertical-left>.grow,
.vc>.g,
.vc>.grow,
.vertical-center>.g,
.vertical-center>.grow,
.vr>.g,
.vr>.grow,
.vertical-right>.g,
.vertical-right>.grow {
	/*纵向布局，纵向增长*/
	flex-grow: 100;
	/*以下修正超长问题*/
	flex-basis: 1%;
	height: 1%;
}

.v>hr,
.vertical>hr,
.vl>hr,
.vertical-left>hr,
.vc>hr,
.vertical-center>hr,
.vr>hr,
.vertical-right>hr {
	/*纵向布局，分隔线*/
	width: 100%;
	height: var(--line);
	border: none;
}

.s,
.stack {
	/*层叠布局*/
	position: relative;
}

.s>*,
.stack>* {
	position: absolute;
}

.s>.f,
.s>.fill,
.s>.full {
	/*层叠布局，内容满铺*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.s>.t,
.s>.top {
	/*层叠布局，内容顶铺*/
	top: 0;
	left: 0;
	right: 0;
}

.s>.c,
.s>.center {
	/*层叠布局，内容中铺*/
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.s>.b,
.s>.bottom {
	/*层叠布局，内容底铺*/
	left: 0;
	right: 0;
	bottom: 0;
}

.s>.l,
.s>.left {
	/*层叠布局，内容左铺*/
	top: 0;
	left: 0;
	bottom: 0;
}

.s>.m,
.s>.middle {
	/*层叠布局，内容中铺*/
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.s>.r,
.s>.right {
	/*层叠布局，内容右铺*/
	top: 0;
	right: 0;
	bottom: 0;
}

.s>.lt,
.s>.left-top {
	/*层叠布局，内容左上*/
	top: 0;
	left: 0;
}

.s>.lm,
.s>.left-middle {
	/*层叠布局，内容左中*/
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.s>.lb,
.s>.left-bottom {
	/*层叠布局，内容左下*/
	left: 0;
	bottom: 0;
}

.s>.ct,
.s>.center-top {
	/*层叠布局，内容中上*/
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.s>.cm,
.s>.center-middle {
	/*层叠布局，内容居中*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.s>.cb,
.s>.center-bottom {
	/*层叠布局，内容中下*/
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.s>.rt,
.s>.right-top {
	/*层叠布局，内容右上*/
	top: 0;
	right: 0;
}

.s>.rm,
.s>.right-middle {
	/*层叠布局，内容右中*/
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.s>.rb,
.s>.right-bottom {
	/*层叠布局，内容右下*/
	right: 0;
	bottom: 0;
}

/*分栏布局*/

.c0,
.c2,
.c3,
.c4,
.c5,
.c6,
.column-0,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6 {}

.c0,
.column0 {
	break-inside: avoid;
	column-count: 0;
	column-gap: 0;
}

.c2,
.column-2 {
	break-inside: avoid;
	column-count: 2;
	column-gap: 0;
}

.c3,
.column-3 {
	break-inside: avoid;
	column-count: 3;
	column-gap: 0;
}

.c4,
.column-4 {
	break-inside: avoid;
	column-count: 4;
	column-gap: 0;
}

.c5,
.column-5 {
	break-inside: avoid;
	column-count: 5;
	column-gap: 0;
}

.c6,
.column-6 {
	break-inside: avoid;
	column-count: 6;
	column-gap: 0;
}

/*流动布局*/

.f2,
.f3,
.f4,
.f5,
.f6,
.flow-2,
.flow-3,
.flow-4,
.flow-5,
.flow-6 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

.f2>*,
.flow-2>* {
	box-sizing: border-box;
	flex-basis: 50%;
	width: 50%;
}

.f3>*,
.flow-3>* {
	box-sizing: border-box;
	flex-basis: 33.33%;
	width: 33.33%;
}

.f4>*,
.flow-4>* {
	box-sizing: border-box;
	flex-basis: 25%;
	width: 25%;
}

.f5>*,
.flow-5>* {
	box-sizing: border-box;
	flex-basis: 20%;
	width: 20%;
}

.f6>*,
.flow-6>* {
	box-sizing: border-box;
	flex-basis: 16.66%;
	width: 16.66%;
}

/*布局辅助*/

.w0,
.width-0 {
	box-sizing: border-box;
	flex-basis: 0;
	width: 0;
}

.w5,
.width-5 {
	box-sizing: border-box;
	flex-basis: 5%;
	width: 5%;
}

.w10,
.width-10 {
	box-sizing: border-box;
	flex-basis: 10%;
	width: 10%;
}

.w15,
.width-15 {
	box-sizing: border-box;
	flex-basis: 15%;
	width: 15%;
}

.w20,
.width-20 {
	box-sizing: border-box;
	flex-basis: 20%;
	width: 20%;
}

.w25,
.width-25 {
	box-sizing: border-box;
	flex-basis: 25%;
	width: 25%;
}

.w30,
.width-30 {
	box-sizing: border-box;
	flex-basis: 30%;
	width: 30%;
}

.w35,
.width-35 {
	box-sizing: border-box;
	flex-basis: 35%;
	width: 35%;
}

.w40,
.width-40 {
	box-sizing: border-box;
	flex-basis: 40%;
	width: 40%;
}

.w45,
.width-45 {
	box-sizing: border-box;
	flex-basis: 45%;
	width: 45%;
}

.w50,
.width-50 {
	box-sizing: border-box;
	flex-basis: 50%;
	width: 50%;
}

.w55,
.width-55 {
	box-sizing: border-box;
	flex-basis: 55%;
	width: 55%;
}

.w60,
.width-60 {
	box-sizing: border-box;
	flex-basis: 60%;
	width: 60%;
}

.w65,
.width-65 {
	box-sizing: border-box;
	flex-basis: 65%;
	width: 65%;
}

.w70,
.width-70 {
	box-sizing: border-box;
	flex-basis: 70%;
	width: 70%;
}

.w75,
.width-75 {
	box-sizing: border-box;
	flex-basis: 75%;
	width: 75%;
}

.w80,
.width-80 {
	box-sizing: border-box;
	flex-basis: 80%;
	width: 80%;
}

.w85,
.width-85 {
	box-sizing: border-box;
	flex-basis: 85%;
	width: 85%;
}

.w90,
.width-90 {
	box-sizing: border-box;
	flex-basis: 90%;
	width: 90%;
}

.w95,
.width-95 {
	box-sizing: border-box;
	flex-basis: 95%;
	width: 95%;
}

.w100,
.width-100 {
	box-sizing: border-box;
	flex-basis: 100%;
	width: 100%;
}

.w62,
.width-62 {
	box-sizing: border-box;
	flex-basis: 61.8%;
	width: 61.8%;
}

.w38,
.width-38 {
	box-sizing: border-box;
	flex-basis: 38.2%;
	width: 38.2%;
}

.h0,
.height-0 {
	box-sizing: border-box;
	flex-basis: 0;
	height: 0;
}

.h5,
.height-5 {
	box-sizing: border-box;
	flex-basis: 5%;
	height: 5%;
}

.h10,
.height-10 {
	box-sizing: border-box;
	flex-basis: 10%;
	height: 10%;
}

.h15,
.height-15 {
	box-sizing: border-box;
	flex-basis: 15%;
	height: 15%;
}

.h20,
.height-20 {
	box-sizing: border-box;
	flex-basis: 20%;
	height: 20%;
}

.h25,
.height-25 {
	box-sizing: border-box;
	flex-basis: 25%;
	height: 25%;
}

.h30,
.height-30 {
	box-sizing: border-box;
	flex-basis: 30%;
	height: 30%;
}

.h35,
.height-35 {
	box-sizing: border-box;
	flex-basis: 35%;
	height: 35%;
}

.h40,
.height-40 {
	box-sizing: border-box;
	flex-basis: 40%;
	height: 40%;
}

.h45,
.height-45 {
	box-sizing: border-box;
	flex-basis: 45%;
	height: 45%;
}

.h50,
.height-50 {
	box-sizing: border-box;
	flex-basis: 50%;
	height: 50%;
}

.h55,
.height-55 {
	box-sizing: border-box;
	flex-basis: 55%;
	height: 55%;
}

.h60,
.height-60 {
	box-sizing: border-box;
	flex-basis: 60%;
	height: 60%;
}

.h65,
.height-65 {
	box-sizing: border-box;
	flex-basis: 65%;
	height: 65%;
}

.h70,
.height-70 {
	box-sizing: border-box;
	flex-basis: 70%;
	height: 70%;
}

.h75,
.height-75 {
	box-sizing: border-box;
	flex-basis: 75%;
	height: 75%;
}

.h80,
.height-80 {
	box-sizing: border-box;
	flex-basis: 80%;
	height: 80%;
}

.h85,
.height-85 {
	box-sizing: border-box;
	flex-basis: 85%;
	height: 85%;
}

.h90,
.height-90 {
	box-sizing: border-box;
	flex-basis: 90%;
	height: 90%;
}

.h95,
.height-95 {
	box-sizing: border-box;
	flex-basis: 95%;
	height: 95%;
}

.h100,
.height-100 {
	box-sizing: border-box;
	flex-basis: 100%;
	height: 100%;
}

.h62,
.height-62 {
	box-sizing: border-box;
	flex-basis: 61.8%;
	height: 61.8%;
}

.h38,
.height-38 {
	box-sizing: border-box;
	flex-basis: 38.2%;
	height: 38.2%;
}

/*间隔*/

.m0,
.margin-0 {
	margin: 0;
}

.m1,
.margin-1 {
	margin: 1px;
}

.ma,
.margin-auto {
	margin: auto;
}

.ms,
.margin-small {
	margin: calc(var(--space) / 2);
}

.mm,
.margin-medium {
	margin: var(--space);
}

.ml,
.margin-large {
	margin: calc(var(--space) * 2);
}

.mx,
.margin-extra {
	margin: calc(var(--space) * 4);
}

/*横向布局间隔（子元素）*/

.hm0>*,
.horizontal-margin-0>* {
	margin-left: 0;
}

.hm1>*,
.horizontal-margin-1>* {
	margin-left: 1px;
}

.hma>*,
.horizontal-margin-auto>* {
	margin-left: auto;
}

.hms>*,
.horizontal-margin-small>* {
	margin-left: calc(var(--space) / 2);
}

.hmm>*,
.horizontal-margin-medium>* {
	margin-left: var(--space);
}

.hml>*,
.horizontal-margin-large>* {
	margin-left: calc(var(--space) * 2);
}

.hmx>*,
.horizontal-margin-extra>* {
	margin-left: calc(var(--space) * 4);
}

.hm0>:first-child,
.horizontal-margin-0>:first-child,
.hm1>:first-child,
.horizontal-margin-1>:first-child,
.hma>:first-child,
.horizontal-margin-auto>:first-child,
.hms>:first-child,
.horizontal-margin-small>:first-child,
.hmm>:first-child,
.horizontal-margin-medium>:first-child,
.hml>:first-child,
.horizontal-margin-large>:first-child,
.hmx>:first-child,
.horizontal-margin-extra>:first-child {
	margin-left: 0;
}

/*纵向间隔（子元素）*/

.vm0>*,
.vertical-margin-0>* {
	margin-top: 0;
}

.vm1>*,
.vertical-margin-1>* {
	margin-top: 1px;
}

.vma>*,
.vertical-margin-auto>* {
	margin-top: auto;
}

.vms>*,
.vertical-margin-small>* {
	margin-top: calc(var(--space) / 2);
}

.vmm>*,
.vertical-margin-medium>* {
	margin-top: var(--space);
}

.vml>*,
.vertical-margin-large>* {
	margin-top: calc(var(--space) * 2);
}

.vmx>*,
.vertical-margin-extra>* {
	margin-top: calc(var(--space) * 4);
}

.vm0>:first-child,
.vertical-margin-0>:first-child,
.vm1>:first-child,
.vertical-margin-1>:first-child,
.vma>:first-child,
.vertical-margin-auto>:first-child,
.vms>:first-child,
.vertical-margin-small>:first-child,
.vmm>:first-child,
.vertical-margin-medium>:first-child,
.vml>:first-child,
.vertical-margin-large>:first-child,
.vmx>:first-child,
.vertical-margin-extra>:first-child {
	margin-top: 0;
}

/*分栏间隔（子元素）*/

.cm0,
.column-margin-0 {
	column-gap: 0;
}

.cm1,
.column-margin-1 {
	column-gap: 1px;
}

.cms,
.column-margin-small {
	column-gap: calc(var(--space) / 2);
}

.cmm,
.column-margin-medium {
	column-gap: calc(var(--space));
}

.cml,
.column-margin-large {
	column-gap: calc(var(--space) * 2);
}

.cmx,
.column-margin-extra {
	column-gap: calc(var(--space) * 4);
}

/*流动间隔（子元素）*/

.fm1>*,
.flow-margin-1>* {
	margin-bottom: 1px;
	margin-right: 1px;
}

.f2.fm1>*,
.flow-2.flow-margin-1>* {
	flex-basis: calc((100% - 1px) / 2);
	width: calc((100% - 1px) / 2);
}

.f3.fm1>*,
.flow-3.flow-margin-1>* {
	flex-basis: calc((100% - 2px) / 3);
	width: calc((100% - 2px) / 3);
}

.f4.fm1>*,
.flow-4.flow-margin-1>* {
	flex-basis: calc((100% - 3px) / 4);
	width: calc((100% - 3px) / 4);
}

.f5.fm1>*,
.flow-5.flow-margin-1>* {
	flex-basis: calc((100% - 4px) / 5);
	width: calc((100% - 4px) / 5);
}

.f6.fm1>*,
.flow-6.flow-margin-1>* {
	flex-basis: calc((100% - 5px) / 6);
	width: calc((100% - 5px) / 6);
}

.f2.fm1>:nth-child(2n),
.flow-2.flow-margin-1>:nth-child(2n),
.f3.fm1>:nth-child(3n),
.flow-3.flow-margin-1>:nth-child(3n),
.f4.fm1>:nth-child(4n),
.flow-4.flow-margin-1>:nth-child(4n),
.f5.fm1>:nth-child(5n),
.flow-5.flow-margin-1>:nth-child(5n),
.f6.fm1>:nth-child(6n),
.flow-6.flow-margin-1>:nth-child(6n) {
	margin-right: 0;
}

.fms>*,
.flow-margin-small>* {
	margin-bottom: calc(var(--space) / 2);
	margin-right: calc(var(--space) / 2);
}

.f2.fms>*,
.flow-2.flow-margin-small>* {
	flex-basis: calc((100% - var(--space) / 2) / 2);
	width: calc((100% - var(--space) / 2) / 2);
}

.f3.fms>*,
.flow-3.flow-margin-small>* {
	flex-basis: calc((100% - var(--space)) / 3);
	width: calc((100% - var(--space)) / 3);
}

.f4.fms>*,
.flow-4.flow-margin-small>* {
	flex-basis: calc((100% - var(--space) * 1.5) / 4);
	width: calc((100% - var(--space) * 1.5) / 4);
}

.f5.fms>*,
.flow-5.flow-margin-small>* {
	flex-basis: calc((100% - var(--space) * 2) / 5);
	width: calc((100% - var(--space) * 2) / 5);
}

.f6.fms>*,
.flow-6.flow-margin-small>* {
	flex-basis: calc((100% - var(--space) * 2.5) / 6);
	width: calc((100% - var(--space) * 2.5) / 6);
}

.f2.fms>:nth-child(2n),
.flow-2.flow-margin-small>:nth-child(2n),
.f3.fms>:nth-child(3n),
.flow-3.flow-margin-small>:nth-child(3n),
.f4.fms>:nth-child(4n),
.flow-4.flow-margin-small>:nth-child(4n),
.f5.fms>:nth-child(5n),
.flow-5.flow-margin-small>:nth-child(5n),
.f6.fms>:nth-child(6n),
.flow-6.flow-margin-small>:nth-child(6n) {
	margin-right: 0;
}

.fmm>*,
.flow-margin-medium>* {
	margin-bottom: calc(var(--space));
	margin-right: calc(var(--space));
}

.f2.fmm>*,
.flow-2.flow-margin-medium>* {
	flex-basis: calc((100% - var(--space)) / 2);
	width: calc((100% - var(--space)) / 2);
}

.f3.fmm>*,
.flow-3.flow-margin-medium>* {
	flex-basis: calc((100% - var(--space) * 2) / 3);
	width: calc((100% - var(--space) * 2) / 3);
}

.f4.fmm>*,
.flow-4.flow-margin-medium>* {
	flex-basis: calc((100% - var(--space) * 3) / 4);
	width: calc((100% - var(--space) * 3) / 4);
}

.f5.fmm>*,
.flow-5.flow-margin-medium>* {
	flex-basis: calc((100% - var(--space) * 4) / 5);
	width: calc((100% - var(--space) * 4) / 5);
}

.f6.fmm>*,
.flow-6.flow-margin-medium>* {
	flex-basis: calc((100% - var(--space) * 5) / 6);
	width: calc((100% - var(--space) * 5) / 6);
}

.f2.fmm>:nth-child(2n),
.flow-2.flow-margin-medium>:nth-child(2n),
.f3.fmm>:nth-child(3n),
.flow-3.flow-margin-medium>:nth-child(3n),
.f4.fmm>:nth-child(4n),
.flow-4.flow-margin-medium>:nth-child(4n),
.f5.fmm>:nth-child(5n),
.flow-5.flow-margin-medium>:nth-child(5n),
.f6.fmm>:nth-child(6n),
.flow-6.flow-margin-medium>:nth-child(6n) {
	margin-right: 0;
}

.fml>*,
.flow-margin-large>* {
	margin-bottom: calc(var(--space) * 2);
	margin-right: calc(var(--space) * 2);
}

.f2.fml>*,
.flow-2.flow-margin-large>* {
	flex-basis: calc((100% - var(--space) * 2) / 2);
	width: calc((100% - var(--space) * 2) / 2);
}

.f3.fml>*,
.flow-3.flow-margin-large>* {
	flex-basis: calc((100% - var(--space) * 4) / 3);
	width: calc((100% - var(--space) * 4) / 3);
}

.f4.fml>*,
.flow-4.flow-margin-large>* {
	flex-basis: calc((100% - var(--space) * 6) / 4);
	width: calc((100% - var(--space) * 6) / 4);
}

.f5.fml>*,
.flow-5.flow-margin-large>* {
	flex-basis: calc((100% - var(--space) * 8) / 5);
	width: calc((100% - var(--space) * 8) / 5);
}

.f6.fml>*,
.flow-6.flow-margin-large>* {
	flex-basis: calc((100% - var(--space) * 10) / 6);
	width: calc((100% - var(--space) * 10) / 6);
}

.f2.fml>:nth-child(2n),
.flow-2.flow-margin-large>:nth-child(2n),
.f3.fml>:nth-child(3n),
.flow-3.flow-margin-large>:nth-child(3n),
.f4.fml>:nth-child(4n),
.flow-4.flow-margin-large>:nth-child(4n),
.f5.fml>:nth-child(5n),
.flow-5.flow-margin-large>:nth-child(5n),
.f6.fml>:nth-child(6n),
.flow-6.flow-margin-large>:nth-child(6n) {
	margin-right: 0;
}

.fmx>*,
.flow-margin-extra>* {
	margin-bottom: calc(var(--space) * 4);
	margin-right: calc(var(--space) * 4);
}

.f2.fmx>*,
.flow-2.flow-margin-extra>* {
	flex-basis: calc((100% - var(--space) * 4) / 2);
	width: calc((100% - var(--space) * 4) / 2);
}

.f3.fmx>*,
.flow-3.flow-margin-extra>* {
	flex-basis: calc((100% - var(--space) * 8) / 3);
	width: calc((100% - var(--space) * 8) / 3);
}

.f4.fmx>*,
.flow-4.flow-margin-extra>* {
	flex-basis: calc((100% - var(--space) * 12) / 4);
	width: calc((100% - var(--space) * 12) / 4);
}

.f5.fmx>*,
.flow-5.flow-margin-extra>* {
	flex-basis: calc((100% - var(--space) * 16) / 5);
	width: calc((100% - var(--space) * 16) / 5);
}

.f6.fmx>*,
.flow-6.flow-margin-extra>* {
	flex-basis: calc((100% - var(--space) * 20) / 6);
	width: calc((100% - var(--space) * 20) / 6);
}

.f2.fmx>:nth-child(2n),
.flow-2.flow-margin-extra>:nth-child(2n),
.f3.fmx>:nth-child(3n),
.flow-3.flow-margin-extra>:nth-child(3n),
.f4.fmx>:nth-child(4n),
.flow-4.flow-margin-extra>:nth-child(4n),
.f5.fmx>:nth-child(5n),
.flow-5.flow-margin-extra>:nth-child(5n),
.f6.fmx>:nth-child(6n),
.flow-6.flow-margin-extra>:nth-child(6n) {
	margin-right: 0;
}

.f2>:nth-child(2n+1):nth-last-child(-n+2),
.f2>:nth-child(2n+1):nth-last-child(-n+2)~*,
.f3>:nth-child(3n+1):nth-last-child(-n+3),
.f3>:nth-child(3n+1):nth-last-child(-n+3)~*,
.f4>:nth-child(4n+1):nth-last-child(-n+4),
.f4>:nth-child(4n+1):nth-last-child(-n+4)~*,
.f5>:nth-child(5n+1):nth-last-child(-n+5),
.f5>:nth-child(5n+1):nth-last-child(-n+5)~*,
.f6>:nth-child(6n+1):nth-last-child(-n+6),
.f6>:nth-child(6n+1):nth-last-child(-n+6)~* {
	/* 重置最后一行 来自"永远不会太晚" */
	margin-bottom: 0;
}

/*填充空间*/

.p0,
.padding-0 {
	padding: 0;
}

.p1,
.padding-1 {
	padding: 1px;
}

.pa,
.padding-auto {
	padding: auto;
}

.ps,
.padding-small {
	padding: calc(var(--space) / 2);
}

.pm,
.padding-medium {
	padding: var(--space);
}

.pl,
.padding-large {
	padding: calc(var(--space) * 2);
}

.px,
.padding-extra {
	padding: calc(var(--space) * 4);
}

/*圆角*/

.br0,
.border-radius-0 {
	border-radius: 0;
}

.br1,
.border-radius-1 {
	border-radius: 1px;
}

.brs,
.border-radius-small {
	border-radius: calc(var(--space) / 4);
}

.brm,
.border-radius-medium {
	border-radius: calc(var(--space) / 2);
}

.brl,
.border-radius-large {
	border-radius: calc(var(--space) * 1);
}

.brx,
.border-radius-extra {
	border-radius: calc(var(--space) * 2);
}

.br,
.border-radius {
	border-radius: var(--radius);
}

/*滚动条*/

.sa,
.scroll-auto {
	overflow: auto;
	overflow: overlay;
}

.sx,
.scroll-x {
	overflow-x: auto;
	overflow-x: overlay;
	overflow-y: hidden;
}

.sy,
.scroll-y {
	overflow-x: hidden;
	overflow-y: auto;
	overflow-y: overlay;
}

.sa,
.sx,
.sy {
	/* 滚动条样式*/
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

/*文本对齐*/

.tl,
.text-left {
	text-align: left;
}

.tc,
.text-center {
	text-align: center;
}

.tr,
.text-right {
	text-align: right;
}

.te,
.text-ellipsis {
	/*文本超出范围显示省略号*/
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
}

.tn,
.text-nowrap {
	/*文本禁止换行*/
	white-space: nowrap;
	overflow: clip;
}

.ts,
.text-scroll {
	/*文本溢出滚动，容器限制显示*/
	overflow: hidden;
	white-space: nowrap;
}

.ts>*,
.text-scroll>* {
	/*文本溢出滚动，动画*/
	display: inline-block;
	animation: scroll 10s linear infinite;
	animation-delay: 1s;
}

.ts:hover,
.ts:hover>*,
.text-scroll:hover,
.text-scroll:hover>* {
	/*文本溢出滚动，停止*/
	animation-play-state: paused;
}

@keyframes scroll {
	0% {}

	100% {
		transform: translateX(-100%);
	}
}

/*遮罩*/

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	/*半透明*/
	background-color: rgba(00, 00, 0, 0.5);
}

.mask>* {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*阴影*/

.s0,
.sb0,
.ss0,
.shadow-0,
.shadow-blur-0,
.shadow-sharp-0 {
	box-shadow: none;
}

.sb1,
.shadow-blur-1 {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

.sbs,
.shadow-blur-small {
	box-shadow: calc(var(--space) / 4) calc(var(--space) / 4) calc(var(--space) / 4) rgba(0, 0, 0, .1);
}

.sbm,
.shadow-blur-medium {
	box-shadow: calc(var(--space) / 2) calc(var(--space) / 2) calc(var(--space) / 2) rgba(0, 0, 0, .1);
}

.sbl,
.shadow-blur-large {
	box-shadow: var(--space) var(--space) var(--space) rgba(0, 0, 0, .1);
}

.sbx,
.shadow-blur-extra {
	box-shadow: calc(var(--space) * 2) calc(var(--space) * 2) calc(var(--space) * 2) rgba(0, 0, 0, .1);
}

.ss1,
.shadow-sharp-1 {
	box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.2);
}

.sss,
.shadow-sharp-small {
	box-shadow: calc(var(--space) / 4) calc(var(--space) / 4) rgba(0, 0, 0, .1);
}

.ssm,
.shadow-sharp-medium {
	box-shadow: calc(var(--space) / 2) calc(var(--space) / 2) rgba(0, 0, 0, .1);
}

.ssl,
.shadow-sharp-large {
	box-shadow: var(--space) var(--space) rgba(0, 0, 0, .1);
}

.ssx,
.shadow-sharp-extra {
	box-shadow: calc(var(--space) * 2) calc(var(--space) * 2) rgba(0, 0, 0, .1);
}

/*模糊背景*/

.b0,
.blur-0 {
	backdrop-filter: none;
}

.bs,
.blur-small {
	backdrop-filter: blur(calc(var(--space) / 4));
}

.bm,
.blur-medium {
	backdrop-filter: blur(calc(var(--space) / 2));
}

.bm,
.blur-large {
	backdrop-filter: blur(var(--space));
}

.bm,
.blur-extra {
	backdrop-filter: blur(calc(var(--space) * 2));
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/**
 * Obsidian style
 * ported by Alexander Marenin (http://github.com/ioncreature)
 */
.hljs {
  color: #e0e2e4;
  background: #282b2e
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-selector-id {
  color: #93c763
}
.hljs-number {
  color: #ffcd22
}
.hljs-attribute {
  color: #668bb0
}
.hljs-regexp,
.hljs-link {
  color: #d39745
}
.hljs-meta {
  color: #557182
}
.hljs-tag,
.hljs-name,
.hljs-bullet,
.hljs-subst,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #8cbbad
}
.hljs-string,
.hljs-symbol {
  color: #ec7600
}
.hljs-comment,
.hljs-quote,
.hljs-deletion {
  color: #818e96
}
.hljs-selector-class {
  color: #A082BD
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold
}
.hljs-code,
.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-section {
  color: white
}