/* Main Cascading Style Sheets For Lxnchan.cn
   Designed by LxnChan
   Version 3.0.230326a
   build on 2023032616103200
   E-mail: Lxnchan@outlook.com */

@charset "utf-8";
@font-face {
	font-family:'Pingfang SC';
	src:url(https://bucket.lxnchan.cn/fonts/PingFangSC-Regular-Mod0620a.woff2) format("woff2");
}
@font-face {
	font-family:'Cascadia Code Regular';
	src:url(https://bucket.lxnchan.cn/fonts/CascadiaCode-Regular.woff2) format("woff2");
}
/* Footer */
@font-face {
	font-family:'HarmonyOS Sans';
	src:url(https://bucket.lxnchan.cn/fonts/HarmonyOS-Sans.woff2) format("woff2");
}
/* "LxnChan!" */
@font-face {
	font-family:'Moaria';
	src:url(https://bucket.lxnchan.cn/fonts/Moaria.woff2) format("woff2");
}
@font-face {
	font-family:'LXGW LxnChanCN RSB Min';
	src:url(https://bucket.lxnchan.cn/fonts/lxgw_right_min.woff2) format("woff2");
}
@font-face {
	font-family:'Google Sans';
	src:url(https://bucket.lxnchan.cn/fonts/gsans-v2.woff2);
}
/* @font-face {
	font-family:'Varela Round';
	src:url(https://bucket.lxnchan.cn/fonts/VarelaRound-Regular.woff2);
	font-weight:400;
	font-style:normal;
	font-display: swap;
} */
/* @font-face {
	font-family:'Source Sans Pro';
	src:url(https://bucket.lxnchan.cn/fonts/SourceSansPro-Regular.ttf);
	font-weight:400;
	font-style:normal
} */
/* @font-face {
	font-family:'Arvo';
	src:url(https://bucket.lxnchan.cn/fonts/Arvo/Arvo-Regular.ttf);
} */
/* @font-face {
	font-family:'Montserrat';
	src:url(https://bucket.lxnchan.cn/fonts/Montserrat/Montserrat-Variable.woff2);
} */
/* @font-face {
	font-family:'Rubik';
	src:url(https://bucket.lxnchan.cn/fonts/Rubik.woff2);
} */
/* @font-face {
	font-family:'SpaceMono';
	src:url(https://bucket.lxnchan.cn/fonts/SpaceMono/SpaceMono-Regular.woff2) format("woff2"),
	    url(https://bucket.lxnchan.cn/fonts/SpaceMono/SpaceMono-Regular.woff) format("woff"),
		url(https://bucket.lxnchan.cn/fonts/SpaceMono/SpaceMono-Regular.ttf) format("ttf");
} */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0;
	border:0;
	border-radius:1px;
	border-bottom:1px solid rgba(0,0,0,.1)
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:700
}
table {
	border-collapse:collapse;
	width:100%
}
table th {
	background-color:#f7f7f7
}
table td,table th {
	text-align:justify;
	padding:4px 8px;
	border:1px solid #f4f4f4
}
td,th {
	padding:0
}
* {
	box-sizing:border-box;
	outline:0;
	margin:0;
	padding:0
}
html {
	color:#555;
	width:100%;
	height:100%;
	font-family:'Google Sans',"Pingfang SC","Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	font-size:16px;
	line-height:1.5rem;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-rendering:optimizelegibility;
	-webkit-tap-highlight-color:transparent
}
body {
	background-color:#f4f4f4
}
body.modal-active {
	overflow:hidden
}
@media (max-width:680px) {
	body.modal-active {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0
}
}body.z_menu-open .menu-phone {
	transform:translate3d(-16px,0,0)
}
fancybox {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content: flex-start;
}
.backstretch {
	opacity:.75
}
.cover-wrapper {
	padding-bottom:2px
}
.cover-wrapper .cover {
	top:0;
	left:0;
	max-width:100%;
	height:calc(100vh);
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-item-align:center;
	align-self:center;
	-ms-flex-line-pack:center;
	align-content:center;
	padding:16px
}
.cover-wrapper .cover .logo,.cover-wrapper .cover .title {
	font-size:72px;
	line-height:79.2px;
	margin-top:calc(28vh - 2*16px);
	text-align:center;
	font-weight:700
}
.cover-wrapper .cover .logo {
	max-height:150px;
	max-width:calc(100% - 4*16px)
}
@media (max-width:580px) {
	.cover-wrapper .cover .logo,.cover-wrapper .cover .title {
	font-size:48px;
	line-height:52.8px
}
}.cover-wrapper .cover .m_search {
	margin-top:calc(2vh + 2*16px);
	position:relative;
	max-width:calc(100% - 1*16px);
	width:313.5px;
	line-height:48px;
	vertical-align:middle
}
@media (max-width:1024px) {
	.cover-wrapper .cover .m_search {
	width:288px
}
}.cover-wrapper .cover .m_search .form {
	position:relative;
	display:block;
	width:100%
}
.cover-wrapper .cover .m_search .icon,.cover-wrapper .cover .m_search .input {
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease
}
.cover-wrapper .cover .m_search .icon {
	position:absolute;
	display:block;
	line-height:44px;
	height:44px;
	width:32px;
	top:0;
	left:5px;
	font-size:16px;
	color:rgba(85,85,85,.6)
}
.cover-wrapper .cover .m_search .input {
	display:block;
	font-size:16px;
	line-height:16px;
	height:44px;
	width:100%;
	color:#555;
	box-shadow:none;
	box-sizing:border-box;
	-webkit-appearance:none;
	padding-left:36px;
	border-radius:64px;
	background:#fff;
	border:1px dashed transparent
}
@media (max-width:580px) {
	.cover-wrapper .cover .m_search .input {
	padding-left:36px
}
}.cover-wrapper .cover .m_search .input::-webkit-input-placeholder {
	padding-top:2px;
	color:rgba(85,85,85,.6)
}
.cover-wrapper .cover .m_search .input:-moz-placeholder {
	padding-top:2px;
	color:rgba(85,85,85,.6)
}
.cover-wrapper .cover .m_search .input::-moz-placeholder {
	padding-top:2px;
	color:rgba(85,85,85,.6)
}
.cover-wrapper .cover .m_search .input:-ms-input-placeholder {
	padding-top:2px;
	color:rgba(85,85,85,.6)
}
.cover-wrapper .cover .m_search .input:hover~.icon {
	color:#1bc3fb
}
.cover-wrapper .cover .m_search .input:focus {
	border:1px solid #1bc3fb
}
.cover-wrapper .cover .m_search .input:focus~.icon {
	color:#1bc3fb
}
.cover-wrapper .cover.half {
	height:calc(60vh - 16px - 64px)
}
.cover-wrapper .cover.half .logo,.cover-wrapper .cover.half .title {
	margin-top:calc(20vh - 4*16px)
}
@media (max-width:580px) {
	.cover-wrapper .cover.half .logo,.cover-wrapper .cover.half .title {
	margin-top:calc(32vh - 6*16px)
}
}.cover-wrapper .cover.half .m_search {
	margin-top:1vh
}
.cover-wrapper .cover,.cover-wrapper .cover a {
	color:#1bc3fb
}
.cover-wrapper .cover .menu {
	margin-top:4vh
}
.cover-wrapper .cover .menu ul {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:baseline;
	align-items:baseline;
	-ms-flex-pack:center;
	justify-content:center
}
.cover-wrapper .cover .menu ul li {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	align-items:center;
	padding:0;
	height:auto
}
.cover-wrapper .cover .menu ul>li>a {
	font-size:14px;
	padding:2px;
	margin:0 4px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	color:rgba(85,85,85,.7);
	border-bottom:1px solid transparent
}
.cover-wrapper .cover .menu ul>li>a.active,.cover-wrapper .cover .menu ul>li>a:hover {
	color:#1bc3fb;
	border-bottom:1px solid #1bc3fb
}
.cover-wrapper .cover .switcher>li a:hover {
	background:rgba(27,195,251,.15)
}
#u-search .modal .modal-header,.l_header,.z-depth-nav {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.24),0 3px 6px 0 rgba(0,0,0,.1)
}
#u-search .modal .modal-header:hover,.z-depth-nav-raised {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.l_main .post,.widget,.z-depth-main {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
.z-depth-main-raised {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.z-depth-0 {
	box-shadow:0 1px 4px 0 rgba(0,0,0,.07)
}
.z-depth-1 {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.1)
}
.z-depth-1-half {
	box-shadow:0 2px 3px 0 rgba(0,0,0,.4),0 0 8px 0 rgba(0,0,0,.2)
}
.z-depth-2 {
	box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 3px 10px 0 rgba(0,0,0,.1)
}
.z-depth-3 {
	box-shadow:0 6px 10px 0 rgba(0,0,0,.12),0 8px 25px 0 rgba(0,0,0,.1)
}
.z-depth-4 {
	box-shadow:0 8px 14px 0 rgba(0,0,0,.11),0 12px 22px 0 rgba(0,0,0,.11)
}
.z-depth-5 {
	box-shadow:0 12px 12px 0 rgba(0,0,0,.1),0 20px 33px 0 rgba(0,0,0,.11)
}
.z-depth-0 {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.08)
}
.hoverable {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	box-shadow:0
}
.hoverable:hover {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
::-moz-selection {
	background:rgba(33,150,243,.2)
}
::selection {
	background:rgba(33,150,243,.2)
}
h1,h2,h3,h4,h5,h6 {
	-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
	-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
	-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
	text-rendering:geometricPrecision;
	margin:0 0 .4em 0
}
h1 {
	font-size:24px
}
h2 {
	font-size:22.4px
}
h3 {
	font-size:19.2px
}
h4 {
	font-size:17.6px
}
h5 {
	font-size:16px
}
h6 {
	font-size:14px
}
a {
	color:#444;
	cursor:pointer;
	text-decoration:none;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
a:hover {
	text-decoration:none
}
pre {
	tab-size:4;
	-moz-tab-size:4;
	-o-tab-size:4;
	-webkit-tab-size:4
}
img {
	max-width:100%
}
.clearfix {
	zoom:1
}
.clearfix:after,.clearfix:before {
	content:" ";
	display:table
}
.clearfix:after {
	clear:both
}
.hidden {
	text-indent:-9999px;
	visibility:hidden;
	display:none
}
.inner {
	position:relative;
	width:80%;
	max-width:710px;
	margin:0 auto
}
.vertical {
	display:table-cell;
	vertical-align:middle
}
.right {
	float:right
}
.left {
	float:left
}
.disable-trans {
	transition:none!important
}
.txt-ellipsis,.widget .content ul.entry a .name,.widget .content ul.popular-posts a .name {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
ol,ul {
	padding-left:0
}
li {
	list-style:none
}
.mark {
	position:relative
}
.mark a {
	color:#444;
	display:inline-block;
	padding:0 8px;
	border-left:4px solid transparent;
	background:0 0;
	border-radius:4px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.mark a:hover {
	background:rgba(27,195,251,.1);
	border-left:4px solid #1bc3fb;
	padding:8px
}
.mark a:active {
	border-left:8px solid #1bc3fb
}
ul.h-list {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	height:100%
}
ul.h-list>li {
	height:100%;
	-ms-flex-pack:center;
	justify-content:center
}
#loading-bar-wrapper {
	position:fixed;
	top:62px;
	left:0;
	width:100%;
	z-index:99999
}
#loading-bar {
	position:fixed;
	width:0;
	height:2px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	background-color:rgba(255,255,255,.5)
}
#loading-bar.pure {
	background-color:rgba(27,195,251,.5)
}
.body-wrapper {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	max-width:1080px;
	margin:0 auto;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:stretch;
	align-items:stretch
}
.container--flex {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center
}
.l_body {
	position:relative;
	margin:16px;
	margin-top:16px
}
.l_body.nocover {
	margin-top:80px
}
@media (max-width:580px) {
	.l_body {
	margin:80px 0 16px;
	border-radius:0
}
}.l_body .s-top {
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-o-transition:all .6s ease;
	z-index:9;
	position:fixed;
	width:48px;
	height:48px;
	line-height:48px;
	border-radius:100%;
	bottom:32px;
	right:32px;
	transform:translateY(100px) scale(0);
	transform-origin:bottom;
	color:#555
}
@media (max-width:768px) {
	.l_body .s-top {
	right:16px
}
}.l_body .s-top.show {
	transform:translateY(0) scale(1)
}
.l_body .s-top.show.hl {
	background:#1bc3fb;
	color:#fff;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
@media (min-width:768px) {
	.l_body .s-top:hover {
	transform:scale(1.2);
	border-radius:25%;
	background:#1bc3fb;
	color:#fff;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.l_body .s-top:hover.hl {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
}.l_header {
	position:fixed;
	z-index:9999;
	top:0;
	width:100%;
	font-size:16px;
	line-height:64px;
	height:64px;
	overflow:hidden;
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	padding:0 16px;
	margin-bottom:16px;
	background:#1bc3fb;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_header .wrapper {
	padding:auto 16px;
	max-width:1080px;
	margin:auto;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_header.no_sidebar .wrapper {
	max-width:768px;
	margin:auto
}
.l_header .wrapper.sub {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	transform:translateY(-64px)
}
@media (max-width:580px) {
	.l_header .wrapper.sub .logo {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	padding-left:16px;
	padding-right:0;
	font-size:16px
}
}.l_header .nav--main,.l_header .nav-sub {
	height:64px
}
.l_header.hide {
	transform:translateY(100px) scale(0)
}
.l_header.show {
	transform:translateY(0) scale(1)
}
.l_header,.l_header a {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height:64px;
	line-height:64px;
	color:#fff
}
.l_header .logo {
	padding:0 16px;
	line-height:64px;
	font-size:19.2px;
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	letter-spacing:0
}
.l_header .logo.img {
	padding:0 16px 0 0
}
.l_header .logo img {
	padding:0;
	height:100%
}
.l_header .nav-sub .logo {
	font-size:16px;
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif
}
@media (max-width:580px) {
	.l_header .nav-sub .logo {
	letter-spacing:-.5px;
	padding-top:1px
}
}.l_header .menu {
	position:relative;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	height:64px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	margin:0 16px
}
.l_header .menu ul>li>a {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	display:block;
	font-size:16px;
	color:rgba(255,255,255,.7);
	padding:0 8px
}
.l_header .menu ul>li>a:hover {
	color:#fff;
	border-bottom:2px solid #fff;
	background:rgba(255,255,255,.1)
}
.l_header .menu ul>li>a.active,.l_header .menu ul>li>a:active {
	color:#fff;
	border-bottom:2px solid #fff
}
@media (max-width:580px) {
	.l_header .menu {
	display:none
}
}.l_header .switcher {
	display:none;
	font-size:16px;
	line-height:64px
}
.l_header .switcher>li {
	height:48px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	margin:2px
}
@media (max-width:580px) {
	.l_header .switcher>li {
	margin:0;
	height:48px
}
}.l_header .switcher>li a {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	width:48px;
	height:48px;
	border-radius:100px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_header .switcher>li a:hover {
	background:rgba(255,255,255,.3)
}
@media (max-width:580px) {
	.l_header .switcher>li a {
	width:32px;
	height:48px
}
}@media (max-width:580px) {
	.l_header .switcher {
	display:-ms-flexbox;
	display:flex;
	padding-left:8px;
	padding-right:10px
}
}.l_header .nav-sub .switcher {
	display:-ms-flexbox;
	display:flex
}
.l_header .m_search {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	width:285px;
	height:64px
}
@media (max-width:1350px) {
	.l_header .m_search {
	width:240px
}
}.l_header .m_search .form {
	position:relative;
	display:block;
	width:100%;
	margin:auto
}
.l_header .m_search .icon,.l_header .m_search .input {
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease
}
.l_header .m_search .icon {
	position:absolute;
	display:block;
	line-height:40px;
	height:40px;
	width:32px;
	top:0;
	left:5px;
	font-size:16px;
	color:rgba(255,255,255,.6)
}
.l_header .m_search .input {
	display:block;
	font-size:16px;
	line-height:16px;
	height:40px;
	width:100%;
	color:rgba(255,255,255,.6);
	box-shadow:none;
	box-sizing:border-box;
	-webkit-appearance:none;
	padding-left:36px;
	border-radius:8px;
	background:rgba(255,255,255,.15);
	border:1px dashed transparent
}
@media (max-width:580px) {
	.l_header .m_search .input {
	padding-left:36px
}
}.l_header .m_search .input::-webkit-input-placeholder {
	padding-top:2px;
	color:rgba(255,255,255,.6)
}
.l_header .m_search .input:-moz-placeholder {
	padding-top:2px;
	color:rgba(255,255,255,.6)
}
.l_header .m_search .input::-moz-placeholder {
	padding-top:2px;
	color:rgba(255,255,255,.6)
}
.l_header .m_search .input:-ms-input-placeholder {
	padding-top:2px;
	color:rgba(255,255,255,.6)
}
.l_header .m_search .input:hover {
	color:#fff;
	border:1px solid rgba(255,255,255,.6)
}
.l_header .m_search .input:focus {
	color:#fff;
	border:1px solid #fff
}
.l_header .m_search .input:focus~.icon {
	color:#fff
}
.l_header.pure {
	background:#ffffff5c;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);
	backdrop-filter: blur(10px);
}
.l_header.pure,.l_header.pure a {
	color:#1bc3fb
}
.l_header.pure .menu ul>li>a {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	color:rgba(85,85,85,.7)
}
.l_header.pure .menu ul>li>a.current {
	border-bottom:2px solid rgba(27,195,251,.8)
}
.l_header.pure .menu ul>li>a:hover {
	color:#1bc3fb;
	border-bottom:2px solid #1bc3fb;
	background:rgba(27,195,251,.1)
}
.l_header.pure .menu ul>li>a.active,.l_header.pure .menu ul>li>a:active {
	color:#1bc3fb;
	border-bottom:2px solid #1bc3fb
}
.l_header.pure .switcher>li a:hover {
	background:rgba(27,195,251,.15)
}
.l_header.pure .m_search .icon {
	color:rgba(85,85,85,.6)
}
.l_header.pure .m_search .input {
	color:#555;
	background:#f4f4f4
}
.l_header.pure .m_search .input::-webkit-input-placeholder {
	color:rgba(85,85,85,.6)
}
.l_header.pure .m_search .input:-moz-placeholder {
	color:rgba(85,85,85,.6)
}
.l_header.pure .m_search .input::-moz-placeholder {
	color:rgba(85,85,85,.6)
}
.l_header.pure .m_search .input:-ms-input-placeholder {
	color:rgba(85,85,85,.6)
}
.l_header.pure .m_search .input:hover {
	border:1px solid rgba(27,195,251,.6)
}
.l_header.pure .m_search .input:hover~.icon {
	color:rgba(27,195,251,.8)
}
.l_header.pure .m_search .input:focus {
	color:#555;
	background:rgba(27,195,251,.15);
	border:1px solid #1bc3fb
}
.l_header.pure .m_search .input:focus~.icon {
	color:#1bc3fb
}
@media (max-width:580px) {
	.l_header {
	padding:0
}
.l_header .m_search {
	width:0;
	overflow:hidden;
	position:absolute;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	margin:0 8px
}
.l_header.z_search-open .logo {
	opacity:0
}
.l_header.z_search-open .m_search {
	width:calc(100vw - 2*16px - 2*32px)
}
}.menu-phone {
	position:fixed;
	top:80px;
	right:0;
	z-index:10000;
	line-height:32px;
	background:#fff;
	border-right:0;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1);
	border-radius:12px;
	transform:translate3d(-40px,-40px,0) scale(0,0);
	transform-origin:right top;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.menu-phone .header {
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	background-color:rgba(27,195,251,.9);
	color:#fff;
	font-size:16px;
	line-height:1.8em;
	padding:8px 22px
}
.menu-phone:hover {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.menu-phone:active {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
.menu-phone nav {
	padding:8px 0
}
.menu-phone nav .nav {
	height:36px;
	line-height:36px;
	position:relative;
	display:block;
	color:#444;
	padding:2px 20px;
	border-left:4px solid transparent;
	border-right:4px solid transparent
}
.menu-phone nav .nav.active,.menu-phone nav .nav:hover {
	border-left:4px solid #1bc3fb;
	background:rgba(27,195,251,.1)
}
.cover-wrapper .l_header {
	transition:all .5s ease;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transform:translateY(-96px)
}
.cover-wrapper .l_header.show {
	transform:translateY(0)
}
.l_main {
	width:calc(100% - 1 * 285px);
	padding-right:16px;
	float:left
}
@media (max-width:1350px) {
	.l_main {
	width:calc(100% - 1 * 240px)
}
}@media (max-width:768px) {
	.l_main {
	width:100%
}
}.l_main.no_sidebar {
	width:100%;
	padding-right:0;
	max-width:768px;
	margin:auto
}
.l_main.no_sidebar~.l_side {
	display:none
}
.l_main .post-list {
	position:relative;
	margin:0 auto;
	-moz-column-gap:0;
	column-gap:0
}
@media (max-width:580px) {
	.l_main .post-list {
	margin:0
}
}.l_main ul.popular-posts h3 {
	padding:0;
	margin:0;
	font-size:16px
}
.l_main #comments {
	position:relative
}
.l_main #comments #valine_container p {
	line-height:1.7
}
.l_main #comments #valine_container .vwrap {
	border-radius:12px;
	border-style:dashed;
	border:1px dashed rgba(85,85,85,.3);
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main #comments #valine_container .vwrap:hover {
	border:1px dashed #1bc3fb
}
.l_main #comments #valine_container .vwrap .vheader .vinput {
	border-radius:0;
	border-bottom:1px dashed rgba(85,85,85,.3)
}
.l_main #comments #valine_container .vwrap .vheader .vinput:hover {
	border-bottom:1px dashed #1bc3fb
}
.l_main #comments #valine_container .vwrap .vheader .vinput:focus {
	border-bottom:1px solid #1bc3fb
}
.l_main #comments #valine_container .vwrap .vedit .vctrl span {
	color:#1bc3fb;
	padding:0;
	margin:10px
}
.l_main #comments #valine_container button {
	border:none;
	padding-left:2.4em;
	padding-right:2.4em;
	font-weight:700;
	background-color:#1bc3fb;
	color:#fff;
	border-radius:6px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main #comments #valine_container button:hover {
	background:#04a8df
}
.l_main #comments #valine_container blockquote {
	padding:16px;
	border-left:4px solid #1bc3fb;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main #comments #valine_container blockquote p {
	text-align:left;
	word-wrap:normal;
	margin:0;
	font-size:14px;
	line-height:21px
}
.l_main #comments #valine_container pre code {
	border:none
}
.l_main #comments #valine_container code {
	font-family:'Cascadia Code Regular',courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;
	font-size:12.8px;
	color:rgba(85,85,85,.9)
}
.l_main #comments #valine_container .vemoji-btn,.l_main #comments #valine_container .vpreview-btn,.l_main #comments #valine_container a {
	color:#ff5722;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main #comments #valine_container .vemoji-btn:hover,.l_main #comments #valine_container .vpreview-btn:hover,.l_main #comments #valine_container a:hover {
	color:#1bc3fb;
	text-decoration:underline
}
.l_main #comments #valine_container .vemoji-btn:active,.l_main #comments #valine_container .vpreview-btn:active,.l_main #comments #valine_container a:active {
	color:#037094
}
.l_main #comments #valine_container .vhead span.vnick {
	color:rgba(85,85,85,.9)
}
.l_main #comments #valine_container .vhead a.vnick {
	color:#ff9800;
	font-weight:700
}
.l_main #comments #valine_container .vhead a.vnick:hover {
	color:#1bc3fb;
	text-decoration:underline
}
.l_main #comments #valine_container .vhead .vsys {
	margin:2px;
	padding:1px 8px;
	background-color:rgba(85,85,85,.1)
}
.l_main #comments #valine_container .vcard .vquote {
	border-left:none
}
.l_main #comments #valine_container .vcard .vh {
	border-bottom:1px dashed rgba(85,85,85,.1)
}
.l_main #comments #valine_container .vmeta .vat {
	font-weight:700;
	color:#1bc3fb;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main #comments #valine_container .vmeta .vat:hover {
	color:#1bc3fb;
	text-decoration:underline
}
.l_main #comments #valine_container .vmeta .vat:active {
	color:#037094
}
.l_main #comments #valine_container .vinput {
	color:#555
}
.l_main #comments #valine_container p {
	color:#555
}
.l_main #comments .vemojis {
	-ms-flex-pack:justify;
	justify-content:space-between
}
.l_main #comments .vemojis i {
	width:auto;
	height:36px;
	padding:0;
	margin:8px 8px 0 8px
}
.l_main #comments .vemojis i .emoji {
	height:24px;
	margin-top:6px;
	background:0 0
}
.l_main #comments p .emoji {
	display:inline;
	height:28px;
	background:0 0
}
.l_main .post-wrapper {
	column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid-column
}
.l_main .post-wrapper {
	margin-bottom:16px
}
.l_main .post-wrapper .post .meta {
	margin-bottom:16px
}
.l_main .post-wrapper .post .meta .title {
	font-size:22.4px
}
.l_main .post-wrapper .post .full-width {
	margin-left:-24px;
	margin-right:-24px;
	width:calc(100% + 3 * 16px)
}
.l_main .post-wrapper .post .auto-padding {
	padding-left:24px;
	padding-right:24px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	overflow:auto
}
.l_main .post-wrapper .tags {
	margin-bottom:-32px
}
@media (max-width:580px) {
	.l_main .post-wrapper .tags {
	margin-bottom:-24px
}
.l_main .post-wrapper .post .meta {
	margin-bottom:16px
}
.l_main .post-wrapper .post .meta .title {
	font-size:22.4px
}
.l_main .post-wrapper .post .full-width {
	margin-left:-16px;
	margin-right:-16px;
	padding-left:16px;
	padding-right:16px;
	width:calc(100% + 2 * 16px)
}
.l_main .post-wrapper .post .auto-padding {
	padding-left:16px;
	padding-right:16px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	overflow:auto
}
.l_main .post-wrapper .post .highlight {
	margin-left:0;
	margin-right:0;
	width:calc(100% - 0 * 16px)
}
}@media (max-width:580px) and (max-width:580px) {
	.l_main .post-wrapper .post {
	padding:24px 16px
}
.l_main .post-wrapper .post .highlight {
	margin-left:0;
	margin-right:0;
	width:calc(100% - 0 * 16px)
}
.l_main .post-wrapper .post .auto-padding {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
}@media (max-width:580px) {
	.l_main .widget {
	border-radius:0;
	margin-left:0;
	margin-right:0;
	width:auto
}
.l_main .widget:hover {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
}.l_main .post {
	position:relative;
	margin:16px auto;
	padding:32px 24px;
	background:rgba(255,255,255,45%);
	border-radius:12px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main .post h1 {
	font-weight:400;
	font-size:28.8px;
	line-height:1.7;
	color:#555
}
.l_main .post:hover {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.l_main .post:active {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
@media (max-width:580px) {
	.l_main .post {
	border-radius:0
}
.l_main .post:hover {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
}.l_main .post .tags a {
	color:rgba(85,85,85,.7)
}
.l_main .post .meta {
	color:rgba(85,85,85,.7);
	font-size:15px
}
.l_main .post .meta#header-meta {
	margin-top:0;
	margin-bottom:16px
}
.l_main .post .meta#footer-meta {
	margin-top:32px;
	margin-bottom:8px
}
.l_main .post .meta .aplayer,.l_main .post .meta .thumbnail {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	width:65px;
	height:65px;
	border-radius:100%;
	float:right;
	margin:4px;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
.l_main .post .meta .aplayer:hover,.l_main .post .meta .thumbnail:hover {
	border-radius:25%;
	transform:scale(1.1);
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
@media (max-width:580px) {
	.l_main .post .meta .aplayer:hover,.l_main .post .meta .thumbnail:hover {
	border-radius:100%;
	transform:scale(1);
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
}.l_main .post .meta .thumbnail {
	width:auto;
	border-radius:4px;
	box-shadow:none
}
.l_main .post .meta .thumbnail:hover {
	border-radius:4px;
	transform:scale(1.1) rotate(4deg);
	box-shadow:none
}
.l_main .post .meta .title {
	text-align:left;
	font-size:28.8px;
	margin:0
}
@media (max-width:580px) {
	.l_main .post .meta .title {
	font-size:22.4px
}
}.l_main .post .meta .title a {
	display:inline;
	line-height:1.7;
	font-weight:400;
	color:#555;
	text-decoration:none;
	font-size:28.8px
}
@media (max-width:580px) {
	.l_main .post .meta .title a {
	font-size:22.4px
}
}.l_main .post .meta .title a:hover {
	color:#1bc3fb
}
.l_main .post .meta .new-meta-box {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	padding-top:4px;
	padding-bottom:8px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.l_main .post .meta .new-meta-box .new-meta-item {
	color:rgba(85,85,85,.7);
	font-size:1rem;
	line-height:24px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:2px;
	margin:0 8px 0 0;
	border-radius:4px
}
.l_main .post .meta .new-meta-box .new-meta-item .notlink {
	cursor:default
}
.l_main .post .meta .new-meta-box .new-meta-item .notlink:hover {
	color:rgba(85,85,85,.7)
}
.l_main .post .meta .new-meta-box .new-meta-item .notlink:hover p {
	color:rgba(85,85,85,.7)
}
.l_main .post .meta .new-meta-box .new-meta-item:last-child {
	margin-right:0
}
.l_main .post .meta .new-meta-box .new-meta-item i,.l_main .post .meta .new-meta-box .new-meta-item img {
	border-radius:100%;
	display:inline
}
.l_main .post .meta .new-meta-box .new-meta-item i {
	margin-right:4px;
	border-radius:0
}
.l_main .post .meta .new-meta-box .new-meta-item i.fa-hashtag {
	margin-right:1px
}
.l_main .post .meta .new-meta-box .new-meta-item a,.l_main .post .meta .new-meta-box .new-meta-item p {
	color:rgba(85,85,85,.7);
	padding-left:0;
	padding-right:4px
}
.l_main .post .meta .new-meta-box .new-meta-item a {
	font-family:'Google Sans',"PingFang SC","Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center
}
.l_main .post .meta .new-meta-box .new-meta-item a img {
	height:17px;
	width:17px;
	margin-right:5px;
	transform:translateY(-1px)
}
.l_main .post .meta .new-meta-box .new-meta-item a p {
	margin:0;
	padding-top:2px;
	font-weight:400;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_main .post .meta .new-meta-box .new-meta-item a:hover {
	color:#1bc3fb;
	text-decoration:none
}
.l_main .post .meta .new-meta-box .new-meta-item a:hover p {
	color:#1bc3fb
}
.l_main .post .meta .new-meta-box .share-body {
	height:22px;
	display:-ms-flexbox;
	display:flex
}
.l_main .post .meta .new-meta-box .share-body a {
	padding:0;
	margin-right:4px
}
.l_main .post .meta .new-meta-box .share-body a img {
	height:22px;
	width:auto;
	background:0 0
}
.l_main .post .full-width,.l_main .post .highlight {
	margin-left:0;
	margin-right:0;
	width:calc(100% - 0 * 16px)
}
.l_main .post img {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	max-width:100%;
	border-radius:4px;
	background:0 0
}
.l_main .post span img {
	display:inline-block
}
.l_main .post a img {
	display:inline
}
@media (max-width:768px) {
	.l_main {
	padding-right:0
}
.l_main .post .meta {
	margin-bottom:16px
}
.l_main .post .meta .title {
	font-size:22.4px
}
.l_main .post .full-width {
	margin-left:-16px;
	margin-right:-16px;
	padding-left:16px;
	padding-right:16px;
	width:calc(100% + 2 * 16px)
}
.l_main .post .auto-padding {
	padding-left:16px;
	padding-right:16px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	overflow:auto
}
.l_main .post .highlight {
	margin-left:0;
	margin-right:0;
	width:calc(100% - 0 * 16px)
}
}@media (max-width:768px) and (max-width:580px) {
	.l_main {
	width:100%
}
}@media (max-width:768px) and (max-width:580px) {
	.l_main .post {
	padding:24px 16px
}
.l_main .post .highlight {
	margin-left:0;
	margin-right:0;
	width:calc(100% - 0 * 16px)
}
.l_main .post .auto-padding {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
}.l_main .prev-next {
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:baseline;
	align-items:baseline;
	color:rgba(85,85,85,.5);
	margin:0
}
.l_main .prev-next .prev {
	text-align:left;
	border-top-right-radius:32px;
	border-bottom-right-radius:32px
}
.l_main .prev-next .next {
	text-align:right;
	border-top-left-radius:32px;
	border-bottom-left-radius:32px
}
.l_main .prev-next p {
	margin:16px
}
.l_main .prev-next a {
	color:rgba(255,87,34,.9)
}
.l_main .prev-next section {
	color:rgba(85,85,85,.8);
	padding:16px;
	border-radius:12px
}
.l_main .prev-next section:hover {
	color:#1bc3fb
}
@media (max-width:580px) {
	.l_main .prev-next section {
	border-radius:0
}
}.alert {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:99999;
	text-align:center;
	padding:24px 36px;
	border-radius:4px;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	font-weight:700;
	font-size:16px
}
.alert.alert-success {
	color:#3c763d;
	background-color:#dff0d8;
	border-color:#d6e9c6
}
.alert.alert-info {
	color:#31708f;
	background-color:#d9edf7;
	border-color:#bce8f1
}
.alert.alert-warning {
	color:#8a6d3b;
	background-color:#fcf8e3;
	border-color:#faebcc
}
.alert.alert-danger {
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1
}
.l_side {
	width:285px;
	float:right;
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column
}
@media (max-width:1350px) {
	.l_side {
	width:240px
}
}@media (max-width:768px) {
	.l_side {
	width:100%
}
}.widget {
	z-index:0;
	background:rgba(255,255,255,45%);
	margin-top:16px;
	/* font-family:'Rubik',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif; */
	font-size:16px;
	border-radius:12px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	width:100%;
	max-height:calc(100% - 64px - 4 * 16px)
}
.widget:hover {
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.widget:active {
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)
}
@media (max-width:580px) {
	.widget {
	width:calc(100% - 2 * 16px);
	margin:16px 16px 0 16px
}
}.widget header {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	background-color:#1bc3fb;
	color:#fff;
	font-weight:700;
	line-height:1.5em;
	padding:8px 16px
}
.widget header .rightBtn {
	color:#fff
}
.widget header .rightBtn:hover {
	color:#037094
}
.widget header .rightBtn:hover.rotate90 {
	transform:rotate(90deg)
}
.widget header.pure {
	background-color:#fff;
	color:#1bc3fb;
	padding-top:14px;
	padding-bottom:14px
}
.widget header.pure .rightBtn {
	color:#1bc3fb
}
.widget header.pure .rightBtn:hover {
	color:#037094
}
.widget .content {
	text-align:justify;
	padding:8px;
	max-height:calc(100% - 64px - 12.5 * 16px)
}
.widget .content ul>li a {
	color:rgba(85,85,85,.8);
	padding:0 16px;
	line-height:36px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-line-pack:center;
	align-content:center;
	border-left:2px solid transparent;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.widget .content ul.entry a .name,.widget .content ul.popular-posts a .name {
	-ms-flex:auto;
	flex:auto;
	color:rgba(85,85,85,.8)
}
.widget .content ul.entry a .badge,.widget .content ul.popular-posts a .badge {
	-ms-flex:none;
	flex:none;
	font-weight:400;
	font-size:14px;
	color:rgba(85,85,85,.7)
}
.widget .content ul.entry a:hover,.widget .content ul.popular-posts a:hover {
	border-left:4px solid #1bc3fb;
	background:rgba(27,195,251,.1)
}
.widget .content ul.entry a:active,.widget .content ul.popular-posts a:active {
	border-left:8px solid #1bc3fb
}
.widget .content ul.entry a.child,.widget .content ul.popular-posts a.child {
	padding-left:32px
}
.widget.author {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.widget.author .content {
	padding:0
}
.widget.author .content div.avatar {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center
}
.widget.author .content img {
	padding:0;
	margin:0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	width:285px;
	height:285px;
	border-top-left-radius:12px;
	border-top-right-radius:12px
}
@media (max-width:1350px) {
	.widget.author .content img {
	width:240px;
	height:240px
}
}@media (max-width:768px) {
	.widget.author .content img {
	width:96px;
	height:96px;
	border-radius:100%;
	margin-top:8px;
	padding:8px
}
}.widget.author .content h2 {
	text-align:center;
	font-weight:700;
	margin:8px
}
@media (max-width:768px) {
	.widget.author .content h2 {
	margin:8px
}
}.widget.author .content p {
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin:8px 8px 0 8px;
	empty-cells:hide
}
.widget.author .content .social-wrapper {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:4px 8px
}
.widget.author .content .social-wrapper a {
	color:rgba(85,85,85,.7);
	padding:0;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.widget.author .content .social-wrapper a:hover {
	color:#1bc3fb
}
.widget.author .content .social-wrapper a.social {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	width:32px;
	height:32px;
	margin:4px;
	border-radius:100px
}
.widget.author .content .social-wrapper a.social:hover {
	background:rgba(27,195,251,.1);
	color:#1bc3fb
}
@media (max-width:768px) {
	.widget.author .content .social-wrapper {
	-ms-flex-pack:center;
	justify-content:center;
	display:none
}
}@media (max-width:768px) {
	.widget.author {
	box-shadow:none;
	background:#f4f4f4;
	margin-top:32px
}
}.widget.plain .content {
	font-size:15.5px;
	/* font-weight:700; */
	word-break:break-all;
	padding:8px 16px;
	line-height:22px
}
.widget.plain .content.pure {
	padding:0 16px 16px 16px
}
.widget.plain .content a {
	color:#ff5722;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.widget.plain .content a:hover {
	color:#1bc3fb;
	text-decoration:underline
}
.widget.plain .content a:active {
	color:#037094
}
.widget.list .content {
	padding:8px 0
}
.widget.list .content.pure {
	padding-top:0
}
.widget.list .content a {
	font-size:14px;
	font-weight:700
}
.widget.list .content a:hover {
	text-decoration:none
}
.widget.list .content a i {
	color:rgba(85,85,85,.7);
	line-height:36px;
	margin-right:3px
}
.widget.list .content a img {
	display:inline;
	vertical-align:middle;
	height:18px;
	width:18px;
	margin-bottom:4px
}
.widget.list .content a img#round {
	border-radius:100%
}
.widget.grid .content {
	padding:8px 0
}
.widget.grid .content.pure {
	padding-top:0
}
.widget.grid .content ul.grid {
	border:none;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	padding:0 16px
}
.widget.grid .content ul.grid a {
	text-align:center;
	border-radius:12px;
	margin:4px 0;
	padding:4px 8px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:center;
	align-items:center;
	font-size:13.6px;
	font-weight:700;
	line-height:18.2px;
	color:rgba(85,85,85,.7);
	border:1px solid transparent
}
.widget.grid .content ul.grid a i {
	margin-top:.3em;
	margin-bottom:.3em;
	font-size:1.8em
}
.widget.grid .content ul.grid a img {
	display:inline;
	vertical-align:middle;
	margin-bottom:4px
}
.widget.grid .content ul.grid a img#round {
	border-radius:100%
}
.widget.grid .content ul.grid a:hover {
	color:#1bc3fb;
	background:rgba(27,195,251,.1);
	border-radius:4px
}
.widget.grid .content ul.grid a:active {
	color:#1bc3fb
}
.widget.grid .content ul.grid a.active {
	color:#1bc3fb;
	border:1px solid #1bc3fb
}
.widget.category .content {
	padding:8px 0;
	font-size:14px;
	font-weight:700
}
.widget.category .content.pure {
	padding-top:0
}
.widget.tagcloud .content {
	text-align:justify;
	padding:8px 16px
}
.widget.tagcloud .content.pure {
	padding:0 16px 16px 16px
}
.widget.tagcloud .content a {
	display:inline-block;
	transition:all .1s ease;
	-moz-transition:all .1s ease;
	-webkit-transition:all .1s ease;
	-o-transition:all .1s ease;
	line-height:1.6em
}
.widget.tagcloud .content a:hover {
	color:#1bc3fb!important;
	text-decoration:underline
}
.widget.music header.pure {
	padding-bottom:4px
}
.widget.music .content {
	padding:12px;
	padding-top:8px
}
.widget.music .content.pure {
	padding-top:4px
}
.widget.music .content .aplayer {
	border-radius:4px;
	color:#666;
	font-family:'Google Sans',"PingFang SC","Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif
}
.widget.related_posts .content {
	padding:8px 0;
	font-size:14px;
	font-weight:700
}
.widget.related_posts .content.pure {
	padding-top:0
}
.widget.related_posts .content h3 {
	font-size:14px;
	font-weight:700;
	margin:0
}
.widget.related_posts .content h3 a {
	line-height:inherit;
	padding-top:4px;
	padding-bottom:4px
}
.l_side .toc-wrapper {
	z-index:1;
	overflow:hidden;
	border-radius:12px;
	position:-webkit-sticky;
	position:sticky;
	top:80px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.l_side .toc-wrapper header {
	position:-webkit-sticky;
	position:sticky;
	width:100%;
	top:0
}
.l_side .toc-wrapper .content {
	padding:8px 0 16px 0;
	max-height:500px;
	overflow:auto
}
.l_side .toc-wrapper .content.pure {
	padding-top:0
}
.l_side .toc-wrapper .content a {
	border-left:4px solid transparent
}
.l_side .toc-wrapper .content a:hover {
	color:#555;
	border-left:4px solid #1bc3fb
}
.l_side .toc-wrapper .content a:active {
	border-left:8px solid #1bc3fb
}
.l_side .toc-wrapper .content a.active {
	color:#555;
	border-left:4px solid #1bc3fb;
	background:rgba(27,195,251,.1)
}
.l_side .toc-wrapper.active {
	position:fixed;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1);
	top:64px
}
.l_side .toc-wrapper.active header .s-toc {
	transform:rotate(30deg)
}
@media (max-width:768px) {
	.l_side .toc-wrapper {
	position:fixed;
	max-height:1000px;
	width:calc(100% - 2 * 16px);
	top:64px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1);
	visibility:hidden;
	transform:scale(0,0);
	transform-origin:right top
}
.l_side .toc-wrapper .rightBtn {
	display:none
}
.l_side .toc-wrapper.active {
	visibility:visible;
	transform:scale(1,1)
}
}.l_side .toc-wrapper a {
	padding-left:8px;
	color:rgba(85,85,85,.6);
	font-size:14px;
	display:inline-block
}
.l_side .toc-wrapper ol .toc-item.toc-level-1 .toc-child a {
	padding-left:12.8px;
	font-weight:400
}
.l_side .toc-wrapper ol .toc-item.toc-level-2 .toc-child a {
	padding-left:25.6px;
	font-weight:400
}
.l_side .toc-wrapper ol .toc-item.toc-level-3 .toc-child a {
	padding-left:38.4px;
	font-weight:400
}
.l_side .toc-wrapper ol .toc-item.toc-level-4 .toc-child a {
	padding-left:51.2px;
	font-weight:400
}
.l_side .toc-wrapper ol li {
	width:auto;
	text-align:left
}
.l_side .toc-wrapper ol li a {
	padding:0 8px 0 11px;
	font-weight:700;
	width:100%
}
.l_side .toc-wrapper:empty {
	display:none
}
#archive-page {
	margin-bottom:32px
}
#archive-page .archive {
	position:relative
}
#archive-page .archive .archive-year {
	font-size:16px;
	margin-top:4em;
	margin-bottom:1em
}
#archive-page .archive .archive-year:first-child {
	margin-top:0;
	padding-top:0
}
#archive-page .archive .archive-year h2 {
	margin-top:1em
}
#archive-page .archive .archive-year a {
	color:#555;
	text-decoration:none
}
#archive-page .archive .archive-post a {
	width:100%;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	text-decoration:none
}
#archive-page .archive .archive-post a.child {
	padding-left:32px
}
#archive-page .archive .archive-post time {
	color:#555;
	-ms-flex:none;
	flex:none;
	font-size:14px;
	padding:.5em .5em .5em 3em
}
@media (max-width:580px) {
	#archive-page .archive .archive-post time {
	padding:.5em .5em .5em 0
}
}#archive-page .archive .archive-post .title {
	-ms-flex:auto;
	flex:auto;
	padding:.5em;
	font-size:14px;
	color:rgba(85,85,85,.8)
}
#archive-page .archive .archive-post .title i {
	color:#1bc3fb
}
.article {
	color:#555;
	font-size:17.5px;
	line-height:1.7;
	word-break:break-all;
	word-wrap:break-word
}
.article img {
	position:relative;
	margin:0 auto;
	background:#fff;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
@media (max-width:580px) {
	.article img {
	box-shadow:none
}
}.article span img {
	display:inline;
	margin:auto
}
.article .aplayer {
	margin:0;
	display:inline-block;
	width:400px;
	max-width:100%;
	border-radius:4px;
	color:#666;
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif
}
.article div.small-img img,.article p.small-img img {
	width:auto;
	max-width:100%;
	margin:0;
	box-shadow:none
}
.article p {
	margin-top:.5em;
	margin-bottom:1em;
	text-align:justify;
	max-width:100%;
	overflow:auto
}
.article p strong {
	color:#555;
	padding-left:2px;
	padding-right:2px
}
.article p .mjx-math {
	font-family:'Cascadia Code Regular',courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;
	background:rgba(244,244,244,.5);
	padding:8px;
	border-radius:4px
}
.article ol,.article ul {
	font-size:16.5px;
	list-style:initial;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:1em
}
.article ol.center,.article ul.center {
	-ms-flex-pack:center;
	justify-content:center
}
.article ol.pure,.article ul.pure {
	margin:0;
	padding:0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:stretch;
	align-items:stretch
}
.article ol.pure br,.article ul.pure br {
	display:none
}
@media screen and (max-width:900px) {
	.article ol.pure,.article ul.pure {
	-ms-flex-pack:justify;
	justify-content:space-between
}
}.article ol.pure li,.article ul.pure li {
	margin:8px;
	display:-ms-flexbox;
	display:flex;
	width:75px;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:stretch;
	align-items:stretch;
	vertical-align:middle;
	text-align:center;
	font-size:.8em;
	line-height:1.2em;
	overflow:hidden
}
.article ol.pure li a,.article ul.pure li a {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:center;
	align-items:center;
	text-align:center
}
.article ol.pure li img,.article ul.pure li img {
	margin-bottom:8px
}
.article ol.pure.rounded img,.article ul.pure.rounded img {
	border-radius:25%
}
.article ol.pure.circle img,.article ul.pure.circle img {
	border-radius:50%
}
@media screen and (max-width:900px) {
	.article ol.pure.about,.article ul.pure.about {
	-ms-flex-pack:center;
	justify-content:center
}
}.article ul>li {
	list-style:initial
}
.article ol>li {
	margin-left:10px;
	list-style:decimal
}
.article a {
	color:#ff5722;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.article a:before {
	display:none
}
.article a:hover {
	color:#1bc3fb;
	text-decoration:underline
}
.article a:active {
	color:#037094
}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6 {
	position:relative;
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	font-weight:400;
	margin-top:1.5em;
	margin-bottom:1em
}
.article h1.title,.article h2.title,.article h3.title,.article h4.title,.article h5.title,.article h6.title {
	left:0
}
.article h1.title:before,.article h2.title:before,.article h3.title:before,.article h4.title:before,.article h5.title:before,.article h6.title:before {
	content:none
}
.article h1,.article h2 {
	color:#1bc3fb;
	margin-top:2em
}
.article h3:first-child,.article h4:first-child,.article h5:first-child,.article h6:first-child {
	margin-top:0;
	padding-top:0
}
.article h1 {
	font-size:24px
}
.article h2 {
	font-size:22.4px;
	text-align:left
}
.article h3 {
	font-size:19.2px;
	color:#222;
	text-align:left
}
.article h4 {
	font-weight:700;
	font-size:17.6px
}
.article h5 {
	font-weight:700;
	color:#555;
	font-size:16px
}
.article h6 {
	color:rgba(85,85,85,.75);
	font-size:14px
}
.article .subtitle h6 {
	color:rgba(85,85,85,.9)
}
.article figure figcaption span {
	display:inline-block;
	margin-right:5px
}
.article blockquote {
	position:relative;
	width:100%;
	font-size:16px;
	background:rgba(27,195,251,.1);
	margin:1em 0;
	padding:16px;
	border-left:4px solid #1bc3fb;
	border-radius:4px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.article blockquote p {
	text-align:left;
	word-wrap:normal;
	margin:0;
	font-size:16px;
	line-height:25px
}
.article blockquote footer strong {
	margin-right:7px
}
.article blockquote.pullquote.right {
	border-left:none;
	border-right:4px solid #1bc3fb
}
.article blockquote.pullquote.right p {
	text-align:right
}
.article pre {
	display:block;
	box-sizing:border-box;
	font-family:'Cascadia Code Regular',courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;
	color:#555
}
.article code {
	font-family:'Cascadia Code Regular',courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;
	padding:3px 3px 0 3px;
	margin:0 2px;
	vertical-align:center;
	border-radius:2px;
	border:1px solid rgba(27,195,251,.5);
	font-size:13px;
	background:rgba(27,195,251,.1)
}
@media (max-width:580px) {
	.article code {
	font-size:12.16px
}
}.article .readmore {
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	font-size:.8em;
	letter-spacing:.1em;
	margin-top:16px
}
.article .readmore a {
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	line-height:2rem;
	font-weight:700;
	background-color:#1bc3fb;
	padding:.2em 2.4em;
	color:#fff;
	border-radius:6px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.article .readmore a:hover {
	background:#04a8df
}
.article .tags {
	position:relative;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	line-height:1.7;
	margin-top:16px;
	background:rgba(231,231,231,.5);
	word-spacing:8px
}
.article .tags a {
	color:#555;
	position:relative;
	display:inline-block;
	word-spacing:0;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.article .tags a:hover {
	color:#1bc3fb;
	background:0 0;
	text-decoration:none
}
.article table:not('.highlight table') {
	width:100%
}
.article table:not('.highlight table') td,.article table:not('.highlight table') th {
	padding:12px 24px
}
@media (max-width:580px) {
	.article ol,.article ul {
	font-size:15.2px
}
.article figure {
	font-size:13px;
	line-height:1.6em
}
}.article .prev-next {
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-line-pack:start;
	align-content:flex-start
}
.article .prev-next section {
	width:100%;
	padding:8px;
	color:rgba(85,85,85,.7);
	background-color:rgba(244,244,244,.5);
	border-radius:12px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.article .prev-next section p {
	font-size:16px;
	line-height:1.7;
	margin:0
}
.article .prev-next section h4 {
	margin-top:8px;
	margin-bottom:8px;
	position:relative;
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	font-weight:700;
	font-size:16px
}
@media (max-width:580px) {
	.article .prev-next section h4 {
	letter-spacing:-1px
}
}.article .prev-next section h6 {
	margin:0;
	word-spacing:normal
}
.article .prev-next section .tags {
	background:0 0;
	padding:0;
	margin-top:8px;
	margin-bottom:0;
	font-size:12.6px;
	word-spacing:4px
}
.article .prev-next section:first-child {
	margin-left:0;
	margin-right:0
}
.article .prev-next .prev {
	text-align:left;
	margin-left:0;
	margin-right:8px;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px
}
.article .prev-next .next {
	text-align:right;
	margin-left:8px;
	margin-right:0;
	border-top-left-radius:12px;
	border-bottom-left-radius:12px
}
.highlight {
	position:relative;
	width:100%;
	margin-top:1em;
	margin-bottom:1.2em;
	overflow:auto;
	display:block;
	background:#f6f7f8;
	font-size:13.3px;
	font-family:'Cascadia Code Regular',courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;
	line-height:1.7;
	border-radius:4px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.highlight figcaption {
	padding:4px 8px;
	background-color:#edeff1
}
.highlight table td,.highlight table th {
	padding:0
}
.highlight .gutter {
	width:24px;
	padding:0 12px;
	text-align:right;
	border-width:0;
	margin-left:0;
	background-color:#edeff1
}
.highlight .gutter pre {
	color:rgba(85,85,85,.8)
}
.highlight .code {
	padding:16px;
	vertical-align:top;
	border:0 solid #efefef
}
.highlight .code:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	color:rgba(85,85,85,.8);
	font-size:11.2px;
	padding:4px 8px 0;
	line-height:1.7
}
.highlight.html .code:before {
	content:"HTML"
}
.highlight.js .code:before {
	content:"JS"
}
.highlight.bash .code:before {
	content:"BASH"
}
.highlight.shell .code:before {
	content:"SHELL"
}
.highlight.css .code:before {
	content:"CSS"
}
.highlight.less .code:before {
	content:"LESS"
}
.highlight.swift .code:before {
	content:"SWIFT"
}
.highlight.objc .code:before {
	content:"OBJECTIVE-C"
}
.highlight.c .code:before {
	content:"C"
}
.highlight.java .code:before {
	content:"JAVA"
}
.highlight.python .code:before {
	content:"PYTHON"
}
.highlight.plain .code:before {
	content:""
}
.highlight::-webkit-scrollbar {
	height:4px;
	width:4px
}
.highlight::-webkit-scrollbar-track-piece {
	background:0 0
}
.highlight::-webkit-scrollbar-thumb {
	background:#e8eaed;
	cursor:pointer;
	border-radius:4px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.highlight::-webkit-scrollbar-thumb:hover {
	background:#d4d8dd
}
@media (max-width:580px) {
	.article .highlight {
	font-size:12.635px
}
}.art-item-footer {
	height:40px;
	line-height:1.7;
	font-size:14px
}
.art-item-footer .art-item-left,.art-item-footer .art-item-right {
	width:50%;
	height:40px;
	line-height:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.art-item-footer .art-item-left {
	float:left;
	text-align:left
}
.art-item-footer .art-item-right {
	float:right;
	text-align:right
}
@media (max-width:580px) {
	.art-item-footer {
	font-size:12.635px
}
}pre .marked {
	background-color:rgba(255,189,43,.2);
	border-radius:2px;
	border:1px solid rgba(255,189,43,.4)
}
pre .comment,pre .title {
	color:rgba(85,85,85,.6)
}
pre .attr,pre .javascript .function,pre .keyword {
	color:#9c27b0
}
pre .built_in,pre .tag .name,pre .type {
	color:#e96900
}
pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title {
	color:#fd8607
}
pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor {
	color:#fd8607
}
pre .class,pre .css .rules .attribute,pre .ruby .class .title {
	color:#fc6
}
pre .header,pre .inheritance,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata {
	color:#4caf50
}
pre .css .hexcolor {
	color:#6cc
}
pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword {
	color:#69c
}
.html .tag .name {
	color:#ee2b29
}
.highlight {
	position:relative
}
.btn-copy {
	display:inline-block;
	cursor:pointer;
	background-color:#fcfcfc;
	background-image:linear-gradient(#fcfcfc,#eee);
	border:1px solid #d5d5d5;
	border-radius:2px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	font-size:13px;
	font-weight:700;
	line-height:20px;
	color:#666;
	padding:2px 6px;
	position:absolute;
	right:5px;
	top:5px;
	opacity:0;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
.btn-copy:hover {
	color:#444
}
.btn-copy span {
	margin-left:5px
}
.highlight:hover .btn-copy {
	opacity:1
}
#page-nav {
	position:relative;
	width:100%;
	padding:20px 0
}
#page-nav .page-number,#page-nav .space {
	display:none
}
#page-nav .next,#page-nav .prev {
	font-size:.8125em;
	font-weight:400;
	color:#aaa;
	border-radius:2px
}
#page-nav .next:hover,#page-nav .prev:hover {
	color:#444
}
#page-nav .next span,#page-nav .prev span {
	line-height:20px;
	vertical-align:middle
}
#page-nav .next span.icon,#page-nav .prev span.icon {
	position:relative;
	top:1px
}
#page-nav .next {
	float:right;
	padding:0 7px 2px 10px
}
#page-nav .prev {
	float:left;
	padding:0 10px 2px 7px
}
#u-search {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:60px 20px;
	z-index:999999
}
@media (max-width:680px) {
	#u-search {
	padding:0
}
}#u-search .modal {
	position:fixed;
	height:80%;
	width:100%;
	max-width:640px;
	left:50%;
	top:0;
	margin:64px 0 0 -320px;
	background:#fff;
	box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
	z-index:3;
	border-radius:12px
}
@media (max-width:680px) {
	#u-search .modal {
	box-shadow:none;
	max-width:none;
	top:0;
	left:0;
	margin:0;
	height:100%;
	border-radius:0
}
}#u-search .modal .modal-ajax-content {
	opacity:0;
	visibility:hidden;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
