/**
 * typecho-theme-aria - Theme Aria for Typecho crafted by Siphils
 * 
 * Based on original work by Siphils
 * @author SweetenedSuzuka
 * @version v1.10.0
 * @link https://suzuka.cc
 * @license GNU General Public License v2.0
 * 
 */
@charset "utf-8";

/* =========================================
   CSS 变量
========================================= */

:root {
	/* 点缀色 */
	--aria-color-primary: #fb7299;
	--aria-color-primary-hover: #f25d8e;
	--aria-color-primary-light: #fc8bab;
	--aria-bg-body: #f2f2f2;
	
	/* 玻璃态与半透明容器底色 */
	--aria-bg-container: rgba(255, 255, 255, 0.9);
	--aria-bg-glass-heavy: rgba(255, 255, 255, 0.65);
	--aria-bg-glass-medium: rgba(255, 255, 255, 0.5);
	--aria-bg-glass-light: rgba(255, 255, 255, 0.4);
	--aria-bg-mobile-nav: rgba(242, 242, 242, 0.85);
	--aria-bg-search: rgba(255, 255, 255, 0.05);
	
	/* 文本层级 */
	--aria-text-main: #444444;
	--aria-text-heading: #333333;
	--aria-text-muted: #8a8a8a;
	--aria-text-link: #333333;
	--aria-text-link-hover: grey;
	--aria-nav-ink-dark: rgba(38, 40, 44, 0.86);
	--aria-nav-ink-dark-hover: rgba(22, 24, 28, 0.96);
	--aria-nav-ink-light: rgba(248, 250, 252, 0.9);
	--aria-nav-ink-light-hover: rgba(255, 255, 255, 0.98);
	--aria-nav-ink-shadow-dark: none;
	--aria-nav-ink-shadow-light: 0 1px 10px rgba(0, 0, 0, 0.18);
	--aria-nav-sub-ink-dark: rgba(42, 44, 48, 0.88);
	--aria-nav-sub-ink-dark-hover: rgba(20, 22, 26, 0.96);
	--aria-nav-sub-ink-light: rgba(248, 250, 252, 0.92);
	--aria-nav-sub-ink-light-hover: rgba(255, 255, 255, 0.98);
	--aria-nav-sub-ink-shadow-dark: none;
	--aria-nav-sub-ink-shadow-light: 0 1px 10px rgba(0, 0, 0, 0.22);
	
	/* 边框 */
	--aria-border-color: #e1e1e1;
	--aria-border-dashed: #dadada;
	
	/* 圆角 */
	--aria-radius-sm: 5px;
	--aria-radius-md: 10px;
	--aria-radius-lg: 14px;
	
	/* 阴影 */
	--aria-shadow-base: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
	--aria-shadow-hover: 0 5px 10px 5px rgba(110, 110, 110, 0.4);
	--aria-shadow-nav: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
	--aria-shadow-nav-sub: 0 -4px 20px -1px rgba(0, 0, 0, 0.06), 0 -4px 40px 0 rgba(0, 0, 0, 0.06), 0 -1px 10px 0 rgba(0, 0, 0, 0.08);
	--aria-shadow-footer: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.4);
	
	/* 过渡动画 */
	--aria-transition-time: 0.35s;
	--aria-transition-timing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	
	--aria-duration-fast: 150ms;
	--aria-duration-normal: 300ms;
	--aria-duration-slow: 500ms;
	
	--aria-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* 入场/展开/位移 (缓出 expo) */
	--aria-ease-in: cubic-bezier(0.7, 0, 0.84, 0);  /* 退场/收起 (缓入 expo) */
	--aria-ease-in-out: cubic-bezier(0.87, 0, 0.13, 1); /* 状态平滑切换 */

	/* Optical Lens 模糊透镜参数 */
	--aria-optical-toc-blur: 18px;
	--aria-optical-toc-bg: rgba(255, 255, 255, 0.1);
	--aria-optical-toc-border: rgba(255, 255, 255, 0.34);
	--aria-optical-toc-shadow: 0 14px 36px -14px rgba(0, 0, 0, 0.18);
	--aria-optical-toc-shadow-active: 0 18px 42px -16px rgba(0, 0, 0, 0.22);

	--aria-optical-pagination-blur: 40px;
	--aria-optical-pagination-bg: rgba(242, 242, 242, 0.12);
	--aria-optical-pagination-bg-awake: rgba(242, 242, 242, 0.16);
	--aria-optical-pagination-border: rgba(68, 68, 68, 0.08);
	--aria-optical-pagination-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
	--aria-optical-pagination-shadow-awake: 0 18px 36px rgba(0, 0, 0, 0.1);

	--aria-optical-nav-sub-blur: 28px;
	--aria-optical-nav-sub-bg: rgba(248, 249, 251, 0.14);
	--aria-optical-nav-sub-border: rgba(255, 255, 255, 0.24);
	--aria-optical-nav-sub-shadow: 0 18px 40px rgba(0, 0, 0, 0.12), 0 8px 18px rgba(0, 0, 0, 0.06);
	--aria-optical-nav-sub-shadow-active: 0 22px 46px rgba(0, 0, 0, 0.14), 0 10px 22px rgba(0, 0, 0, 0.08);
}

