@media all and (max-width:600px){
    html.dark nav#Header_head-menu__ofiV5 {
        background: url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/background-night.png) top fixed!important
    }
    nav#Header_head-menu__ofiV5 {
        background: url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/background-night.png) top fixed
    }
}

.Message_wrap__3GJT3 {
	display: block;
	margin: 12px auto;
	text-align: center
}

.Message_inner-wrap__2zq_R {
	border-radius: 2em;
	padding: 10px 16px;
	-webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
	display: grid;
	position: relative;
	background-color: var(--shizuku-background-color);
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: Message_fade-small-large__1gsHc .3s both;
	-moz-animation: Message_fade-small-large__1gsHc .3s both;
	animation: Message_fade-small-large__1gsHc .3s both
}

.Message_inner-wrap__2zq_R .Message_icon__q7PIN {
	display: inline
}

.Message_inner-wrap__2zq_R .Message_message__129UJ {
	display: inline-block;
	color: var(--shizuku-text-color);
	padding-left: 12px;
	white-space: nowrap
}

.Message_inner-wrap__2zq_R.Message_appear__3wQqj {
	-webkit-animation: Message_fade-small-large__1gsHc .3s both;
	-moz-animation: Message_fade-small-large__1gsHc .3s both;
	animation: Message_fade-small-large__1gsHc .3s both
}

.Message_inner-wrap__2zq_R.Message_disappear__2NJ3C {
	-webkit-animation: Message_fade-large-small__1dHXT .3s both;
	-moz-animation: Message_fade-large-small__1dHXT .3s both;
	animation: Message_fade-large-small__1dHXT .3s both
}

.Message_container__1KPvv {
	position: fixed;
	top: 8px;
	right: 0;
	left: 0;
	z-index: 999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}

.Message_rotate__JFvrS {
	-webkit-animation: Message_rotate__JFvrS 1s linear infinite;
	-moz-animation: Message_rotate__JFvrS 1s linear infinite;
	animation: Message_rotate__JFvrS 1s linear infinite
}

@-webkit-keyframes Message_rotate__JFvrS {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-moz-keyframes Message_rotate__JFvrS {
	0% {
		-moz-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes Message_rotate__JFvrS {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes Message_fade-small-large__1gsHc {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes Message_fade-small-large__1gsHc {
	0% {
		opacity: 0;
		-moz-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes Message_fade-small-large__1gsHc {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes Message_fade-large-small__1dHXT {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
}

@-moz-keyframes Message_fade-large-small__1dHXT {
	0% {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-moz-transform: scale(.5);
		transform: scale(.5)
	}
}

@keyframes Message_fade-large-small__1dHXT {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5)
	}
}

.texty {
	position: relative
}

.texty span {
	display: inline-block;
	white-space: pre-wrap
}

.texty.mask-bottom,.texty.mask-top {
	overflow: hidden
}[data-rmiz-wrap=hidden],[data-rmiz-wrap=visible] {
	position: relative;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}[data-rmiz-wrap=hidden] {
	visibility: hidden
}[data-rmiz-overlay] {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color
}[data-rmiz-btn-close],[data-rmiz-btn-open] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	font: inherit;
	color: inherit;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}[data-rmiz-btn-open] {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}[data-rmiz-btn-close] {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out
}[data-rmiz-modal-content] {
	position: absolute;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-moz-transition-property: transform,-moz-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform,-moz-transform;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	transform-origin: center center
}
/*
@font-face {
	font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:100;src:local("Noto Sans SC Thin"),local("NotoSansSC-Thin"),url(/_next/static/media/noto-sans-sc-vietnamese-100.0e6ae0e3ac8bc8dbe3dd2d1641a68711.woff2) format("woff2"),url(/_next/static/media/noto-sans-sc-vietnamese-100.bfcbb5df033d9ef8298ebe6c91f4a020.woff) format("woff")
}

@font-face {
	font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:300;src:local("Noto Sans SC Light"),local("NotoSansSC-Light"),url(/_next/static/media/noto-sans-sc-vietnamese-300.8ce4c4e9242d9ca1c3efc61a17bb7b84.woff2) format("woff2"),url(/_next/static/media/noto-sans-sc-vietnamese-300.49f2f4dc81309872dadf78f0998ff4d4.woff) format("woff")
}

@font-face {
	font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:400;src:local("Noto Sans SC Regular"),local("NotoSansSC-Regular"),url(/_next/static/media/noto-sans-sc-vietnamese-400.5b1aa1c8bb3a2e3a785290245fc98718.woff2) format("woff2"),url(/_next/static/media/noto-sans-sc-vietnamese-400.1f602353a9e415d294581dcfb53f58a5.woff) format("woff")
}

@font-face {
	font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:500;src:local("Noto Sans SC Medium"),local("NotoSansSC-Medium"),url(/_next/static/media/noto-sans-sc-vietnamese-500.8f53bee9fefdafb542338b3ec745fd66.woff2) format("woff2"),url(/_next/static/media/noto-sans-sc-vietnamese-500.0c00d13aa9f6e252a22f79f364045012.woff) format("woff")
}

@font-face {
	font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:700;src:local("Noto Sans SC Bold"),local("NotoSansSC-Bold"),url(/_next/static/media/noto-sans-sc-vietnamese-700.be612c7fb620b02b1f3c2609a71df5d3.woff2) format("woff2"),url(/_next/static/media/noto-sans-sc-vietnamese-700.b0269a450dafc95ab68d95b36447a4eb.woff) format("woff")
}

@font-face {
	font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:900;src:local("Noto Sans SC Black"),local("NotoSansSC-Black"),url(/_next/static/media/noto-sans-sc-vietnamese-900.d38f5ed03186be993f03030b5e787474.woff2) format("woff2"),url(/_next/static/media/noto-sans-sc-vietnamese-900.8777e5e61fd096987c3ffc7479bbaacd.woff) format("woff")
}
*/
body,code,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,legend,ol,p,pre,ul {
	margin: 0;
	padding: 0
}

*,:after,:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
	display: block
}

html {
	color: #353535;
	scroll-behavior: smooth;
	font: 16px/1.5 Microsoft Yahei,PingFang SC,Hiragino Sans GB,sans-serif
}

html.font-s {
	font-size: 14px
}

html.font-m {
	font-size: 16px
}

html.font-l {
	font-size: 18px
}

:root {
	--red: #ea644a;
	--yellow: #ffb03a;
	--blue: #3498db;
	--green: #27a17e
}

@media screen and (max-width:768px) {
	html.font-auto {
		font-size: 14px
	}
}

@media screen and (min-width:1921px) {
	html.font-auto {
		font-size: 18px
	}
}

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

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

::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px
}

::-webkit-scrollbar-track {
	border-radius: 5px
}

::-webkit-scrollbar-track:hover {
	background: rgba(0,0,0,.05)
}

body::-webkit-scrollbar-track {
	border-radius: 0
}

.wrap {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 1.25em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.wrap.min {
	max-width: 800px
}

.wrap.mid {
	max-width: 1000px
}

.wrap.max {
	max-width: 1400px
}

.wrap.full {
	max-width: 100%
}

.wrap.thin {
	padding: 0 .75em
}

.wrap.thick {
	padding: 0 1.5em
}

.wrap.clear {
	padding-left: 0;
	padding-right: 0
}

.float-none {
	float: none!important
}

.float-left {
	float: left!important
}

.float-right {
	float: right!important
}

.clearfix:after {
	content: "";
	clear: both;
	display: block
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 1rem
}

h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child {
	margin-bottom: 0
}

p {
	line-height: 1.8;
	margin-bottom: 1em
}

a {
	color: #3498db;
	text-decoration: none
}

a:hover {
	color: #ffc670
}

abbr[title] {
	cursor: help;
	text-decoration: none;
	border-bottom: 1px dotted
}

em,kbd,mark {
	font-size: .85em;
	padding: .25em .5em;
	border-radius: .5em
}

em {
	color: #fff;
	font-style: normal;
	background: #3498db
}

em.red {
	background: var(--red)
}

em.yellow {
	background: var(--yellow)
}

em.blue {
	background: var(--blue)
}

em.green {
	background: var(--green)
}

kbd {
	color: #fff;
	background: #333;
	font-family: Consolas,Courier New,monospace,微软雅黑
}

audio,iframe,img,svg,video {
	max-width: 100%;
	vertical-align: middle
}

audio,video {
	outline: none
}

article {
	word-break: break-all;
	letter-spacing: .03em
}

article>* {
	margin-bottom: 1em
}

article>:last-child {
	margin-bottom: 0
}

article h1,article h2,article h3 {
	font-size: 1.2em
}

article h4,article h5,article h6 {
	font-size: 1.1em
}

article dl,article ol,article ul {
	line-height: 1.8
}

button {
	outline: 0
}

.btn {
	color: inherit;
	cursor: pointer;
	background: #fff;
	padding: .5em 1em;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid transparent
}

.btn:hover {
	color: inherit
}

.btn[disabled] {
	opacity: .5;
	cursor: not-allowed
}

.btn.small {
	font-size: .85em
}

.btn.large,.btn.middle {
	padding: .75em 1.5em
}

.btn.large {
	font-size: 1.2em
}

.btn.blue,.btn.green,.btn.red,.btn.yellow {
	color: #fff
}

.btn.red {
	background: #ea644a;
	background: var(--red)
}

.btn.yellow {
	background: #ffb03a;
	background: var(--yellow)
}

.btn.blue {
	background: #3498db;
	background: var(--blue)
}

.btn.green {
	background: #27a17e;
	background: var(--green)
}

.btn.transparent {
	background: transparent
}

code,pre {
	font-family: Consolas,Courier New,monospace,微软雅黑
}

:not(pre)>code {
	color: #c40b00;
	font-size: 85%;
	word-wrap: normal;
	border-radius: .5em;
	padding: .25em .5em;
	word-break: break-all;
	background-color: #f7f2f4
}

pre>code {
	color: #fff;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	padding: 1em;
	display: block;
	overflow-x: auto;
	word-break: normal;
	font-size: inherit;
	border-radius: 5px;
	background-color: #333
}

#write code::-webkit-scrollbar {
    display: none;
}

ol,ul {
	margin-left: 1.25em
}

ol.clear,ul.clear {
	margin-left: 0;
	list-style: none
}

dl dd {
	margin-left: 1.5em
}

dl dd:before {
	content: "--";
	margin-right: .25em
}

.btn,a {
	transition: color .3s,background .3s;
	-o-transition: color .3s,background .3s;
	-moz-transition: color .3s,background .3s;
	-webkit-transition: color .3s,background .3s
}

blockquote {
	margin: 0 0 1em;
	line-height: 1.8;
	font-style: oblique;
	background: #f5fafd;
	padding: 1em 1em 1em 2em;
	border-left: 5px solid #3498db
}

cite {
	color: #3498db;
	font-style: normal
}

hr {
	border: 0;
	margin: 1.5em 0;
	border-top: 1px solid rgba(0,0,0,.5)
}

hr.light {
	border-top: 1px solid hsla(0,0%,100%,.5)
}

input[disabled],textarea[disabled] {
	cursor: no-drop!important
}

input[disabled],input[readonly],textarea[disabled] {
	background: #ebebe4
}

input,select,textarea {
	outline: none;
	font: inherit;
	max-width: 100%;
	background: none;
	vertical-align: middle
}

input[type*=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
	padding: .5em;
	color: inherit;
	border-radius: 4px;
	border: 1px solid #ccc;
	min-height: -webkit-calc(2.5em + 2px);
	min-height: -moz-calc(2.5em + 2px);
	min-height: calc(2.5em + 2px)
}

input.invalid,input:out-of-range {
	border-color: #c40b00;
	background: rgba(255,0,0,.1)
}

::-webkit-file-upload-button {
	color: #fff;
	border: none;
	outline: none;
	display: block;
	padding: .5em 1em;
	background: #3498db;
	border-radius: .5em
}

input[type=range] {
	margin: 0;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: ew-resize;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
	overflow: hidden;
	min-height: 1.5rem
}

input[type=range]:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none
}

input[type=range]:active::-webkit-slider-thumb {
	border-color: #3498db;
	background-color: #3498db
}

input[type=range]:active::-moz-range-thumb {
	border-color: #3498db;
	background-color: #3498db
}

input[type=range]:focus::-ms-thumb {
	border-color: #9c27b0;
	background-color: #673ab7
}

input[type=range]::-moz-focus-outer {
	border: 0
}

input[type=range]::-webkit-slider-runnable-track {
	background: #3498db;
	content: "";
	height: 2px;
	pointer-events: none
}

input[type=range]::-webkit-slider-thumb {
	width: 14px;
	height: 14px;
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: 50px;
	margin-top: -6px;
	border: 1px solid rgba(0,0,0,.15);
	-webkit-transition: border-color .3s,background-color .3s;
	transition: border-color .3s,background-color .3s
}

input[type=range]::-moz-range-track {
	width: 240px;
	height: 2px;
	background: rgba(0,50,126,.12)
}

input[type=range]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50px;
	border: 1px solid rgba(0,30,75,.12);
	position: relative;
	-moz-transition: border-color .3s,background-color .3s;
	transition: border-color .3s,background-color .3s
}

input[type=range]::-moz-range-progress {
	height: 2px;
	background: #467fcf;
	border: 0;
	margin-top: 0
}

textarea {
	display: block;
	resize: vertical
}

progress {
	overflow: auto;
	border-radius: 50px
}

progress::-webkit-progress-bar {
	background-color: #eee
}

input[type=checkbox],input[type=radio] {
	float: left;
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
	position: relative;
	margin: 0 .5em 0 0;
	-moz-appearance: none;
	-webkit-appearance: none
}

input[type=checkbox]:before,input[type=radio]:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	border-radius: .2em;
	-webkit-box-shadow: inset 0 0 0 1px #ccc;
	box-shadow: inset 0 0 0 1px #ccc;
	-webkit-transition: background .3s,-webkit-box-shadow .3s;
	transition: background .3s,-webkit-box-shadow .3s;
	-moz-transition: background .3s,box-shadow .3s;
	transition: background .3s,box-shadow .3s;
	transition: background .3s,box-shadow .3s,-webkit-box-shadow .3s
}

