@charset "utf-8";

/*背景颜色/字体颜色*/
body {
	background-color: hsl(212,28%,27%);
	color: white;
}
/*logo字体阴影*/
#header .site-name  {
	text-shadow: .0625rem .0625rem hsl(204,27%,0%),.09375rem .09375rem hsl(204,27%,0%),.125rem .125rem hsl(204,27%,0%),.15625rem .15625rem hsl(204,27%,0%),.1875rem .1875rem hsl(204,27%,0%);
}
/*logo下行小子颜色*/
.site-name > .description {
	color: hsl(204,85%,60%);	
}
.site-name > #logo:hover,.site-name > #logo:focus {
	text-shadow: 0 0 .1rem hsla(0,100%,100%,.8),0 0 .3rem hsla(0,100%,100%,.3);
}
/*搜索栏*/
.search-d {
	border-color: hsl(204,85%,60%);
}
.search-d:hover,.search-d:focus{
	border-color: hsl(204,85%,40%);
}
.search-d:hover >.submit-i:before,.search-d:focus >.submit-i:before {
	background-color: hsl(204,85%,40%);
}
.search-d > .text {
	background-color: transparent;
	color: white;
}
.search-hint {
	background-color: hsl(212,28%,20%);	
}
.search-hint:before {
	border-color: hsl(212,28%,20%) transparent;
}
.submit-i:before {
	background-color: hsl(204,85%,60%);
}

/*nav*/
#nav-menu > a {
	text-shadow: .0625rem .0625rem rgba(0,0,0,.2)
}
#nav-menu > a:before {
	background-color: hsl(204,50%,50%);
	box-shadow: 0 .1875rem .1875rem -.1875rem rgba(0,0,0,.3) inset,0 -.1875rem .1875rem -.1875rem rgba(0,0,0,.3) inset;
}
#nav-menu > a:hover:before,#nav-menu > a:focus:before {
	background-color: hsl(204,50%,40%);
}

