/* eyoucms.com 易优CMS -- 好用,免费,安全 */
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
div, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	margin: 0;
	padding: 0;
}
body {
	background-color: #eee;
	font: 100%/1.5em 'Microsoft Yahei', Arial, tahoma;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #555;
}
a:hover {
	color: #F35B4F;
}
li {
	list-style: none;
}
.clear {
	clear: both;
}
a img {
	border: none;
}
table {
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 0.75em;
	width: 100%;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	box-sizing: border-box;
}
table th {
	background-color: #f9f9f9;
	text-align: center;
	box-sizing: border-box;
}
table td, table th {
	padding: 5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
/*gold*/
.inner {
	width: 1200px;
	margin: 0 auto;
}
.full-thumbnail {
	width: 100%;
	height: auto;
}
.full-thumbnail img, .left-thumbnail img, .ad img, .header .logo img {
	width: 100%;
	height: auto;
	display: block;
}
.mb-ad {
	overflow: hidden;
	margin-top: 30px;
	background-color: #fff;
	padding: 15px;
}
/*header*/
.header {
	background-color: #fff;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #D7D7D7;
	margin-bottom: 20px;
}
.header .inner {
	position: relative;
}
.header .logo {
	float: left;
	border-right: 1px solid #eee;
	width: 150px;
	height: 60px;
}
.header .logo a {
	display: block;
	width: 100%;
	height: auto;
}
.header .nav {
	float: left;
	width: 1200px;
	position: relative;
}
.header .nav .menu ul li {
	float: left;
	line-height: 60px;
	width: 120px;
	text-align: center;
	position: relative;
}
.header .nav .menu ul li a {
	display: block;
	width: 100%;
}
.header .nav .menu ul li a.on{
	color: #F35B4F;
}

.header .nav .menu ul li ul {
	position: absolute;
	left: 50%;
	top: 60px;
	background-color: #fff;
	z-index: 2;
	width: 150px;
	border: 1px solid #d7d7d7;
	border-top: none;
	margin-left: -75px;
	text-align: center;
	display: none;
}
.header .nav .menu ul li ul li {
	float: none;
	display: block;
	clear: both;
	line-height: 1.5em;
	padding: 10px 0;
	border-top: 1px solid #eee;
	width: 100%;
	font-size: 1em;
}
.header .member {
	float: right;
	border-left: 1px solid #eee;
	line-height: 60px;
}
.header .member a {
	display: block;
	padding: 0 10px;
	font-size: 0.875em;
}
.header .nav-btn {
	position: absolute;
	right: 0px;
	top: 17px;
	cursor: pointer;
	display: none;
}
.header .nav-btn .btn {
	background-color: #fff;
	border: 1px solid #eee;
	width: 30px;
	height: 27px;
	padding: 0 2px;
	border-radius: 2px;
	float: right;
}
.header .nav-btn .btn span {
	display: block;
	height: 5px;
	width: 100%;
	background-color: #eee;
	float: left;
	margin: 2px 0;
	border-radius: 1px;
}
.header .nav-btn i {
	display: block;
	float: left;
	font-style: normal;
	font-weight: bold;
	font-size: 0.875em;
	padding-right: 5px;
}
/*nav*/
#nav {
	background-color: #fff;
	width: 100%;
	height: auto;
	margin-top: -20px;
	margin-bottom: 20px;
	display: none;
}
#nav .menu ul li {
	border-bottom: 1px solid #eee;
	font-size: 0.875em;
}
#nav .menu ul li a {
	display: block;
	padding: 5px 0;
}
#nav .menu ul li a.on{
	color: #F35B4F;
}
#nav .menu ul li li {
	font-size: 1em;
	border-top: 1px solid #eee;
	border-bottom: none;
}
#nav .menu ul li li a {
	padding: 5px 0 5px 15px;
}
/*sub-header*/
.sub-header {
	border: 1px solid #ededed;
	background-color: #fff;
	position: relative;
	margin-bottom: 20px;
}
.sub-header .banner {
	max-height: 300px;
	overflow: hidden;
}
.sub-header .banner img, .slides img {
	width: 100%;
	height: auto;
	display: block;
}
.sub-header .personal {
	position: relative;
	text-align: center;
}
.sub-header .personal .avatar {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 4px solid #fff;
	border-radius: 50%;
	margin: -50px 0 0 -54px;
	position: absolute;
	left: 50%;
	z-index: 3;
}
.sub-header .personal .avatar img {
	width: 100%;
	height: auto;
	display: block;
}
.sub-header .personal .info {
	width: 60%;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 60px;
}
.sub-header .personal .info p {
	margin-bottom: 10px;
	font-size: 0.875em;
}
.sub-header .sub-nav {
	border-top: 1px solid #eee;
	background-color: #FAFAFA;
	padding: 5px 15px;
	overflow: hidden;
}
/*breadcrumb*/
.breadcrumb {
	font-size: 0.75em;
	color: #888;
	font-family: '宋体';
	float: left;
	line-height: 30px;
}
.breadcrumb a {
	color: #888;
}
.social-share {
	float: right;
}
/*container*/
.container {
	overflow: hidden;
	margin-bottom: 40px;
}
/*main*/
.main {
	float: left;
	width: 880px;
}
.main .section, .post {
	background-color: #fff;
	border: 1px solid #ededed;
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
}
.main .section .full-thumbnail {
	margin-bottom: 10px;
}
.main .section .left-thumbnail {
	float: left;
	width: 300px;
	height: auto;
	max-height: 300px;
	margin-top: 7px;
	margin-right: 15px;
	display: inline-block;
	overflow: hidden;
}
.main .section h2, .post h1 {
	line-height: 1.5em;
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.main .section h2 {
	overflow: hidden;
}
.main .section h2 span {
	font-size: 0.55em;
	background-color: #39F;
	color: #fff;
	display: inline-block;
	float: left;
	line-height: 1em;
	padding: 4px 5px;
	border-radius: 3px;
	margin: 8px 10px 0 0;
}
.main .section .intro, .post .postmeta {
	margin-bottom: 10px;
}
.main .section .intro p {
	text-align: justify;
	font-size: 0.875em;
}
.main .section .intro-meta {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.main .section .intro-meta span, .post .postmeta span {
	font-size: 0.75em;
	color: #999;
	margin-right: 5px;
}
.main .section .intro span .tag{padding:4px 10px;background-color:#19B5FE;color:#fff;font-size:12px;line-height:1.4;font-weight:400;margin:0 5px 5px 0;border-radius:2px;display:inline-block}
.main .section .intro span .tag:nth-child(5n){background-color:#4A4A4A}
.main .section .intro span .tag:nth-child(5n+1){background-color:#ff5e5c}
.main .section .intro span .tag:nth-child(5n+2){background-color:#ffbb50}
.main .section .intro span .tag:nth-child(5n+3){background-color:#1ac756}
.main .section .intro span .tag:nth-child(5n+4){background-color:#19B5FE}
.main .section .intro span .tag:hover{background-color:#1B1B1B;color:#FFF}
.main .section .intro-meta span.readmore {
	float: right;
	background-color: #39F;
	color: #fff;
}
.main .section .intro-meta span.readmore a {
	color: #fff;
	padding: 0 5px;
}

#ajax-load-posts{text-align:center;padding:30px 0}
#ajax-load-posts a,
.btn-contribute,
#ajax-load-posts button{cursor:pointer;width:150px;background:#00a7eb;border-radius:2px;font-size:16px;color:#fff;height:46px;line-height:46px;display:inline-block;margin:0 8px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;line-height:3;}
#ajax-load-posts a:hover,
.btn-contribute:hover,
#ajax-load-posts button:hover{background:#282828}
/*post*/
.post h1 {
	text-align: center;
}
.post .postmeta {
	text-align: center;
	border-top: 1px dotted #eee;
}
.post .postmeta span {
	margin: 0 5px;
}
.post .entry p, .post .entry ul, .post .entry ol {
	margin-bottom: 15px;
	font-size: 0.875em;
}
.post .entry img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.post .entry ul, .post .entry ol {
	padding-left: 2em;
}
.post .entry ul li {
	list-style: inside disc none;
}
.post .entry ol li {
	list-style: inside decimal none;
}
.post .entry blockquote {
	overflow: hidden;
	padding: 15px 25px 0;
	background: #f1f1f1 url(../img/block_l.png) no-repeat 5px 10px;
	position: relative;
	border-radius: 3px;
	margin: 0 15px 15px;
}
.post .entry .quote {
	background: url(../img/block_r.png) no-repeat center center;
	width: 20px;
	height: 28px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.post .entry h1 {
	font-weight: bold;
	font-size: 1.75em;
	margin-bottom: 15px;
	text-align: left;
}
.post .entry h2 {
	margin-bottom: 15px;
	font-size: 1.5em;
}
.post .entry h3 {
	margin-bottom: 15px;
	font-size: 1.25em;
}
.post .entry h4 {
	margin-bottom: 15px;
	font-size: 1em;
}
.post .entry h5 {
	margin-bottom: 15px;
	font-size: 0.875em;
}
.post .entry h6 {
	margin-bottom: 15px;
	font-size: 0.75em;
}
.post .tags {
	font-size: 0.875em;
	overflow: hidden;
}
.post .tags span {
	font-weight: bold;
	display: block;
	float: left;
}
.post .tags a {
	display: block;
	float: left;
	padding: 0 5px;
}
.post .tags a:hover {
	text-decoration: underline;
}
.post .post-copyright {
	margin-top: 20px;
	font-size: 1em;
	padding: 5px;
	text-align: center;
}
.post .post-copyright a {
	color: #A74F1B;
	text-decoration: underline;
}
.post .postnavi {
	text-align: center;
	margin-top: 20px;
}
.post .postnavi a {
	display: inline-block;
	background-color: #F95A32;
	color: #fff;
	padding: 5px 10px;
}
.post .ad {
	margin-top: 20px;
}
.post .relation {
	border-top: 2px dotted #F0F0F0;
	margin-top: 20px;
	padding-top: 15px;
}
.post .relation h3 {
	font-weight: normal;
	color: #333;
	margin-bottom: 10px;
}
.post .relation ul li {
	border-bottom: 1px dashed #f0f0f0;
	font-size: 0.875em;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.post .relation ul li a {
	display: block;
	float: left;
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post .relation ul li span {
	float: right;
	font-size: 0.75em;
	font-family: Arial;
	color: #999;
}
/*weiyu*/
#weiyu li {
	position: relative;
	margin-bottom: 30px;
}
#weiyu .main_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
}
#weiyu .main_cont {
	padding-left: 47px;
	margin-bottom: 20px;
}
#weiyu .main_cont .t-meta {
	line-height: 1em;
	margin-bottom: 10px;
}
#weiyu .main_cont .t-meta span.author {
	font-weight: bold;
}
#weiyu .main_cont .t-meta span.reply {
	float: right;
}
#weiyu .main_cont .t-meta span.reply a {
	color: #39F;
}
#weiyu .main_cont .t-meta span.reply a:hover {
	font-weight: bold;
	text-decoration: underline;
}
#weiyu .main_cont p {
	font-size: 0.875em;
	color: #555;
}
#weiyu .error li {
	background-color: #FFFCEF;
	font-size: 0.75em;
	text-align: left;
	padding: 5px 0;
	color: #333;
	margin: 10px 0;
	overflow: hidden;
}
#weiyu .tinfo, #weiyu .rcode {
	margin-bottom: 10px;
	font-size: 0.875em;
}
#weiyu .tinfo input, #weiyu .rcode input {
	border: 1px solid #ddd;
	padding: 5px 0;
	text-indent: 5px;
}
#weiyu textarea {
	border: 1px solid #ddd;
	width: 99%;
	height: 120px;
	margin-bottom: 10px;
	text-indent: 5px;
	padding: 5px 0;
	font-size: 0.875em;
}
#weiyu .rcode label, #weiyu .rcode input, #weiyu .rcode img {
	float: left;
}
#weiyu .rcode img {
	margin: 3px 0;
}
#weiyu .tbutton p {
	clear: both;
	padding: 10px 0;
}
#weiyu .tbutton .button_p {
	background-color: #39f;
	color: #fff;
	border: none;
	padding: 5px 0;
	cursor: pointer;
	-webkit-appearance: none;
	float: right;
	text-align: center;
	text-indent: 0;
}
#weiyu .error li em {
	float: right;
	font-style: normal;
}
#weiyu .error li span.time {
	float: left;
	padding-right: 15px;
	color: #999;
}
#weiyu .error li span.name {
	color: #39F;
}
#weiyu .rcode input {
	width: 60px;
}
/*comment-form*/
.comment-form {
	margin-top: 20px;
}
.comment-form p {
	margin-bottom: 5px;
	overflow: hidden;
}
.comment-form label {
	clear: left;
	float: left;
	height: 15px;
	line-height: 15px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-right: none;
	font-size: 0.875em;
}
.comment-form .text, .comment-form .input {
	float: left;
	height: 15px;
	padding: 6px 10px 6px 0;
	border: 1px solid #ddd;
	width: 40%;
	padding-left: 5px;
	-webkit-appearance: none;
	border-radius: 0;
}
.comment-form i {
	font-style: normal;
	font-size: 0.875em;
	margin-left: 10px;
	color: #555;
}
.comment-form i.must {
	color: #F95A32;
}
.comment-form textarea {
	width: 98%;
	height: 120px;
	border: 1px solid #ddd;
	padding: 5px;
}
.comment-form .submit {
	-webkit-appearance: none;
	border-radius: 0;
	background-color: #4391EA;
	color: #fff;
	border: none;
	float: right;
	margin-right: 2%;
	padding: 5px 10px;
	cursor: pointer;
}
.comment-form p span {
	font-size: 0.875em;
}
.comment-form p span b {
	color: #c00;
	font-weight: normal;
	font-size: 1.25em;
}
/*comment*/
#comment {
	border-top: 2px dotted #f0f0f0;
	margin-top: 20px;
	padding-top: 10px;
}
#comment li {
	margin-top: 20px;
	border: 1px solid #f0f0f0;
	position: relative;
	overflow: hidden;
	padding: 10px;
	border-radius: 3px;
	background-color: #fff;
}
#comment li.mouseover {
	border: 1px solid #ddd;
}
#comment .gravatar {
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 10px 0 0;
	display: inline;
}
#comment .gravatar img {
	display: block;
	width: 100%;
	height: auto;
}
#comment .cmt-meta .user {
	margin-bottom: 5px;
}
#comment .cmt-meta .user a {
	text-decoration: underline;
	color: #F95A32;
}
#comment .cmt-meta .time {
	font-size: 0.875em;
	color: #999;
}
#comment .floor {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 1.5em;
	color: #eee;
}
#comment .cmt-cont {
	clear: both;
	padding: 10px 0;
	text-align: justify;
	font-size: 0.875em;
	color: #555;
}
#comment .cmt-other {
	text-align: right;
}
#comment .cmt-other a {
	background-color: #f90;
	color: #fff;
	font-size: 0.875em;
	padding: 0 5px;
	border-radius: 4px;
}
/*pagenavi*/

