:root {
	--toc-width: 350px;
	--toc-width-min: 280px;

	--nav-height: 60px;
	--nav-height-safe-top: 100px;
	/* 视图定位 */
	--toc-fixed-top: 60px;
	--toc-fixed-left: 0px;
	/* 背景颜色 */
	--toc-bg-color: #f6f8fa;
	--toc-bg-color-hover: #f3f3f3;
	--toc-bg-color-active: #f3f3f3;

	--bg-dark: #303846;


	--logo-bg-color: #25c2a0;
	--nav-bg-color: #ffffff;

	/* 字体大小 */
	--toc-font-size-base: 16px;


	/* border-radius-md */
	--border-radius-md: 5px;
	/* 字体颜色 */
	--toc-font-color: #606770;
	--toc-font-color-active: #25c2a0;

	--font-color-reverse: #EBEDF0;

	/* 垂直间距 */
	--toc-padding-vertical: 0.375rem;
	/* 水平间距 */
	--toc-padding-horizontal: 0.75rem;
	--nav-padding-lg: 1.75rem;
	/* 动画相关 */
	--toc-transition-fast: 300ms;
	/* shadow */
	--global-shadow-lw: 0 1px 2px 0 rgba(0, 0, 0, .1);
	--global-shadow-md: 0 5px 40px rgba(0, 0, 0, .2);
	--global-shadow-tl: 0 12px 28px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
	/* z-index */
	--index-top: 99;
	--index-midel: 50;
}

body.typora-export {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.page-flex-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

#write {
	padding-top: var(--nav-height-safe-top) !important;
	max-width: 38em !important;
}

#write h1,
h2 {
	margin-top: 0 !important;
}

#write h1,
h2>span {
	padding-top: var(--nav-height) !important;
	display: block;
}

.header-box-fixed {
	max-height: 60px;
	padding: var(--toc-padding-vertical) var(--nav-padding-lg);
	border-radius: var(--border-radius-md);
	position: fixed;
	z-index: var(--index-top);
	top: 0;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: var(--global-shadow-lw);
	background-color: var(--nav-bg-color);
}

.header-box-fixed ul,
li {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

ul.header-box-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

ul.header-box-left>li.header-box-center-item {
	display: block;
	white-space: normal;
}

ul.header-box-left>li.header-box-center-item>a {
	color: var(--toc-font-color);
	display: block;
	padding: var(--toc-padding-vertical) var(--toc-padding-horizontal);
}

ul.header-box-left>li.header-box-center-item>a.a-active {
	color: var(--toc-font-color-active);
	text-decoration: none;
}

ul.header-box-left>li.header-box-center-item>a:hover {
	color: var(--toc-font-color-active);
	text-decoration: none;
}

a.logo-image-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 10px !important;
	margin-right: 60px;
	border-radius: var(--border-radius-md);
	background-color: var(--logo-bg-color);
	transform: scale(0.8);
}

a.logo-image-box>img {
	flex-grow: 0;
	width: 30px;
	height: 27px;
}

.header-box-right>.header-box-right-item>a {
	color: var(--toc-font-color);
	display: block;
	padding: var(--toc-padding-vertical) var(--toc-padding-horizontal);
}

.footer {
	position: relative;
	z-index: var(--index-top);
	min-height: var(--nav-height);
	padding: 32px 16px;
	margin-top: 32px;
}

.footer-dark {
	background-color: var(--bg-dark);
	color: var(--font-color-reverse);
}

.footer-text-center {
	text-align: center;
}

.footer_copy_right {}

.header-box-right>.header-box-right-item>a:hover {
	color: var(--toc-font-color-active);
	text-decoration: none;
}

.js-toc {
	position: fixed;
	width: var(--toc-width);
	padding: .5rem 0 .5rem .5rem;
	top: var(--toc-fixed-top);
	left: var(--toc-fixed-left);
	height: 100vh;
	background-color: var(--toc-bg-color);
	overflow-y: scroll;
}

@media (max-width: 1350px) {
	.js-toc {
		width: var(--toc-width-min);
		overflow: hidden;
	}

	#write {
		position: relative;
		left: 80px;
	}
}

@media (max-width: 1090px) {
	.js-toc {
		width: 0px;
		overflow: hidden;
	}
}

.toc div {
	box-sizing: border-box;
}

.toc {
	overflow-y: auto
}

.toc>.toc-list {
	overflow: hidden;
	position: relative
}

.toc .toc-list {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.toc .toc-list .toc-list-item {
	flex-grow: 1;
}

.toc>.toc-list li {
	list-style: none
}

.toc * {
	width: 100%;
}

.toc-list {
	margin: 0;
	padding-left: var(--toc-padding-horizontal);

}

.toc-list>.toc-list-item {
	flex-grow: 1;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.toc-list-item>.toc-link {
	flex-grow: 1;
}

.toc-list-item>a.toc-link {
	display: block;
	flex-grow: 1;
	font-size: var(--toc-font-size-base);
}

.toc-list-item>a.toc-link:hover {
	text-decoration: none;
	background-color: var(--toc-bg-color-hover) !important;
}

.toc-list-item>a:active {
	text-decoration: none;
}

a.toc-link {
	color: var(--toc-font-color);
	display: block;
	padding: var(--toc-padding-vertical) var(--toc-padding-horizontal);
}

.is-collapsible {
	max-height: 1000px;
	overflow: hidden;
	transition: all var(--toc-transition-fast) ease-in-out
}

.is-collapsed {
	/*自动折叠左侧导航栏，已注释*/
	/* max-height: 0; */
}

.is-position-fixed {
	position: fixed !important;
	top: 0
}

.is-active-link {
	color: var(--toc-font-color-active) !important;
	background-color: var(--toc-bg-color-active);
	/* font-weight: 700 */
}

.toc-link::before {
	background-color: #eee;
	content: " ";
	display: inline-block;
	height: inherit;
	left: 0;
	margin-top: -1px;
	position: absolute;
	width: 2px
}

.is-active-link::before {
	/* background-color: #54bc4b */
}

/*# sourceMappingURL=tocbot.css.map */