#u-search .modal .modal-ajax-content.loaded {
	opacity:1;
	visibility:visible
}
#u-search .modal .modal-header {
	position:relative;
	width:100%;
	height:64px;
	background-color:#1bc3fb;
	z-index:3;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
@media (max-width:680px) {
	#u-search .modal .modal-header {
	padding:0;
	border-radius:0
}
}#u-search .modal .modal-header .btn-close {
	display:block;
	position:absolute;
	width:55px;
	height:64px;
	top:0;
	right:0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	line-height:64px;
	vertical-align:middle;
	font-size:1.3em;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	z-index:2
}
#u-search .modal .modal-header .btn-close:hover {
	transform:rotate(90deg)
}
#u-search .modal .modal-header .modal-loading {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:0 0;
	z-index:1
}
#u-search .modal .modal-header .modal-loading .modal-loading-bar {
	display:block;
	position:relative;
	width:0%;
	height:100%;
	background:#fff;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
#u-search .modal .modal-header #u-search-modal-form {
	position:relative;
	width:100%;
	height:100%;
	z-index:2
}
#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input {
	width:100%;
	padding:0 50px;
	height:64px;
	font-size:16px;
	line-height:1.7;
	vertical-align:middle;
	color:#fff;
	border:none;
	background:0 0;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	font-weight:thin;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-shadow:none
}
#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input:focus {
	border-top-left-radius:12px;
	border-top-right-radius:12px
}
#u-search .modal .modal-header #u-search-modal-btn-submit {
	position:absolute;
	top:0;
	left:0;
	padding-left:5px;
	padding-top:2px;
	background:0 0;
	border:none;
	width:50px;
	height:64px;
	vertical-align:middle;
	font-size:1.3em;
	color:#fff;
	z-index:2
}
#u-search .modal .modal-footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	padding:0 15px;
	background:#fff;
	border-top:1px solid #ddd
}
#u-search .modal .modal-footer .logo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index:0
}
#u-search .modal .modal-footer .logo a {
	display:inline-block
}
#u-search .modal .modal-footer .logo.google img {
	height:24px;
	margin-top:13px
}
#u-search .modal .modal-footer .logo.baidu img {
	height:22px;
	margin-top:14px
}
#u-search .modal .modal-footer .logo img {
	position:relative;
	display:inline-block;
	width:auto;
	height:18px;
	margin-top:16px
}
#u-search .modal .modal-footer .modal-error {
	position:relative;
	float:left;
	vertical-align:middle;
	line-height:50px;
	font-size:13px;
	z-index:1
}
#u-search .modal .modal-footer .modal-metadata {
	position:relative;
	float:left;
	vertical-align:middle;
	line-height:50px;
	font-size:13px;
	z-index:1
}
#u-search .modal .modal-footer .nav {
	position:relative;
	display:block;
	float:right;
	vertical-align:middle;
	font-size:13px;
	font-weight:500;
	line-height:50px;
	color:#828282;
	cursor:pointer;
	z-index:1
}
#u-search .modal .modal-footer .nav:hover {
	color:#444
}
#u-search .modal .modal-footer .nav.btn-next {
	margin-left:10px
}
#u-search .modal .modal-footer .nav .icon {
	font-size:12px
}
#u-search .modal .modal-body {
	position:absolute;
	padding:64px 50px 80px 50px;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	background-color:#fff;
	border-radius:12px
}
@media (max-width:680px) {
	#u-search .modal .modal-body {
	padding:60px 20px 80px 20px
}
}#u-search .modal .modal-body .modal-results {
	list-style:none
}
#u-search .modal .modal-body .modal-results li {
	border-bottom:1px solid #e6e8ea
}
#u-search .modal .modal-body .modal-results li:last-child {
	border-bottom:none
}
#u-search .modal .modal-body .modal-results .result {
	position:relative;
	display:block;
	padding:15px 30px 15px 0;
	text-decoration:none
}
#u-search .modal .modal-body .modal-results .result:hover .title {
	color:#1bc3fb
}
#u-search .modal .modal-body .modal-results .result .title {
	display:inline-block;
	max-width:100%;
	color:#6f6f6f;
	font-size:16px;
	font-weight:700;
	padding:1px;
	margin-bottom:2px;
	line-height:1.7;
	white-space:normal;
	overflow:hidden;
	text-overflow:ellipsis
}
#u-search .modal .modal-body .modal-results .result .digest {
	display:block;
	white-space:pre-wrap;
	overflow:scroll;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:1.7;
	color:#a2a2a2;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