.navigation{margin:0;padding:20px;text-align:center;font-size:12px;display:block}
.navigation .screen-reader-text{display:none}
.navigation .page-numbers{padding:10px 18px;background:#FFF;color:#666;border-radius:3px;margin:2px;display:inline-block;border:1px solid #E8E8E8;font-size:16px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);box-shadow:0 2px 2px 0 rgba(0,0,0,.05)}
.navigation .current{background:#282828;color:#fff;border-color:#282828}
.navigation a:hover{border:1px solid #282828;color:#FFF;background:#282828}
@media screen and (max-width:767px){
.navigation .page-numbers{padding:4px 12px;font-size:13px;border-radius:2px}
}
/*sidebar*/
.sidebar {
	background-color: #fff;
	border: 1px solid #eee;
	width: 290px;
	float: right;
}
.widget {
	padding: 10px 15px;
	border-bottom: 1px solid #ededed;
}
.widget h3 {
	font-size: 0.875em;
	margin-bottom: 15px;
}
.widget ul li {
	border-bottom: 1px dashed #eee;
	font-size: 0.875em;
	color: #444;
	padding: 5px 0;
}
.widget .new-cmts li {
	overflow: hidden;
	margin-bottom: 10px;
}
.widget .new-cmts li img {
	float: left;
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-right: 10px;
}
.widget .new-cmts li p {
	margin-top: -5px;
	margin-bottom: 5px;
	color: #444;
}
.widget .new-cmts li a {
	color: #E7542E;
	font-weight: bold;
}
#blogsort ul li ul li {
	border-top: 1px dashed #eee;
	border-bottom: none;
	margin-top: 5px;
	padding: 5px 0 0;
}
#blogsort ul li {
	overflow: hidden;
}
#blogsort ul li img {
	float: left;
	display: inline-block;
	margin-top: 6px;
	margin-right: 5px;
}
#blogsort ul li ul li {
	padding-left: 15px;
}
#calendar table {
	text-align: center;
}
#calendar table td {
	padding: 5px 0;
}
#calendar .calendar a {
	color: #F95A32;
	font-weight: bold;
}
#logsearch {
	overflow: hidden;
}
#logsearch input[type="text"] {
	border: 1px solid #ddd;
	padding: 5px 0;
	text-indent: 5px;
	float: left;
	width: 70%;
}
#logsearch .btn-round {
	background-color: #3399FF;
	color: #fff;
	border: none;
	height: 28px;
	float: left;
	cursor: pointer;
}
#blogtags ul {
	text-align: justify;
}
#blogtags a {
	font-size: 0.875em;
	color: #fff;
	background-color: #39f;
	padding: 0 8px;
	white-space: nowrap;
}
#blogtags a:nth-child(8n-7) {
	background-color: #8A9B0F;
}
#blogtags a:nth-child(8n-6) {
	background-color: #EB6841;
}
#blogtags a:nth-child(8n-5) {
	background-color: #3FB8AF;
}
#blogtags a:nth-child(8n-4) {
	background-color: #FE4365;
}
#blogtags a:nth-child(8n-3) {
	background-color: #FC9D9A;
}
#blogtags a:nth-child(8n-2) {
	background-color: #EDC951;
}
#blogtags a:nth-child(8n-1) {
	background-color: #C8C8A9;
}
#blogtags a:nth-child(8n) {
	background-color: #83AF9B;
}
#blogtags a:first-child {
	background-color: #036564;
}
#blogtags a:last-child {
	background-color: #3299BB;
}
#blogtags a:hover {
	border-radius: 4px;
}
#twitter p {
	margin-top: 5px;
	font-size: 0.875em;
	color: #999;
	text-align: right;
}
#twitter p a {
	background-color: #39f;
	color: #fff;
	padding: 0 5px;
	font-size: 0.8em;
}
#new-cmts .customtitle {
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#new-cmts .customtitle a {
	color: #888;
}
#new-cmts .cont {
	background-color: #f1f1f1;
	padding: 5px 10px;
	margin: 5px 0;
	color: #666;
	border-radius: 4px;
}
#new-cmts .author {
	text-align: right;
	font-size: 0.875em;
	color: #999;
}
/*footer*/
.footer {
	border-top: 1px solid #dedede;
	padding: 20px 0;
	clear: both;
	background-color: #FFF;
}
.footer .pageslist {
	float: left;
}
.footer .pageslist ul li {
	float: left;
	font-size: 0.875em;
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
}
.footer .pageslist ul li.qrcode .qrcode-img {
	width: 150px;
	height: 150px;
	position: absolute;
	left: 50%;
	bottom: 24px;
	margin-left: -75px;
	background-color: #eee;
	padding: 2px;
	border-radius: 5px;
	display: none;
}
.footer .pageslist ul li.qrcode .qrcode-img img {
	display: block;
	width: 150px;
	height: 150px;
}
.footer .copyright {
	float: right;
	font-size: 0.75em;
	color: #999;
}
/*backtop*/
@keyframes fire {
 0% {
 background-size:100% 20%;
 background-position:center 39px;
}
 25% {
 background-size:100% 30%;
 background-position:center 39px;
}
 50% {
 background-size:100% 35%;
 background-position:center 39px;
}
 75% {
 background-size:100% 30%;
 background-position:center 39px;
}
 100% {
 background-size:100% 20%;
 background-position:center 39px;
}
}
@-moz-keyframes fire {
 0% {
 background-size:100% 20%;
 background-position:center 39px;
}
 25% {
 background-size:100% 30%;
 background-position:center 39px;
}
 50% {
 background-size:100% 35%;
 background-position:center 39px;
}
 75% {
 background-size:100% 30%;
 background-position:center 39px;
}
 100% {
 background-size:100% 20%;
 background-position:center 39px;
}
}
@-webkit-keyframes fire {
 0% {
 background-size:100% 20%;
 background-position:center 39px;
}
 25% {
 background-size:100% 30%;
 background-position:center 39px;
}
 50% {
 background-size:100% 35%;
 background-position:center 39px;
}
 75% {
 background-size:100% 30%;
 background-position:center 39px;
}
 100% {
 background-size:100% 20%;
 background-position:center 39px;
}
}
@-o-keyframes fire {
 0% {
 background-size:100% 20%;
 background-position:center 39px;
}
 25% {
 background-size:100% 30%;
 background-position:center 39px;
}
 50% {
 background-size:100% 35%;
 background-position:center 39px;
}
 75% {
 background-size:100% 30%;
 background-position:center 39px;
}
 100% {
 background-size:100% 20%;
 background-position:center 39px;
}
}