input[type=checkbox]:after {
	top: 10%;
	left: 10%;
	width: 30%;
	height: 60%;
	content: "";
	position: absolute;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-moz-transition: transform .3s,-moz-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s,-moz-transform .3s;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	border-right: .15em solid #fff;
	border-bottom: .15em solid #fff;
	-webkit-transform: rotate(45deg) scale(0);
	-moz-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0)
}

input[type=radio],input[type=radio]:before {
	border-radius: 100%
}

input[type=checkbox],input[type=checkbox]:before {
	border-radius: .2em
}

input[type=radio]:checked:before {
	background: #3498db;
	border: 2px solid #3498db;
	-webkit-box-shadow: inset 0 0 0 .2em #fff;
	box-shadow: inset 0 0 0 .2em #fff
}

input[type=checkbox]:checked:before {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #3498db
}

input[type=checkbox]:checked:after {
	-webkit-transform: rotate(45deg) scale(1);
	-moz-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1)
}

input[type=checkbox].switch {
	width: 4em;
	height: 2em;
	float: none;
	cursor: pointer;
	background: #eee;
	position: relative;
	border-radius: 50px;
	border: 1px solid #ddd;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: border .3s,background .3s;
	-moz-transition: border .3s,background .3s;
	transition: border .3s,background .3s
}

input[type=checkbox].switch:before {
	margin: 0;
	border: 0;
	width: 2em;
	height: 2em;
	content: "";
	display: block;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff;
	position: absolute;
	border-radius: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-moz-transition: transform .3s,-moz-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
}

input[type=checkbox].switch:after {
	content: normal
}

input[type=checkbox].switch:checked {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #3498db;
	border-color: #3498db
}

input.switch:checked:before {
	background: #fff;
	-webkit-transform: translateX(2em);
	-moz-transform: translateX(2em);
	transform: translateX(2em)
}

fieldset {
	border: none;
	margin-bottom: 2em
}

fieldset>* {
	margin-bottom: 1em
}

fieldset:last-child {
	margin-bottom: 0
}

fieldset legend {
	margin: 0 0 1em
}

fieldset input:not([type=checkbox]):not([type=radio]),fieldset select,fieldset textarea {
	width: 100%
}

fieldset label {
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 1em
}

fieldset label span:first-child {
	font-size: .85em;
	white-space: nowrap;
	margin-bottom: .5rem;
	display: inline-block;
	color: rgba(0,0,0,.6)
}

fieldset label.required span:after {
	color: red;
	content: "*";
	margin-left: .25em
}

fieldset .has-group {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

fieldset .has-group input:not([type=checkbox]):not([type=radio]) {
	width: auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border-right: none
}

fieldset .has-group .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

form .inline label {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 .75em .75em 0
}

.ks-table {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: 5px
}

table {
	border: 0;
	width: 100%;
	max-width: 100%;
	border-collapse: collapse
}

table td,table th {
	padding: .75em;
	text-align: left;
	vertical-align: top
}

table>thead>tr {
	border-bottom: 2px solid #ccc
}

table>tbody>tr {
	border-bottom: 1px solid #ddd
}

table>tbody>tr:last-child {
	border-bottom: 0
}

table>tbody>tr {
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s
}

table>tbody>tr:hover {
	background: #eee
}

table>tbody>tr>td,table>tbody>tr>th,table>tfoot>tr>td,table>tfoot>tr>th,table>thead>tr>td,table>thead>tr>th {
	white-space: nowrap
}

table.fill {
	border: 1px solid transparent
}

table.fill>thead {
	background: #3498db;
	border-left: 1px solid #3498db;
	border-right: 1px solid #3498db
}

table.fill>thead>tr {
	border-bottom: none
}

table.fill>thead>tr>td,table.fill>thead>tr>th {
	color: #fff
}

table.fill>tbody {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

table.fill>tbody>tr:nth-child(2n),table.fill>tbody>tr:nth-child(2n)>th {
	background: #f7f7f7
}

iframe {
	border: none
}

.row {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1em -2em
}

.row.s {
	margin: 0 -.5em -1em
}

.row.m {
	margin: 0 -1.25em -2.5em
}

.row.l {
	margin: 0 -1.5em -3em
}

.row.full {
	margin: 0
}

.row.clear {
	margin-bottom: 0
}

.row.scrollable {
	overflow: auto;
	margin-left: 0;
	margin-right: 0;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.row.right {
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.row.center {
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.row.around {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.row.between {
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.row [class*=col-] {
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0 1em;
	max-width: 100%;
	margin-bottom: 2em
}

.row.s [class*=col-] {
	padding: 0 .5em;
	margin-bottom: 1em
}

.row.m [class*=col-] {
	padding: 0 1.25em;
	margin-bottom: 2.5em
}

.row.l [class*=col-] {
	padding: 0 1.5em;
	margin-bottom: 3em
}

.row.full [class*=col-] {
	padding: 0;
	margin-bottom: 0
}

@media screen and (min-width:600px) {
	.col-s-left-1 {
		right: 8.3333%
	}

	.col-s-left-2 {
		right: 16.6666%
	}

	.col-s-left-3 {
		right: 25%
	}

	.col-s-left-4 {
		right: 33.3333%
	}

	.col-s-left-5 {
		right: 41.6666%
	}

	.col-s-left-6 {
		right: 50%
	}

	.col-s-left-7 {
		right: 58.3333%
	}

	.col-s-left-8 {
		right: 66.6666%
	}

	.col-s-left-9 {
		right: 75%
	}

	.col-s-left-10 {
		right: 83.3333%
	}

	.col-s-left-11 {
		right: 91.6666%
	}

	.col-s-left-12 {
		right: 100%
	}

	.col-s-right-1 {
		left: 8.3333%
	}

	.col-s-right-2 {
		left: 16.6666%
	}

	.col-s-right-3 {
		left: 25%
	}

	.col-s-right-4 {
		left: 33.3333%
	}

	.col-s-right-5 {
		left: 41.6666%
	}

	.col-s-right-6 {
		left: 50%
	}

	.col-s-right-7 {
		left: 58.3333%
	}

	.col-s-right-8 {
		left: 66.6666%
	}

	.col-s-right-9 {
		left: 75%
	}

	.col-s-right-10 {
		left: 83.3333%
	}

	.col-s-right-11 {
		left: 91.6666%
	}

	.col-s-right-12 {
		left: 100%
	}
}

@media screen and (min-width:900px) {
	.col-m-left-1 {
		right: 8.3333%
	}

	.col-m-left-2 {
		right: 16.6666%
	}

	.col-m-left-3 {
		right: 25%
	}

	.col-m-left-4 {
		right: 33.3333%
	}

	.col-m-left-5 {
		right: 41.6666%
	}

	.col-m-left-6 {
		right: 50%
	}

	.col-m-left-7 {
		right: 58.3333%
	}

	.col-m-left-8 {
		right: 66.6666%
	}

	.col-m-left-9 {
		right: 75%
	}

	.col-m-left-10 {
		right: 83.3333%
	}

	.col-m-left-11 {
		right: 91.6666%
	}

	.col-m-left-12 {
		right: 100%
	}

	.col-m-right-1 {
		left: 8.3333%
	}

	.col-m-right-2 {
		left: 16.6666%
	}

	.col-m-right-3 {
		left: 25%
	}

	.col-m-right-4 {
		left: 33.3333%
	}

	.col-m-right-5 {
		left: 41.6666%
	}

	.col-m-right-6 {
		left: 50%
	}

	.col-m-right-7 {
		left: 58.3333%
	}

	.col-m-right-8 {
		left: 66.6666%
	}

	.col-m-right-9 {
		left: 75%
	}

	.col-m-right-10 {
		left: 83.3333%
	}

	.col-m-right-11 {
		left: 91.6666%
	}

	.col-m-right-12 {
		left: 100%
	}

	.col-l-left-1 {
		right: 8.3333%
	}

	.col-l-left-2 {
		right: 16.6666%
	}

	.col-l-left-3 {
		right: 25%
	}

	.col-l-left-4 {
		right: 33.3333%
	}

	.col-l-left-5 {
		right: 41.6666%
	}

	.col-l-left-6 {
		right: 50%
	}

	.col-l-left-7 {
		right: 58.3333%
	}

	.col-l-left-8 {
		right: 66.6666%
	}

	.col-l-left-9 {
		right: 75%
	}

	.col-l-left-10 {
		right: 83.3333%
	}

	.col-l-left-11 {
		right: 91.6666%
	}

	.col-l-left-12 {
		right: 100%
	}

	.col-l-right-1 {
		left: 8.3333%
	}

	.col-l-right-2 {
		left: 16.6666%
	}

	.col-l-right-3 {
		left: 25%
	}

	.col-l-right-4 {
		left: 33.3333%
	}

	.col-l-right-5 {
		left: 41.6666%
	}

	.col-l-right-6 {
		left: 50%
	}

	.col-l-right-7 {
		left: 58.3333%
	}

	.col-l-right-8 {
		left: 66.6666%
	}

	.col-l-right-9 {
		left: 75%
	}

	.col-l-right-10 {
		left: 83.3333%
	}

	.col-l-right-11 {
		left: 91.6666%
	}

	.col-l-right-12 {
		left: 100%
	}
}

.row .col-auto {
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%
}

.row .col-1 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 8.3333%;
	flex: 0 0 8.3333%;
	max-width: 8.3333%
}

.row .col-2 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 16.6666%;
	flex: 0 0 16.6666%;
	max-width: 16.6666%
}

.row .col-3 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.row .col-4 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	max-width: 33.3333%
}

.row .col-5 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 41.6666%;
	flex: 0 0 41.6666%;
	max-width: 41.6666%
}

.row .col-6 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.row .col-7 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 58.3333%;
	flex: 0 0 58.3333%;
	max-width: 58.3333%
}

.row .col-8 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 66.6666%;
	flex: 0 0 66.6666%;
	max-width: 66.6666%
}

.row .col-9 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.row .col-10 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 83.3333%;
	flex: 0 0 83.3333%;
	max-width: 83.3333%
}