/* =========================================
   CSS 变量 — 结束
========================================= */

/* =========================================
   Optical Surface 模糊透镜
========================================= */

body.aria-style-aria-continuo #aria-optical-surfaces {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 20;
}

body.aria-style-aria-continuo .aria-optical-surface {
	position: fixed;
	left: 0;
	top: 0;
	width: var(--aria-optical-width, 0px);
	height: var(--aria-optical-height, 0px);
	box-sizing: border-box;
	border-radius: var(--aria-optical-radius, 10px);
	transform: translate3d(var(--aria-optical-x, -9999px), var(--aria-optical-y, -9999px), 0);
	opacity: 0;
	transition: box-shadow 220ms var(--aria-ease-out), background-color 220ms var(--aria-ease-out), border-color 220ms var(--aria-ease-out);
	-webkit-backdrop-filter: blur(var(--aria-optical-blur, 20px)) saturate(145%);
	backdrop-filter: blur(var(--aria-optical-blur, 20px)) saturate(145%);
	will-change: transform, width, height, opacity;
}

body.aria-style-aria-continuo .aria-optical-surface.is-visible {
	opacity: 1;
}

/* TOC 透镜 */
body.aria-style-aria-continuo .aria-optical-surface--toc {
	--aria-optical-blur: var(--aria-optical-toc-blur);
	background: var(--aria-optical-toc-bg);
	border: 1px solid var(--aria-optical-toc-border);
	box-shadow: var(--aria-optical-toc-shadow);
	transition: opacity 220ms var(--aria-ease-out), box-shadow var(--aria-duration-normal) var(--aria-ease-out), background-color var(--aria-duration-normal) var(--aria-ease-out), border-color var(--aria-duration-normal) var(--aria-ease-out);
}

body.aria-style-aria-continuo .aria-optical-surface--toc:not(.aria-toc-entering):not(.aria-toc-ready) {
	opacity: 0;
}

body.aria-style-aria-continuo .aria-optical-surface--toc.aria-toc-entering {
	animation: aria-toc-optical-intro var(--aria-duration-normal) var(--aria-ease-out) both;
}

body.aria-style-aria-continuo .aria-optical-surface--toc.has-active {
	box-shadow: var(--aria-optical-toc-shadow-active);
}

@keyframes aria-toc-optical-intro {
	from {
		opacity: 0;
		box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0.12);
	}

	to {
		opacity: 1;
		box-shadow: var(--aria-optical-toc-shadow);
	}
}

/* 分页透镜 */
body.aria-style-aria-continuo .aria-optical-surface--pagination {
	--aria-optical-blur: var(--aria-optical-pagination-blur);
	background: var(--aria-optical-pagination-bg);
	border: 1px solid var(--aria-optical-pagination-border);
	box-shadow: var(--aria-optical-pagination-shadow);
}

