@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600";

@import"https://fonts.googleapis.com/css?family=Noto+Serif+SC:100,300,400,600";

@import"https://fonts.googleapis.com/css?family=Noto+Serif+SC:400,700&display=swap&subset=chinese-simplified";

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadein-right {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

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

@-webkit-keyframes fadein-right {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

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

@keyframes fadein-top {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

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

@-webkit-keyframes fadein-top {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

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

@keyframes swift-down {
	from {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}

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

@-webkit-keyframes swift-down {
	from {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}

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

.invisible {
	opacity: 0
}

.fadeIn {
	-webkit-animation: fadein 1s ease-out;
	animation: fadein 1s ease-out
}

.fadeInRight {
	-webkit-animation: fadein-right 1s ease-out;
	animation: fadein-right 1s ease-out
}

.fadeInTop {
	-webkit-animation: fadein-top 1s ease-out;
	animation: fadein-top 1s ease-out
}

.swiftDown {
	-webkit-animation: swift-down 1s ease-out;
	animation: swift-down 1s ease-out
}

.swiftDownReversed {
	-webkit-animation: swift-down 1s reverse ease-out;
	animation: swift-down 1s reverse ease-out
}

html body,html span,html p,html h1,html h2,html h3,html h4,html h5,html h6 {
	font-family: "Josefin Sans Light",-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","'Hiragino Sans GB",STHeiti,"Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",Arial,Verdana,sans-serif,"Source Sans Pro","Roboto","Helvetica","Helvetica Neue","Source Han Sans SC","Source Han Sans TC","PingFang SC","PingFang HK","PingFang TC",sans-serif;
	color: #606975
}

html.serif body,html.serif span,html.serif p,html.serif h1,html.serif h2,html.serif h3,html.serif h4,html.serif h5,html.serif h6 {
	font-family: "Source Han Serif CN","Source Han Serif SC","Source Han Serif","source-han-serif-sc","Noto Serif SC","Noto Serif","noto-serif-sc","PT Serif","SongTi SC",serif
}

.fa {
	font-family: FontAwesome
}

html {
	background: #fafafa
}

.foreground {
	background: #606975 !important
}

.background {
	background: #fafafa !important
}

.foreground-text * {
	color: #606975 !important
}

.background-text * {
	color: #fafafa !important
}

h1 {
	font-size: 42px
}

h2 {
	font-size: 36px
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 24px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 14px
}

body {
	font-size: 18px;
	line-height: 1.5em;
	background-repeat: repeat;
	background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(0,0,0,.04);
	min-height: 100vh
}

body::before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .03;
	position: fixed;
	background: center/cover no-repeat;
	background-image: url(/images/bg_1.jpg)
}

.container {
	background-color: transparent;
	padding: 0;
	position: relative
}

.full-width-container {
	width: 100vw
}

.main-container {
	text-align: left;
	margin: 0;
	padding: 80px 40px;
	overflow: hidden;
	float: left
}

.row {
	margin: 0
}

.vertical-text {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}

.vertical-text * {
	line-height: 1;
	text-align: left
}

.side-container {
	height: 100vh;
	position: fixed;
	right: 0;
	font-style: normal;
	font-size: 1em;
	margin: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	text-align: left;
	float: right;
	padding: 80px 20px
}

.ar-year {
	margin-top: 5px;
	margin-bottom: 5px
}

.date {
	margin-bottom: 0px
}

.ar-date {
	font-size: 16px;
	margin-bottom: 5px
}

.archive :first-child {
	padding-left: 0
}

.site-title {
	font-weight: bolder;
	font-style: normal;
	width: auto;
	height: auto;
	margin: 0 0 0 -2px;
	text-align: left;
	font-size: .5em;
	padding: 0 0 50px 0;
	border-left: solid #606975 2px;
	transition: padding .8s ease 0s,background .8s ease 0s
}

.site-title:hover {
	padding: 15px 0 35px 0;
	color: #fafafa !important;
	background: #606975 !important;
	border-left: solid #606975 2px
}

.site-title:hover * {
	color: #fafafa !important
}

.site-title :first-child {
	margin-right: 10px
}

.site-title * {
	text-align: left;
	font-weight: bolder;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0;
	font-family: "HiraMinProN-W6","Source Han Serif CN","Source Han Serif SC","Source Han Serif TC",serif
}

.site-title-large {
	font-size: 50px;
	padding-top: 0
}

.site-title-small {
	font-size: 30px;
	padding-top: 1px
}

.site-title-links {
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 60px 0;
	text-align: left;
	position: fixed;
	bottom: 20px
}

.site-title-links ul {
	list-style: none;
	padding: 0
}

.site-title-links ul li {
	display: block;
	margin: 5px 0;
	font-size: 18px
}

.no-margin-left {
	margin-left: 0
}

.no-margin-right {
	margin-right: 0
}

.no-margin-top {
	margin-top: 0
}

.no-margin-bottom {
	margin-bottom: 0
}

a {
	color: #606975;
	cursor: pointer;
	cursor: hand
}

a:hover,a:focus {
	text-decoration: none
}

.post-container p a {
	transition: color .3s ease 0s,background-color .3s ease 0s;
	-moz-transition: color .3s ease 0s,background-color .3s ease 0s;
	-o-transition: color .3s ease 0s,background-color .3s ease 0s;
	-webkit-transition: color .3s ease 0s,background-color .3s ease 0s;
	border-bottom: solid #98a3b1 1px;
	padding-top: .2em
}

.post-container p a:hover {
	color: #fafafa !important;
	background-color: #898b90;
	border-bottom: solid transparent 1px
}

.post-container p a:focus {
	color: #1b1e21
}

.a-title {
	text-decoration: none;
	background-color: transparent;
	border-bottom: solid transparent 1px
}

.a-title:hover,.a-title:focus {
	background-color: transparent
}

.current {
	border-bottom: solid #606975 2px !important
}

.a-mute {
	background-color: transparent;
	color: #606975 !important;
	text-decoration: none;
	border-bottom: none
}

.a-mute:hover,.a-mute:focus {
	background-color: transparent;
	color: #606975 !important;
	text-decoration: none;
	border-bottom: none
}

.soc {
	margin: 0 5px 0 0;
	font-size: 18px !important
}

.soc a {
	border-bottom: solid transparent 2px
}

.soc a:hover {
	color: #788290 !important;
	background-color: transparent !important;
	text-decoration: none;
	border-bottom: solid rgba(0,0,0,0) 2px
}

.soc a:focus {
	color: #788290 !important
}

.meta-item {
	margin: 0 10px 0 0
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto
}

footer {
	margin-top: 10px;
	padding-top: 0;
	font-size: 12px;
	font-weight: bold
}

footer * {
	margin: 0
}

.post-container {
	margin: 0 0 20px 0;
	font-weight: normal
}

.post-title {
	font-size: 24px;
	font-weight: bold;
	margin: 3px 0
}

.post-meta {
	font-size: 16px;
	margin: 10px 0
}

.post-abstract {
	font-size: 18px
}

li {
	margin: 5px 0
}

figure {
	overflow: scroll
}

figure>table {
	width: 100%
}

pre * {
	font-family: Monaco,Menlo,"Source Code Pro",monospace;
	background: transparent !important
}

figure .gutter pre {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: none;
	text-align: right;
	min-width: 3em
}

figure .code {
	width: 99%
}

figure .code pre {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: solid rgba(0,0,0,.05) 1px;
	margin-right: 1px
}

@media(max-width: 768px) {
	body {
		line-height: normal
	}

	h1 {
		font-size: 40px
	}

	h2 {
		font-size: 34px
	}

	h3 {
		font-size: 28px
	}

	h4 {
		font-size: 22px
	}

	h5 {
		font-size: 16px
	}

	h6 {
		font-size: 14px
	}

	.site-title-large {
		font-size: 38px
	}

	.site-title-small {
		font-size: 22px
	}

	.vertical-text {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.site-title {
		margin: 0;
		font-weight: bolder;
		font-style: normal;
		width: auto;
		height: auto;
		font-size: .5em;
		padding: 0;
		border-left: none;
		text-align: center;
		transition: none
	}

	.site-title * {
		text-align: center;
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.site-title:hover {
		color: #606975 !important;
		background: transparent !important;
		padding: 0;
		border: none
	}

	.site-title:hover * {
		color: #606975 !important;
		background: transparent !important
	}

	.main-container {
		text-align: left;
		height: auto;
		margin: 0;
		padding: 20px 30px;
		overflow: auto
	}

	.side-container {
		padding: 40px 30px 0 30px;
		height: auto;
		position: relative;
		left: 0
	}

	.site-title-links {
		position: unset;
		padding: 10px 0;
		margin: 10px 0;
		text-align: center
	}

	.site-title-links ul li {
		display: inline;
		margin: 0 3px;
		font-size: 16px
	}

	footer {
		padding-top: 30px;
		padding-bottom: 35px
	}

	a {
		padding: 0
	}

	.post-title {
		font-size: 20px;
		font-weight: bold;
		margin: 3px 0
	}

	.post-meta {
		font-size: 14px;
		margin: 10px 0
	}

	.post-abstract {
		font-size: 16px
	}

	.soc {
		display: block !important
	}

	.site-nav-footer {
		display: none !important
	}

	.site-bottom-footer {
		display: block !important
	}

	li.soc {
		margin-top: 5px !important
	}
}

@media only screen and (max-height: 860px) {
	.site-title-large {
		font-size: 32px
	}

	.site-title-small {
		font-size: 20px
	}

	.site-title-links ul li {
		font-size: 14px;
		line-height: 1.3
	}

	.site-nav-footer-br {
		display: none
	}

	.side-container {
		padding-top: 40px;
		padding-bottom: 20px
	}

	.main-container {
		padding-top: 40px;
		padding-bottom: 60px
	}
}

@media only screen and (max-height: 600px) {
	body {
		line-height: normal
	}

	h1 {
		font-size: 40px
	}

	h2 {
		font-size: 34px
	}

	h3 {
		font-size: 28px
	}

	h4 {
		font-size: 22px
	}

	h5 {
		font-size: 16px
	}

	h6 {
		font-size: 14px
	}

	.site-title-large {
		font-size: 38px
	}

	.site-title-small {
		font-size: 22px
	}

	.vertical-text {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.site-title {
		margin: 0;
		font-weight: bolder;
		font-style: normal;
		width: auto;
		height: auto;
		font-size: .5em;
		padding: 0;
		border-left: none;
		text-align: center;
		transition: none
	}

	.site-title * {
		text-align: center;
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.site-title:hover {
		color: #606975 !important;
		background: transparent !important;
		padding: 0;
		border: none
	}

	.site-title:hover * {
		color: #606975 !important;
		background: transparent !important
	}

	.main-container {
		text-align: left;
		height: auto;
		margin: 0;
		padding: 20px 30px;
		overflow: auto
	}

	.side-container {
		padding: 40px 30px 0 30px;
		height: auto;
		position: relative;
		left: 0
	}

	.site-title-links {
		position: unset;
		padding: 10px 0;
		margin: 10px 0;
		text-align: center
	}

	.site-title-links ul li {
		display: inline;
		margin: 0 3px;
		font-size: 16px
	}

	footer {
		padding-top: 30px;
		padding-bottom: 35px
	}

	a {
		padding: 0
	}

	.post-title {
		font-size: 20px;
		font-weight: bold;
		margin: 3px 0
	}

	.post-meta {
		font-size: 14px;
		margin: 10px 0
	}

	.post-abstract {
		font-size: 16px
	}

	.soc {
		display: block !important
	}

	.site-nav-footer {
		display: none !important
	}

	.site-bottom-footer {
		display: block !important
	}
}

html::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

html::-webkit-scrollbar-thumb {
	height: 40px;
	background-color: #eee;
	border-radius: 16px
}

html::-webkit-scrollbar-thumb:hover {
	background-color: #ddd
}

body {
	color: #606975;
	font-weight: 400
}

body .site-title * {
	font-family: "Noto Serif SC","HiraMinProN-W6","Source Han Serif CN","Source Han Serif SC","Source Han Serif TC",serif
}

.main-container p {
	margin: 10px 0 0;
	font-size: 17px;
	line-height: 1.7em;
	letter-spacing: .6px
}

.main-container video {
	max-width: 100%
}

.main-container h1.post-title {
	font-size: 30px;
	margin-top: 0
}

.main-container .post-meta {
	font-size: 14px
}

.archive .post-title {
	font-size: 17px
}

a:not[data=""] {
	padding: 4px 2px 2px
}

a:not[data=""].headerlink {
	padding: 0
}

h1,h2,h3,h4,h5,h6,b,strong {
	font-family: "Josefin Sans SemiBold",-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","'Hiragino Sans GB",STHeiti,"Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",Arial,Verdana,sans-serif
}

#nprogress {
	pointer-events: none
}

#nprogress .bar {
	background: #29d;
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}

#nprogress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d,0 0 5px #29d;
	opacity: 1;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px
}

#nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
	overflow: hidden;
	position: relative
}

.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {
	position: absolute
}

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

	100% {
		-webkit-transform: rotate(360deg)
	}
}

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

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

#nprogress .bar {
	background: #97dffd
}

.image-title {
	display: inline-block;
	width: 100%;
	text-align: right;
	font-size: 10px
}

.image-box-plugin {
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: rgba(253,246,243,.9);
	z-index: 999;
	display: none
}

.image-box-plugin img {
	min-width: 20%;
	max-width: 100%;
	max-height: 100%;
	cursor: zoom-out
}

.image-box-plugin .image-box-container {
	position: absolute;
	top: 50%;
	-webkit-transform: translate3D(0, -50%, 0);
	transform: translate3D(0, -50%, 0);
	width: 100%;
	height: 100%;
	text-align: center;
	display: -moz-box;
	-moz-box-align: center;
	-moz-box-pack: center;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	display: -o-box;
	-o-box-align: center;
	-o-box-pack: center;
	display: -ms-box;
	-ms-box-align: center;
	-ms-box-pack: center;
	box-align: center;
	box-pack: center
}

.post-container p img {
	position: relative;
	min-height: 50px;
	box-shadow: 0 2px 15px 1px rgba(0,0,0,.03);
	display: block;
	margin: 0 auto;
	text-align: center;
	border-radius: 6px;
	width: 100% \9;
	max-width: 100%;
	max-height: 500px;
	height: auto;
	transition: all .6s
}

.post-container p img:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	animation-name: breathe;
	-webkit-animation-duration: 2700ms;
	animation-duration: 2700ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

.post-container p img::before {
	content: " 啊哦，这张图片加载失败了… (" attr(alt) ")";
	font-family: FontAwesome;
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #fafafa;
	border-width: 2px;
	border-style: dotted;
	-o-border-image: initial;
	border-image: initial;
	border-radius: 5px
}

@-webkit-keyframes breathe {
	0% {
		border: 1px solid rgba(153,196,251,.8);
		box-shadow: 0 1px 5px rgba(133,213,245,.8)
	}

	100% {
		border: 1px solid rgba(153,196,251,.8);
		box-shadow: 0 1px 25px rgba(133,213,245,.8)
	}
}

@keyframes breathe {
	0% {
		border: 1px solid rgba(153,196,251,.8);
		box-shadow: 0 1px 5px rgba(133,213,245,.8)
	}

	100% {
		border: 1px solid rgba(153,196,251,.8);
		box-shadow: 0 1px 25px rgba(133,213,245,.8)
	}
}

a[target=_blank],a[target=_blank] img {
	cursor: alias
}

.v .vwrap {
	background: #fff9
}

.v code,.v pre {
	font-size: 90% !important
}

audio::-internal-media-controls-download-button,video::-internal-media-controls-download-button {
	display: none
}

audio::-webkit-media-controls-enclosure,video::-webkit-media-controls-enclosure {
	overflow: hidden
}

audio::-webkit-media-controls-panel,video::-webkit-media-controls-panel {
	width: calc(100% + 30px)
}

#valine-container .vcontent p {
	font-size: 14px
}

.donate-address {
	display: inline;
	position: fixed;
	font-size: 12px;
	line-height: 1.5em;
	left: 0;
	bottom: 0;
	margin-left: 5px;
	overflow: hidden;
	opacity: .6;
	transition: all .3s
}

.donate-address:hover {
	opacity: 1
}

.about-avatar {
	position: absolute;
	z-index: 2;
	right: 10%;
	width: 200px;
	height: 200px;
	background: url(https://imjad.cn/usr/themes/Moricolor/img/shinobux3.png?v=1) no-repeat 0 0
}

.about-avatar:hover {
	background-position: -200px 0
}

.about-avatar:active {
	background-position: -400px 0
}

@media(min-width: 768px) {
	a[target=_blank] {
		position: relative
	}

	a[target=_blank]:hover::before {
		color: #404d5b;
		background: #fafafa;
		border-bottom: solid 1px;
		border-color: #404d5b;
		transition-delay: 0s,0s,0s,.1s;
		-webkit-transform: scale(1) translateY(-75%);
		transform: scale(1) translateY(-75%);
		pointer-events: auto
	}

	a[target=_blank]::before {
		font-size: 10px;
		font-weight: 600;
		content: " " attr(href);
		font-family: FontAwesome;
		position: absolute;
		top: -50%;
		margin: 0;
		padding: 0 2px;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		max-width: 800px;
		white-space: pre-wrap;
		word-break: break-all;
		transition: opacity .3s,color .3s,background-position .2s,-webkit-transform .3s;
		transition: opacity .3s,color .3s,transform .3s,background-position .2s;
		transition: opacity .3s,color .3s,transform .3s,background-position .2s,-webkit-transform .3s;
		transition-delay: 0s,0s,0s,0s;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		-webkit-transform-origin: left;
		transform-origin: left;
		background-color: #0000;
		line-height: 1.4em;
		color: #0000;
		pointer-events: none;
		text-shadow: none;
		text-indent: 0
	}
}

@font-face {
	font-family:"Josefin Sans Light";font-style:normal;font-display:swap;font-weight:300;src:local("Josefin Sans Light"),local("Josefin Sans-Light"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-300.woff2") format("woff2"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-300.woff") format("woff")
}

@font-face {
	font-family:"Josefin Sans";font-style:italic;font-display:swap;font-weight:300;src:local("Josefin Sans Light italic"),local("Josefin Sans-Lightitalic"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-300italic.woff2") format("woff2"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-300italic.woff") format("woff")
}

@font-face {
	font-family:"Josefin Sans Regular";font-style:normal;font-display:swap;font-weight:400;src:local("Josefin Sans Regular"),local("Josefin Sans-Regular"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-400.woff2") format("woff2"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-400.woff") format("woff")
}

@font-face {
	font-family:"Josefin Sans";font-style:italic;font-display:swap;font-weight:400;src:local("Josefin Sans Regular italic"),local("Josefin Sans-Regularitalic"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-400italic.woff2") format("woff2"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-400italic.woff") format("woff")
}

@font-face {
	font-family:"Josefin Sans SemiBold";font-style:normal;font-display:swap;font-weight:600;src:local("Josefin Sans SemiBold"),local("Josefin Sans-SemiBold"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-600.woff2") format("woff2"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-600.woff") format("woff")
}

@font-face {
	font-family:"Josefin Sans";font-style:italic;font-display:swap;font-weight:600;src:local("Josefin Sans SemiBold italic"),local("Josefin Sans-SemiBolditalic"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-600italic.woff2") format("woff2"),url("//cdn.jsdelivr.net/npm/typeface-josefin-sans/files/josefin-sans-latin-600italic.woff") format("woff")
}

.post-container code[class*=language-],.post-container pre[class*=language-] {
	color: #d2a8c4;
	text-shadow: 0 0 2px #100c0f,0 0 5px #dc078e33,0 0 10px #fff3;
	background: none;
	font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
	font-size: 13px;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

.post-container pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto
}

.post-container :not(pre)>code[class*=language-],.post-container pre[class*=language-] {
	background-color: transparent !important;
	background-image: linear-gradient(to bottom, #1f1b31 75%, #23150b)
}

.post-container :not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal
}

.post-container .token.comment,.post-container .token.block-comment,.post-container .token.prolog,.post-container .token.doctype,.post-container .token.cdata {
	color: #8e8e8e
}

.post-container .token.punctuation {
	color: #ccc
}

.post-container .token.tag,.post-container .token.attr-name,.post-container .token.namespace,.post-container .token.number,.post-container .token.unit,.post-container .token.hexcode,.post-container .token.deleted {
	color: #e2777a
}

.post-container .token.property,.post-container .token.selector {
	color: #72f1b8;
	text-shadow: 0 0 2px #100c0f,0 0 10px #257c5575,0 0 35px #21272475
}

.post-container .token.function-name {
	color: #6196cc
}

.post-container .token.boolean,.post-container .token.selector .token.id,.post-container .token.function {
	color: #fdfdfd;
	text-shadow: 0 0 2px #001716,0 0 3px #03edf975,0 0 5px #03edf975,0 0 8px #03edf975
}

.post-container .token.class-name {
	color: #fff5f6;
	text-shadow: 0 0 2px #000,0 0 10px #fc1f2c75,0 0 5px #fc1f2c75,0 0 25px #fc1f2c75
}

.post-container .token.constant,.post-container .token.symbol {
	color: #f92aad;
	text-shadow: 0 0 2px #100c0f,0 0 5px #dc078e33,0 0 10px #fff3
}

.post-container .token.important,.post-container .token.atrule,.post-container .token.keyword,.post-container .token.selector .token.class,.post-container .token.builtin {
	color: #f4eee4;
	text-shadow: 0 0 2px #393a33,0 0 8px #f39f0575,0 0 2px #f39f0575
}

.post-container .token.string,.post-container .token.char,.post-container .token.attr-value,.post-container .token.regex,.post-container .token.variable {
	color: #f87c32
}

.post-container .token.operator,.post-container .token.entity,.post-container .token.url {
	color: #67cdcc
}

.post-container .token.important,.post-container .token.bold {
	font-weight: bold
}

.post-container .token.italic {
	font-style: italic
}

.post-container .token.entity {
	cursor: help
}

.post-container .token.inserted {
	color: green
}

.post-container pre[class*=language-].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber
}

.post-container pre[class*=language-].line-numbers>code {
	position: relative;
	white-space: inherit
}

.post-container .line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em;
	letter-spacing: -1px;
	border-right: 1px solid #999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.post-container .line-numbers-rows>span {
	pointer-events: none;
	display: block;
	counter-increment: linenumber
}

.post-container .line-numbers-rows>span:before {
	content: counter(linenumber);
	color: #999;
	display: block;
	padding-right: .8em;
	text-align: right
}

@media(max-width: 768px) {
	body {
		font-size: 15px
	}

	h2 {
		font-size: 24px;
		margin: 14px 0 8px
	}

	h3 {
		font-size: 20px;
		margin-top: 10px
	}

	h4 {
		font-size: 16px
	}

	li.soc {
		margin-top: 12px !important
	}

	.side-container {
		padding-top: 30px;
		padding-bottom: 0
	}

	.main-container {
		padding: 4px 16px
	}

	.main-container a {
		border-width: 1px
	}

	.main-container p {
		margin: 15px 0 0;
		font-size: 15px;
		line-height: 1.7em;
		letter-spacing: .3px
	}

	.main-container li {
		overflow: scroll
	}

	.main-container .post-title {
		font-size: 16px
	}

	.main-container .archive .post-title {
		font-size: 14px
	}

	.main-container .archive .listing {
		margin-bottom: 16px;
		padding-left: 20px
	}

	.main-container .archive .listing-item {
		margin-bottom: 6px
	}

	.main-container .archive .ar-date {
		font-size: 14px
	}

	.main-container .post-meta {
		margin-top: 6px;
		font-size: 12px;
		line-height: 1.4em
	}

	.main-container .post-abstract {
		font-size: 14px
	}

	.main-container footer {
		padding-top: 10px;
		padding-bottom: 20px
	}

	.main-container footer p {
		font-size: 12px;
		margin-top: 2px
	}

	.main-container .about-avatar {
		right: -20px;
		top: 40px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6)
	}

	.main-container .cplayer-template {
		width: 100%
	}

	.v .vlist .vcard {
		padding-top: .2em !important
	}

	.v .vlist .vcard .vh {
		padding-bottom: 0
	}

	.v .vlist .vcard .vquote {
		padding-left: 0
	}

	.v pre,.v code {
		line-height: 1.3
	}
}

c-player {
	font-size: 16px !important;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	max-width: 550px;
	margin: 30px auto
}

c-player .cp-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

c-player .cp-lyric {
	width: 100%;
	margin: .41667em 0
}

c-player .cp-play-button {
	height: 2.8em;
	width: 2.8em
}

c-player .cp-play-button .cp-play-icon {
	margin: .8em
}

c-player .cp-play-button .cp-play-icon.cp-play-icon-paused {
	margin-left: .8em;
	margin: .7875em;
	margin-left: 1em
}

c-player .cp-mainbody {
	min-height: 5.16667em
}

c-player .cp-poster {
	width: 5.16667em;
	height: 5.16667em
}

c-player .cp-center-container {
	height: 5.16667em
}

c-player .cp-volume-icon {
	width: 1.76667em
}

c-player .cp-list-button {
	width: 1.54167em;
	height: 1.54167em
}

c-player .cp-mode-button {
	width: 1.54167em;
	height: 1.54167em
}

c-player .cp-play-button,c-player .cp-volume-button,c-player .cp-prev-button,c-player .cp-list-button,c-player .cp-mode-button,c-player .cp-next-button {
	border: 0;
	width: 1.54167em;
	height: 1.54167em
}

@media(max-width: 768px) {
	c-player {
		font-size: 12px !important;
		left: auto;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		margin: 10px auto
	}

	c-player .cp-mainbody {
		min-height: 5.16667em
	}

	c-player .cp-poster {
		width: 5.16667em;
		height: 5.16667em
	}

	c-player .cp-center-container {
		height: 5.16667em
	}

	c-player .cp-play-button {
		height: 2.8em;
		width: 2.8em
	}

	c-player .cp-play-button .cp-play-icon {
		margin: .8em
	}

	c-player .cp-play-button .cp-play-icon.cp-play-icon-paused {
		margin: .7875em;
		margin-left: 1em
	}

	c-player .cp-volume-icon {
		width: 1.76667em
	}

	c-player .cp-list-button {
		width: 1.54167em;
		height: 1.54167em
	}

	c-player .cp-mode-button {
		width: 1.54167em;
		height: 1.54167em
	}

	c-player .cp-play-button,c-player .cp-volume-button,c-player .cp-prev-button,c-player .cp-list-button,c-player .cp-mode-button,c-player .cp-next-button {
		width: 1.54167em;
		height: 1.54167em
	}

	c-player .cp-icon,c-player .cp-prev-icon,c-player .cp-next-icon,c-player .cp-volume-icon,c-player .cp-random-icon,c-player .cp-single-icon,c-player .cp-loop-icon,c-player .cp-list-icon {
		height: 1.54167em;
		width: 1.54167em
	}
}