.row .col-11 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 91.6666%;
	flex: 0 0 91.6666%;
	max-width: 91.6666%
}

.row .col-12 {
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

@media screen and (min-width:600px) {
	.row .col-s-1 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		max-width: 8.3333%
	}

	.row .col-s-2 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		max-width: 16.6666%
	}

	.row .col-s-3 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row .col-s-4 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.row .col-s-5 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		max-width: 41.6666%
	}

	.row .col-s-6 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row .col-s-7 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		max-width: 58.3333%
	}

	.row .col-s-8 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		max-width: 66.6666%
	}

	.row .col-s-9 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.row .col-s-10 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		max-width: 83.3333%
	}

	.row .col-s-11 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 91.6666%;
		flex: 0 0 91.6666%;
		max-width: 91.6666%
	}

	.row .col-s-12 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media screen and (min-width:900px) {
	.row .col-m-1 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		max-width: 8.3333%
	}

	.row .col-m-2 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		max-width: 16.6666%
	}

	.row .col-m-3 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row .col-m-4 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.row .col-m-5 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		max-width: 41.6666%
	}

	.row .col-m-6 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row .col-m-7 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		max-width: 58.3333%
	}

	.row .col-m-8 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		max-width: 66.6666%
	}

	.row .col-m-9 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.row .col-m-10 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		max-width: 83.3333%
	}

	.row .col-m-11 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 91.6666%;
		flex: 0 0 91.6666%;
		max-width: 91.6666%
	}

	.row .col-m-12 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media screen and (min-width:1024px) {
	.row .col-l-1 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		max-width: 8.3333%
	}

	.row .col-l-2 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		max-width: 16.6666%
	}

	.row .col-l-3 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row .col-l-4 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.row .col-l-5 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		max-width: 41.6666%
	}

	.row .col-l-6 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row .col-l-7 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		max-width: 58.3333%
	}

	.row .col-l-8 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		max-width: 66.6666%
	}

	.row .col-l-9 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.row .col-l-10 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		max-width: 83.3333%
	}

	.row .col-l-11 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 91.6666%;
		flex: 0 0 91.6666%;
		max-width: 91.6666%
	}

	.row .col-l-12 {
		-moz-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

.row>.bottom,.row>.center,.row>.left,.row>.right,.row>.top {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.row>.center {
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.row>.center-fixed {
	text-align: center
}

.row>.left {
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.row>.right {
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.row>.top {
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.row>.bottom {
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media screen and (max-width:900px) {
	.row>.to-center {
		-moz-box-align: center!important;
		-ms-flex-align: center!important;
		align-items: center!important
	}
}

@media screen and (max-width:600px) {
	.row>.hide-s {
		display: none
	}
}

@media screen and (max-width:900px) {
	.row>.hide-m {
		display: none
	}
}

@media screen and (max-width:1024px) {
	.row>.hide-l {
		display: none
	}
}

@-moz-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fade-off {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fade-off {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes fade-off {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-moz-keyframes fade-in-top {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fade-in-top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fade-in-top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes fade-in-bottom {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fade-in-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fade-in-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes fade-in-left {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		-moz-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fade-in-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fade-in-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-moz-keyframes fade-in-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	to {
		opacity: 1;
		-moz-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fade-in-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fade-in-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-moz-keyframes fade-small-large {
	0% {
		opacity: 0;
		-moz-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes fade-large-small {
	0% {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-moz-transform: scale(.5);
		transform: scale(.5)
	}
}

@keyframes fade-large-small {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5)
	}
}

@-webkit-keyframes fade-large-small {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
}

@-moz-keyframes fade-larger-small {
	0% {
		opacity: 0;
		-moz-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes fade-larger-small {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes fade-larger-small {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes fade-small-larger {
	0% {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-moz-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes fade-small-larger {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-webkit-keyframes fade-small-larger {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-moz-keyframes scale-small-large {
	0% {
		-moz-transform: scale(0);
		transform: scale(0)
	}

	to {
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scale-small-large {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	to {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scale-small-large {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes scale-large-small {
	0% {
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		-moz-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scale-large-small {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes scale-large-small {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-moz-keyframes up-and-down {
	0% {
		-moz-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		-moz-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@keyframes up-and-down {
	0% {
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@-webkit-keyframes up-and-down {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@-moz-keyframes left-and-right {
	0% {
		-moz-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	to {
		-moz-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@keyframes left-and-right {
	0% {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	to {
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@-webkit-keyframes left-and-right {
	0% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	to {
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(0) scale(1.15,.8);
		transform: translateY(0) scale(1.15,.8)
	}

	20% {
		-webkit-transform: translateY(-35px) scaleY(1.1);
		transform: translateY(-35px) scaleY(1.1)
	}

	50% {
		-webkit-transform: translateY(-50px) scale(1);
		transform: translateY(-50px) scale(1)
	}

	80% {
		-webkit-transform: translateY(-35px) scale(1);
		transform: translateY(-35px) scale(1)
	}

	to {
		-webkit-transform: translateY(0) scale(1.15,.8);
		transform: translateY(0) scale(1.15,.8)
	}
}

@-moz-keyframes jump {
	0% {
		-moz-transform: translateY(0) scale(1.15,.8);
		transform: translateY(0) scale(1.15,.8)
	}

	20% {
		-moz-transform: translateY(-35px) scaleY(1.1);
		transform: translateY(-35px) scaleY(1.1)
	}

	50% {
		-moz-transform: translateY(-50px) scale(1);
		transform: translateY(-50px) scale(1)
	}

	80% {
		-moz-transform: translateY(-35px) scale(1);
		transform: translateY(-35px) scale(1)
	}

	to {
		-moz-transform: translateY(0) scale(1.15,.8);
		transform: translateY(0) scale(1.15,.8)
	}
}

@keyframes jump {
	0% {
		-webkit-transform: translateY(0) scale(1.15,.8);
		-moz-transform: translateY(0) scale(1.15,.8);
		transform: translateY(0) scale(1.15,.8)
	}

	20% {
		-webkit-transform: translateY(-35px) scaleY(1.1);
		-moz-transform: translateY(-35px) scaleY(1.1);
		transform: translateY(-35px) scaleY(1.1)
	}

	50% {
		-webkit-transform: translateY(-50px) scale(1);
		-moz-transform: translateY(-50px) scale(1);
		transform: translateY(-50px) scale(1)
	}

	80% {
		-webkit-transform: translateY(-35px) scale(1);
		-moz-transform: translateY(-35px) scale(1);
		transform: translateY(-35px) scale(1)
	}

	to {
		-webkit-transform: translateY(0) scale(1.15,.8);
		-moz-transform: translateY(0) scale(1.15,.8);
		transform: translateY(0) scale(1.15,.8)
	}
}[ks-tag] {
	position: relative
}[ks-tag]:after,[ks-tag]:before {
	position: absolute
}[ks-tag]:before {
	width: 0;
	height: 0;
	opacity: 0;
	content: "";
	position: absolute;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	border: .5rem solid transparent
}[ks-tag~=top]:after {
	left: 50%;
	bottom: 100%;
	margin-bottom: 1rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}[ks-tag~=bottom]:after {
	top: 100%;
	left: 50%;
	margin-top: 1rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}[ks-tag~=left]:after {
	right: 100%;
	margin-right: 1rem
}[ks-tag~=right]:after {
	left: 100%;
	margin-left: 1rem
}[ks-tag=top]:before {
	bottom: 100%;
	border-top-color: rgba(0,0,0,.7)
}[ks-tag=bottom]:before {
	top: 100%;
	border-bottom-color: rgba(0,0,0,.7)
}[ks-tag=left]:before {
	right: 100%;
	margin-top: .5rem;
	border-left-color: rgba(0,0,0,.7)
}[ks-tag=right]:before {
	left: 100%;
	margin-top: .5rem;
	border-right-color: rgba(0,0,0,.7)
}[ks-text]:hover:after,[ks-text]:hover:before {
	opacity: 1
}[ks-text]:after {
	opacity: 0;
	color: #fff;
	font-size: .85em;
	padding: .25rem .5rem;
	border-radius: .5em;
	white-space: nowrap;
	pointer-events: none;
	content: attr(ks-text);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	background: rgba(0,0,0,.7)
}

notice {
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	padding: 1em;
	position: fixed;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}

.ks-notice {
	color: #fff;
	display: table;
	background: #333;
	border-radius: 3em;
	pointer-events: auto;
	margin: 0 auto 1em;
	-webkit-box-shadow: 0 5px 5px -2px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px -2px rgba(0,0,0,.2);
	-moz-animation: fade-small-large .3s both;
	animation: fade-small-large .3s both;
	-webkit-animation: fade-small-large .3s both
}

.ks-notice.remove {
	animation: fade-in-top .3s reverse both;
	-webkit-animation: fade-in-top .3s reverse both
}

.ks-notice.red {
	background: #ea644a;
	background: var(--red)
}

.ks-notice.yellow {
	background: #ffb03a;
	background: var(--yellow)
}

.ks-notice.blue {
	background: #3498db;
	background: var(--blue)
}

.ks-notice.green {
	background: #27a17e;
	background: var(--green)
}

.ks-notice>span {
	padding: .5em 1em;
	display: table-cell;
	vertical-align: middle
}

.ks-notice .close {
	cursor: pointer;
	border-radius: 0 1em 1em 0;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s
}

.ks-notice .close:hover {
	background: rgba(0,0,0,.1)
}

.ks-notice .close:after {
	content: "×";
	font: inherit
}[ks-image=active] {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.ks-image {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 66;
	position: fixed;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-animation: fade-in .3s both;
	animation: fade-in .3s both;
	-webkit-animation: fade-in .3s both
}

.ks-image.loading {
	cursor: wait
}

.ks-image.remove:before {
	-moz-animation: fade-off .3s both;
	animation: fade-off .3s both;
	-webkit-animation: fade-off .3s both
}

.ks-image:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	position: absolute;
	background: rgba(0,0,0,.6)
}

.ks-image .ks-next,.ks-image .ks-prev {
	top: 0;
	bottom: 0;
	width: 10%;
	height: 5em;
	margin: auto;
	max-width: 5em;
	cursor: pointer;
	position: absolute;
	-webkit-transition: opacity .3s,-webkit-transform .3s;
	transition: opacity .3s,-webkit-transform .3s;
	-moz-transition: opacity .3s,transform .3s,-moz-transform .3s;
	transition: opacity .3s,transform .3s;
	transition: opacity .3s,transform .3s,-webkit-transform .3s,-moz-transform .3s
}

.ks-image .ks-prev:hover {
	-webkit-transform: translateX(-.5em);
	-moz-transform: translateX(-.5em);
	transform: translateX(-.5em)
}

.ks-image .ks-next:hover {
	-webkit-transform: translateX(.5em);
	-moz-transform: translateX(.5em);
	transform: translateX(.5em)
}

.ks-image .ks-prev {
	left: 0;
	background: 50%/60% no-repeat url(data:image/svg+xml;
	base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjkpIj48cGF0aCBkPSJNMzI0LjIxMTUxNyA1MTEuODA1NjMxIDc4Ny44ODk1OTQgNzMuMDgyNTgzYzE2LjE5NDIyLTE2LjYzMDM2NSAxNi4xOTQyMi00My45NzQ3MDQgMC02MC42MDUwNjgtMTYuMTk0MjItMTYuNjMwMzY1LTQyLjQ5NTYwNy0xNi42MzAzNjUtNTguNjEzOTc2IDBMMjM1Ljc1MDExMyA0NzkuMzYwMzAyYy04LjY0NzAzMSA4Ljk2OTM5OC0xMi4zNDQ3NzUgMjAuOTM0OTE3LTExLjcxOTAwMyAzMi40NDUzMjktMC42NDQ3MzUgMTEuOTA4NjMgMy4wNzE5NzIgMjMuODc0MTQ5IDExLjcxOTAwMyAzMi44MjQ1ODVsNDkzLjUwNjU0MiA0NjYuODgyNzg4YzE2LjExODM2OSAxNi42NDkzMjcgNDIuNDM4NzE4IDE2LjY0OTMyNyA1OC42MTM5NzYgMCAxNi4xOTQyMi0xNy4wODU0NzEgMTYuMTk0MjItNDMuOTc0NzA0IDAtNjAuNjA1MDY4TDMyNC4yMTE1MTcgNTExLjgwNTYzMSI+PC9wYXRoPjwvc3ZnPg==)
}

.ks-image .ks-next {
	right: 0;
	background: 50%/60% no-repeat url(data:image/svg+xml;
	base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC45KSI+PHBhdGggZD0iTTEzNi43LDEwMGwtOTAuNiw4NS44Yy0zLjIsMy4yLTMuMiw4LjUsMCwxMS44YzMuMiwzLjMsOC4zLDMuMywxMS40LDBsOTYuNC05MS4yYzEuNy0xLjcsMi40LTQuMSwyLjMtNi40YzAuMS0yLjItMC42LTQuNi0yLjMtNi4zTDU3LjYsMi40Yy0zLjEtMy4yLTguMy0zLjItMTEuNCwwcy0zLjIsOC42LDAsMTEuOEwxMzYuNywxMDAiLz48L3N2Zz4NCg==)
}

.ks-image .ended {
	opacity: .5;
	cursor: no-drop
}

.ks-image .ks-ball {
	top: 1em;
	right: 1em;
	width: 2em;
	height: 2em;
	opacity: 0;
	border-radius: 66%;
	position: absolute;
	pointer-events: none;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	border: .5em solid #fff;
	border-left-color: #3498db;
	-moz-animation: rotate .5s linear infinite paused;
	animation: rotate .5s linear infinite paused;
	-webkit-animation: rotate .5s linear infinite paused
}

.ks-image.loading .ks-ball {
	opacity: 1;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running
}

.ks-image img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 80%;
	max-height: 90%;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
	position: absolute;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-moz-transition: transform .3s,-moz-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s,-moz-transform .3s;
	-moz-animation: fade-small-large .3s backwards;
	animation: fade-small-large .3s backwards;
	-webkit-animation: fade-small-large .3s backwards
}

.ks-image.remove .ks-next,.ks-image.remove .ks-prev,.ks-image.remove img {
	-moz-animation: fade-large-small .3s both;
	animation: fade-large-small .3s both;
	-webkit-animation: fade-large-small .3s both
}

.ks-image img[src$=".jpg"] {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

:root {
	--red: tomato;
	--yellow: #ffc107;
	--blue: #6495ed;
	--green: #39c5bb;
	--brown: #795548;
	--light-brown: #67492e;
	--purple: #8a2be2;
	--light-bg: #fff;
	--light-font: #fff;
	font: 14px/1.15 noto sans sc,pingfang sc,hiragino sans gb,microsoft yahei,"sans-serif"
}

body {
	padding-top: 4em;
	background: url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/background.png) top fixed
}

/* body:before {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: var(--light-bg);
	opacity: 0;
	-webkit-transition: opacity .5s ease-in;
	-moz-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in
} */

::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background: var(--light-bg)
}

::-webkit-scrollbar-thumb {
	background: #ffc107
}

::-webkit-scrollbar-thumb:hover {
	background: #ff9800
}

::-webkit-scrollbar-corner {
	background: var(--light-bg)
}

a {
	color: #28b9be
}

h1 {
	font-weight: 500
}

h2,h3,h4,h5,h6 {
	font-weight: 400
}

blockquote {
	font-style: normal
}

.btn {
	border-radius: 1em
}

.btn i {
	margin-right: 0
}

.btn.brown {
	color: #fff;
	background: #795548;
	background: var(--brown)
}

.btn.black {
	color: #fff;
	background: #010101
}

code {
	color: brown;
	background-color: #faebd7
}

button {
	padding: 0;
	border: none;
	font: inherit;
	outline: none;
	cursor: pointer
}

article img {
	border-radius: .5em
}

html.light {
	--red: tomato!important;
	--yellow: #ffc107!important;
	--blue: #6495ed!important;
	--green: #28b9be!important;
	--brown: #795548!important;
	--light-brown: #67492e!important;
	--purple: #8a2be2!important;
	--light-bg: #fff!important;
	--light-font: #fff!important;
	color: inherit
}

html.light body {
	background: url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/background.png) top fixed!important
}

html.light img {
	-webkit-filter: brightness(1)!important;
	filter: brightness(1)!important
}

html.dark {
    --black: #fff;
    --shizuku-background-color: #21212;
    --shizuku-text-color: #858585;
    --shizuku-theme-color: #3c946c;
    --gray: #666;
    --bg-opacity: rgba(17,17,17,0.5);
}
html.dark {
    color: #ddd!important;
    --red: #ad1a00!important;
    --blue: #1346a4!important;
    --green: #1f8f93!important;
    --yellow: #806000!important;
    --brown: #c6aa9f!important;
    --light-brown: #bc9c8f!important;
    --purple: #561494!important;
    --light-bg: #111!important;
    --light-font: #ddd!important;
    --shallow: #333!important;
}

html.dark body {
	background: #000 url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/background-night.png) top fixed!important
}

html.dark img {
	-webkit-filter: brightness(.6)!important;
	filter: brightness(.6)!important
}

@media screen and (prefers-color-scheme:dark) {
	:root {
		color: #ddd;
		--red: #ad1a00;
		--blue: #1346a4;
		--green: #1f8f93;
		--yellow: #806000;
		--brown: #c6aa9f;
		--light-brown: #bc9c8f;
		--purple: #561494;
		--light-bg: #111;
		--light-font: #ddd
	}

	body {
		background: #000 url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/background-night.png) top fixed
	}

	img {
		-webkit-filter: brightness(.6);
		filter: brightness(.6)
	}
}

header {
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	color: #795548;
	color: var(--brown);
	background: var(--light-bg);
	-webkit-box-shadow: 0 0 1em rgba(0,0,0,.1);
	box-shadow: 0 0 1em rgba(0,0,0,.1)
}

.head-toggle {
	padding: 1em;
	cursor: pointer
}

.head-logo {
	color: #fff;
	padding: .5em;
	background: var(--green)
}

.head-logo svg {
	height: 3em
}

.head-menu,.head-menu a {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.head-menu a {
	color: inherit;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.has-child>a,.head-menu>a,.menu-link {
	padding: 0 1em;
	line-height: 4em
}

.head-menu span {
	margin-left: .5em
}

.has-child {
	position: relative;
	z-index: 1
}

.has-child:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	transform: rotateX(0)
}

.sub-menu a {
	padding: .75em 1em;
	white-space: nowrap
}

@media screen and (max-width:600px) {
	header {
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.head-logo {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 1;
		color: inherit;
		background: 0 0;
		position: absolute;
		text-align: center
	}

	.head-menu {
		top: 0;
		left: 0;
		right: 0;
		height: 2000px;
		/* bottom: 0; */
		opacity: 0;
		z-index: -1;
		padding-top: 5em;
		overflow: auto;
		position: fixed;
		background: #fff;
		background: var(--light-bg);
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-transform: translateY(-110%);
		-moz-transform: translateY(-110%);
		transform: translateY(-110%);
		-webkit-transition: opacity .3s,-webkit-transform .3s;
		transition: opacity .3s,-webkit-transform .3s;
		-moz-transition: opacity .3s,transform .3s,-moz-transform .3s;
		transition: opacity .3s,transform .3s;
		transition: opacity .3s,transform .3s,-webkit-transform .3s,-moz-transform .3s;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2);
		box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)
	}

	header.active .head-menu {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0)
	}

	.head-menu::-webkit-scrollbar {
		width: 0
	}

	.head-toggle:before {
		display: block;
		content: "";
		font-family: FontAwesome;
		font-size: 1.25em
	}

	.sub-menu a {
		width: 50%;
		float: left;
		text-align: center
	}
}

@media screen and (min-width:599px) {
	.has-child .sub-menu {
		top: 3.5em;
		opacity: 0;
		min-width: 8em;
		position: absolute;
		background: var(--light-bg);
		visibility: hidden;
		border-radius: .5em;
		-webkit-box-shadow: 0 0 1em rgba(51,51,51,.1);
		box-shadow: 0 0 1em rgba(51,51,51,.1);
		-webkit-transform: perspective(600px) rotateX(-20deg);
		-moz-transform: perspective(600px) rotateX(-20deg);
		transform: perspective(600px) rotateX(-20deg);
		-webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s;
		transition: opacity .3s,visibility .3s,-webkit-transform .3s;
		-moz-transition: opacity .3s,transform .3s,visibility .3s,-moz-transform .3s;
		transition: opacity .3s,transform .3s,visibility .3s;
		transition: opacity .3s,transform .3s,visibility .3s,-webkit-transform .3s,-moz-transform .3s;
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		transform-origin: top;
		z-index: 1
	}

	.head-toggle {
		display: none
	}
}

.head-social {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	line-height: 4em;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.head-social a {
	color: inherit;
	font-size: 1.2em;
	margin-right: 1rem
}

main {
	margin: 0 auto;
	max-width: 75em;
	padding: 5em 2em;
	-webkit-transition: opacity .3s,-webkit-transform .3s;
	transition: opacity .3s,-webkit-transform .3s;
	-moz-transition: transform .3s,opacity .3s,-moz-transform .3s;
	transition: transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s,-webkit-transform .3s,-moz-transform .3s;
	min-height: -webkit-calc(100vh - 10vw - 7.75em);
	min-height: -moz-calc(100vh - 10vw - 7.75em);
	min-height: calc(100vh - 10vw - 7.75em)
}

main.is-article {
	max-width: 50em
}

main.is-gallery {
	max-width: 90em
}

@media screen and (max-width:900px) {
	main {
		padding: 3em 1.25em
	}
}

.navigation {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 2.5em;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.navigation a {
	display: block;
	padding: .45em 1em;
	color: currentColor;
	margin-bottom: .5em
}

.navigation a.active {
	color: #fff;
	border-radius: 2em;
	background: #28b9be;
	background: var(--green)
}

.paul-intro {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5em
}

.paul-intro p {
	color: #aaa
}

.paul-intro img {
	border-radius: 66%
}

.paul-intro .intro-avatar {
	-moz-box-flex: 0;
	-ms-flex: 0 0 9em;
	flex: 0 0 9em;
	max-width: 9em;
	margin-right: 2em
}

.paul-intro .social-icons {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.2em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 1.25em
}

.paul-intro .social-icons a {
	margin-right: 1em;
	display: inline-block
}

.paul-intro .social-icons a:last-child {
	margin-right: 0
}

.paul-intro .social-icons svg {
	width: 1em
}

@media screen and (max-width:600px) {
	.paul-intro {
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.paul-intro .intro-avatar {
		margin: 0 auto 1.5em
	}

	.paul-intro .intro-info {
		text-align: center
	}

	.paul-intro .social-icons {
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.paul-news .news-item {
	margin-bottom: 5em
}

.paul-news .news-item:last-child {
	margin-bottom: 0
}

.news-head h3 {
	color: #fff;
	font-weight: 700;
	position: relative;
	border-radius: 1em;
	display: inline-block;
	background: var(--purple);
	padding: .6em 2em .6em 4em
}

.news-head.red h3 {
	background-color: tomato;
	background-color: var(--red)
}

.news-head.blue h3 {
	background-color: #6495ed;
	background-color: var(--blue)
}

.news-head.grey h3 {
	background-color: #a9a9a9
}

.news-head a {
	color: inherit;
	display: block;
	padding: .6em 1em
}

.news-head .title i {
	top: 0;
	left: 0;
	padding: 1rem 1em;
	position: absolute;
	border-radius: 1em;
	background: rgba(0,0,0,.1)
}

.news-head .more {
	padding: 0;
	float: right;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	transform-origin: top
}

.news-body .note-box {
	color: #fff;
	padding: 1em;
	height: 100%;
	position: relative;
	border-radius: 1em;
	background: #ff9987
}

.news-body .content {
	margin-bottom: 3em
}

.news-body .date {
	left: 1em;
	bottom: 1em;
	position: absolute
}

.news-article,.news-project {
	color: #fff;
	display: block;
	min-height: 8em;
	overflow: hidden;
	border-radius: 1em;
	background: #bbb
}

.news-article {
	position: relative
}

.news-article h4 {
	left: 0;
	right: 0;
	bottom: 0;
	padding: .75em;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0,0,0,.5)
}

.news-project {
	text-align: center
}

.news-project h4 {
	padding: .75em;
	position: relative;
	background: #505050
}

.news-article img,.news-project img {
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-moz-transition: transform .5s,-moz-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s,-moz-transform .5s
}

.news-article:focus img,.news-article:hover img,.news-project:focus img,.news-project:hover img {
	-webkit-transform: scale(1.25) rotate(10deg);
	-moz-transform: scale(1.25) rotate(10deg);
	transform: scale(1.25) rotate(10deg)
}

article {
	color: #67492e;
	color: var(--light-brown)
}

.post-title {
	margin-bottom: 5em
}

.post-title h2 {
	color: #aaa;
	font-size: 1.2em
}

article>h1 {
	margin-top: 5em
}

article>h1:first-child {
	margin-top: 0
}

article>h1:before {
	content: "";
	padding-left: .75em;
	border-left: 2px solid #ffc107
}

article>h1:hover small {
	opacity: 1
}

article>h1 small {
	color: #bbb;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	vertical-align: text-bottom
}

.is-article {
	position: relative
}

.paul-lister {
	top: 0;
	right: -12px;
	bottom: 0;
	position: absolute;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%)
}

.paul-lister .container {
	color: #888;
	font-size: .85em;
	padding-left: 1em;
	border-left: 2px solid var(--yellow);
	position: -webkit-sticky;
	position: sticky;
	top: 6rem
}

.paul-lister a {
	display: block;
	color: currentColor;
	margin-bottom: .75em
}

.paul-lister a:last-child {
	margin-bottom: 0
}

.note-content {
	margin-bottom: 1em
}

.note-content p {
	line-height: 2
}

.note-media {
	display: grid;
	grid-gap: 1em;
	margin-bottom: 1em;
	grid-template-columns: repeat(auto-fit,minmax(10em,1fr))
}

.note-media img {
	width: 100%;
	height: 10em;
	-o-object-fit: cover;
	object-fit: cover
}

.note-media img:only-child {
	height: auto
}

.note-media img:first-child:nth-last-child(2),.note-media img:first-child:nth-last-child(2)~img {
	height: 15em
}

@media screen and (max-width:600px) {
	.note-media {
		display: block;
		overflow: auto;
		padding: 0 1.25em;
		margin: 1em -1.25em;
		white-space: nowrap
	}

	.note-media::-webkit-scrollbar {
		height: 0
	}

	.note-media img {
		width: auto;
		max-width: none;
		margin-right: 1em
	}

	.note-media img:last-child {
		margin-right: 0
	}

	.note-media img:only-child {
		width: 100%;
		height: auto
	}
}

.note-content video {
	width: 100%;
	border-radius: .5em
}

.note-content pre>code {
	max-height: 25em
}

.paul-note .note-action,.paul-note .note-inform {
	color: #888;
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: lighter
}

.paul-note .note-inform {
	float: left
}

.paul-note .note-action a {
	color: inherit
}

.paul-note .note-inform span {
	cursor: pointer;
	margin-right: 1em
}

.paul-note .note-action span {
	cursor: pointer;
	margin-left: 1em;
	position: relative
}

.paul-note .note-action span:before,.paul-note .note-inform span:before {
	margin-right: .5em
}

.note-navigator,.paul-more {
	margin-top: 2em;
	text-align: center
}

.paul-more .fa-spinner {
	-webkit-animation: rotate 1.5s linear infinite;
	-moz-animation: rotate 1.5s linear infinite;
	animation: rotate 1.5s linear infinite
}

.paul-say {
	-webkit-columns: 2;
	-moz-columns: 2;
	column-count: 2
}

.paul-say blockquote {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	background: rgba(52,152,219,.05)
}

.paul-say blockquote:nth-child(2n) {
	border-left-color: #ffc107;
	border-left-color: var(--yellow);
	background: rgba(255,193,7,.05)
}

.paul-say blockquote:nth-child(3n) {
	border-left-color: #9acd32;
	background: rgba(154,205,50,.05)
}

.paul-say blockquote:nth-child(4n) {
	border-left-color: #40e0d0;
	background: rgba(64,224,208,.05)
}

.paul-say blockquote:nth-child(5n) {
	border-left-color: #ff4500;
	background: rgba(255,69,0,.05)
}

.paul-say blockquote:nth-child(6n) {
	border-left-color: #8a2be2;
	background: rgba(138,43,226,.05)
}

.paul-say .author {
	opacity: .6;
	font-size: .85em;
	text-align: right;
	font-style: italic
}

.paul-project {
	display: grid;
	grid-gap: 1.5em;
	grid-template-columns: repeat(auto-fill,minmax(20em,1fr))
}

.paul-project .gallery-item {
	padding-top: 80%
}

.project-list {
	text-align: center
}

.project-list a {
	color: inherit;
	display: block;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.36,1.1,.2,1.2);
	transition: -webkit-transform .5s cubic-bezier(.36,1.1,.2,1.2);
	-moz-transition: transform .5s cubic-bezier(.36,1.1,.2,1.2),-moz-transform .5s cubic-bezier(.36,1.1,.2,1.2);
	transition: transform .5s cubic-bezier(.36,1.1,.2,1.2);
	transition: transform .5s cubic-bezier(.36,1.1,.2,1.2),-webkit-transform .5s cubic-bezier(.36,1.1,.2,1.2),-moz-transform .5s cubic-bezier(.36,1.1,.2,1.2)
}

.project-list a:hover {
	-webkit-transform: translateY(-.5em);
	-moz-transform: translateY(-.5em);
	transform: translateY(-.5em)
}

.project-list h3,.project-list h4 {
	margin-top: 1rem
}

.project-list img {
	border-radius: 30%;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	-moz-transition: box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s,-webkit-box-shadow .3s
}

.project-list a:hover img {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)
}

.project-head img {
	float: left;
	max-width: 10em;
	margin-right: 2em;
	border-radius: 30%
}

.project-head:after {
	content: "";
	clear: both;
	display: block
}

.project-head .btn {
	border-radius: 6em
}

.project-head,.project-screenshot {
	margin-bottom: 3em
}

.project-screenshot {
	overflow: auto;
	white-space: nowrap;
	padding-bottom: 1em
}

.project-screenshot img {
	max-height: 20em;
	margin-right: 1em
}

.project-screenshot img:last-child {
	margin-right: 0
}

@media screen and (max-width:600px) {
	.project-head img {
		max-width: 6em
	}

	.project-head p:last-child {
		margin-top: 2em
	}
}

.bangumi-item {
	height: 0;
	color: #fff;
	display: block;
	overflow: hidden;
	text-align: center;
	position: relative;
	padding-bottom: 130%;
	-webkit-transition: -webkit-transform .3s,-webkit-box-shadow .3s;
	transition: -webkit-transform .3s,-webkit-box-shadow .3s;
	-moz-transition: transform .3s,box-shadow .3s,-moz-transform .3s;
	transition: transform .3s,box-shadow .3s;
	transition: transform .3s,box-shadow .3s,-webkit-transform .3s,-moz-transform .3s,-webkit-box-shadow .3s
}

.bangumi-item:hover {
	color: #fff;
	-webkit-transform: translateY(-.5em);
	-moz-transform: translateY(-.5em);
	transform: translateY(-.5em);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)
}

.bangumi-item img {
	width: 100%
}

.bangumi-item h4 {
	left: 0;
	right: 0;
	bottom: 0;
	padding: .75em;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-moz-transition: transform .3s,-moz-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s,-moz-transform .3s;
	-webkit-transform: translateY(2.5em);
	-moz-transform: translateY(2.5em);
	transform: translateY(2.5em);
	background: rgba(0,0,0,.5)
}

.bangumi-item:hover h4 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

.bangumi-status {
	background: rgba(0,0,0,.6)
}

.bangumi-status,.bangumi-status p {
	position: relative
}

.bangumi-status p {
	margin-top: .75em
}

.bangumi-status-bar {
	top: 0;
	bottom: 0;
	max-width: 100%;
	position: absolute;
	background: #dc143c
}

.paul-music {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 3em
}

.paul-music.active .music-list {
	max-height: 100%
}

.music-cover {
	-moz-box-flex: 0;
	-ms-flex: 0 0 10em;
	flex: 0 0 10em;
	margin-right: 2em;
	text-align: center;
	position: relative
}

.music-cover img {
	cursor: pointer;
	border-radius: 66%
}

.music-cover img:active {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	transform: scale(.9)
}

.music-cover h3 {
	margin-top: 1em
}

.music-cover .fixed-cover {
	margin: auto;
	max-width: 10em
}

.music-cover .fixed-cover.fixed {
	top: 7em;
	position: fixed
}

.music-cover .fixed-cover.bottom {
	bottom: 0;
	position: absolute
}

.music-list {
	-moz-box-flex: 1;
	-ms-flex: 1 1 20em;
	flex: 1 1 20em;
	overflow: hidden;
	max-height: 30em
}

.music-list time {
	float: right
}

.music-list li {
	cursor: pointer;
	overflow: hidden;
	padding: .75em 1em;
	border-radius: .5em;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s
}

.music-list li:hover {
	background: rgba(0,0,0,.1)
}

.music-list .num {
	opacity: .6;
	margin-right: .75em
}

.music-list .num:after {
	content: "."
}

@media screen and (max-width:600px) {
	.music-cover {
		-moz-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 1em
	}
}

.player {
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
	color: var(--light-font);
	padding: 1em;
	position: fixed;
	background: #3c3c3c;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity .3s,-webkit-transform .3s;
	transition: opacity .3s,-webkit-transform .3s;
	-moz-transition: opacity .3s,transform .3s,-moz-transform .3s;
	transition: opacity .3s,transform .3s;
	transition: opacity .3s,transform .3s,-webkit-transform .3s,-moz-transform .3s
}

.action {
	z-index: 1;
	right: 1rem;
	bottom: 1rem;
	width: 2.25em;
	position: fixed;
	font-size: 1.2em;
	-webkit-transition: bottom .3s;
	-moz-transition: bottom .3s;
	transition: bottom .3s
}

.action button {
	width: 2.25em;
	height: 2.25em;
	color: #795548;
	color: var(--brown);
	margin-top: .5em;
	background: #fff;
	background: var(--light-bg);
	border-radius: 66%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-moz-transition: transform .3s,-moz-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s,-moz-transform .3s;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)
}

.action .top {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0)
}

.action .top.active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

footer {
	color: #fff;
	color: var(--light-font);
	position: relative;
	padding: 10vw 0 2em
}

footer:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	position: absolute;
	background: url(https://gitee.com/xun7788/my-imagination/raw/master/cdn/footer.png) top/cover
}

@media screen and (max-width:600px) {
	footer {
		padding: 5em 0 2em
	}

	footer:before {
		background-size: 150%
	}
}

footer a {
	color: inherit
}

html.dark footer:before {
	-webkit-filter: brightness(.6)!important;
	filter: brightness(.6)!important
}

@media screen and (prefers-color-scheme:dark) {
	footer:before {
		-webkit-filter: brightness(.6);
		filter: brightness(.6)
	}
}

.loader svg {
	top: 50%;
	left: 50%;
	opacity: 0;
	z-index: 100;
	height: 8em;
	color: #fff;
	position: fixed;
	visibility: hidden;
	-webkit-transform: translate(-50%,-50%) scale(0);
	-moz-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0);
	-webkit-transition: opacity .3s,visibility .3s,-webkit-transform .5s cubic-bezier(.5,0,.5,1.5);
	transition: opacity .3s,visibility .3s,-webkit-transform .5s cubic-bezier(.5,0,.5,1.5);
	-moz-transition: opacity .3s,transform .5s cubic-bezier(.5,0,.5,1.5),visibility .3s,-moz-transform .5s cubic-bezier(.5,0,.5,1.5);
	transition: opacity .3s,transform .5s cubic-bezier(.5,0,.5,1.5),visibility .3s;
	transition: opacity .3s,transform .5s cubic-bezier(.5,0,.5,1.5),visibility .3s,-webkit-transform .5s cubic-bezier(.5,0,.5,1.5),-moz-transform .5s cubic-bezier(.5,0,.5,1.5)
}

.loader:before {
	top: 50%;
	left: 50%;
	z-index: 99;
	content: "";
	width: 100vmax;
	height: 100vmax;
	position: fixed;
	border-radius: 50%;
	background: var(--green);
	-webkit-transition: -webkit-transform .5s cubic-bezier(.83,0,.17,1);
	transition: -webkit-transform .5s cubic-bezier(.83,0,.17,1);
	-moz-transition: transform .5s cubic-bezier(.83,0,.17,1),-moz-transform .5s cubic-bezier(.83,0,.17,1);
	transition: transform .5s cubic-bezier(.83,0,.17,1);
	transition: transform .5s cubic-bezier(.83,0,.17,1),-webkit-transform .5s cubic-bezier(.83,0,.17,1),-moz-transform .5s cubic-bezier(.83,0,.17,1);
	-webkit-transform: translate(-50%,-50%) scale(0);
	-moz-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0)
}

body.loading .loader:before {
	-webkit-transform: translate(-50%,-50%) scale(1.5);
	-moz-transform: translate(-50%,-50%) scale(1.5);
	transform: translate(-50%,-50%) scale(1.5)
}

body.loading .loader svg {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1)
}

:root {
	--code-bg: transparent;
	--black: #000;
	--gray: #bbb;
	--bg-opacity: hsla(0,0%,100%,0.5)
}

html {
	overflow: overlay;
	scroll-behavior: unset;
	-webkit-font-feature-settings: "tnum";
	-moz-font-feature-settings: "tnum";
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums
}

@media(max-width:799px) {
	body {
		max-width: 100vw;
		overflow-x: hidden
	}
}

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

::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover {
	background-color: #ffc107;
	background-clip: padding-box;
	border: 3px solid transparent;
	border-radius: 5px
}

html.dark {
	--black: #fff;
	--shizuku-background-color: #21212;
	--shizuku-text-color: #858585;
	--shizuku-theme-color: #3c946c;
	--gray: #666;
	--bg-opacity: rgba(17,17,17,0.5)
}

html.dark blockquote {
	background: var(--shizuku-background-color);
	border-left: 5px solid var(--shizuku-theme-color)
}

html.dark article {
	color: var(--shizuku-text-color)
}

@media screen and (prefers-color-scheme:dark) {
	:root:not(.light) {
		--gray: #666;
		--shizuku-background-color: #212121;
		--shizuku-text-color: #858585;
		--shizuku-theme-color: #3c946c;
		--bg-opacity: rgba(17,17,17,0.5);
		--black: #fff
	}

	:root:not(.light) blockquote {
		background: var(--shizuku-background-color);
		border-left: 5px solid var(--shizuku-theme-color)
	}

	:root:not(.light) article {
		color: var(--shizuku-text-color)
	}
}

html {
	font-size: 14px
}

h1,h2,h3,h4,h5 {
	margin-top: 1rem
}

.avatar-wrap {
	position: relative;
	z-index: 0
}

.avatar-shadow {
	position: absolute;
	border-radius: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--bg) no-repeat center/cover;
	display: inline-block
}

.avatar-shadow:after {
	position: absolute;
	left: 0;
	top: 10%;
	z-index: -1;
	border-radius: 100%;
	width: 100%;
	height: 100%;
	background: inherit;
	-webkit-filter: blur(10px) brightness(80%) opacity(.8);
	filter: blur(10px) brightness(80%) opacity(.8);
	content: "";
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	transform: scale(.95)
}

input[type*=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
	min-height: unset
}

a {
	cursor: pointer
}

@media(max-width:600px) {
	.head-menu a {
		display: inline-block
	}
}

audio,iframe,img,svg,video {
	vertical-align: unset
}

code,pre {
	font-family: OperatorMonoSSmLig Nerd Font,JetBrains Mono,Operator Mono,Monaco,Consolas,Courier New,Courier,monospace!important
}

pre,pre>code {
	color: inherit!important;
	text-shadow: none!important
}

pre *,pre>code * {
	background: none!important
}

.paragraph,p {
	margin: .5rem 0;
	line-height: 1.8
}

pre,pre>code {
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	transition: color .5s
}

.error {
	color: currentColor;
	font-family: Helvetica,sans-serif;
	height: -webkit-calc(100vh - 16rem);
	height: -moz-calc(100vh - 16rem);
	height: calc(100vh - 16rem);
	text-align: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.error h1 {
	display: inline-block;
	border-right: 1px solid rgba(0,0,0,.3);
	margin: 0 20px 0 0;
	padding: 10px 23px 10px 0;
	font-size: 24px;
	font-weight: 500;
	vertical-align: top
}

.error .desc {
	display: inline-block;
	text-align: left;
	line-height: 49px;
	height: 49px;
	vertical-align: middle
}

.error .desc h2 {
	font-size: 14px;
	font-weight: 400;
	line-height: inherit;
	margin: 0;
	padding: 0
}

#write.focus:before {
	content: "";
	position: absolute;
	z-index: -1;
	opacity: .8;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: -30px -50px -10px;
	padding: 30px 50px 10px;
	background-color: var(--light-bg);
	border-radius: 1.5em
}

#write.focus .paul-lister {
	right: -55px
}

.news-article h4 {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}

.is-note .note-article {
	background-color: var(--light-bg);
	margin: -30px -45px;
	padding: 30px 45px;
	border-radius: 2rem;
	-webkit-box-shadow: 0 0 1px rgba(51,51,51,.2),2px 3px 21px -5px rgba(51,51,51,.2);
	box-shadow: 0 0 1px rgba(51,51,51,.2),2px 3px 21px -5px rgba(51,51,51,.2)
}

@media(max-width:599px) {
	.is-note .note-article {
		margin: 0;
		padding: 0;
		background-color: transparent;
		background-color: initial;
		-webkit-box-shadow: unset;
		box-shadow: unset
	}

	.is-note .note-article:before {
		content: "";
		position: absolute;
		top: -3em;
		bottom: -10px;
		right: -1.25em;
		left: -1.25em;
		background-color: var(--light-bg);
		z-index: -1
	}
}

.is-note #write {
	font-family: "Noto Serif SC",PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei;
	color: var(--shizuku-text-color);
	font-size: 16px;
	line-height: 1.75;
	word-wrap: break-word;
	padding-top: 2rem
}

.is-note #write>p:first-child {
	margin-bottom: 2rem
}

.is-note strong {
	font-family: Helvetica,PingFang SC
}

.is-note .note-head {
	width: 100%;
	text-align: center
}

.is-note .note-head h1 {
	font-size: 32px
}

.is-note .note-meta {
	margin: 1rem;
	text-align: center;
	line-height: 16px;
	font-size: 16px;
	opacity: .8;
	font-family: unset
}

.is-note .note-meta>div {
	display: inline-block
}

.is-note .note-meta span {
	margin: 0 6px;
	display: inline-block
}

.is-note #write>.paragraph:first-child:first-letter {
	float: left;
	font-size: 2.4em;
	margin: 0 .2em 0 0
}

.is-note #write>.paragraph {
	clear: both
}

.is-note #write>.paragraph .indent,.is-note #write>ul .indent {
	border-bottom: 1px solid rgba(0,184,187,.25)
}

.is-note #write>.paragraph:not(:first-child)>span.indent:first-child {
	margin-left: 2rem
}

.is-note .btn:not(:last-child) {
	margin-right: 12px
}

.news-item .title:before {
	content: "";
	width: 3rem;
	border-radius: 1rem;
	height: 100%;
	background: rgba(0,0,0,.2);
	position: absolute;
	left: 0;
	top: 0
}

.news-item .news-article {
	height: 9rem
}

.placeholder-image {
	height: 100%;
	width: 100%;
	background: #bbb;
	border-radius: 1em;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s;
	top: 0;
	left: 0
}

.placeholder-image.hide {
	opacity: 0
}

.image-hide {
	display: none
}

.lazyload-image {
	-webkit-animation: blur .8s ease-in-out forwards;
	-moz-animation: blur .8s ease-in-out forwards;
	animation: blur .8s ease-in-out forwards
}

@media screen and (prefers-color-scheme:dark) {
	.lazyload-image {
		-webkit-animation: blur-dark .8s ease-in-out forwards;
		-moz-animation: blur-dark .8s ease-in-out forwards;
		animation: blur-dark .8s ease-in-out forwards
	}
}

html.dark .lazyload-image {
	-webkit-animation: blur-dark .8s ease-in-out forwards;
	-moz-animation: blur-dark .8s ease-in-out forwards;
	animation: blur-dark .8s ease-in-out forwards
}

html.light .lazyload-image {
	-webkit-animation: blur .8s ease-in-out forwards;
	-moz-animation: blur .8s ease-in-out forwards;
	animation: blur .8s ease-in-out forwards
}

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

	to {
		opacity: 1
	}
}

@-moz-keyframes blur {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes blur {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes blur-dark {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes blur-dark {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes blur-dark {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@media screen and (max-width:600px) {
	.paul-say {
		-webkit-columns: 1;
		-moz-columns: 1;
		column-count: 1
	}
}

.article-list {
	font-family: Helvetica,pingfang sc,hiragino sans gb,microsoft yahei,"sans-serif"
}

.article-list h1 {
	margin: 10px 0 15px;
	font-size: 1.5rem
}

.article-list h1:before {
	content: "";
	padding-left: .75em;
	border-left: 2px solid #ffc107
}

.article-list ul {
	padding-left: .5em;
	list-style: circle;
	margin: 10px 0;
	line-height: 30px
}

.article-list a {
	text-decoration: none;
	color: var(--shizuku-text-color);
	border-bottom: 1px solid transparent;
	margin-right: 1em;
	-webkit-transition: border .15s ease-out;
	-moz-transition: border .15s ease-out;
	transition: border .15s ease-out
}

.article-list a:hover {
	border-color: var(--shizuku-text-color)
}

.article-list .date {
	margin-right: .5em
}

.article-list .meta {
	opacity: .88;
	color: var(--shizuku-text-color);
	font-size: 80%
}

@media screen and (max-width:600px) {
	footer:before {
		background-size: 160%
	}
}

html.light footer:before {
	-webkit-filter: none;
	filter: none
}

html.light img:before {
	-webkit-filter: none;
	filter: none
}

.shadow {
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
	box-shadow: 0 0 20px rgba(0,0,0,.2)
}

@-webkit-keyframes dangmaku {
	0% {
		right: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}

	50% {
		right: 50vw;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	to {
		right: 100vw;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@-moz-keyframes dangmaku {
	0% {
		right: 0;
		-moz-transform: translateX(100%);
		transform: translateX(100%)
	}

	50% {
		right: 50vw;
		-moz-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	to {
		right: 100vw;
		-moz-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes dangmaku {
	0% {
		right: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%)
	}

	50% {
		right: 50vw;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	to {
		right: 100vw;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.aplayer {
	color: #333
}

.player {
	right: -webkit-calc(100vw - 322px);
	right: -moz-calc(100vw - 322px);
	right: calc(100vw - 322px)
}

html.dark :not(pre)>code {
	background-color: #3c3a3b;
	color: var(--shizuku-theme-color)
}

@media(prefers-color-scheme:dark) {
	html:not(.light) :not(pre)>code {
		background-color: #3c3a3b;
		color: var(--shizuku-theme-color)
	}
}

@keyframes fade-small-large {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes fade-small-large {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

:root {
	--shizuku-background-color: #fff;
	--shizuku-text-color: #333;
	--shizuku-theme-color: #2bd
}

#write {
	font-family: PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif;
	font-size: 16px;
	word-wrap: break-word;
	position: relative
}

#write>:first-child {
	margin-top: 0!important
}

#write>:last-child {
	margin-bottom: 0!important
}

#write a,#write a:active,#write a:focus,#write a:hover,#write a:visited {
	text-decoration: none
}

#write a:not([href]) {
	color: inherit;
	text-decoration: none
}

#write .paragraph,#write blockquote,#write dl,#write ol,#write pre,#write table,#write ul {
	word-wrap: break-word;
	word-break: break-all
}

#write pre>code {
	max-height: 70vh;
	border-left: 10px solid transparent;
	font-size: 13px;
}

#write pre:after,#write pre:before {
	content: " ";
	display: block;
	width: 25px;
	height: 1px;
	margin: 20px 0;
	-webkit-user-select: none;
	background: var(--shizuku-theme-color)
}

#write hr {
	display: inline-block;
	width: 25px;
	height: 1px;
	line-height: 1px;
	border: 0;
	margin: 0;
	background: hsla(0,0%,50.2%,.4);
	vertical-align: middle
}

#write .md-hr {
	outline: none!important
}

#write .md-hr.md-focus hr {
	background: var(--shizuku-theme-color)
}

#write blockquote {
	position: relative
}

#write blockquote>.paragraph {
	margin-bottom: 10px
}

#write .loweralpha {
	list-style-type: lower-alpha
}

#write .md-blockmeta,#write .md-header-span {
	font-style: normal;
	font-weight: 400;
	color: hsla(0,0%,50.2%,.4)
}

#write .md-header-span {
	background: hsla(0,0%,50.2%,.2)
}

#write h1,#write h2,#write h3,#write h4,#write h5,#write h6 {
	font-weight: 700;
	line-height: 1.25;
	vertical-align: baseline
}

#write h1:before,#write h2:before,#write h3:before,#write h4:before,#write h5:before,#write h6:before {
	border: 0!important;
	border-radius: 0!important;
	position: static!important;
	left: auto!important;
	top: auto!important;
	float: none!important;
	padding-left: 0!important;
	padding-right: 0!important;
	vertical-align: inherit!important;
	display: inline-block;
	margin-left: -72px;
	width: 60px;
	margin-right: 12px;
	height: 1em;
	line-height: 1em;
	text-align: right;
	color: var(--light-brown);
	opacity: .5;
	font-size: 14px;
	font-weight: 400
}

#write h1:before {
	content: "h1"
}

#write h2:before {
	content: "h2"
}

#write h3:before {
	content: "h3"
}

#write h4:before {
	content: "h4"
}

#write h5:before {
	content: "h5"
}

#write h6:before {
	content: "h6"
}

@media screen and (max-width:900px) {
	#write h1,#write h2,#write h3,#write h4,#write h5,#write h6 {
		margin-left: 2rem
	}
}

#write ol,#write ul {
	padding-left: 2em;
	font-size: 95%
}

#write ul {
	list-style-type: disc
}

#write ol {
	list-style-type: decimal
}

#write>ol,#write>ul {
	padding-left: 0;
	font-size: inherit
}

#write ol ol,#write ol ul,#write ul ol,#write ul ul {
	margin-top: 0;
	margin-bottom: 0
}

#write li+li {
	margin-top: .25em
}

#write dl {
	padding: 0
}

#write dl dt {
	padding: 0;
	margin-top: 16px;
	font-size: 1em;
	font-style: italic;
	font-weight: 700
}

#write dl dd {
	padding: 0 16px;
	margin-bottom: 16px
}

#write .task-list-item {
	padding-left: 0
}

#write .task-list-item input[type=checkbox] {
	margin: .36em 5px .36em -24px
}

#write table {
	display: block;
	width: 100%;
	overflow: auto;
	border-collapse: collapse
}

#write table th {
	font-weight: 700
}

#write table td,#write table th {
	padding: 5px 10px;
	border: 1px solid hsla(0,0%,50.2%,.1);
	border-collapse: collapse
}