body.aria-style-aria-continuo .aria-optical-surface--pagination.is-awake {
	background: var(--aria-optical-pagination-bg-awake);
	box-shadow: var(--aria-optical-pagination-shadow-awake);
}

/* 导航子菜单透镜 */
body.aria-style-aria-continuo .aria-optical-surface--nav-submenu {
	--aria-optical-blur: var(--aria-optical-nav-sub-blur);
	background: var(--aria-optical-nav-sub-bg);
	border: 1px solid var(--aria-optical-nav-sub-border);
	box-shadow: var(--aria-optical-nav-sub-shadow);
	opacity: 0;
	transition: opacity 260ms var(--aria-ease-out), box-shadow 420ms var(--aria-ease-out), background-color 320ms var(--aria-ease-out), border-color 320ms var(--aria-ease-out);
}

body.aria-style-aria-continuo .aria-optical-surface--nav-submenu.is-visible.show-sub.aria-submenu-entered {
	opacity: 1;
	box-shadow: var(--aria-optical-nav-sub-shadow-active);
}

body.aria-style-aria-continuo .aria-optical-surface--nav-submenu.is-visible.show-sub.aria-submenu-closing {
	opacity: 0;
	box-shadow: var(--aria-optical-nav-sub-shadow);
	transition: opacity 240ms var(--aria-ease-in), box-shadow 320ms var(--aria-ease-in-out), background-color 260ms var(--aria-ease-in-out), border-color 260ms var(--aria-ease-in-out);
}

/* =========================================
   Optical Surface — 结束
========================================= */

/* =========================================
   Normalize / 浏览器默认样式复位
========================================= */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
b,
strong {
	font-weight: bolder
}

button,
hr,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

progress,
sub,
sup {
	vertical-align: baseline
}

.post-content pre .code-ln td.code-ln-numbers,
.comment-text pre .code-ln td.code-ln-numbers,
.iconfont {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none
}

#footer p:first-child,
#nav-btns i,
#nav-vertical i,
#response,
a {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: ButtonText dotted 1px
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

/* =========================================
   Normalize — 结束
========================================= */

/* =========================================
   网格系统 / container、row、col
========================================= */

.container,
.row [class*=col-] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px
}

.row {
	margin-right: -10px;
	margin-left: -10px
}

.row [class*=col-] {
	float: left;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}

.row [class*="-push-"],
.row [class*="-pull-"] {
	position: relative
}

.col-mb-1 {
	width: 8.33333%
}

.col-mb-2 {
	width: 16.66667%
}

.col-mb-3 {
	width: 25%
}

.col-mb-4 {
	width: 33.33333%
}

.col-mb-5 {
	width: 41.66667%
}

.col-mb-6 {
	width: 50%
}

.col-mb-7 {
	width: 58.33333%
}

.col-mb-8 {
	width: 66.66667%
}

.col-mb-9 {
	width: 75%
}

.col-mb-10 {
	width: 83.33333%
}

.col-mb-11 {
	width: 91.66667%
}

.col-mb-12 {
	width: 100%
}