#u-search .modal .modal-body .modal-results .result .icon {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-4px;
	font-size:11px;
	color:#828282
}
#u-search .modal-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	z-index:1
}
#footer {
	position:relative;
	padding:40px 10px 120px 10px;
	width:100%;
	color:rgba(85,85,85,.5);
	margin:0 auto;
	font-size:1rem;
	overflow:hidden;
	text-align:center;
	font-family:'HarmonyOS Sans','PingFang SC','Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,Arial,sans-serif
}
#footer .licenses {
	color:rgba(85,85,85,.5);
	text-decoration:underline
}
#footer .codename {
	text-decoration:underline
}
#footer .social-wrapper {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:4px 8px
}
#footer a {
	color:rgba(85,85,85,.7);
	padding:0;
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease
}
#footer a:hover {
	color:#1bc3fb
}
#footer a.social {
	position:relative;
	display:inline-block;
	text-align:center;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	width:32px;
	height:32px;
	margin:4px;
	border-radius:100px
}
#footer a.social:hover {
	background:rgba(27,195,251,.1);
	color:#1bc3fb
}
@media (max-width:768px) {
	#footer {
	-ms-flex-pack:center;
	justify-content:center
}
}.article.typo.l_friends .friends-group h2 {
	font-size:19.2px
}
.article.typo.l_friends .friends-group .friend-content {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:-8px;
	border-radius:12px
}
.article.typo.l_friends .friends-group .friend-content .friend-card {
	display:-ms-flexbox;
	display:flex;
	border-radius:12px;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1);
	background:#eee;
	margin:8px;
	color:rgba(85,85,85,.8);
	-ms-flex-pack:start;
	justify-content:flex-start;
	-ms-flex-line-pack:start;
	align-content:flex-start;
	-ms-flex-direction:column;
	flex-direction:column;
	border:1px solid transparent;
	width:calc(100%/3 - 16px)
}
@media (max-width:1024px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card {
	width:calc(100%/3 - 16px)
}
}@media (max-width:768px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card {
	width:calc(100%/2 - 16px)
}
}@media (max-width:580px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card {
	width:100%;
	margin:0 4px;
	border-radius:0;
	-ms-flex-direction:row;
	flex-direction:row
}
.article.typo.l_friends .friends-group .friend-content .friend-card:first-child {
	border-top-left-radius:12px;
	border-top-right-radius:12px
}
.article.typo.l_friends .friends-group .friend-content .friend-card:last-child {
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px
}
}.article.typo.l_friends .friends-group .friend-content .friend-card:hover {
	text-decoration:none;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1),0 32px 64px 0 rgba(0,0,0,.1);
	transform:scale(1.05);
	border-radius:12px
}
@media (max-width:580px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card:hover {
	transform:scale(1.02);
	margin:8px 0
}
}.article.typo.l_friends .friends-group .friend-content .friend-card:hover .friend-left .avatar {
	transform:scale(1.2) rotate(12deg);
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)
}
.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-item-align:center;
	align-self:center
}
.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar {
	width:64px;
	height:64px;
	min-width:64px;
	min-height:64px;
	margin:16px 8px 4px 8px;
	border-radius:100%;
	border:0 solid transparent
}
@media (max-width:580px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar {
	margin:16px
}
}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right {
	margin:4px 8px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	text-align:center
}
.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p {
	text-align:center
}
@media (max-width:580px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right {
	margin:16px 16px 16px 0;
	text-align:left
}
.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p {
	text-align:left
}
}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper {
	transition:all .25s ease;
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-o-transition:all .25s ease;
	margin-left:-2px;
	word-break:break-all;
	margin-bottom:8px
}
@media (max-width:580px) {
	.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper {
	margin-bottom:0
}
}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p {
	margin:0;
	text-shadow:0 1px 2px rgba(0,0,0,.15)
}
.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.friend-name {
	font-family:'Google Sans',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;
	font-size:16.5px;
	font-weight:700;
	padding-top:4px
}
.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.tags {
	font-size:14.5px;
	display:inline;
	background:0 0;
	word-wrap:break-word;
	padding-right:4px
}
#tocme {
	backdrop-filter: blur(10px);
}
#maintitle0 {
    font-family: 'Moaria';
}
#binft {
	font-family: 'LXGW LxnChanCN RSB Min';
}