#write table tr {
	border-top: 1px solid hsla(0,0%,50.2%,.4);
	border-collapse: collapse
}

#write img {
	max-width: 100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

#write img[align=right] {
	padding-left: 20px
}

#write img[align=left] {
	padding-right: 20px
}

#write .img-alt {
	text-align: center;
	font-size: 14px;
	color: var(--gary);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative
}

#write .img-alt:before {
	content: "⇡ "
}

#write .img-alt:after {
	content: "";
	bottom: -4px;
	position: absolute;
	width: 3rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--gray);
	height: 1px
}

#write .emoji {
	max-width: none;
	vertical-align: text-top;
	background-color: transparent
}

#write span.frame {
	display: block;
	overflow: hidden
}

#write span.frame>span {
	display: block;
	float: left;
	width: auto;
	padding: 7px;
	margin: 13px 0 0;
	overflow: hidden;
	border: 1px solid hsla(0,0%,50.2%,.4)
}

#write span.frame span img {
	display: block;
	float: left
}

#write span.frame span span {
	display: block;
	padding: 5px 0 0;
	clear: both;
	color: #333
}

#write span.align-center {
	display: block;
	overflow: hidden;
	clear: both
}

#write span.align-center>span {
	display: block;
	margin: 13px auto 0;
	overflow: hidden;
	text-align: center
}