@media(min-width:768px) {
	.container {
		max-width: 728px
	}

	.col-tb-1 {
		width: 8.33333%
	}

	.col-tb-2 {
		width: 16.66667%
	}

	.col-tb-3 {
		width: 25%
	}

	.col-tb-4 {
		width: 33.33333%
	}

	.col-tb-5 {
		width: 41.66667%
	}

	.col-tb-6 {
		width: 50%
	}

	.col-tb-7 {
		width: 58.33333%
	}

	.col-tb-8 {
		width: 66.66667%
	}

	.col-tb-9 {
		width: 75%
	}

	.col-tb-10 {
		width: 83.33333%
	}

	.col-tb-11 {
		width: 91.66667%
	}

	.col-tb-12 {
		width: 100%
	}

	.col-tb-offset-0 {
		margin-left: 0
	}

	.col-tb-offset-1 {
		margin-left: 8.33333%
	}

	.col-tb-offset-2 {
		margin-left: 16.66667%
	}

	.col-tb-offset-3 {
		margin-left: 25%
	}

	.col-tb-offset-4 {
		margin-left: 33.33333%
	}

	.col-tb-offset-5 {
		margin-left: 41.66667%
	}

	.col-tb-offset-6 {
		margin-left: 50%
	}

	.col-tb-offset-7 {
		margin-left: 58.33333%
	}

	.col-tb-offset-8 {
		margin-left: 66.66667%
	}

	.col-tb-offset-9 {
		margin-left: 75%
	}

	.col-tb-offset-10 {
		margin-left: 83.33333%
	}

	.col-tb-offset-11 {
		margin-left: 91.66667%
	}

	.col-tb-offset-12 {
		margin-left: 100%
	}

	.col-tb-pull-0 {
		right: 0
	}

	.col-tb-pull-1 {
		right: 8.33333%
	}

	.col-tb-pull-2 {
		right: 16.66667%
	}

	.col-tb-pull-3 {
		right: 25%
	}

	.col-tb-pull-4 {
		right: 33.33333%
	}

	.col-tb-pull-5 {
		right: 41.66667%
	}

	.col-tb-pull-6 {
		right: 50%
	}

	.col-tb-pull-7 {
		right: 58.33333%
	}

	.col-tb-pull-8 {
		right: 66.66667%
	}

	.col-tb-pull-9 {
		right: 75%
	}

	.col-tb-pull-10 {
		right: 83.33333%
	}

	.col-tb-pull-11 {
		right: 91.66667%
	}

	.col-tb-pull-12 {
		right: 100%
	}

	.col-tb-push-0 {
		left: 0
	}

	.col-tb-push-1 {
		left: 8.33333%
	}

	.col-tb-push-2 {
		left: 16.66667%
	}

	.col-tb-push-3 {
		left: 25%
	}

	.col-tb-push-4 {
		left: 33.33333%
	}

	.col-tb-push-5 {
		left: 41.66667%
	}

	.col-tb-push-6 {
		left: 50%
	}

	.col-tb-push-7 {
		left: 58.33333%
	}

	.col-tb-push-8 {
		left: 66.66667%
	}

	.col-tb-push-9 {
		left: 75%
	}

	.col-tb-push-10 {
		left: 83.33333%
	}

	.col-tb-push-11 {
		left: 91.66667%
	}

	.col-tb-push-12 {
		left: 100%
	}
}

@media(min-width:992px) {
	.container {
		max-width: 952px
	}

	.col-1 {
		width: 8.33333%
	}

	.col-2 {
		width: 16.66667%
	}

	.col-3 {
		width: 25%
	}

	.col-4 {
		width: 33.33333%
	}

	.col-5 {
		width: 41.66667%
	}

	.col-6 {
		width: 50%
	}

	.col-7 {
		width: 58.33333%
	}

	.col-8 {
		width: 66.66667%
	}

	.col-9 {
		width: 75%
	}

	.col-10 {
		width: 83.33333%
	}

	.col-11 {
		width: 91.66667%
	}

	.col-12 {
		width: 100%
	}

	.col-offset-0 {
		margin-left: 0
	}

	.col-offset-1 {
		margin-left: 8.33333%
	}

	.col-offset-2 {
		margin-left: 16.66667%
	}

	.col-offset-3 {
		margin-left: 25%
	}

	.col-offset-4 {
		margin-left: 33.33333%
	}

	.col-offset-5 {
		margin-left: 41.66667%
	}

	.col-offset-6 {
		margin-left: 50%
	}

	.col-offset-7 {
		margin-left: 58.33333%
	}

	.col-offset-8 {
		margin-left: 66.66667%
	}

	.col-offset-9 {
		margin-left: 75%
	}

	.col-offset-10 {
		margin-left: 83.33333%
	}

	.col-offset-11 {
		margin-left: 91.66667%
	}

	.col-offset-12 {
		margin-left: 100%
	}

	.col-pull-0 {
		right: 0
	}

	.col-pull-1 {
		right: 8.33333%
	}

	.col-pull-2 {
		right: 16.66667%
	}

	.col-pull-3 {
		right: 25%
	}

	.col-pull-4 {
		right: 33.33333%
	}

	.col-pull-5 {
		right: 41.66667%
	}

	.col-pull-6 {
		right: 50%
	}

	.col-pull-7 {
		right: 58.33333%
	}

	.col-pull-8 {
		right: 66.66667%
	}

	.col-pull-9 {
		right: 75%
	}

	.col-pull-10 {
		right: 83.33333%
	}

	.col-pull-11 {
		right: 91.66667%
	}

	.col-pull-12 {
		right: 100%
	}

	.col-push-0 {
		left: 0
	}

	.col-push-1 {
		left: 8.33333%
	}

	.col-push-2 {
		left: 16.66667%
	}

	.col-push-3 {
		left: 25%
	}

	.col-push-4 {
		left: 33.33333%
	}

	.col-push-5 {
		left: 41.66667%
	}

	.col-push-6 {
		left: 50%
	}

	.col-push-7 {
		left: 58.33333%
	}

	.col-push-8 {
		left: 66.66667%
	}

	.col-push-9 {
		left: 75%
	}

	.col-push-10 {
		left: 83.33333%
	}

	.col-push-11 {
		left: 91.66667%
	}

	.col-push-12 {
		left: 100%
	}
}