#backtop {
	position: fixed;
	top: 60%;
	right: 15px;
	width: 30px;
	height: 65px;
	background: url(../images/scrolltop_1.png) no-repeat top center;
	display: none;
}
#backtop a {
	display: block;
	position: relative;
	background: url(../images/scrolltop_2.png) no-repeat center 37px;
	display: block;
	width: 16px;
	height: 71px;
	margin: 0 auto;
}
#backtop a:hover {
	animation: fire 1.5s infinite linear;
	-moz-animation: fire 1.5s infinite linear;
	-webkit-animation: fire 1.5s infinite linear;
	-o-animation: fire 1.5s infinite linear;
}
/*screen width*/
@media only screen and (max-width:1280px) {
.inner {
	width: 93.75%;
}
.header .nav {
	width: 70%;
}
.header .nav .menu ul li {
	width: 14.285714%;
}
.main {
	width: 73.333333%;
}
.sidebar {
	width: 24.166667%;
}
}
@media only screen and (max-width:1024px) {
.header .nav .menu ul li {
	font-size: 0.875em;
}
.sub-header .personal .info {
	width: 90%;
}
}
@media only screen and (max-width:960px) {
.header .nav .menu ul li {
	font-size: 0.8em;
}
.sub-header .personal .avatar {
	width: 80px;
	height: 80px;
	margin: -50px 0 0 -44px;
}
.sub-header .personal .info {
	padding-top: 40px;
}
.comment-form textarea {
	width: 97%;
}
}
@media only screen and (max-width:768px) {
.header .nav {
	display: none;
}
.header .nav-btn {
	display: block;
}
.sub-header .personal .avatar {
	width: 60px;
	height: 60px;
	margin: -50px 0 0 -34px;
}
.sub-header .personal .info {
	padding-top: 20px;
}
.sub-header .sub-nav {
	padding: 5px 10px;
}
.main {
	width: 100%;
	float: none;
}
.sidebar {
	display: none;
}
.main .section, .mb-ad, .post {
	padding: 10px;
}
.footer .pageslist, .footer .copyright {
	float: none;
	clear: both;
	text-align: center;
}
.footer .pageslist ul li {
	float: none;
	display: inline;
}
}
@media only screen and (max-width:540px) {
.main .section .left-thumbnail {
	width: 200px;
}
.footer .pageslist ul li {
	font-size: 0.75em;
	padding: 5px;
	margin: 0;
}
.footer .copyright {
	font-size: 0.7em;
}
.comment-form textarea {
	width: 96%;
}
}
@media only screen and (max-width:360px) {
.main .section .left-thumbnail {
	width: 150px;
}
.comment-form textarea {
	width: 95%;
}
.main .section .left-thumbnail {
	width: 100%;
	margin-right: 0;
	float: none;
	margin-bottom: 15px;
}
}
@media screen and (max-width:767px){
	#ajax-load-posts{padding:0}
	#ajax-load-posts a,
	#ajax-load-posts button{margin:20px 0;font-size:14px;height:36px;line-height:36px}
}