#write span.align-center span img {
	margin: 0 auto;
	text-align: center
}

#write span.align-right {
	display: block;
	overflow: hidden;
	clear: both
}

#write span.align-right>span {
	display: block;
	margin: 13px 0 0;
	overflow: hidden;
	text-align: right
}

#write span.align-right span img {
	margin: 0;
	text-align: right
}

#write span.float-left {
	display: block;
	float: left;
	margin-right: 13px;
	overflow: hidden
}

#write span.float-left span {
	margin: 13px 0 0
}

#write span.float-right {
	display: block;
	float: right;
	margin-left: 13px;
	overflow: hidden
}

#write span.float-right>span {
	display: block;
	margin: 13px auto 0;
	overflow: hidden;
	text-align: right
}

#write .spoiler {
	position: relative;
	background: currentColor;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	transition: background .5s
}

#write .spoiler:hover {
	background: transparent
}

#write>blockquote:first-child {
	background-color: unset!important;
	border: none!important;
	position: relative;
	color: #6495ed;
	font-family: "Noto Serif SC",SongTi SC;
	padding-bottom: 24px
}

#write>blockquote:first-child:before {
	content: "“";
	position: absolute;
	left: 0;
	top: -2rem;
	font-size: 3rem
}

#write>blockquote:first-child:after {
	content: "”";
	font-size: 3rem;
	position: absolute;
	right: 0;
	bottom: -2rem
}