@media(min-width:1200px) {
	.container {
		max-width: 1160px
	}

	.col-wd-1 {
		width: 8.33333%
	}

	.col-wd-2 {
		width: 16.66667%
	}

	.col-wd-3 {
		width: 25%
	}

	.col-wd-4 {
		width: 33.33333%
	}

	.col-wd-5 {
		width: 41.66667%
	}

	.col-wd-6 {
		width: 50%
	}

	.col-wd-7 {
		width: 58.33333%
	}

	.col-wd-8 {
		width: 66.66667%
	}

	.col-wd-9 {
		width: 75%
	}

	.col-wd-10 {
		width: 83.33333%
	}

	.col-wd-11 {
		width: 91.66667%
	}

	.col-wd-12 {
		width: 100%
	}

	.col-wd-offset-0 {
		margin-left: 0
	}

	.col-wd-offset-1 {
		margin-left: 8.33333%
	}

	.col-wd-offset-2 {
		margin-left: 16.66667%
	}

	.col-wd-offset-3 {
		margin-left: 25%
	}

	.col-wd-offset-4 {
		margin-left: 33.33333%
	}

	.col-wd-offset-5 {
		margin-left: 41.66667%
	}

	.col-wd-offset-6 {
		margin-left: 50%
	}

	.col-wd-offset-7 {
		margin-left: 58.33333%
	}

	.col-wd-offset-8 {
		margin-left: 66.66667%
	}

	.col-wd-offset-9 {
		margin-left: 75%
	}

	.col-wd-offset-10 {
		margin-left: 83.33333%
	}

	.col-wd-offset-11 {
		margin-left: 91.66667%
	}

	.col-wd-offset-12 {
		margin-left: 100%
	}

	.col-wd-pull-0 {
		right: 0
	}

	.col-wd-pull-1 {
		right: 8.33333%
	}

	.col-wd-pull-2 {
		right: 16.66667%
	}

	.col-wd-pull-3 {
		right: 25%
	}

	.col-wd-pull-4 {
		right: 33.33333%
	}

	.col-wd-pull-5 {
		right: 41.66667%
	}

	.col-wd-pull-6 {
		right: 50%
	}

	.col-wd-pull-7 {
		right: 58.33333%
	}

	.col-wd-pull-8 {
		right: 66.66667%
	}

	.col-wd-pull-9 {
		right: 75%
	}

	.col-wd-pull-10 {
		right: 83.33333%
	}

	.col-wd-pull-11 {
		right: 91.66667%
	}

	.col-wd-pull-12 {
		right: 100%
	}

	.col-wd-push-0 {
		left: 0
	}

	.col-wd-push-1 {
		left: 8.33333%
	}

	.col-wd-push-2 {
		left: 16.66667%
	}

	.col-wd-push-3 {
		left: 25%
	}

	.col-wd-push-4 {
		left: 33.33333%
	}

	.col-wd-push-5 {
		left: 41.66667%
	}

	.col-wd-push-6 {
		left: 50%
	}

	.col-wd-push-7 {
		left: 58.33333%
	}

	.col-wd-push-8 {
		left: 66.66667%
	}

	.col-wd-push-9 {
		left: 75%
	}

	.col-wd-push-10 {
		left: 83.33333%
	}

	.col-wd-push-11 {
		left: 91.66667%
	}

	.col-wd-push-12 {
		left: 100%
	}
}