@media (max-width:767px) {
.link { 
	display: none;
}
}
.link{padding-top: 30px;text-align: center;}
.link span{color:#444;font-size: 14px;display: inline-block;vertical-align: top;}
.link li  {color:#444;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;}
.link li a{color:#444;font-size: 14px;}
.link li a:hover{opacity: 1;}

/* =============================================================
   主题美化增强（新增）
   ============================================================= */
:root{
	--accent:#5b6cff;
	--accent2:#b45bff;
	--accent3:#ff8ac2;
	--text-main:#2b2f45;
	--text-light:#7a7f98;
	--border:#e9ecf6;
	--card-shadow:0 2px 6px rgba(31,35,65,.05),0 12px 28px rgba(31,35,65,.05);
	--card-shadow-hover:0 8px 20px rgba(70,80,180,.10),0 20px 44px rgba(70,80,180,.13);
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#eef1f8}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9aa8f5,#c29af5);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8292f0,#b284f0)}

/* 页面整体背景：浅色渐变 + 两侧色彩晕染 */
body{
	background-color:#f2f4fb;
	background-image:
		radial-gradient(circle at 18% 26%,rgba(110,120,240,.12) 0%,transparent 46%),
		radial-gradient(circle at 82% 72%,rgba(236,90,160,.09) 0%,transparent 46%),
		linear-gradient(160deg,#f8faff 0%,#eef1fb 52%,#f8f4fd 100%);
	background-attachment:fixed;
}
a{transition:color .25s ease}
a:hover{color:var(--accent)}

/* 页面两侧的大光晕装饰（悬浮动画） */
body::before,body::after{
	content:'';
	position:fixed;
	border-radius:50%;
	pointer-events:none;
	z-index:0;
}
body::before{
	width:540px;height:540px;
	left:-200px;top:10%;
	background:radial-gradient(circle,rgba(99,102,241,.16) 0%,rgba(99,102,241,0) 68%);
	animation:floatOrb 18s ease-in-out infinite;
}
body::after{
	width:620px;height:620px;
	right:-230px;bottom:4%;
	background:radial-gradient(circle,rgba(236,72,153,.13) 0%,rgba(236,72,153,0) 68%);
	animation:floatOrb 22s ease-in-out infinite reverse;
}
@keyframes floatOrb{
	0%,100%{transform:translateY(0) scale(1)}
	50%{transform:translateY(-42px) scale(1.06)}
}
@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes floatY{
	0%,100%{transform:translateY(0)}
	50%{transform:translateY(-18px)}
}

/* 内容层级置于装饰之上 */
.inner,.hero,.header1,.header,.footer,.link,.container,#backtop{position:relative;z-index:1}

/* ---------- 顶部品牌栏 ---------- */
.container1{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.header1{
	background:linear-gradient(120deg,#4b5ef2 0%,#7a5bf5 46%,#b45bff 76%,#e864b0 100%);
	padding:26px 0 28px;
	position:relative;
	overflow:hidden;
	color:#fff;
	box-shadow:0 6px 24px rgba(84,72,220,.18);
}
.header1::before,.header1::after{
	content:'';
	position:absolute;
	border-radius:50%;
	pointer-events:none;
}
.header1::before{
	width:340px;height:340px;
	right:-90px;top:-140px;
	background:radial-gradient(circle,rgba(255,255,255,.22),transparent 66%);
	animation:floatOrb 14s ease-in-out infinite;
}
.header1::after{
	width:230px;height:230px;
	left:34%;bottom:-120px;
	background:radial-gradient(circle,rgba(255,255,255,.13),transparent 66%);
	animation:floatOrb 18s ease-in-out infinite reverse;
}
.header-inner1{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.site-name1{font-size:34px;font-weight:800;line-height:1.2}
.site-name1 a{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.16)}
.site-name1 a:hover{color:#fff}
.site-desc1{font-size:14px;color:rgba(255,255,255,.88);margin-top:12px;letter-spacing:1px;line-height:1.6}
.header-search1{position:relative;z-index:1}
.hsearch-form{
	display:flex;align-items:center;
	background:rgba(255,255,255,.16);
	border:1px solid rgba(255,255,255,.36);
	border-radius:40px;
	padding:4px 4px 4px 6px;
	backdrop-filter:blur(4px);
	transition:box-shadow .3s ease,background .3s ease;
}
.hsearch-form:focus-within{background:rgba(255,255,255,.24);box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.hsearch-input{
	flex:1;min-width:220px;
	background:transparent;border:none;outline:none;
	color:#fff;font-size:14px;padding:9px 14px;
}
.hsearch-input::placeholder{color:rgba(255,255,255,.75)}
.hsearch-btn{
	background:#fff;color:#5b5cf0;border:none;cursor:pointer;
	border-radius:40px;padding:9px 24px;
	font-size:14px;font-weight:700;letter-spacing:1px;
	transition:all .25s ease;
}
.hsearch-btn:hover{background:#f3ecff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,20,90,.18)}

/* ---------- 吸顶导航 ---------- */
.header{
	position:sticky;
	top:0;
	z-index:200;
	background:rgba(255,255,255,.92);
	backdrop-filter:blur(10px);
	border-bottom:1px solid #e8eaf4;
	box-shadow:0 4px 20px rgba(40,50,110,.06);
	margin-bottom:24px;
}
.header .nav .menu ul li a{
	position:relative;
	transition:color .25s ease;
}
.header .nav .menu ul li a::after{
	content:'';
	position:absolute;
	left:50%;bottom:0;
	width:0;height:3px;
	border-radius:3px 3px 0 0;
	background:linear-gradient(90deg,var(--accent),var(--accent2));
	transform:translateX(-50%);
	transition:width .3s ease;
}
.header .nav .menu ul li a:hover::after,
.header .nav .menu ul li a.on::after{width:100%}
.header .nav .menu ul li a.on{color:var(--accent);font-weight:600}
.header .nav .menu ul li a:hover{color:var(--accent)}

/* ---------- 面包屑卡片 ---------- */
.sub-header{
	border:none;
	background:#fff;
	border-radius:12px;
	box-shadow:var(--card-shadow);
	margin-bottom:22px;
	overflow:hidden;
}
.sub-nav{background:#fff;border-top:none;padding:14px 24px}
.breadcrumb{float:none;font-size:13px;color:#8a8fa8;font-family:inherit;line-height:1.6}
.breadcrumb a{color:var(--accent)}
.breadcrumb a:hover{color:var(--accent2)}

/* ---------- 文章卡片 ---------- */
.main .section,.post{
	background:#fff;
	border:1px solid var(--border);
	border-radius:14px;
	padding:22px;
	margin-bottom:20px;
	box-shadow:var(--card-shadow);
	transition:transform .35s ease,box-shadow .35s ease,opacity .7s ease;
}
.main .section:hover,.post:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}
.main .section h2{font-weight:700;font-size:1.35em}
.main .section h2 a{color:var(--text-main)}
.main .section h2 a:hover{color:var(--accent)}
.main .section .left-thumbnail{border-radius:10px}
.main .section .left-thumbnail img{transition:transform .5s ease}
.main .section:hover .left-thumbnail img{transform:scale(1.06)}
.main .section .intro p{color:#565d77;line-height:1.8}
.main .section .intro-meta span{color:#8a8fa8}
.main .section .intro-meta span.readmore{
	float:right;
	background:linear-gradient(90deg,var(--accent),var(--accent2));
	color:#fff;
	border-radius:20px;
	height:24px;line-height:24px;
	padding:0 16px;
	box-shadow:0 4px 12px rgba(91,108,255,.26);
	transition:all .3s ease;
}
.main .section .intro-meta span.readmore:hover{box-shadow:0 6px 18px rgba(91,108,255,.4)}
.main .section .intro-meta span.readmore a{padding:0}

/* ---------- 侧边栏 ---------- */
.sidebar{background:transparent;border:none}
.sidebar .widget{
	background:#fff;
	border:1px solid var(--border);
	border-radius:14px;
	box-shadow:var(--card-shadow);
	padding:18px 20px;
	margin-bottom:20px;
	transition:transform .35s ease,box-shadow .35s ease,opacity .7s ease;
}
.sidebar .widget:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}
.widget h3{font-size:15px;color:var(--text-main);font-weight:700;padding-left:12px;position:relative}
.widget h3::before{
	content:'';
	position:absolute;left:0;top:2px;
	width:4px;height:16px;
	border-radius:4px;
	background:linear-gradient(180deg,var(--accent),var(--accent2));
}
#logsearch input[type="text"]{
	border:1px solid #dfe3f0;
	border-radius:8px 0 0 8px;
	height:38px;
	padding:0 12px;
	font-size:13px;
	background:#f7f8fd;
}
#logsearch .btn-round{
	background:linear-gradient(90deg,var(--accent),var(--accent2));
	height:38px;
	border-radius:0 8px 8px 0;
	padding:0 16px;
	font-size:13px;
	transition:opacity .25s ease;
}
#logsearch .btn-round:hover{opacity:.9}

/* ---------- 页脚 ---------- */
.footer{
	background:linear-gradient(135deg,#232846 0%,#2c2350 55%,#44204e 100%);
	color:#aeb4d8;
	border-top:none;
	padding:44px 0 30px;
	margin-top:30px;
	position:relative;
	z-index:1;
}
.footer-brand{float:left;width:55%}
.footer-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}
.footer-desc{font-size:13px;color:#a9afd4;line-height:1.9;max-width:460px;margin:0}
.footer-col{float:right;width:40%}
.footer-col h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:16px}
.footer .pageslist ul li{color:#c3c8e6}
.footer .pageslist ul li a{color:#c3c8e6}
.footer .pageslist ul li a:hover{color:#fff}
.footer .copyright{
	float:none;clear:both;text-align:left;
	border-top:1px solid rgba(255,255,255,.08);
	margin-top:26px;padding-top:18px;
	font-size:13px;color:#8d93ba;
}

/* ---------- 首页 Hero ---------- */
.hero{
	margin-bottom:26px;
	border-radius:18px;
	padding:56px 24px 60px;
	text-align:center;
	color:#fff;
	background:linear-gradient(120deg,#4b5ef2 0%,#7a5bf5 48%,#b45bff 100%);
	box-shadow:0 18px 44px rgba(88,78,220,.28);
	overflow:hidden;
}
.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.hero::before{
	width:300px;height:300px;right:-90px;top:-130px;
	background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);
	animation:floatOrb 12s ease-in-out infinite;
}
.hero::after{
	width:240px;height:240px;left:-70px;bottom:-110px;
	background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);
	animation:floatOrb 16s ease-in-out infinite reverse;
}
.hero-inner{position:relative;z-index:1}
.hero-tag{
	display:inline-block;
	padding:6px 18px;border-radius:30px;
	background:rgba(255,255,255,.18);
	border:1px solid rgba(255,255,255,.36);
	font-size:13px;letter-spacing:3px;
	margin-bottom:18px;
}
.hero-title{
	font-size:clamp(26px,4vw,40px);
	font-weight:800;color:#fff;
	margin:0 0 14px;line-height:1.3;
	text-shadow:0 2px 14px rgba(0,0,0,.12);
}
.hero-desc{font-size:16px;color:rgba(255,255,255,.92);margin:0 auto;max-width:640px;line-height:1.8}
.hero-btns{margin-top:28px}
.hero-btn{
	display:inline-block;
	padding:12px 32px;border-radius:40px;
	font-size:15px;font-weight:600;
	background:#fff;color:#5b5cf0;
	box-shadow:0 8px 20px rgba(30,20,90,.18);
	transition:all .3s ease;
}
.hero-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(30,20,90,.26);color:#7a5bf5}

/* 首页栏目标题 */
.main-head{display:flex;align-items:center;margin-bottom:16px}
.main-head .mh-title{
	font-size:20px;font-weight:700;color:var(--text-main);
	position:relative;padding-left:14px;
}
.main-head .mh-title::before{
	content:'';
	position:absolute;left:0;top:2px;
	width:5px;height:20px;border-radius:5px;
	background:linear-gradient(180deg,var(--accent),var(--accent2));
}
.main-head .mh-line{
	flex:1;height:1px;margin-left:16px;
	background:linear-gradient(90deg,rgba(91,108,255,.35),rgba(180,91,255,.05));
}

/* ---------- 按钮与分页 ---------- */
#ajax-load-posts a,#ajax-load-posts button{
	background:linear-gradient(90deg,var(--accent),var(--accent2));
	border-radius:40px;
	box-shadow:0 10px 24px rgba(91,108,255,.28);
}
#ajax-load-posts a:hover,#ajax-load-posts button:hover{
	background:linear-gradient(90deg,#4a5cf0,#a44ff0);
	transform:translateY(-2px);
	box-shadow:0 14px 30px rgba(91,108,255,.36);
}
.navigation .current{
	background:linear-gradient(135deg,var(--accent),var(--accent2));
	border-color:transparent;
}
.navigation a:hover{
	background:linear-gradient(135deg,var(--accent),var(--accent2));
	border-color:transparent;color:#fff;
}

/* ---------- 返回顶部 ---------- */
#backtop{
	position:fixed;
	right:22px;top:auto;bottom:80px;
	width:46px;height:46px;
	background:linear-gradient(135deg,var(--accent),var(--accent2));
	border-radius:50%;
	box-shadow:0 8px 22px rgba(91,108,255,.35);
	display:none;
	transition:transform .3s ease,box-shadow .3s ease;
}
#backtop a{
	display:block;width:100%;height:100%;
	background:none;position:relative;
}
#backtop a::before{
	content:'';
	position:absolute;left:50%;top:56%;
	width:10px;height:10px;
	border:solid #fff;border-width:2px 2px 0 0;
	transform:translate(-50%,-50%) rotate(-45deg);
}
#backtop a:hover{animation:none}
#backtop:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(91,108,255,.45)}

/* ---------- 友情链接 ---------- */
.link{padding-top:26px}
.link span{font-weight:600;color:var(--text-main)}
.link li a{color:#6a7089}
.link li a:hover{color:var(--accent)}

/* ---------- 页面两侧装饰元素 ---------- */
.side-decor{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.side-decor span{position:absolute;display:block}
.sd-ring{border-radius:50%;border:2px solid rgba(120,125,255,.22)}
.sd-ring-1{width:200px;height:200px;left:-70px;top:30%;animation:spinSlow 42s linear infinite}
.sd-ring-2{width:130px;height:130px;right:-45px;top:22%;border-color:rgba(255,125,190,.2);animation:spinSlow 32s linear infinite reverse}
.sd-ring-3{width:90px;height:90px;left:12px;bottom:16%;border-color:rgba(130,160,255,.18);animation:spinSlow 26s linear infinite}
.sd-dot{border-radius:50%}
.sd-dot-1{width:12px;height:12px;left:56px;top:24%;background:linear-gradient(135deg,#7c8cff,#c06bff);animation:floatY 6s ease-in-out infinite}
.sd-dot-2{width:8px;height:8px;right:70px;top:34%;background:linear-gradient(135deg,#ff8ac2,#ffb35e);animation:floatY 7.5s ease-in-out infinite 1s}
.sd-dot-3{width:14px;height:14px;right:30px;bottom:24%;background:linear-gradient(135deg,#5b6cff,#7cc6ff);animation:floatY 8s ease-in-out infinite .5s}
.sd-dot-4{width:6px;height:6px;left:120px;bottom:12%;background:linear-gradient(135deg,#b45bff,#ff8ac2);animation:floatY 5.5s ease-in-out infinite 1.5s}

/* ---------- 滚动渐入 ---------- */
.reveal{opacity:0;transform:translateY(22px)}
.reveal.revealed{opacity:1;transform:translateY(0)}

/* ---------- 移动端适配 ---------- */
@media (max-width:1024px){
	.header1{padding:20px 0 22px}
	.hsearch-input{min-width:150px}
}
@media (max-width:768px){
	body::before,body::after,.side-decor{display:none}
	.header1{padding:16px 0 18px}
	.header-inner1{flex-direction:column;align-items:stretch;gap:14px}
	.site-name1{font-size:26px}
	.site-desc1{font-size:13px;margin-top:8px}
	.hsearch-form{width:100%}
	.hsearch-input{min-width:0}
	.hero{margin-left:10px;margin-right:10px;padding:40px 18px 44px;border-radius:14px}
	.hero-title{font-size:26px}
	.hero-desc{font-size:14px}
	.footer-brand,.footer-col{float:none;width:100%;text-align:center;margin-bottom:22px}
	.footer-desc{margin:0 auto}
	.footer .pageslist{text-align:center}
	.footer .copyright{text-align:center}
	#backtop{right:14px;bottom:60px}
	.main .section,.post{padding:16px;border-radius:12px}
}

/* =============================================================
   科技蓝白主题 v2（覆盖旧版，保证顺序在最后）
   ============================================================= */
:root{
	--accent:#2563eb; --accent2:#0ea5e9; --accent3:#38bdf8;
	--text-main:#1e293b; --text-light:#64748b; --border:#e2e8f0;
	--card-shadow:0 2px 6px rgba(30,64,175,.05),0 12px 28px rgba(30,64,175,.06);
	--card-shadow-hover:0 10px 22px rgba(37,99,235,.12),0 22px 46px rgba(37,99,235,.14);
}

/* 页面背景：浅蓝白 + 科技网格 + 双光晕 */
body{
	background-color:#eef3fc;
	background-image:
		radial-gradient(circle at 16% 22%,rgba(37,99,235,.10) 0%,transparent 44%),
		radial-gradient(circle at 84% 78%,rgba(14,165,233,.08) 0%,transparent 44%),
		linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),
		linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px),
		linear-gradient(165deg,#f8fbff 0%,#eef3fc 55%,#f3f8ff 100%);
	background-size:auto,auto,44px 44px,44px 44px,auto;
	background-attachment:fixed;
}
body::before{background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,0) 66%)}
body::after{background:radial-gradient(circle,rgba(14,165,233,.10) 0%,rgba(14,165,233,0) 66%)}

/* 顶部品牌栏：科技蓝渐变 */
.header1{
	background:linear-gradient(120deg,#123a7e 0%,#1e5fd0 46%,#2f8ae0 78%,#4aa7ec 100%);
	box-shadow:0 6px 24px rgba(30,95,208,.20);
}

/* ---------- 首页 Hero：左文右图紧凑横幅 ---------- */
.hero{
	display:flex;align-items:center;justify-content:space-between;gap:36px;
	padding:34px 40px;margin-bottom:26px;border-radius:18px;
	background:linear-gradient(120deg,#123a7e 0%,#1d5fd0 55%,#2f8ae0 100%);
	box-shadow:0 16px 40px rgba(30,95,208,.22);
	overflow:hidden;position:relative;color:#fff;text-align:left;
}
.hero::before{
	content:'';position:absolute;inset:0;
	background:
		linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
	background-size:36px 36px;
	pointer-events:none;
}
.hero::after{
	content:'';position:absolute;right:-130px;top:-130px;
	width:380px;height:380px;border-radius:50%;
	background:radial-gradient(circle,rgba(56,189,248,.38),transparent 66%);
	animation:floatOrb 12s ease-in-out infinite;
	pointer-events:none;
}
.hero-text{position:relative;z-index:1;flex:1 1 auto;min-width:0}
.hero-tag{
	display:inline-block;padding:5px 16px;border-radius:30px;
	background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);
	font-size:12px;letter-spacing:2px;margin-bottom:14px;
}
.hero-title{font-size:clamp(24px,3.2vw,34px);font-weight:800;color:#fff;margin:0 0 12px;line-height:1.3;text-align:left;text-shadow:0 2px 14px rgba(0,0,0,.14)}
.hero-desc{font-size:14px;color:rgba(255,255,255,.9);margin:0 0 22px;line-height:1.8;max-width:560px}
.hero-btns{margin:0}
.hero-btn{
	display:inline-block;padding:10px 28px;border-radius:40px;
	font-size:14px;font-weight:600;
	background:#fff;color:#1d5fd0;
	box-shadow:0 8px 20px rgba(10,30,90,.22);
	transition:all .3s ease;
}
.hero-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(10,30,90,.3);color:#2563eb}
.hero-media{position:relative;z-index:1;flex:0 0 auto}
.hero-media img{
	display:block;width:380px;height:250px;object-fit:cover;
	border-radius:14px;border:1px solid rgba(255,255,255,.28);
	box-shadow:0 16px 36px rgba(8,20,70,.35);
}
@media (max-width:900px){
	.hero{flex-direction:column;text-align:center;padding:30px 22px;gap:20px}
	.hero-title,.hero-desc{text-align:center}
	.hero-desc{margin-left:auto;margin-right:auto}
	.hero-media img{width:100%;max-width:440px;height:210px}
}

/* 侧边栏搜索：输入框 + 按钮同行不换行 */
.sidebar #logsearch form{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.sidebar #logsearch input[type="text"].input-search{
	flex:1 1 auto;width:auto !important;min-width:0;height:36px;
	padding:0 12px;margin:0;float:none;text-indent:0;
	border:1px solid #dbe3f2;border-radius:8px;
	background:#f6f9ff;font-size:13px;color:#334155 !important;
}
.sidebar #logsearch .btn-round{
	flex:0 0 auto;width:auto;height:36px;padding:0 16px;margin:0;float:none;
	border-radius:8px;border:none;cursor:pointer;color:#fff;
	background:linear-gradient(90deg,var(--accent),var(--accent2));
	font-size:13px;transition:opacity .25s ease,transform .25s ease;
}
.sidebar #logsearch .btn-round:hover{opacity:.9;transform:translateY(-1px)}

/* 侧边栏标签：胶囊标签云 */
#blogtags ul{display:flex;flex-wrap:wrap;gap:8px;text-align:left}
#blogtags a{
	display:inline-block;color:#1d4ed8;background:rgba(37,99,235,.07);
	border:1px solid rgba(37,99,235,.16);
	padding:4px 12px;border-radius:20px;font-size:12px;white-space:nowrap;
	transition:all .25s ease;
}
#blogtags a:hover{
	background:linear-gradient(90deg,var(--accent),var(--accent2));
	color:#fff;transform:translateY(-2px);
	box-shadow:0 6px 14px rgba(37,99,235,.3);
}

/* 列表项标签行：伪元素前缀，无标签时整体隐藏 */
.tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tags-row::before{content:'标签：';color:var(--text-light);font-size:12px}
.tags-row:empty{display:none}
.main .section .tags-row .tag,.post .tags-row .tag{
	display:inline-block;color:#1d4ed8;background:rgba(37,99,235,.07);
	border:1px solid rgba(37,99,235,.14);border-radius:14px;
	padding:2px 10px;font-size:12px;margin:0;
	transition:all .25s ease;
}
.main .section .tags-row .tag:hover,.post .tags-row .tag:hover{background:var(--accent);color:#fff}
/* 文章详情页标签 */
.post .tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}
.post .tags::before{content:'标签：';font-size:13px;color:var(--text-light)}
.post .tags:empty{display:none}
.post .tags a{
	display:inline-block;color:#1d4ed8;background:rgba(37,99,235,.07);
	border:1px solid rgba(37,99,235,.14);border-radius:14px;
	padding:3px 12px;font-size:12px;transition:all .25s ease;
}
.post .tags a:hover{background:var(--accent);color:#fff}

/* 阅读全文：简化为箭头链接 */
.main .section .intro-meta span.readmore{
	float:right;background:none;box-shadow:none;border-radius:0;
	height:auto;line-height:1.6;padding:0;
}
.main .section .intro-meta span.readmore a{
	color:var(--accent);font-size:13px;font-weight:500;padding:0;
}
.main .section .intro-meta span.readmore a::after{content:' →';color:var(--accent2)}

/* 页脚：深蓝黑渐变 */
.footer{background:linear-gradient(135deg,#0b1830 0%,#0f2a52 55%,#16356b 100%)}

/* 两侧装饰：科技蓝发光元素 */
.sd-ring{border-color:rgba(59,130,246,.20)}
.sd-ring-2{border-color:rgba(56,189,248,.22)}
.sd-ring-3{border-color:rgba(37,99,235,.18)}
.sd-dot-1{background:linear-gradient(135deg,#2563eb,#38bdf8)}
.sd-dot-2{background:linear-gradient(135deg,#38bdf8,#7dd3fc)}
.sd-dot-3{background:linear-gradient(135deg,#2563eb,#4f7cff)}
.sd-dot-4{background:linear-gradient(135deg,#0ea5e9,#67e8f9)}
/* 发光脉冲点 */
.sd-dot-pulse{
	width:64px;height:64px;border-radius:50%;
	background:radial-gradient(circle,rgba(56,189,248,.28),transparent 68%);
	animation:floatOrb 16s ease-in-out infinite;
}

/* =============================================================
   标签样式修正 v2.1：小巧、清晰、统一（覆盖旧彩色背景）
   ============================================================= */
#blogtags ul{gap:6px}
#blogtags a,#blogtags a:nth-child(n){
	display:inline-block;font-size:11px;line-height:1.6;
	padding:1px 8px;margin:0;border-radius:4px;white-space:nowrap;
	color:#2b5fd9;background:#eef4ff;border:1px solid #d4e2fb;
	transition:all .2s ease;
}
#blogtags a:hover,#blogtags a:nth-child(n):hover{
	background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px);
}
.tags-row{gap:4px}
.tags-row::before{font-size:11px}
.main .section .tags-row .tag,.post .tags-row .tag,
.main .section .tags-row .tag:nth-child(n){
	display:inline-block;font-size:11px;line-height:1.6;
	padding:1px 8px;border-radius:4px;margin:0;
	color:#2b5fd9;background:#eef4ff;border:1px solid #d4e2fb;
}
.main .section .tags-row .tag:hover,.post .tags-row .tag:hover{
	background:#2563eb;border-color:#2563eb;color:#fff;
}
.post .tags{gap:6px}
.post .tags::before{font-size:12px}
.post .tags .tag,.post .tags a{
	display:inline-block;float:none;font-size:11px;line-height:1.6;
	padding:1px 8px;border-radius:4px;margin:0;
	color:#2b5fd9;background:#eef4ff;border:1px solid #d4e2fb;
}
.post .tags .tag:hover,.post .tags a:hover{
	background:#2563eb;border-color:#2563eb;color:#fff;text-decoration:none;
}

/* =============================================================
   高级简洁科技风 v2.2
   ============================================================= */
/* 全局平滑滚动 + 锚点定位避开吸顶导航 */
html{scroll-behavior:smooth}
#index001,.main{scroll-margin-top:64px}

/* 背景：细腻渐变 + 顶部聚光 + 更细网格 */
body{
	background-color:#f5f8fe;
	background-image:
		radial-gradient(circle at 12% 16%,rgba(37,99,235,.08) 0%,transparent 40%),
		radial-gradient(circle at 88% 8%,rgba(14,165,233,.07) 0%,transparent 38%),
		radial-gradient(circle at 50% -12%,rgba(56,189,248,.12) 0%,transparent 46%),
		linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),
		linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px),
		linear-gradient(170deg,#fbfdff 0%,#f2f7ff 50%,#f7faff 100%);
	background-size:auto,auto,auto,40px 40px,40px 40px,auto;
	background-attachment:fixed;
}

/* 斜向流动光线装饰 */
.sd-beam{
	position:absolute;width:380px;height:1px;
	background:linear-gradient(90deg,transparent,rgba(37,99,235,.30),transparent);
}
.sd-beam-1{left:-140px;top:16%;transform:rotate(-14deg);animation:beamMove 16s ease-in-out infinite}
.sd-beam-2{right:-160px;bottom:28%;transform:rotate(12deg);animation:beamMove2 20s ease-in-out infinite}
@keyframes beamMove{
	0%{transform:translateX(-60px) rotate(-14deg);opacity:.2}
	50%{opacity:.95}
	100%{transform:translateX(60px) rotate(-14deg);opacity:.2}
}
@keyframes beamMove2{
	0%{transform:translateX(60px) rotate(12deg);opacity:.2}
	50%{opacity:.95}
	100%{transform:translateX(-60px) rotate(12deg);opacity:.2}
}

/* Hero 内容增强：特性点 + 次级按钮 + 图上浮动标签 */
.hero-feats{
	display:flex;flex-wrap:wrap;gap:10px 26px;
	margin:24px 0 0;padding:0;list-style:none;
}
.hero-feats li{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.94)}
.hero-feats i{
	width:6px;height:6px;border-radius:50%;background:#7dd3fc;
	box-shadow:0 0 10px rgba(125,211,252,.95);
}
.hero-float-tag{
	position:absolute;left:-14px;top:18px;z-index:2;
	background:rgba(255,255,255,.95);color:#1d5fd0;
	font-size:12px;padding:6px 14px;border-radius:20px;
	box-shadow:0 8px 22px rgba(8,20,70,.25);
	animation:floatY 6s ease-in-out infinite;
}
.hero-media{position:relative}
@media (max-width:900px){.hero-float-tag{left:10px;top:-12px}}

/* 页面两侧装饰图：按原图比例圆角展示，缓慢浮动（零裁切） */
.sd-img{
	position:absolute;border-radius:10px;
	background-size:cover;background-position:center;background-repeat:no-repeat;
	border:2px solid rgba(255,255,255,.8);
	box-shadow:0 10px 26px rgba(37,99,235,.16);
	z-index:1;
}
.sd-img-1{
	width:220px;height:145px;left:16px;top:34%;
	background-image:url(../images/deco-tech.jpg);
	animation:floatY 8s ease-in-out infinite;
}
.sd-img-2{
	width:150px;height:99px;right:22px;bottom:24%;
	background-image:url(../images/deco-hand.jpg);
	animation:floatY 9s ease-in-out infinite 1.2s;
}

/* 加载更多按钮：加载态转圈动画 */
#ajax-load-posts a.loading{pointer-events:none;opacity:.9}
.load-spin{
	display:inline-block;width:14px;height:14px;margin-right:8px;
	vertical-align:-2px;border:2px solid rgba(255,255,255,.35);
	border-top-color:#fff;border-radius:50%;
	animation:spinSlow .8s linear infinite;
}

/* =============================================================
   文章详情页优化 v2.3
   ============================================================= */
.post{padding:34px 40px}
.post h1{font-size:25px;color:var(--text-main);line-height:1.5;margin:0 0 6px;letter-spacing:.5px}

/* 文章元信息：圆点分隔 */
.postmeta{
	display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;
	padding:12px 0 16px;margin:0 0 22px;
	border-bottom:1px solid var(--border);
	font-size:13px;color:var(--text-light);
}
.postmeta span{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border-radius:0;margin:0}
.postmeta span::before{
	content:'';width:4px;height:4px;border-radius:50%;
	background:var(--accent);opacity:.5;
}
.postmeta a{color:var(--accent)}
.postmeta a:hover{color:#1d4ed8}

/* 正文排版 */
.entry{font-size:15px;line-height:1.95;color:#3c4258;word-break:break-word}
.entry p{margin:0 0 18px}
.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{
	margin:30px 0 14px;color:var(--text-main);line-height:1.4;
}
.entry h2{font-size:20px;padding-left:12px;border-left:4px solid var(--accent);border-radius:0}
.entry h3{font-size:17px}
.entry img{
	max-width:100%;height:auto;border-radius:10px;
	box-shadow:var(--card-shadow);margin:10px 0;
}
.entry a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.entry a:hover{color:#1d4ed8}
.entry blockquote{
	margin:20px 0;padding:16px 20px;
	border-left:4px solid var(--accent2);border-radius:0 10px 10px 0;
	background:#f2f7ff;color:#5a6276;font-size:14px;
}
.entry pre{
	background:#0f172a;color:#e2e8f0;border-radius:10px;
	padding:18px 20px;overflow:auto;font-size:13px;line-height:1.7;
	border:none;margin:20px 0;
}
.entry code{background:#eef2ff;color:#4338ca;border-radius:4px;padding:2px 6px;font-size:13px}
.entry pre code{background:none;color:inherit;padding:0}
.entry ul,.entry ol{padding-left:24px;margin:0 0 18px}
.entry li{margin:6px 0}
.entry table{width:100%;border-collapse:collapse;margin:20px 0}
.entry th,.entry td{border:1px solid var(--border);padding:10px 12px;text-align:left;font-size:14px}
.entry th{background:#f4f7ff;color:var(--text-main);font-weight:600}

/* 上一篇/下一篇：左右卡片 */
.postnavi{display:flex;gap:14px;margin:28px 0 0}
.navi-box{
	flex:1 1 50%;min-width:0;padding:14px 18px;
	border:1px solid var(--border);border-radius:12px;background:#f8faff;
	transition:all .25s ease;
}
.navi-box:hover{border-color:rgba(37,99,235,.4);background:#f2f7ff;box-shadow:var(--card-shadow-hover)}
.navi-label{display:block;font-size:12px;color:var(--text-light);margin-bottom:6px}
.navi-box a{
	display:block;font-size:14px;color:var(--text-main);line-height:1.5;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	background:none;border:none;padding:0;
}
.navi-box a:hover{color:var(--accent);background:none}
.navi-next{text-align:right}

/* 相关推荐 */
.relation{margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}
.relation h3{
	display:flex;align-items:center;gap:10px;
	font-size:16px;color:var(--text-main);margin:0 0 16px;
	border:none;background:none;
}
.relation h3::before{
	content:'';width:4px;height:16px;border-radius:2px;
	background:linear-gradient(180deg,var(--accent),var(--accent2));
}
.relation ul{list-style:none;padding:0;margin:0}
.relation li{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	padding:11px 0;border-bottom:1px dashed var(--border);background:none;
}
.relation li:last-child{border-bottom:none}
.relation li span{flex:0 0 auto;font-size:12px;color:var(--text-light);width:auto;padding:0;background:none;margin:0;border:none}
.relation li a{
	flex:1 1 auto;min-width:0;color:var(--text-main);font-size:14px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	padding:0;background:none;border:none;
}
.relation li a:hover{color:var(--accent);background:none}

@media (max-width:768px){
	.post{padding:20px 18px}
	.post h1{font-size:20px}
	.postnavi{flex-direction:column}
	.entry{font-size:15px}
}