.absolute {
	position: absolute
}

.padding-b100 {
	padding-bottom: 100px
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

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

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

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

a {
	background-color: transparent
}

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

b,strong {
	font-weight: bolder
}

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

small {
	font-size: 80%
}

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

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
}

button,input {
	overflow: visible
}

button,select {
	text-transform: none
}[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: 1px dotted ButtonText
}

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

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

progress {
	vertical-align: baseline
}
textarea {
	overflow: auto;
	width: 100%;
}[type=checkbox],[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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
}

template {
	display: none
}[hidden] {
	display: none
}

.Header_head-swiper__37Fg8 {
	height: 4rem
}

.Header_head-swiper__37Fg8 .Header_head-info__17tgL,.Header_head-swiper__37Fg8 .Header_head-menu__ofiV5 {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.Header_head-swiper__37Fg8.Header_toggle__35MPw .Header_head-menu__ofiV5 {
	opacity: 0;
	visibility: hidden
}

.Header_head-swiper__37Fg8.Header_toggle__35MPw .Header_head-info__17tgL {
	opacity: 1;
	visibility: visible
}

.Header_head-info__17tgL {
	height: 4rem;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 4rem
}

.Header_head-info__17tgL .Header_meta__YYzbP {
	color: var(--gray);
	font-size: .8rem
}

.Header_head-info__17tgL .Header_title__EwaWq {
	font-weight: 500;
	color: var(--black);
	font-size: 1.2rem;
	line-height: 1.5
}

@media(max-width:650px) {
	.Header_head-info__17tgL {
		display: none
	}
}

.Notice_notice-darwin__2e6mb {
	height: 100%;
	width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.Notice_notice-darwin__2e6mb .Notice_box__2Mab7 {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color: var(--bg-opacity);
	height: 200px;
	width: 200px;
	border-radius: 24px;
	position: relative
}

.Notice_notice-darwin__2e6mb .Notice_box__2Mab7 .Notice_icon-wrap__3u6bq {
	height: 80%;
	width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.Notice_notice-darwin__2e6mb .Notice_box__2Mab7 .Notice_icon__1AZeK {
	font-size: 96px
}

.Notice_f-wrap__1CboW,.Notice_mask__f9-Bd {
	position: fixed;
	pointer-events: none;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.Notice_f-wrap__1CboW {
	z-index: 99
}

.Notice_mask__f9-Bd {
	z-index: -1
}

.Notice_notice-text__CN6Kg {
	width: 100%;
	bottom: 0;
	text-align: center
}

.Notice_notice-text__CN6Kg span {
	font-size: 18px
}

.LampSwitch_select-container__3MBoO {
	width: 30px;
	height: 80vh;
	position: fixed;
	top: -10vh;
	right: 3rem;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	transition: top .5s;
	z-index: 0
}

.LampSwitch_select-line__3o6J4 {
	height: 100%;
	width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.LampSwitch_select-line__3o6J4 .LampSwitch_line__3dNQQ {
	width: 3px;
	height: 100%;
	background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.6) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.6) 75%,transparent 0,transparent);
	background-color: #f78fb3;
	background-size: 100% 60px;
	border-radius: 12px;
	background-repeat: repeat
}

.LampSwitch_sakura-wrap__xPAGJ {
	-webkit-animation: LampSwitch_rotating__3dBFQ 2s linear infinite;
	-moz-animation: LampSwitch_rotating__3dBFQ 2s linear infinite;
	animation: LampSwitch_rotating__3dBFQ 2s linear infinite;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

.LampSwitch_sakura__1qJQR {
	-webkit-transform: translate(-3px,-24px) scale(.8);
	-moz-transform: translate(-3px,-24px) scale(.8);
	transform: translate(-3px,-24px) scale(.8);
	height: 50px
}

.LampSwitch_petals__LQKRL div:nth-child(2n) {
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	transform-origin: top;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg)
}

.LampSwitch_petals__LQKRL div:nth-child(3n) {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	transform: rotate(120deg)
}

.LampSwitch_petals__LQKRL div:nth-child(4n) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom
}

.LampSwitch_petals__LQKRL div:nth-child(5n) {
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	transform: rotate(240deg);
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom
}

.LampSwitch_petals__LQKRL div:nth-child(6n) {
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	transform: rotate(300deg);
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom
}

.LampSwitch_petal__weJ5P {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 0 100% 0 100%/0 100% 0 100%;
	background: #fcc;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom
}

.LampSwitch_petal__weJ5P:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fcc;
	border-radius: 0 100% 0 100%/0 100% 0 100%;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	transform: rotate(15deg)
}