@media(max-width:767px) {
	.kit-hidden-mb {
		display: none
	}
}

@media(max-width:991px) {
	.kit-hidden-tb {
		display: none
	}
}

@media(max-width:1199px) {
	.kit-hidden {
		display: none
	}
}

.clearfix,
.row {
	zoom: 1
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
	content: " ";
	display: table
}

.clearfix:after,
.row:after {
	clear: both
}

/* =========================================
   网格系统 — 结束
========================================= */

/* =========================================
   Notyf / 通知组件与动画
========================================= */

@-webkit-keyframes a {
	0% {
		opacity: 0;
		bottom: -15px;
		max-height: 0;
		max-width: 0;
		margin-top: 0
	}

	30% {
		opacity: .8;
		bottom: -3px
	}

	to {
		opacity: 1;
		bottom: 0;
		max-height: 200px;
		margin-top: 12px;
		max-width: 400px
	}
}

@keyframes a {
	0% {
		opacity: 0;
		bottom: -15px;
		max-height: 0;
		max-width: 0;
		margin-top: 0
	}

	30% {
		opacity: .8;
		bottom: -3px
	}

	to {
		opacity: 1;
		bottom: 0;
		max-height: 200px;
		margin-top: 12px;
		max-width: 400px
	}
}

@-webkit-keyframes b {
	0% {
		opacity: 1;
		bottom: 0
	}

	30% {
		opacity: .2;
		bottom: -3px
	}

	to {
		opacity: 0;
		bottom: -15px
	}
}

@keyframes b {
	0% {
		opacity: 1;
		bottom: 0
	}

	30% {
		opacity: .2;
		bottom: -3px
	}

	to {
		opacity: 0;
		bottom: -15px
	}
}

@-webkit-keyframes c {
	0% {
		opacity: 0
	}

	30% {
		opacity: .5
	}

	to {
		opacity: .6
	}
}

@keyframes c {
	0% {
		opacity: 0
	}

	30% {
		opacity: .5
	}

	to {
		opacity: .6
	}
}

@-webkit-keyframes d {
	0% {
		opacity: .6
	}

	30% {
		opacity: .1
	}

	to {
		opacity: 0
	}
}

@keyframes d {
	0% {
		opacity: .6
	}

	30% {
		opacity: .1
	}

	to {
		opacity: 0
	}
}

.notyf-container {
	position: fixed;
	bottom: 20px;
	right: 30px;
	width: 20%;
	color: #fff;
	z-index: 110
}

.notyf-container .notyf-alert-icon,
.notyf-container .notyf-confirm-icon {
	height: 21px;
	width: 21px;
	background: #fff;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	position: relative
}

.notyf-container .notyf-alert-icon:after,
.notyf-container .notyf-alert-icon:before {
	content: "";
	background: #ed3d3d;
	display: block;
	position: absolute;
	width: 3px;
	border-radius: 3px;
	left: 9px
}

.notyf-container .notyf-alert-icon:after {
	height: 3px;
	top: 14px
}

.notyf-container .notyf-alert-icon:before {
	height: 8px;
	top: 4px
}

.notyf-container .notyf-confirm-icon:after,
.notyf-container .notyf-confirm-icon:before {
	content: "";
	background: #3dc763;
	display: block;
	position: absolute;
	width: 3px;
	border-radius: 3px
}

.notyf-container .notyf-confirm-icon:after {
	height: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 9px;
	left: 6px
}

.notyf-container .notyf-confirm-icon:before {
	height: 11px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
	left: 10px
}