/*内容*/
#body {
	text-shadow: 0 0 .125rem #000;
}
.post > .post-title {
	background-color: transparent;	
	background-image: linear-gradient(-25deg,transparent .5rem,rgba(255,255,255,.1) 0);
	border-top: .0625rem solid hsl(204,85%,60%);
	border-left: .0625rem solid hsl(204,85%,60%);
}
.post > .post-title > a:hover,.post > .post-title > a:focus {
	color: hsl(204,85%,60%);
}
.post-meta > .post-i > a:hover,.post-meta > .post-i > a:focus {
	color: hsl(204,85%,60%);
}
.post > .post-content {
	border-color: rgba(255,255,255,.5);
}
.post > .post-content:before,.post > .post-content:after{
	background-color: hsl(204,50%,70%);
}
#secondary > .widget {
	background: linear-gradient(-150deg,transparent .625rem,#0081c6 0);
	text-shadow: 0 0 .1875rem #666;
}
#secondary > .widget:before {
	background:linear-gradient(to left bottom,transparent 50%,rgba(0,0,0,.2) 0);
	box-shadow: -.125rem .125rem .25rem -.1875rem rgba(0,0,0,1);
}
.widget-list > li {
	border-color: rgba(255,255,255,.5);
}
.widget-list > li a {
	background-color: rgba(0,0,0,0);
	background-image: linear-gradient(to right,rgba(0,0,0,.2) 15%,transparent 100%);
}
.widget-list > li a:hover,.widget-list > li a:focus {
	background-color: rgba(0,0,0,.2);	
}
/*footer*/
#footer {
	background-color: hsl(212,28%,10%);
}
#footer a:hover,#footer a:focus {
	color: hsl(204,85%,60%);
}
/*链接波浪线*/
.post-content  a:before {
	background-image: linear-gradient(45deg,transparent 45%,#ff4d4d 0,#ff4d4d 55%,transparent 0),
	linear-gradient(-45deg,transparent 45%,#ff8364 0,#ff8364 55%,transparent 0);
}
/*引用*/
.post-content blockquote {
	border-color: rgba(255,255,255,.5);
	color: #78BBE6;
	background-image: linear-gradient(to right,rgba(0,0,0,.2) 15%,transparent 100%);
}
.post-content blockquote:before {
	color: crimson;
	background-color: white;
	text-shadow: none;
}
/*分割线*/
hr {
	border-color: rgba(255,255,255,.5);
}
/*代码*/
p > code {
	color: orangered;
	background-color: white;
	text-shadow: none;
}
/*有序列表/无序列表*/
.post-content > ol > li,.post-content > ul > li {
	border-color:rgba(255,255,255,.3);
}
/*更多*/
.more > a {
	background-color: #283149;
	color: #dbedf3;
}
.more > a:hover,.more > a:focus {
	text-shadow: 0 0 .0625rem,0 0 .125rem,0 0 .1875rem;
}
/*标签*/
.tags {
	background-color: rgba(0,0,0,.2);
}
.tags > a,.page-tag a {
	color: hsl(204.1, 100%, 35.7%);
	background-color: currentcolor;
	filter: drop-shadow(0 0 .0625rem);
}
.tags > a:first-line,.page-tag a:first-line {
	color: white;
}
.tags > a:before,.page-tag a:before {
	border-color: transparent;
	border-right-color: inherit;
}
.tags > a:after,.page-tag a:after {
	background-color: white;
}
.tags > a:hover,.page-tag a:hover,.tags > a:focus,.page-tag a:focus {
	color: hsl(204,70%,50%);
}
/*评论*/
.comment-author > .fn > a:hover,.comment-author > .fn > a:focus,.comment-meta > a:hover,.comment-meta > a:focus {
	color: #11cbd7;
}
.comment-meta {
	background-color: rgba(0, 163, 255, 0.3);
}
.comment-content {
	background-color: white;
	color: #666;
	text-shadow: none;
}
.comment-reply {
	background-color: white;
	border-color: #999;
}
.comment-reply > a {
	background-color: #666;
	border-color: #46cdcf;
}
.comment-reply > a:hover,.comment-reply > a:focus {
	background-color: #11cbd7;
	border-color: #666;
}
/*回复框*/
#comment-form {
	background-color: rgba(0, 163, 255, 0.3);
}
#comment-form  .text {
	border-color: rgba(0, 163, 255, 0.3);
	color: #666;
}
#comment-form  .text:focus,#comment-form  .text:hover,.form-textarea > #textarea:hover,.form-textarea > #textarea:focus {
	border-color: orange;
}
.form-textarea > #textarea {
	color: #666;
} 
.form-submit > .form-but {
	background-color: white;
	color: #23618a;
	text-shadow: none;
}
/*分享*/
#share > a {
	background-color: #86bc19;
}
#share > a:hover,#share > a:focus {
	background-color: #6a9513;
	color: #eee;
}
/*上一页/下一页*/
.page-navigator > li > a {
	background-color: rgba(255,255,255,.1);
}
.page-navigator > li > a:hover,.page-navigator > li > a:focus {
	background-color: rgba(255,255,255,.3);
	border-color: hsl(204,85%,60%);
}
/*标签页*/
#page-tags > .page-title {
	background-color: transparent;	
	background-image: linear-gradient(-25deg,transparent .5rem,rgba(255,255,255,.1) 0);
	border-top: .0625rem solid hsl(204,85%,60%);
	border-left: .0625rem solid hsl(204,85%,60%);
}
/*友链*/
#page-links > .link-title {
	background-color: transparent;	
	background-image: linear-gradient(-25deg,transparent .5rem,rgba(255,255,255,.1) 0);
	border-top: .0625rem solid hsl(204,85%,60%);
	border-left: .0625rem solid hsl(204,85%,60%);
}
.link-content > ul > li {
	background: radial-gradient(at top,transparent 2rem,#333 0) no-repeat center top;
	filter: drop-shadow(0 0 .1875rem rgba(0,0,0,.3));
}
.link-content > ul > li > img {
	border-color:#585c72;
}
.link-content > ul > li > a {
	border-color: rgba(0,0,0,.5);
}
.link-content > ul > li > a:hover,.link-content > ul > li > a:focus {
	border-color: #0081c6 ;
}
/*分类*/
.cat-sec > .categories-title {
	background-color: transparent;	
	background-image: linear-gradient(-25deg,transparent .5rem,rgba(255,255,255,.1) 0);
	border-top: .0625rem solid hsl(204,85%,60%);
	border-left: .0625rem solid hsl(204,85%,60%);
}
.cat-tags a {
	background-color: hsl(204,50%,50%);
}
.cat-tags a:hover,.cat-tags a:focus {
	background-color: hsl(204,50%,40%);
}
.cat-d > .cat-cont-title {
	border-color: hsl(204,50%,50%);
}
.cat-cont-title > a {
	background-color: rgba(0,0,0,0);
	background-image: linear-gradient(to right,rgba(0,0,0,.2) 15%,transparent 100%);
}

 .cat-cont-title > a:hover,.cat-cont-title > a:focus {
	background-color: rgba(0,0,0,.2);	
}
.cat-ul > .cat-li a {
	border-color: rgba(255,255,255,.3);
}
.cat-ul > .cat-li a:before {
	border-color: transparent;
	border-left-color: inherit;
}
.cat-ul > .cat-li a:after {
	border-color: transparent;
	background-color: rgba(255,255,255,.1);
}
.cat-ul > .cat-li a:hover,.cat-ul > .cat-li a:focus {
	color: #0081c6;
}
.cat-ul > .cat-li a:hover:after,.cat-ul > .cat-li a:focus:after {
	border-color: red;
} 
.cat-ul > .cat-li a:hover + .cat-time,.cat-ul > .cat-li a:focus + .cat-time {
	color: #86bc19 ;
}
/*时间归档*/
#timefile > .timefile-title {
	background-color: transparent;	
	background-image: linear-gradient(-25deg,transparent .5rem,rgba(255,255,255,.1) 0);
	border-top: .0625rem solid hsl(204,85%,60%);
	border-left: .0625rem solid hsl(204,85%,60%);
}
.timefile-d {
	background-color: #272822;
}
.timefile-search {
	border-color:hsl(204,85%,60%);
}
.timefile-mon-li:nth-child(even) {
	background-color: rgba(0,0,0,.5);
}
.timefile-mon-li > .guidang:after {
	border-color: red;
	background-color: rgba(255,255,255,.1);
}
.timefile-mon-li:hover {
	color:hsl(204,85%,60%);
}
/*关于*/
.about-d {
	background-color: #c1affb;
	box-shadow: 0 0 .1875rem #000;
}
.about-content {
	color: white;
	background-color: rgba(0,0,0,.2);
}
.about-bg {
	background:url(img/about.jpg) no-repeat 80% 0/auto 100%;
}
.about-address {
	background-color: #fe6e94;
	background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
	box-shadow: 0 0 .1875rem #000;
}
.about-address a:hover,.about-address a:focus {
	color: #9082e3;
}