@-webkit-keyframes LampSwitch_rotating__3dBFQ {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-moz-keyframes LampSwitch_rotating__3dBFQ {
	0% {
		-moz-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes LampSwitch_rotating__3dBFQ {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.LampSwitch_sakura-img__3BGwE {
	background-image: url(https://cdn.jsdelivr.net/gh/Innei/web-cdn@master/_next/static/media/sakura.dd53e1cd4518b0cdb54da5b9eff6998f.png);
	height: 24px;
	width: 24px;
	background-size: cover;
	left: 50%
}

.Header_drawer__iQn1p.Header_show__3R4Sq {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.Header_drawer__iQn1p {
	background-color: var(--light-bg);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	padding: 1.5rem;
	color: var(--light-brown);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	width: 300px;
	max-width: 80vw;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.Header_drawer__iQn1p .Header_children-wrapper__1z9Ni {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.text-right {
	text-align: right;
}
.Header_link-section__1JFc9 {
	margin-bottom: 1rem;
}
.pb-4 {
	padding-bottom: 2rem;
}

body * {
	-webkit-transition: color .1s ease-in, background .1s ease-in, border .1s ease-in;
	transition: color .1s ease-in, background .1s ease-in, border .1s ease-in;
}

.Header_drawer__iQn1p .Header_children__2ZydX,
.Header_drawer__iQn1p .Header_parent__3EA6A {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.Header_drawer__iQn1p .Header_parent__3EA6A {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 2rem;
}

.Header_drawer__iQn1p a {
	color: inherit;
}
.Header_drawer__iQn1p span {
    margin-left: .5em;
}
.Overlay_container__1owmA {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.Overlay_container__1owmA .Overlay_overlay__2YOqK {
	position: absolute;
	top: -20px;
	bottom: -20px;
	right: -20px;
	left: -20px;
	z-index: -1;
	background-color: rgba(0,0,0,.3);
}
.display_none{
	display: none;
}