.notyf-container .notyf {
	display: block;
	overflow: hidden;
	-webkit-animation: a .3s forwards;
	animation: a .3s forwards;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .45);
	position: relative;
	padding-right: 13px;
	border-radius: 5px
}

.notyf-container .notyf.alert {
	background: #ed3d3d
}

.notyf-container .notyf.confirm {
	background: #3dc763
}

.notyf-container .notyf.disappear {
	-webkit-animation: b .3s 1 forwards;
	animation: b .3s 1 forwards;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.notyf-container .notyf.disappear .notyf-message {
	opacity: 1;
	-webkit-animation: b .3s 1 forwards;
	animation: b .3s 1 forwards;
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.notyf-container .notyf.disappear .notyf-icon {
	opacity: 1;
	-webkit-animation: d .3s 1 forwards;
	animation: d .3s 1 forwards
}

.notyf-container .notyf-wrapper {
	display: table;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	border-radius: 3px
}

.notyf-container .notyf-icon {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3em;
	opacity: 0;
	-webkit-animation: c .5s forwards;
	animation: c .5s forwards;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.notyf-container .notyf-message {
	display: table-cell;
	width: 80%;
	vertical-align: middle;
	position: relative;
	opacity: 0;
	-webkit-animation: a .3s forwards;
	animation: a .3s forwards;
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.submit,
.ui.checkbox {
	vertical-align: baseline
}

@media only screen and (max-width:736px) {
	.notyf-container {
		width: 90%;
		margin: 0 auto;
		display: block;
		right: 0;
		left: 0
	}
}

/* =========================================
   Notyf — 结束
========================================= */

/* =========================================
   语法高亮
========================================= */

/* 关键字 */
body.aria-style-aria-continuo .post-content pre .hljs-keyword,
body.aria-style-aria-continuo .post-content pre .hljs-selector-tag,
body.aria-style-aria-continuo .post-content pre .hljs-tag,
body.aria-style-aria-continuo .comment-text pre .hljs-keyword,
body.aria-style-aria-continuo .comment-text pre .hljs-selector-tag,
body.aria-style-aria-continuo .comment-text pre .hljs-tag {
	color: #cf222e
}

/* 函数名、标题 */
body.aria-style-aria-continuo .post-content pre .hljs-name,
body.aria-style-aria-continuo .post-content pre .hljs-title,
body.aria-style-aria-continuo .post-content pre .hljs-selector-class,
body.aria-style-aria-continuo .comment-text pre .hljs-name,
body.aria-style-aria-continuo .comment-text pre .hljs-title,
body.aria-style-aria-continuo .comment-text pre .hljs-selector-class {
	color: #8250df
}

/* 字符串 */
body.aria-style-aria-continuo .post-content pre .hljs-string,
body.aria-style-aria-continuo .post-content pre .hljs-regexp,
body.aria-style-aria-continuo .post-content pre .hljs-selector-attr,
body.aria-style-aria-continuo .post-content pre .hljs-selector-pseudo,
body.aria-style-aria-continuo .comment-text pre .hljs-string,
body.aria-style-aria-continuo .comment-text pre .hljs-regexp,
body.aria-style-aria-continuo .comment-text pre .hljs-selector-attr,
body.aria-style-aria-continuo .comment-text pre .hljs-selector-pseudo {
	color: #0a3069
}

/* 数字 */
body.aria-style-aria-continuo .post-content pre .hljs-number,
body.aria-style-aria-continuo .post-content pre .hljs-literal,
body.aria-style-aria-continuo .post-content pre .hljs-symbol,
body.aria-style-aria-continuo .comment-text pre .hljs-number,
body.aria-style-aria-continuo .comment-text pre .hljs-literal,
body.aria-style-aria-continuo .comment-text pre .hljs-symbol {
	color: #0550ae
}

/* 注释 */
body.aria-style-aria-continuo .post-content pre .hljs-comment,
body.aria-style-aria-continuo .post-content pre .hljs-meta,
body.aria-style-aria-continuo .post-content pre .hljs-meta .hljs-keyword,
body.aria-style-aria-continuo .comment-text pre .hljs-comment,
body.aria-style-aria-continuo .comment-text pre .hljs-meta,
body.aria-style-aria-continuo .comment-text pre .hljs-meta .hljs-keyword {
	color: #6e7781
}

/* 属性 */
body.aria-style-aria-continuo .post-content pre .hljs-attribute,
body.aria-style-aria-continuo .post-content pre .hljs-code,
body.aria-style-aria-continuo .post-content pre .hljs-selector-id,
body.aria-style-aria-continuo .comment-text pre .hljs-attribute,
body.aria-style-aria-continuo .comment-text pre .hljs-code,
body.aria-style-aria-continuo .comment-text pre .hljs-selector-id {
	color: #8250df
}

/* 内置类型 */
body.aria-style-aria-continuo .post-content pre .hljs-built_in,
body.aria-style-aria-continuo .post-content pre .hljs-type,
body.aria-style-aria-continuo .post-content pre .hljs-section,
body.aria-style-aria-continuo .comment-text pre .hljs-built_in,
body.aria-style-aria-continuo .comment-text pre .hljs-type,
body.aria-style-aria-continuo .comment-text pre .hljs-section {
	color: #953800
}

/* 变量 */
body.aria-style-aria-continuo .post-content pre .hljs-variable,
body.aria-style-aria-continuo .post-content pre .hljs-subst,
body.aria-style-aria-continuo .post-content pre .hljs-template-variable,
body.aria-style-aria-continuo .comment-text pre .hljs-variable,
body.aria-style-aria-continuo .comment-text pre .hljs-subst,
body.aria-style-aria-continuo .comment-text pre .hljs-template-variable {
	color: #953800
}

/* 删除 */
body.aria-style-aria-continuo .post-content pre .hljs-deletion,
body.aria-style-aria-continuo .comment-text pre .hljs-deletion {
	color: #82071e
}

/* 新增 */
body.aria-style-aria-continuo .post-content pre .hljs-addition,
body.aria-style-aria-continuo .post-content pre .hljs-doctag,
body.aria-style-aria-continuo .comment-text pre .hljs-addition,
body.aria-style-aria-continuo .comment-text pre .hljs-doctag {
	color: #116329
}

/* 链接 */
body.aria-style-aria-continuo .post-content pre .hljs-link,
body.aria-style-aria-continuo .comment-text pre .hljs-link {
	color: #0550ae;
	text-decoration: underline
}

/* 引用 */
body.aria-style-aria-continuo .post-content pre .hljs-quote,
body.aria-style-aria-continuo .comment-text pre .hljs-quote {
	color: #6e7781
}

/* 标点、符号 */
body.aria-style-aria-continuo .post-content pre .hljs-bullet,
body.aria-style-aria-continuo .comment-text pre .hljs-bullet {
	color: #24292f
}

/* 强调 */
body.aria-style-aria-continuo .post-content pre .hljs-emphasis,
body.aria-style-aria-continuo .comment-text pre .hljs-emphasis {
	font-style: italic
}

body.aria-style-aria-continuo .post-content pre .hljs-strong,
body.aria-style-aria-continuo .comment-text pre .hljs-strong {
	font-weight: 700
}

/* =========================================
   语法高亮 — 结束
========================================= */

/* =========================================
   图标字体 / 全局选择 / 滚动条
========================================= */

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	user-select: none
}

::selection {
	background-color: rgba(0, 0, 0, .7);
	color: #fff
}

::-moz-selection {
	background-color: rgba(0, 0, 0, .7);
	color: #fff
}

::-webkit-selection {
	background-color: rgba(0, 0, 0, .7);
	color: #fff
}

::-webkit-scrollbar-track-piece {
	background-color: #f8f8f8
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #8a8a8a;
	box-shadow: inset 0 0 6px #8a8a8a;
	border-radius: 10px;
	background-color: #8a8a8a
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px #8a8a8a;
	box-shadow: inset 0 0 6px #8a8a8a;
	background-color: #8a8a8a
}

::-webkit-scrollbar-thumb:hover {
	background-color: #8a8a8abf
}

/* =========================================
   图标字体 / 全局选择 / 滚动条 — 结束
========================================= */