/*
Theme Name: erqie
Theme URI: https://superbthemes.com/personalblogily/personalblogily-info/
Author: ThemeEverest
Author URI: http://superbthemes.com/
Description: Personal Blogily is a responsive blog theme made for personal bloggers and lifestyle bloggers. Its beautiful and minimalistic look gives this theme a perfectly stylized image whether you're a food-, fashion-, travel- or lifestyle blogger. SuperbThemes are always invested in all forms of optimization and PersonalBlogily is no exception. In PersonalBlogily you'll find a stylized and highly optimized theme with swift load times across the board without any loss of performance and responsiveness. All this is bundled with our built-in first-class SEO ( Search Engine Optimization ) which will help you get a head start on search engines like Google and Bing. Get ready to be noticed, with Personal Blogily.
Version: 8.3
Tested up to: 6.3
Requires PHP: 4.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: personalblogily
Tags: theme-options, threaded-comments, translation-ready, sticky-post, footer-widgets, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, right-sidebar, one-column, two-columns, news, entertainment, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Personalblogily is based on Underscores http://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

Please see license and readme.txt for more detailed credits and licensing.

*/

body,
code,
html,
kbd,
pre,
samp {
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
}

hr,
img,
legend {
	border: 0
}

legend,
td,
th {
	padding: 0
}

pre,
textarea {
	overflow: auto
}

address,
blockquote,
p {
	margin: 0 0 1.5em
}

img,
pre,
select {
	max-width: 100%
}

body {
            color: #000;
            margin: 0;
            padding: 0;
            background: linear-gradient(135deg, #f8fafc 0%, #eef2f6 100%);
            font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
            line-height: 1.8;
            letter-spacing: 0.05em;
            -webkit-font-smoothing: antialiased;
            line: rgba(0,0,0,0.08);
            width: 100%;
            overflow-x: hidden
            
        }
body.page-template-page-reader-php {
    background: transparent !important;
    background-image: none !important;
}

a {
	color:#333333;
	text-decoration:none;
}

body.no-scroll {
	overflow: hidden
}
.aligncenter,
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
	clear: both
}


ins,
mark {
	text-decoration: none
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
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
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
optgroup,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic
}

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

mark {
	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 {
	height: auto
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 1.5em
}

code,
kbd,
pre,
samp {
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

code,
kbd,
pre,
tt,
var {
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
}

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[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-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

textarea {
	width: 100%;
}

form label {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333333;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 15px
}


article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	color: #333333;
	line-height: 140%;
	font-weight: 700;
	margin-bottom: 15px;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: .9375rem
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

ins,
mark {
	background: #fff9c0
}

big {
	font-size: 125%
}

*,
:after,
:before {
	box-sizing: inherit
}
/*文章内引用 颜色修改*/
blockquote {
    border-left: 2px solid #A5C090;
    padding-left: 0.5em;
    padding-right: 0.5em;
    position: relative; 
    border-radius: 5px;
}  
blockquote::before {  
  content: "“";  
  color: #C82506;  
  font-size: 4em;  
  position: absolute;  
  left: -0.3em;  
  top: -0.3em;  
  opacity: 0.2;  
} 

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: ""
}

ol,
ul {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

ul {
	list-style: disc
}

ol {
	list-style: none
}

li>ol,
li>ul {
	margin-bottom: 0;
	margin-left: 10px
}

article li>ol,
article li>ul {
	padding-left:0px;
}
article ol, article ul {
	padding-left:0;
	margin-left:25px;
}


dt {
	font-weight: 700
}

dd {
	margin: 0 1.5em 1.5em
}

figure {
	margin: 1em 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 20px;
	font-weight: 700;
	border: none;
	border-radius: 3px;
	background: #06C
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	opacity: .9;
	border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #aaa #bbb #bbb
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
	color: #666;
	font-size: 0.9rem;
	border: 1px solid #e5e6e9;
	padding: 7px;
	border-radius: 5px
}
/* 上为评论框修改 */

select {
	border: 1px solid #ccc
}
/* Cookie / Cookies consents */
p.comment-form-cookies-consent {
    display: inline-block;
    text-transform: none !important;
    width: auto;
    max-width: 100%;
    margin: auto;
    float: none;
}

.comment-form-cookies-consent label {
    text-transform: none !important;
    color: #a2a2a2;
    width: 100%;
    float: left;
    display: inline-block;
}

input#wp-comment-cookies-consent {
    float: left;
    display: inline-block;
}
.comment-form-cookies-consent label {
    text-transform: none !important;
    color: #a2a2a2;
    width: 100%;
    float: left;
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-left: 20px;
    font-size: 12px;
}
input#wp-comment-cookies-consent {
    float: left;
    display: inline-block;
    margin-bottom: -28px;
    margin-top: 3px;
}
/* Cookie / Cookies consents */

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
	color: #111;/*评论框内显示文字的颜色修改*/
}

a {
	transition: all .10s linear
}


.main-navigationigation {
	display: block;
	float: left;
	width: 100%
}

.main-navigationigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0
}

.main-navigationigation ul li {
	float: left;
	position: relative
}

.main-navigationigation ul li a {
	display: block;
	text-decoration: none
}

.main-navigationigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999
}
.footer-info-right {
	opacity: 0.5;
	font-weight: 300;
}
.footer-info-right a {
	text-decoration:none;
}
.main-navigationigation ul ul ul {
	left: -999em;
	top: 0
}

.main-navigationigation ul ul a {
	width: 200px
}

.main-navigationigation ul li.focus>ul,
.main-navigationigation ul li:hover>ul {
	left: auto
}

.main-navigationigation ul ul li.focus>ul,
.main-navigationigation ul ul li:hover>ul {
	left: 100%
}

@media screen and (min-width:37.5em) {
	.nav-#secondary-site-navigation {
		display: none
	}
	.main-navigationigation ul {
		display: block
	}
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

#content[tabindex="-1"]:focus {
	outline: 0
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.hentry,
.page-links {
	margin: 0 0 1.5em
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}

.sticky {
	display: block
}

.updated:not(.published) {
	display: none
}

.comment-content a {
	word-wrap: break-word
}

.comment-form label {
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

.bypostauthor {
	display: block
}

/*新增评论样式*/
#comments .layoutSingleColumn .comment-respond{}

#comments .layoutSingleColumn .comment-respond .comment-reply-title{
    font-size:16px;
    margin-bottom:15px;
}

.logged-in #comments .layoutSingleColumn .comment-respond{
    text-align:left;
}

#comments .comment-respond .must-log-in{
    color:#d0d0d0;
    margin-bottom:0px;
    font-weight:300;
}

#comments .comment-respond .must-log-in a{
    margin-left:4px;
    border-bottom:1px solid #9e9d9d;
}

@media (max-width:768px){
    #comments .comment-list li ol.children{
        margin-left:0px;
    }
    
    #comments form.comment-form .comment-form-author{
        width:100%;
        float:left;
        margin:0px 0px 5px 0px;
    }
    
    #comments form.comment-form .comment-form-email{
        width:100%;
        float:left;
        margin:0px 0px 5px 0px;
    }
    
    #comments form.comment-form .comment-form-url{
        width:100%;
        float:left;
        margin:0px 0px 5px 0px;
    }
    
    #comments form.comment-form .form-submit .submit{
        width:100%;
    }
    
    #comments .comment-list li .comment-body .reply{
        display:block;
    }
}

/*评论区背景色修改*/
.comments-area {
	width: 100%;
  background:none
}

.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box
}

.comments-area .comment-meta,
.comments-area .comment-respond {
	position: relative
}

.comments-area .comments-title {
	margin-bottom: 30px;
	color: #A8A8B6;
	font-size: 30px
}

.comments-area .comment-meta .comment-metadata a {
	color: #A8A8B6
}

.comment-meta .vcard img {
	float: left;
	margin-right: 14px
}

.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.comments-area .comment-author .fn a {
	color: #000
}

.comments-area .comment-content {
	padding: 5px 0 0 45px;
}

.comments-area .reply .comment-reply-link i {
	font-size: 12px
}

.comments-area .comment-content p {
	margin-bottom: 5px
}

.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px
}

/*评论按钮 颜色修改*/
.comments-area p.form-submit input {
	background: #ededed;
	color: #0077B6;
	font-size: 15px;
	font-weight: 550;
	float:right;
	border: 1px solid #e0e0e0;
	padding: 3px 0 10px;
	border-radius: 5px;
	width: 68px!important;
	text-shadow: none;
	box-shadow: none;
	margin: 0 0 20px;
	transition: background .25s linear
}

.comments-area ol.comment-list>li:last-child {
	margin-bottom: 0
}

.comments-area ol.comment-list>li {
	width: 100%;
	border-bottom: 1px  rgba(78, 78, 100, 0.3);
	margin-bottom: 15px;
}

.pingback {
    text-decoration:none;
    padding-bottom: 15px;
}

.pingback a {
    text-decoration:none;
    color:#4f4f4f;
    padding-bottom: 15px;
}

#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0
}

.comments-area ol.comment-list ol.children li  {
	padding-top: 20px;
	margin-left:0;
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 0;
	list-style:none;
	border-top:0.9px dashed rgba(78, 78, 100, 0.3);/* 评论区分割线 虚线 */
	border-bottom: 0px;
	padding-bottom: 0px;
}

ol.children {
	margin-left: 0;
	padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
	position: relative
}

.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid rgba(78, 78, 100, 0.3);
	padding: 40px;
	background: none
}

/*评论里回复颜色修改*/
.comments-area .reply a {
	color: #999;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #e0e0e0;
}

.comments-area .reply a:hover {
	color: #333333
}

#comments li.comment .comment-respond {
	margin-top: 10px;
	position: relative
}

.comment-reply-title {
	position: relative;
	color: #3498DB;
	margin: 0 0 16px;
	padding-bottom: 20px
}

p.comment-form-email, p.comment-form-author {
	max-width: 49%;
	float: left;
	display: inline-block;
}

p.comment-form-email {
	margin-left: 2%;
}

.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
	position: relative
}
a#cancel-comment-reply-link {
	display: block;
	font-size: 17px;
	opacity: 0.6;
	color: #545454;/*评论时取消回复的文字颜色修改*/
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond .logged-in-as {
	color: #e0e0e0;
	font-size: 13px;
	text-decoration: none;
}
.comment-respond .logged-in-as a {
	color: #4f4f4f;
	font-size: 13px;
	text-decoration: none
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: none;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px
}

.wp-caption,
embed,
iframe,
object {
	max-width: 100%
}

.comments-area .comment-respond textarea {
	width: 100%;
	margin-bottom: 0
}

.comments-area p {
	margin-bottom: 12px
}

/*评论区美化*/
#comments{
    margin-bottom:20px;
    background-color: #FFFFFF;
    border-radius: 12px;
}

#comments .comments-title{
    /*border-bottom:2px solid #ffffff;*/
    padding-bottom:25px;
    margin-bottom: 30px;
    font-size:16px;
    color: #222;
}

#comments .comments-title small{
    color:#a0a0a0;
    margin-left:8px;
    font-weight:300;
    font-size:12px;
}

#comments .comment-list{
    margin-bottom: 20px;
}

#comments .comment-list li{}

#comments .comment-list li .comment-body{
    position:relative;
    /*border-bottom:1px solid #cc3366;评论区评论内容间距修改*/
    padding-bottom:10px;
    margin-bottom:10px;
}

#comments .comment-list li .comment-body .comment-meta{
    position:relative;
    height:40px;
    margin-bottom:10px;
}

#comments .comment-list li .comment-body .comment-meta .comment-author{}

#comments .comment-list li .comment-body .comment-meta .comment-author img{
    border-radius:50%;
}

#comments .comment-list li .comment-body .comment-meta .comment-author .fn{
    position:absolute;
    left:56px;
    text-transform:uppercase;
    top:3px;
    font-size:16px;/*评论区粉丝名字大小修改*/
    color:#333333;
    font-weight:inherit;
}
#comments .comment-list li .comment-body .comment-meta .comment-author .fn a{
    color:#333333;

}

#comments .comment-list li .comment-body .comment-meta .comment-author .says{
    display:none;
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata{
    position:absolute;
    left:56px;
    top:25px;
    font-size:12px;
    color:#a0a0a0;
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata a{
    color:#a0a0a0;
    font-weight:300;
}

#comments .comment-list li .comment-body .comment-meta .comment-awaiting-moderation{
    position:absolute;
    top:10px;
    right:30px;
    font-size:12px;
    color:#7a7a7a;
    font-weight:300;
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata a time{}

#comments .comment-list li .comment-body .comment-meta .comment-metadata .edit-link{}

#comments .comment-list li .comment-body .comment-meta .comment-metadata .edit-link .comment-edit-link{}

#comments .comment-list li .comment-body .comment-content{
    position:relative;
    padding:0px 20px 1px 56px;
    color: #222;
}

#comments .comment-list li .comment-body .comment-content p{
    line-height:24px;
    margin-bottom:0px;
}

#comments .comment-list li .comment-body .reply{
    position:absolute;
    right:0px;
    top:10px;
    font-size:12px;
}

#comments .comment-list li .comment-body .reply a.comment-reply-link{
    color:#d0d0d0;
    font-weight:300;
}

#comments .comment-list li ol.children{
    margin-left:50px;
}

#comments .comment-reply-title{
    font-size:16px;
    color: #000;
}

#comments .comment-reply-title small{
    margin-left:10px;
    font-size:12px;
}

#comments .comment-reply-title small a{
    color:#a0a0a0;
    font-weight:300;
}

#comments form.comment-form{
    display:table;
    width:100%;
}

#comments form.comment-form .logged-in-as{/*评论框上登录显示或隐藏状态修改*/
    display:block;
}

#comments form.comment-form .logged-in-as a{
    border-bottom:1px solid #848484;
}

#comments form.comment-form .comment-notes{}

#comments form.comment-form p input{
    width:100%;
    background-color:#1e1e23;
    border: 1px solid #333333;
    padding:8px 10px 8px 30px;
    font-size:12px;
    color:#d0d0d0;
}

#comments form.comment-form .comment-form-comment{
    margin:0px 0px 5px 0px;
}

#comments form.comment-form .comment-form-comment label{
    display:none;
}

#comments form.comment-form .comment-form-comment textarea{
    width:100%;
    height:60px;
    background-color:#f5f5f5;
    border: 2px solid #f3f2f2;
    padding:5px 10px;
    color:#222;/*评论框大小颜色修改*/
}

#comments form.comment-form .comment-form-author{
    width:31%;
    float:left;
    margin-right:2%;
    position:relative;
}

#comments form.comment-form .comment-form-author:before{
    content:"\F4E1";
    font-family:'bootstrap-icons';
    position:absolute;
    top:7px;
    left:8px;
    color: #a0a0a0;
}

#comments form.comment-form .comment-form-email{
    width:31%;
    float:left;
    margin-right:2%;
    position:relative;
}

#comments form.comment-form .comment-form-email:before{
    content:"\F152";
    font-family:'bootstrap-icons';
    position:absolute;
    top:7px;
    left:8px;
    color: #a0a0a0;
}

#comments form.comment-form .comment-form-url{
    width:34%;
    float:left;
    position:relative;
}

#comments form.comment-form .comment-form-url:before{
    content:"\F470";
    font-family:'bootstrap-icons';
    position:absolute;
    top:7px;
    left:8px;
    color: #a0a0a0;
}

#comments form.comment-form .comment-form-cookies-consent{
    display:none
}

#comments form.comment-form .form-submit{
    width:100%;
}

#comments form.comment-form .form-submit .submit{/*评论按钮修改*/
    background: #ededed;
	color: #0077B6;
	font-size: 15px;
	font-weight: 550;
	float:right;
	 border: 1px solid #e0e0e0;
	padding: 3px 0 10px;
	border-radius: 5px;
	width: 68px;
	text-shadow: none;
	box-shadow: none;
	margin: 0;
	transition: background .25s linear
}

#comments form.comment-form .form-submit .submit:hover{
    background-color:#cc3366;
    color:#fff;
}

#comments .navigation{
    margin-bottom:30px;
}

#comments .screen-reader-text{
    display:none;
}

#comments .nav-links{
    text-align:center;
}

#comments .nav-links .page-numbers{
    padding:0px 5px;
    color: #d0d0d0;
}

#comments .nav-links .current{
    font-size:20px;
    text-decoration:underline;
}

.butterBar{
    width:100%;
    position:fixed;
    text-align:center;
    z-index:9999;
    top:0px;
}

.butterBar-message{
    background:#4598ff;
    color:#fff;
    font-size:12px;
    padding:12px 25px;
    margin-bottom:0px;
    margin-top:0px;
}

#comments .layoutSingleColumn .comment-respond{}

#comments .layoutSingleColumn .comment-respond .comment-reply-title{
    font-size:16px;
    margin-bottom:15px;
}

.logged-in #comments .layoutSingleColumn .comment-respond{
    text-align:left;
}

#comments .comment-respond .must-log-in{
    color:#d0d0d0;
    margin-bottom:0px;
    font-weight:300;
}

#comments .comment-respond .must-log-in a{
    margin-left:4px;
    border-bottom:1px solid #9e9d9d;
}

@media (max-width:768px){
    #comments .comment-list li ol.children{
        margin-left:0px;
    }
    
    #comments form.comment-form .comment-form-author{
        width:100%;
        float:left;
        margin:0px 0px 5px 0px;
    }
    
    #comments form.comment-form .comment-form-email{
        width:100%;
        float:left;
        margin:0px 0px 5px 0px;
    }
    
    #comments form.comment-form .comment-form-url{
        width:100%;
        float:left;
        margin:0px 0px 5px 0px;
    }
    
    #comments form.comment-form .form-submit .submit{
        width:100%;
    }
    
    #comments .comment-list li .comment-body .reply{
        display:block;
    }
}





.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.custom-logo-link {
	display: inline-block
}

.wp-caption {
	margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption .wp-caption-text {
	margin: .8075em 0
}

.wp-caption-text {
	text-align: center
}

.gallery {
	margin-bottom: 1.5em
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 50%
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%
}

.gallery-caption {
	display: block
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0
}

#site-header,
#site-header img,
.clearfix,
.site-branding {
	display: inline-block
}

.clearfix {
	width: 100%
}

* html .clearfix {
	height: 1%
}
.widget li a {
	text-decoration:none;
}
.entry-header h2 a,
.site-info a:hover,
.site-title a {
	text-decoration: none
}

.fbox {
	width: 100%;
	margin-bottom: 30px;
	padding: 4%;
	border-radius: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fbox h1,
.fbox h2,
.fbox h3 {
	margin-top: 0;
	color: #333333
}

.page-header h1 {
	margin-bottom: 0
}


.container {
	width: 100%;
}
/*整站边框大小修改*/
.content-wrap {
	width: 1180px;
	max-width: 95%;
	margin: 0 auto;
}
/*导航下间距高度修改*/
.sheader {
	width: 100%;
	margin: 0 0 20px;
	background: #000;
}

.primary-menu,
.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
	background: #000
}
.site-branding.branding-logo {
	margin: 30px 0;

}
.site-branding {
	margin: 35px 0 40px;
	text-align: center;
	width: 100%
}


.branding-logo .custom-logo {
	display: block;
	width: auto
}

.site-branding .site-title {
	font-size: 48px;
	padding: 0;
	margin: 0;
    font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
    line-height: 1.8;
    letter-spacing: 0.05em;
}

.site-title a {
	color: #000222
}

.site-branding .logo-image {
	margin-top: 0
}

.site-description {
	font-size: 16px;
	color: #000222;
	padding: 0;
	margin: 0
}

.featured-sidebar .search-field {
	width: 100%;
	height: 46px;
	border-radius: 0;
	line-height: 46px;
	padding: 16px;
	border: 1px solid #ededed;
	border-radius: 3px;
	background:rgba(0,0,0,0);
}

.ads-top .search-submit,
.featured-sidebar .search-submit {
	display: none
}

.search-form label {
	width: auto;
	float: left;
	margin-bottom: 0
}

/* 自定义首页右侧搜索框样式修改 */
.custom-search .search-field {
    background-color:#fff;
    border: 1px solid #dcdcdc;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
}


.featured-sidebar label {
	width: 100%;
	float: none
}

.search-form .search-submit {
	padding: 17px 24px;
	border: none;
	border-radius: 0 3px 3px 0
}

.ads-top {
	width: 70%;
	float: right;
	padding: 22px 0;
	overflow: hidden
}

.ads-top .textwidget img {
	display: block
}

.ads-top .search-field {
	width: 220px;
	padding: 15px;
	float: right;
	margin: 14px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.ads-top label {
	float: right
}

#smobile-menu {
	display: none
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-navigation ul li a {
	font-size: 15px;
	text-transform: uppercase;
	display: block
}

.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current-menu-parent>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>a,
.main-navigation ul li>a:hover {
	text-decoration: none
}

.main-navigation ul li:hover>ul {
	display: block
}
.main-navigation ul li .sub-arrow {
	width: 50px;
	line-height: 50px;
	position: absolute;
	right: -20px;
	top: 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer
}
.main-navigation ul ul li .sub-arrow {
	right:-10px;
}


.mobile-menu .fa-bars {
	float: right;
	margin-top: 3px
}

.main-navigation ul li .arrow-sub-menu::before {
	font-size: 12px
}

.primary-menu {
	margin: 0;
	position: relative;
	z-index: 2
}

.primary-menu ul li a {
	color: #fff;
	padding: 16px
}

.primary-menu ul li .fa-chevron-right {
	color: #fff
}

.primary-menu ul ul li .fa-chevron-right {
	color: #010101
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.secondary-menu {
	width: 100%;
	float: left;
	border-top: 1px solid #e5e6e9;
	position: relative
}

.secondary-menu .smenu ul li a,
.secondary-menu ul.smenu li a {
	color: #333;
	padding: 24px 16px
}

.secondary-menu ul.smenu li a:hover,
.secondary-menu ul.smenu li.current-menu-item a {
	color: #06C
}

.secondary-menu ul.smenu ul li {
	border-bottom: 1px solid #e5e6e9
}

.secondary-menu ul.smenu ul li a {
	padding: 16px
}

.secondary-menu ul.smenu>li:first-child {
	border: none
}


.secondary-menu .arrow-menu {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-align: center;
	display: none;
	width: 42px;
	height: 42px;
	line-height: 44px;
	border-left: 1px solid rgba(0, 0, 0, .2)
}

.secondary-menu ul.smenu li.btn-right {
	float: right;
	border: none;
	margin: 16px 0
}

.secondary-menu ul.smenu li.btn-right a {
	padding: 9px 25px 11px;
	font-weight: 500;
	background: #06C;
	text-align: center;
	text-transform: capitalize;
	display: block;
	line-height: 1.25;
	box-sizing: border-box;
	color: #fff;
	border-radius: 3px
}

.secondary-menu .btn-right a:hover {
	opacity: .8;
	color: #fff
}

.search-style-one {
	width: 100%;
	position: fixed;
	overflow: hidden;
	height: 90px;
	z-index: 9;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform .4s linear, visibility .1s;
	transition: transform .4s linear, visibility .1s
}

.overlay {
	background: rgba(0, 0, 0, .7);
	width: 100%
}

.search-style-one.open {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.search-row {
	position: relative;
	margin: 0 auto
}

.overlay .overlay-close {
	width: 50px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: 8%;
	top: 15px;
	font-size: 20px;
	overflow: hidden;
	border: none;
	padding: 0 17px;
	color: #3a5795;
	background: rgba(255, 255, 255, .9);
	z-index: 100;
	cursor: pointer;
	border-radius: 2px
}

.search-style-one .search-row input#s {
	width: 100%;
	height: 82px;
	line-height: 82px;
	padding: 20px 30px;
	color: #fff;
	font-size: 18px;
	background: 0 0;
	border: none;
	box-sizing: border-box
}

#site-header {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	margin: 0;
	background: #fff;
}

#site-header a {
	display: block
}

#site-header img {
	width: auto;
	line-height: 20px;
	margin: 0;
	vertical-align: top
}

.site-info {
	line-height: normal
}

.site-header ul ul {
	list-style: none;
	min-width: 240px;
	display: none;
	position: absolute;
	top: inherit;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 9
}

.site-header ul ul li {
	float: none
}

.site-header ul ul ul {
	top: 0;
	left: 240px
}

.site-content {
	width: 100%;
	display: block
}

.featured-content {
	width: 66%;
	margin-right: 4%;
	padding:0 10px;
	float: left
}

/*首页缩略图修改*/
.featured-thumbnail img {
    width:100%;
	max-width:100%;
	height:auto;
	border-radius: 5px;
}
.featured-thumbnail {
	float: left;
	display: inline-block;
	width: 100%;
	margin-bottom:10px;
	text-align:center;
}
.posts-entry .entry-content p:last-child {
	margin-bottom: 0
}

.posts-entry .entry-footer {
	width: 100%;
	display: inline-block;
	margin: 1.5em 0 0;
	font-size: 12px;
	text-align: center;
	background: #f1f1f1;
	padding: 5px 20px
}

.single .posts-entry .entry-footer {
	text-align: left;
	background: 0 0;
	padding: 0
}

.entry-meta {
	margin-bottom: 14px;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
}

.post-item-grid-view .entry-meta {
	margin-bottom: 0
}

.superb-slide:nth-child(2) {
  background: #037E8C;
}

.superb-slide:nth-child(3) {
  background: #36BF66;
}

.superb-slide:nth-child(4) {
  background: #D9D055;
}

.superb-slide-number {
  color: #000;
  text-align: center;
  font-size: 10em;
}


.entry-footer span {
	padding-right: 16px;
	position: relative
}

.entry-footer span:after {
	content: "";
	height: 12px;
	overflow: hidden;
	border-right: 1px solid #4169e1;
	position: absolute;
	right: 8px;
	top: 1px
}

.entry-footer span:last-child:after {
	content: "";
	display: none
}


.site-info,
.site-info a {
	color: #fff
}

.site-footer {
	width: 100%;
	float: left;
	background: #000
}

.site-info {
	float: left;
	font-size: 14px
}

.site-info a:hover {
	border-bottom: dotted 1px
}

.site-info p {
	padding: 0
}

.pagination:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.nav-links {
	width: 100%;
	margin-bottom: 15px;
	display: inline-block
}

#load-posts a,
.nav-links .nav-next,
.nav-links .nav-previous {
	background: #fff;
	display: inline-block;
	line-height: 1;
	color: #333;
	padding: 2% 4%;
	box-sizing: border-box;
	margin: 0;
	text-decoration: none
}

.nav-links .nav-next,
.nav-links .nav-previous {
	max-width: 40%;
	border-radius: 1px
}

.nav-links .nav-previous {
	float: left;
	text-align: left
}

.nav-links .nav-next {
	float: right;
	text-align: right
}

.paging-navigation .nav-links .nav-next a,
.posts-navigation .nav-next a {
	float: right
}

.nav-links span.meta-nav {
	font-size: 18px
}

#load-more-wrap {
	width: 100%;
	text-align: center
}

#load-more-wrap a {
	background: #f3f2f2;
	padding: 10px;
	display: block
}

.posts-related,
.posts-related ul {
	width: 100%;
	display: inline-block
}

.posts-related ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.posts-related ul.grid-related-posts li {
	width: 31.3%;
	float: left;
	margin: 0 3% 3% 0
}

.posts-related ul.grid-related-posts li:nth-child(3n) {
	margin-right: 0
}

.posts-related ul.grid-related-posts li:nth-child(3n+1) {
	clear: left
}

.posts-related ul.list-related-posts {
	margin-bottom: 0
}

.posts-related ul.list-related-posts li {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #f5f5f5
}

.posts-related ul.list-related-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.posts-related .list-related-posts .featured-thumbnail {
	max-width: 160px;
	max-height: 160px
}

.posts-related .list-related-posts .featured-thumbnail img {
	width: 100%;
	height: 100%;
	display: block
}

.posts-related ul.list-related-posts .related-data a {
	color: #3498DB;
	display: block;
	margin-bottom: 5px
}

.posts-related ul.nothumb-related-posts {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	padding: 0
}

.posts-related ul.nothumb-related-posts li {
	line-height: 34px
}

.featured-sidebar {
	width: 30%; /*边栏边框整体宽度修改*/
	float:left;
	padding: 0 10px
}

.widget {
	width: 100%;
	padding: 8.8%;
	float: left;
	clear: both
}

.swidget {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	float:left;
}

.swidget h3 {
	width: auto;
	display: inherit;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin: 0
}

.fmenu,
.fmenu ul li {
	display: inline-block
}

.widget ul {
	padding: 0;
	margin-bottom: 0;
	list-style-position: inside
}

.widget>ul {
	margin: 0
}

.widget ul li {
	display: inline-block;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(78, 78, 100, 0.3);
	padding:10px 0;
}
.widget ul li a {
	margin:0;
	padding: 0;
}

.widget .popular-post-meta,
.widget .recent-post-meta {
	font-size: 12px;
	line-height: normal
}

.widget .post-img {
	float: left;
	margin-right: 10px
}

#wp-calendar {
	margin-bottom: 0
}

#wp-calendar thead th {
	padding: 0;
	text-align: center
}

#wp-calendar td {
	text-align: center;
	padding: 7px 0
}

#wp-calendar caption {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 700
}

#wp-calendar tfoot {
	margin-top: 30px
}

#wp-calendar #prev {
	text-align: left;
	padding: 0 0 0 12px
}

#wp-calendar #next {
	text-align: right;
	padding: 0 12px 0 0
}

#wp-calendar #next a,
#wp-calendar #prev a {
	text-decoration: none
}

.fmenu {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.fmenu ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal
}

.fmenu ul li {
	float: none
}

.fmenu ul li a {
	color: #fff;
	text-transform: none;
	margin: 0 8px;
	font-size: 14px;
	line-height: normal
}

.fmenu ul li a:hover {
	text-decoration: none
}

@media (min-width:1024px) {
	.super-menu,
	.toggle-mobile-menu {
		display: none
	}
}

@media (min-width:992px) {
	.fmenu,
	.footer-menu ul {
		float: right
	}
	.arrow-menu,
	.footer-menu ul li .arrow-sub-menu {
		display: none
	}
	.fmenu {
		width: auto;
		margin-top: 0;
		text-align: right
	}
	.footer-menu {
		width: 100%
	}
	.footer-menu ul li {
		float: left;
		line-height: 14px
	}
	.footer-menu ul ul {
		margin-left: 0;
		list-style: none;
		border-left: 1px solid #ccc
	}
	.footer-menu ul>li:first-child {
		border: none
	}
	.footer-menu ul li.main-navigation-item-has-children a,
	.footer-menu ul li.main-navigation-item-has-children ul {
		float: left
	}
	.secondary-menu .smenu ul ul.children,
	.secondary-menu .smenu ul ul.sub-menu {
		box-shadow: 0 2px 5px -2px #9baac2
	}
	.secondary-menu .smenu ul ul.children li,
	.secondary-menu .smenu ul ul.sub-menu li {
		border-bottom: 1px solid #f5f5f5
	}
}

@media screen and (max-width:1023px) {
	.main-navigation ul li .sub-arrow {
		right:0px;
	}

	.ads-top,
	.site-branding {
		text-align: center;
		width: 100%
	}
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.ads-top .textwidget img {
		display: inline
	}

	.main-container-wrap {
		position: relative;
		left: 0;

	}
	#mobile-menu-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		cursor: pointer;
		display: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background: rgba(0, 0, 0, .5)
	}
	#page {
		position: relative;
		left: 0;
		top: 0;
	}
	.main-navigation,
	.smenu-hide {
		display: none
	}
	.mobile-menu-active .smenu-hide {
		display: block;
		color: #fff
	}
	.mobile-menu-active #mobile-menu-overlay {
		display: block
	}
	.mobile-menu-active #page {
		width: 100%;
		max-width: 100%;
		position: fixed;
		top: 0;
		right: 300px;
		transition: left .5s ease;
		-ms-transform: translate(70%, 0);
		-webkit-transform: translate(70%, 0);
		transform: translate(70%, 0)
	}
	#smobile-menu {
		background-color: #000;
		position: fixed;
		width: 70%;
		top: 0;
		bottom: 0;
		left: -70.1%;
		z-index: 5999998;
		overflow-x: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	#smobile-menu .content-wrap,
	#smobile-menu .primary-menu ul {
		width: 100%;
		max-width: 100%;
		margin: 0
	}
	#smobile-menu.show {
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	#smobile-menu.show .main-navigation {
		width: 100%;
		float: left;
		display: block;
		margin: 0
	}
	#smobile-menu.show .main-navigation ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1)
	}
	#smobile-menu.show .main-navigation ul li a {
		padding: 12px 20px
	}
	#smobile-menu.show .main-navigation ul ul.children,
	#smobile-menu.show .main-navigation ul ul.sub-menu {
		display: none
	}
	#smobile-menu.show .main-navigation ul ul.children.active,
	#smobile-menu.show .main-navigation ul ul.sub-menu.active {
		border-top: 1px solid rgba(255, 255, 255, 0.1)
	}
	#smobile-menu.show .main-navigation ul ul.children li:last-child,
	#smobile-menu.show .main-navigation ul ul.sub-menu li:last-child {
		border: none
	}
	#smobile-menu.show .main-navigation ul li .sub-arrow {
		display: block
	}
	.toggle-mobile-menu {
		display: inline-block;
		width: 100%;
		margin: auto;
		position: relative;
		color: #fff;
		text-align: right;
		z-index: 1;
		padding: 12px 20px
	}
	.toggle-mobile-menu:hover {
		color: #fff;
		background: #ededed;
	}
	/*导航处文字或图案修改*/
	
	.toggle-mobile-menu:before {
		font-family: FontAwesome;
		content: "\f0c9";
		font-size: 14px;
		line-height: 50px;
		position: absolute;
		left: 0;
		top: 0
	}
	.mobile-only .toggle-mobile-menu {
		text-decoration: none
	}
	.mobile-only .toggle-mobile-menu:before {
		left: 20px
	}
	/*导航颜色修改*/
	.super-menu {
		background: #000
	}
	.super-menu-inner {
		width: 1120px;
		max-width: 90%;
		margin: 0 auto
	}
	.super-menu .toggle-mobile-menu {
		padding: 10px 0;
		color: #fff;
		text-decoration: none
	}
	.super-menu .main-navigation-toggle:before {
		left: 0
	}
}

@media (max-width:992px) {
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin: 0
	}
	.site-info {
		width: 100%;
		text-align: center
	}
}
.widget ul li {
	display:inline-block;
	float:left;
	width:100%;
}
.widget ul {
	display:inline-block;
	float:left;
	width:100%;
}
.widget ul:first-of-type li:first-of-type {
	margin-top:0px;
	padding-top:0px;
}
.widget ul:last-of-type li:last-of-type {
	margin-bottom:0px;
	border-bottom:0px;
	padding-bottom:0px;
}


.text-center {
	text-align:center;
}
.primary-menu .pmenu {
	margin: auto;
	display: inline-block;
	float:left;
	width:100%;
	text-align:center;
}
.main-navigation ul li {
	position: relative;
	display: inline-block;
}
.main-navigation ul li a {
	color: #fff;
	font-weight: 300;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 15px 1rem;
	text-decoration: none;
}
.main-navigation ul li.current-menu-item>a {
	font-weight:500;
}
.primary-menu {
	float:left;
}
.site-branding.branding-logo {
	width: 100%;
	text-align: center;
}

.sheader {
	background-size:cover;
	background-position:top center;
	
}
.site-branding .site-description {
	line-height:150%;
}
.site-header ul ul {
	text-align: left;
}
.primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li {
	width:100%;
	max-width: 100%;
}
.site-header ul ul li a {
	font-size: 14px;
	opacity: 0.8;
}

/*边栏边框圆角修改*/
.swidgets-wrap {
	padding: 20px 20px;
	border-radius: 12px;
	text-align: left;
	margin-top: 0;
	background: #fff;
	margin-bottom: 15px;
}
.swidgets-wrap .sidebar-title-border {
	display: block;
	width: 100%;
	text-align: center;
}
.swidgets-wrap h3 {
	display: inline-block;
	line-height:130%;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: 550;
	color: grey;
	margin-bottom: 5px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
}		
.widget time.rpwe-time.published {
	width: 100% !important;
	display: block !important;
	font-size: 12px;
}
#secondary .widget {
	font-size: 0.85rem;
	font-weight: 300;
	color: #333333;/*侧边栏默认文字颜色修改*/
}
.widget_archive ul:last-of-type li:last-of-type {
	margin-bottom:0px;
}
.widget h3.rpwe-title {
	font-size: 14px !important;
	padding: 0px !important;
	display: block !important;
}
.widget img.rpwe-thumb {
	border: 0px #fff !important;
	box-shadow: 0px 0px 0px #fff !important;
	padding: 0px !important;
	margin-top: 0px !important;
}
.site-info {
	float: left;
	font-size: 14px;
	width: 100%;
	text-align: center;
	opacity: 0.8;
	padding:20px;
	border-top:1px solid #fff;
}
.footer-column-three {
	display: inline-block;
	float: left;
	width: 100%;
	max-width: 33%;
	color: #fff;
	padding: 50px 0;
}
.footer-column-three .widget {
	padding:0;
	background:rgba(0,0,0,0);
	font-size:14px;
	margin:0;
}

.footer-column-three h3 {
	background: rgba(0,0,0,0);
	color: #fff;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	font-family:'lato';
	letter-spacing: 2px;
}
.footer-column-three p {
	font-size: 14px;
	color: #656565;
}
.footer-column-three a {
	color: #fff;
}
.footer-column-three h3:after {
	display: block;
	height: 2px;
	width: 40px;
	content: ' ';
	background: rgba(255, 255, 255, 0.24);
	margin-top: 7px;
}
.footer-column-left {
	padding-right:10px;
}
.footer-column-middle {
	padding-right:10px;
	padding-left:10px;
}
.footer-column-right {
	padding-left:10px;
}
.footer-column-three .widget {
	margin-bottom: 40px;
	overflow:hidden;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.footer-column-three .widget:last-of-type {
	margin-bottom: 0;
}
.footer-column-three input.search-submit {
	background: rgba(0,0,0,0);
	border: 1px solid #fff;
	padding: 10px 15px;
	font-size:13px;
}
.footer-column-three input.search-field {
	background: rgba(0,0,0,0);
	border: 1px solid #ffff;
	border-right: 0px;
	padding-bottom: 18px;
	color: #fff;
	font-size:13px;
	padding: 10px;
}
.main-navigation ul li:hover>ul.sub-menu,
.main-navigation ul li a:focus ~ ul.sub-menu,
.main-navigation ul li a:focus > ul.sub-menu,
.main-navigation ul li a:focus ul.sub-menu,
.primary-menu ul li ul.sub-menu:focus-within,
.primary-menu ul li ul.sub-menu:focus-within,
.pmenu a:focus ~ .sub-menu,
.main-navigation ul li a:focus ~ ul,
.main-navigation ul li:hover>ul,
.pmenu li:focus-within> .sub-menu {
	display:block;
}
.footer-column-three p:last-of-type {
	margin-bottom:0px;
}
.entry-meta {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	font-weight: 100;
	justify-content: space-between;
}

/*首页标题、字体及两端对齐修改*/
h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
    font-size: 1.2rem; /* 原为2.5rem */
    margin-top: 0;
    margin-bottom: 0.5em;
	font-weight: 420;
	color: inherit;  
  line-height: 1.6; /* 最佳可读性间距 */  
  letter-spacing: 0.05em; /* 字距微调 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: justify;
    text-justify: distribute-all-lines;
	
}

.entry-meta {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	width: 100%;
	font-weight: 400;
	justify-content: space-between;
}
.entry-meta a{
	text-decoration:none;
}
article .entry-content {
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
	color: #656565;
	font-size: 16px;
	justify-content: space-between;
}
.single article .entry-content, .page article .entry-content {
	color:#000;
}
.blog-data-wrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	min-height: 24px;
}
.post-data-divider {
	display: block;
	height: 1px;
	background: #000;
	width: 100%;
	position: absolute;
	top: 14px;
	max-width: 480px;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 1;
}
.blog-author-positioning {
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}
/*首页摘要修改*/
.post-index, .post-index a {
	font-weight: 330;
	font-size: 16px;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
  line-height: 1.8; /* 最佳可读性间距 */  
  letter-spacing: 0.05em; /* 字距微调 */
	text-decoration: none;
}
/*日期横线/黑色背景去掉修改*/
.post-data-text {
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #737373;
	padding: 0 0 5px;
	text-decoration: none;
}

.post-data-text a {
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #999999;
	padding: 0;
	text-decoration: none;
}

.post-data-positioning {
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}

/*文章区圆角\浅色背景修改*/
article.fbox {
	background: #FFF;
	border-radius: 12px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 20px;
}

.entry-single-ctt {
    padding-bottom: 15px;
    justify-content:space-between;width:100%;
    text-align: justify;
    text-justify: distribute-all-lines;
    color: #737373;
    font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif;
    line-height: 1.8;
    letter-spacing: 0.05em; 
}

.blogpost-button {
	padding: 15px 25px;
	border-radius: 0px;
	background: #000;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	margin: auto;
	display:inline-block;
	text-decoration: none;
}

.page-numbers li {
	display: inline-block;
	list-style:none;
}
ul.page-numbers {
	display: inline-block;
	padding: 0;
	height: 0;
	margin: 0 auto 30px auto!important /* 分页上下文高度修改 */
}
/* 手机端样式 */
@media (max-width: 768px) {
  ul.page-numbers {
    margin: 0 auto; /* 手机端减小间距 */
  }
}
.page-numbers li a{
	padding: 2px 10px;
	transition: all 0.4s;
	font-size: 14px;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid rgba(78, 78, 100, 0.3);
	color: #333;
	border-radius: 5px;
	font-weight:600;
	display: inline-block;
	float: left;
}
.page-numbers li a:hover {
	background:rgba(0,0,0,0);
	color:#2d3748;
}
.page-numbers.current {
	background: rgba(0,0,0,0);
	padding: 2px 10px;/*分页按钮大小修改*/
	transition: all 0.4s;
	font-weight:600;
	font-size: 14px;
	color: #999;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid rgba(78, 78, 100, 0.3);
	border-radius: 5px;
	display: inline-block;
	float: left;
}
td, th {
	padding: 10px;
	text-align: left;
}

tr {
	border-bottom: 1px solid #000;
}

.error404 main#main,
.search-no-results section.fbox.no-results.not-found {
	text-align: center;
}
.search-no-results h1, .error404 h1 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
}
.search-results h1.page-title {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	padding: 0;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
}

.comments-area .comments-title {
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
}
.search-no-results .search-form label, .error404 .search-form label {
	float: none;
	margin-right: -5px;
	padding: 0;
}
.error404 .search-form label, .search-no-results .search-form label {
	float: none;
	margin-right: -5px;
	padding: 0;
}
.error404 input.search-submit, .search-no-results input.search-submit {
	padding: 11px;
	border: 1px solid #000;
	background: rgba(0,0,0,0);
	color: #000;
}
.error404 input.search-field, .search-no-results input.search-field {
	color:#000;
	padding: 10px;
}
.archive .page-header {
	text-align: center;
	font-size: 18px;
	font-weight: 450;
	padding: 10px 0 0;
	margin:0;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
}

.archive header.fbox.page-header {
	padding: 10px 0 5px;
	background: #fff;
	border-radius: 12px;
}
.archive-description {
    text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #737373;
	padding: 0;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
}
.archive-description a {
	color: #737373;
}
/*评论区边框修改*/
.comments-area {
	border-radius: 5px;
}
.comments-area .comment-author .fn a {
	text-decoration:none;
}
.comment span.edit-link {
	float: right;
}
.comments-area .comment-meta .comment-metadata a {
	text-decoration: none;
	font-size: 14px
}
#comments ol.comment-list {
	padding-left: 0;
	margin-left: 0;
	list-style:none;
}
/*评论区评论内容及间距修改*/
.comments-area ol.comment-list .comment {
	width: 100%;
	border-bottom: 1px solid rgba(78, 78, 100, 0.3);/*评论区的实线*/
	margin-bottom: 15px;
	padding-bottom: 10px;
}
span.page-numbers.dots {
	padding: 2px 10px;
	transition: all 0.4s;
	font-size: 14px;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid rgba(78, 78, 100, 0.3);
	color: #333;
	border-radius: 5px;
	font-weight:600;
	display: inline-block;
	float: left;
}
.comments-area .reply {
	padding-left: 45px;
	font-size: 14px;
	padding-bottom: 0;
	color: #e0e0e0;
}
div#respond {
	text-align: center;
}
p.comment-form-url {
	display: none;
}
#comments h3#reply-title {
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
	line-height: 1.8;
    letter-spacing: 0.05em;
	font-size: 26px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
}
.calendar_wrap tr {
	border-bottom: 0px solid #000;
}

@media screen and (max-width: 1023px) {
	.smenu-hide.toggle-mobile-menu.menu-toggle {
		border-bottom:1px solid rgba(255, 255, 255, 0.1)
	}
	.main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li {
		padding-left: 20px;
		opacity: 0.8;
	}
	ul.page-numbers {
		margin-bottom:50px;
	}
}
@media screen and (max-width: 900px) {
	.footer-column-three {
		max-width:100%;
	}
	.footer-column-left {
		padding-right:0;
	}
	.footer-column-middle {
		padding-right:0;
		padding-left:0;
	}
	.footer-column-right {
		padding-left:0;
	}
}
/*移动端首页标题修改*/
@media screen and (max-width: 700px) {
	h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
		font-size:1.2em;
	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; /* 现代无衬线字体 */ 
  line-height: 1.6; /* 最佳可读性间距 */  
  letter-spacing: 0.05em; /* 字距微调 */
	justify-content: space-between;
	}
	.post-data-text {
		font-size: 15px;
	}
	.archive .page-header h1  {
		font-size:25px;
	}
	article .entry-content {
		margin-top:10px;
		font-size:14px;
	}
	.site-branding .site-title {
		font-size:29px;
	}
	.site-branding .site-description {
		font-size:14px;
	}
	/*LOGO位置间距修改*/
	.site-branding {
		margin-bottom:15px;
		margin-top:10px;
	}
	.page-numbers li {
		display:inline;
	}
	.page-numbers li a, span.page-numbers.dots {
		display: none;
	}
	.page-numbers li a.prev {
		display: inline-block;
	}
	.page-numbers li a.next {
		display: inline-block;
	}
}
button.wp-block-search__button, #secondary button.wp-block-search__button { margin: 0; border-color: #000; padding: 0 20px; background: #000; color: #fff; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.wp-block-social-links li { display: inline-block !important; width: auto !important; padding: 0px !important; margin: 5px !important; -webkit-box-shadow: 0px 0px 0px #fff !important; box-shadow: 0px 0px 0px #fff !important;} #secondary .wp-block-social-links.wp-block-social-links li a { color: #fff;} .wp-block-social-links.wp-block-social-links li a { color: #fff;}
.single-post p.comment-form-url { display: inline-block; width: 100%; max-width: 100%; } .single-post p.comment-form-author, .single-post p.comment-form-email { max-width: 49%; float: none; display: inline-block; width: 100%; } .single-post p.comment-form-email label, .single-post p.comment-form-author label, .single-post p.comment-form-comment label, .single-post p.comment-form-url label { margin-bottom: 2px; text-align: left; margin-top: 5px; display: inline-block; width: 100%; } .single-post .comments-area .comment-respond input[type="email"], .single-post .comments-area .comment-respond input[type="text"], .single-post .comments-area .comment-respond input[type="url"] { max-width: 100% !important; } .single-post p.comment-form-email { margin-left: 1%; } @media screen and (max-width: 900px) { .single-post p.comment-form-email { margin-left: 0%; } .single-post p.comment-form-author, .single-post p.comment-form-email { max-width: 100%; float: none; display: inline-block; width: 100%; } } #secondary .wp-block-group div > h2:first-child { text-align: center; background: #fff; line-height: 130%; padding: 0px 20px; font-size: 17px; font-weight: 500; color: #2b2b2b; text-transform: uppercase; display: table; margin: -30px auto 15px auto; } .wp-block-group__inner-container *:not(h2:first-child) { text-align: left; } .widget_block .widget { padding: 0; }.header-widgets-three .wp-block-group div > h2:first-child { text-align: center; background: #fff; line-height: 130%; padding: 0px 20px; font-size: 17px; font-weight: 500; color: #2b2b2b; text-transform: uppercase; display: table; margin: -30px auto 15px auto; } .wpcf7 input, .wpcf7 textarea { width: 100%; border-color: rgba(78, 78, 100, 0.3); padding:10px;} .wpcf7 .wpcf7-submit { background: #000; }li.wp-block-social-link { border-bottom: 0px !important; }footer h3.spbrposts-title { display: block; width: 100%; line-height: 1; }.footer-column-right { padding-left: 20px; } .footer-column-middle { padding-right: 20px; padding-left: 20px; } .footer-column-left { padding-right: 20px; } @media screen and (max-width: 900px) { .footer-column-left { padding-right: 0; } .footer-column-middle { padding-right: 0; padding-left: 0; } .footer-column-right { padding-left: 0; } }.comments-area .comments-title, #comments h3#reply-title { font-size: 24px; } @media screen and (max-width: 800px) { .comments-area .comments-title, #comments h3#reply-title { font-size: 18px; } }

.wp-block-cover .wp-block-cover__inner-container p { line-height: 140%; }


#blog-roll {width:100%;padding:15px;margin:0 auto;}
#blog-roll ul {float:left;margin:0px;}
#blog-roll li {list-style:none;padding:0 10px 10px 0;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#blog-roll a {color: #4f4f4f;text-decoration: none;}


#baba-xgwz {width:100%;padding: 10px 15px;margin:15px auto 15px;background: #fff; border-radius: 12px;font-size: 16px; font-weight: normal; text-align: left;color: #545454;text-decoration:none;line-height:2.2;}
#baba-xgwz ul {float:left;margin:0px;}
#baba-xgwz li {list-style:decimal;color: #e0e0e0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#baba-xgwz a {color: #4f4f4f;text-decoration: none;}



/*links_icon*/
.page-links{overflow:hidden;margin:0 0 15px 0;padding:0 0 10px 0; border:1px solid #cecece;border-radius:3px; background:#FFFFFF;}
.page-links h3{padding-left:10px; font-weight:bold; 	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; letter-spacing: 0.05em; background-color:#fafafa; font-size:1.0em; line-height:2.4em; height:2.4em; margin-bottom:0.2em; border-bottom:1px solid #fff; z-index:-1;
	background-image:-webkit-linear-gradient(#fff,#eee);
	background-image:-moz-linear-gradient(#fff,#eee);
	background-image:-ms-linear-gradient(#fff,#eee);
	background-image:-o-linear-gradient(#fff,#eee);
	background-image:linear-gradient(#fff,#eee);
	box-shadow:inset 0 -1px 0 #fafafa,0 1px 3px #ccc;}
.page-links ul{	padding:0 0 0 7px;margin:0 0 0 0;}
.page-links ul li{float:left;width:125px;line-height:60px;height:60px;margin:0;padding:5px 10px 5px 10px;list-style-type:none; font-size:14px; 	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; letter-spacing: 0.05em; border-bottom:1px solid #f0f0f0;}
.page-links ul li:hover{background-color:#f0f0f0;border-radius:3px; }
.page-links ul li img{width:32px;height:32px;margin:0 3px -2px 0;padding:0;border:none;}
@media only screen and (max-device-width:568px),only screen and (max-width:568px) {
.page-links ul li{float:left;width:92px;line-height:34px;height:34px;margin:0;padding:7px 0 7px 1px;list-style-type:none; font-size:12px;	font-family: "HarmonyOS Sans", system-ui,'Source Han Serif CN Light', serif; letter-spacing: 0.05em; white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
}

.plpl,.plpl a{
    margin: 0;
	text-align: left;
	font-size: 14px;
	color: #4f4f4f;
	padding: 0;
	text-decoration: none;
}

.v{	width:14px;height:13px;background:url(images/v.png) 0 center no-repeat; padding:0 0 0 14px}	

/* 响应式断点适配 */
@media (max-width: 1024px) {
  .main-container { grid-template-columns: repeat(2,1fr); }
  .side-nav { display: none; }
}

@media (max-width: 640px) {
  body { font-size: 18px; }
  .poem-card { padding: 1rem; }
}


.footer {
	display: flex;
	justify-content: center;
	align-items: center;
	--mw: 968px;
	padding: 40px 40px 20px 40px;
	font-size: 12px;
	line-height: 20px;
	color: #62616F
}

.footer .main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--mw)
}

.footer .footer-content {
	width: 100%;
	max-width: var(--mw);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
	font-size: 12px;
}

.footer .footer-content .copyright {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px
}

.footer .footer-content .friends {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px
}

.footer .footer-content a {
	transition: color .15s ease-in;
	color: #62616F
}

.footer .footer-content a:hover {
	color: #6461F1
}

.widget-top {
	position: absolute;
	width: 100%;
	height: 512px;
	background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
	background-size: 8px 8px;
	mask-image: radial-gradient(at center, #fff, transparent 72%);
	-webkit-mask-image: radial-gradient(at center, #fff, transparent 72%);
	opacity: 0.4;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%)
}



/* 投稿页分类边框修改 */
.custom-cat-dropdown {
    border: 1px solid rgba(78, 78, 100, 0.3) !important;
    border-radius: 4px;
    width: 100%;
    padding: 5px 0 5px 10px;
    font-size: 12px;
    font-weight:500;
    color: #62616F;
    background: transparent;
}

/* 投稿页分类鼠标悬停效果 */
.custom-cat-dropdown:hover {
    border-color: rgba(78, 78, 100, 0.6);
}

/* 投稿页分类下拉箭头颜色（兼容各浏览器） */
.custom-cat-dropdown::-ms-expand {
    color: rgba(78, 78, 100, 0.3);
}
.custom-cat-dropdown::after {
    border-top-color: rgba(78, 78, 100, 0.3);
}



/*文章新样式修改*/
         /* front_page修改 */
.fireworks {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -999;
  backdrop-filter: none;
  -webkit-backdrop-filter: none; /* Safari必须 */
}

.icon {
	font-size: 0
}

img {
	display: block
}


/* 移动端优化 */
@media (max-width: 768px) {
    h1::after, h2::after { bottom: -5px; }
    h1::after { width: 60px; }
    h2::after { width: 40px; }
}

/* 平滑滚动效果 */
html {
    scroll-behavior: smooth;
}


.tag {
	font-size: 12px;
	line-height: 100%;
	font-weight: 500;
	padding: 6px 10px;
	border-radius: 9999px;
	white-space: nowrap
}
@media screen and (max-width: 968px) {
	.head .main .menu {
		display: none
	}

	.head .main #menu-expand {
		display: block
	}

	.index .main-content .power-list-container .power-list {
		overflow-x: scroll;
		overflow-y: hidden
	}

}
.magical {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border);
	background: rgba(0,0,0,0.05);
}

.magical.show {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: var(--border);
	opacity: 0;
	pointer-events: none;
	background: radial-gradient(var(--circle-size) circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.01), transparent 40%)
}

.btn {
	--border: 9999px;
	background-image: radial-gradient(var(--circle-size) circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.06), transparent 40%)
}


.primary-btn {
	border-radius: 5px;
	padding: 2px 10px;
	color: #7f7f7f;
	cursor: pointer
}

.primary-btn a {
	font-size: 13px;
	line-height: 22px;
	font-weight: 300;
	color: #7f7f7f;
	text-decoration: none
}


.normal-btn {
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 13px;
	line-height: 22px;
	font-weight: 300;
	color: #7f7f7f;
	cursor: pointer
}

.normal-btn a {
	font-size: 13px;
	line-height: 22px;
	font-weight: 300;
	color: #7f7f7f;
	text-decoration: none
}
.normal-btn a { text-decoration: none; } /* 去除下划线 */
.normal-btn a:hover { color: #2d3748; }  /* 悬停变色 */

.btn-s {
	padding: 4px 16px
}

.btn-s a {
	font-size: 12px;
	line-height: 20px
}

.text-effect {
	-webkit-animation: focus-in-expand 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: focus-in-expand 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

@-webkit-keyframes focus-in-expand {
	0% {
		letter-spacing: -0.5em;
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0
	}

	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1
	}
}

@keyframes focus-in-expand {
	0% {
		letter-spacing: -0.5em;
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0
	}

	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1
	}
}

.load-pro {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out
}

.load-pro.visible {
	opacity: 1;
	transform: translateY(0)
}

.head {
	position: fixed;
	padding: 0 40px;
	width: 100%;
	--height: 64px;
	height: var(--height);
	display: flex;
	justify-content: center;
	align-items: center;
	--mw: 968px;
	transition: all 0.3s ease;
	flex-direction: column;
	z-index: 100
}

.head .main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--mw)
}

.head .main-left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 8px
}

.logo img {
  vertical-align: middle; /* 保持原有垂直对齐 */
  margin-bottom: 0; /* 清除可能存在的底部边距 */
  position: relative;
  bottom: 2px; /* 根据需要微调1-2像素 */
}

.head .main-left .logo {
	height: 24px
}

.head .main-left .tag-cooperate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	line-height: 1; /* 重置行高 */
	gap: 8px;
	cursor: pointer;
	padding: 5px 9px;
	color: #737373;
	font-weight: 300;
	background: #E8E8F6;
	box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.24);
	border: 1px solid #fff
}

.head .main-left .tag-cooperate .breath-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #7f7f7f;
	box-shadow: 0 0 8px #000;
	animation: breath 1s infinite alternate
}

@keyframes breath {
	0% {
		transform: scale(1);
		opacity: 0;
		box-shadow: 0 0 4px transparent
	}

	100% {
		transform: scale(1.2);
		opacity: 1;
		box-shadow: 0 0 16px #000
	}
}

.head #menu-expand {
	display: none /*顶部菜单响应式按钮隐藏修改*/
}

.head .menu {
	display: flex;
	gap: 12px
}

.head .menu li {
	--circle-size: 100px;
	border-radius: 9999px;
	padding: 4px 16px;
	cursor: pointer;
	font-size: 12px;
	line-height: 15px;
	color: #999
}

.head .menu li.nav {
	font-weight: 500;
	color: #E8E8F6;
	background-color: #1F1F26
}

.head .menu li.nav::after {
	background: linear-gradient(180deg, rgba(232, 232, 246, 0.68) 0%, rgba(232, 232, 246, 0.4) 100%)
}

.head .menu .menu-expand-btn {
	padding: 5px
}

.head .menu .menu-expand-btn .menu-icon {
	width: 14px;
	height: 14px
}

.head .menu .menu-expand-btn .menu-icon::before {
	content: url(../assets/public/menu_icon.svg)
}

.head #menu-panel {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100vw);
	height: calc(100vh);
	background: rgba(14, 14, 19, 0.98);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	padding: 64px 40px
}

.head #menu-panel.active {
	opacity: 1;
	visibility: visible
}

.head #menu-panel .menu-panel-content {/*汉堡包修改*/
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
	gap: 16px
}

.head #menu-panel .menu-panel-content li {
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	color: #E8E8F6;
	width: 100%;
	background-color: #141419;
	border-radius: 12px;
	text-align: center;
	padding: 12px 40px;
	transition: all 0.3s;
	cursor: pointer
}

.head #menu-panel .menu-panel-content li:hover {
	background-color: #1F1F26;
	transition: all 0.3s
}

.head #menu-panel .menu-close-btn {
	position: fixed;
	top: 18px;
	right: 39px;
	padding: 7px;
	font-size: 0;
	background-color: #6461F1;
	border-radius: 9999px;
	transition: all .2s;
	cursor: pointer
}

.head #menu-panel .menu-close-btn svg {
	width: 14px;
	height: 14px;
	fill: #E8E8F6
}

.head #menu-panel .menu-close-btn:hover {
	transform: scale(1.2);
	transition: all .2s
}

.index .main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--mw)
}

.index .hello {
	display: flex;
	justify-content: center;
	align-items: center;
	--mw: 968px;
	width: 100%;
	max-width: var(--mw);
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 40px
}

.index .hello .main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--mw)
}

.index .hello .hello-left {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 680px
}

.index .hello .hello-left .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 8px
}

.index .hello .hello-left .title a:hover {/*频道标题下划线修改*/
    color: #cc3366;
    text-decoration: none;
}

.index .hello .hello-left .title * {
	font-size: 1.2rem; /* 原为2.5rem */
	font-weight: 420;
	 line-height: 1.6; /* 最佳可读性间距 */  
	 letter-spacing: 0.05em; /* 字距微调 */
	 justify-content: space-between; 
}

.index .hello .hello-left .title .title-hi {
	font-size: 1.2rem; /* 原为2.5rem */
	font-weight: 420;
	 line-height: 1.6; /* 最佳可读性间距 */  
	 letter-spacing: 0.05em; /* 字距微调 */
	 justify-content: space-between; 
	background: linear-gradient(180deg, #E8E8F6 0%, rgba(232, 232, 246, 0.72) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.index .hello .hello-left .title .title-name {
	position: relative;


	color: #1A1A1A;
}

.index .hello .hello-left .hello-introduce {
	font-size: 1rem; /* 原为2.5rem */
	font-weight: 400;
	 line-height: 1.8; /* 最佳可读性间距 */  
	 letter-spacing: 0.05em; /* 字距微调 */
	margin-top: 10px;
	text-align: justify;
	justify-content: space-between;
}

.index .hello .hello-left .hello-introduce a:hover {
	color: #545454;
}

.index .hello .hello-left .hello-introduce a {
	font-size: 1rem; /* 原为2.5rem */
	font-weight: 400;
	 line-height: 1.8; /* 最佳可读性间距 */  
	 letter-spacing: 0.05em; /* 字距微调 */
	color: #737373;
	margin-top: 10px;
	text-align: justify;
	justify-content: space-between;
}


.index .hello .hello-left .hello-introduce span {
	font-size: 16px;
	line-height: 24px;
	color: #A8A8B6
}

.index .hello .hello-left .hello-actions {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	margin-top: -10px;
	margin-bottom: 15px
}

.index .main-content {
	display: flex;
	justify-content: center;
	align-items: center;
	--mw: 968px;
	flex-direction: column;
	width: 100%;
	max-width: var(--mw);
	gap: 40px;
	border-radius: 5px;
	color: #545454;
}

.index .main-content .main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--mw)
}

.index .main-content .link-list {
	width: 100%;
	max-width: var(--mw);
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-gap: 16px
}

.index .main-content .link-list .link-card {
	background-color: #141419;
	box-shadow: 0px 0px 8px 0px rgba(10, 10, 14, 0.4);
	--circle-size: 400px
}

.index .main-content .link-list .link-card a {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 16px;
	gap: 12px
}

.index .main-content .link-list .link-card a img {
	width: 40px;
	opacity: .6;
	transition: opacity .4s
}

.index .main-content .link-list .link-card a .info {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	opacity: .8;
	transition: opacity .4s
}

.index .main-content .link-list .link-card a .info .info-title {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	background: linear-gradient(180deg, #E8E8F6 0%, rgba(232, 232, 246, 0.72) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.index .main-content .link-list .link-card a .info .info-desc {
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #A8A8B6
}

.index .main-content .link-list .link-card a .icon-arrow {
	width: 14px;
	height: 14px;
	opacity: 0;
	transition: opacity .4s
}

.index .main-content .link-list .link-card a:hover {
	color: #6461F1
}

.index .main-content .link-list .link-card a:hover .info,
.index .main-content .link-list .link-card a:hover .icon-arrow,
.index .main-content .link-list .link-card a:hover img {
	opacity: 1;
	transition: opacity .4s
}

.index .main-content .power-list-container {
	position: relative;
	width: 100%;
	max-width: var(--mw);
	padding: 0 10px;
	overflow: visible
}

.index .main-content .power-list-container .power-list {
	position: relative;
	display: grid;
	--columns: 8;
	grid-template-columns: repeat(var(--columns), fit-content(100%));
	column-gap: 8px;
	row-gap: 24px;
	padding: 10px 0/*滚动导航高度修改*/
}

.index .main-content .power-list-container .power-list .power-card {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px
}

.index .main-content .power-list-container .power-list .power-card .power-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0 5px;
	width: 28px
}

.index .main-content .power-list-container .power-list .power-card .power-container .card-img {
	width: 28px;
	height: 28px;
	padding: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .8;
	filter: grayscale(1);/*滚动导航图标icon置灰修改*/
	transition: opacity .4s, filter .4s, transform .2s
}

.index .main-content .power-list-container .power-list .power-card .power-container .card-img::after {
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 5px;
	transform: scale(0);
	opacity: 0;
	pointer-events: none;
	transition: none
}

.index .main-content .power-list-container .power-list .power-card .power-container .title {
	font-size: 0.85rem;
	font-weight: 300;
	line-height: 24px;
	color: #2d3748;/*横向滚动标题颜色修改*/
	opacity: .8;
	text-wrap: nowrap;
	white-space: nowrap;
	transition: opacity .4s
}

.index .main-content .power-list-container .power-list .power-card .power-separator {
	position: relative;
	width: 27px;/*横向滚动间距修改*/
	height: 32px;
}

.index .main-content .power-list-container .power-list .power-card:hover .title {
	opacity: 1;
	transition: opacity .4s
}

.index .main-content .power-list-container .power-list .power-card:hover .card-img {
	opacity: 1;
	transform: scale(1.1);
	filter: grayscale(0);
	transition: opacity .4s, filter .4s, transform .2s
}

.index .main-content .power-list-container .power-list .power-card:hover .card-img::after {
	animation: ripple 0.6s ease-out
}

@keyframes ripple {
	0% {
		transform: scale(0);
		opacity: 0.6
	}

	50% {
		transform: scale(2);
		opacity: 0.3
	}

	100% {
		transform: scale(3);
		opacity: 0
	}
}

.index .main-content .power-list-container .power-list .load-item {
	opacity: 0;
	transform: translateY(16px);
	animation: fadeIn 0.2s ease-in-out forwards
}

.index .main-content .power-list-container .power-list .load-item:nth-child(1) {
	animation-delay: 0s
}

.index .main-content .power-list-container .power-list .load-item:nth-child(2) {
	animation-delay: 0.1s
}

.index .main-content .power-list-container .power-list .load-item:nth-child(3) {
	animation-delay: 0.2s
}

.index .main-content .power-list-container .power-list .load-item:nth-child(4) {
	animation-delay: 0.3s
}

.index .main-content .power-list-container .power-list .load-item:nth-child(5) {
	animation-delay: 0.4s
}

.index .main-content .power-list-container .power-list .load-item:nth-child(6) {
	animation-delay: 0.5s
}

.index .main-content .power-list-container .power-list .load-item:nth-child(7) {
	animation-delay: 0.6s
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(16px)
	}

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

.index .main-content .power-list-container .power-list .sticky-item {
	width: 64px;
	height: 74px;
	position: sticky;
	background: linear-gradient(270deg, #0E0E13 0%, rgba(14, 14, 19, 0.4) 100%);
	right: 0;
	opacity: 0;
	pointer-events: none
}

.index .main-content .power-list-container .power-list .sticky-item .loader {
	width: 8px;
	height: 12px;
	display: flex;
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.index .main-content .power-list-container .power-list .sticky-item .loader::before {
	content: "";
	flex: 1;
	background: #62616F;
	clip-path: polygon(0 10px, calc(100% - 15px) 10px, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, calc(100% - 15px) calc(100% - 10px), 0 calc(100% - 10px));
	animation: arrow-loader .5s infinite alternate
}

@keyframes arrow-loader {
	0% {
		transform: scaleX(var(--s, 1)) translate(-4px)
	}

	100% {
		transform: scaleX(var(--s, 1)) translate(4px)
	}
}

.index .main-content .power-list-container .power-list::-webkit-scrollbar {
	display: none
}

.welcometo-ql {
    background: #FFFFFF;
    padding:5px 0 5px;
    margin-bottom: 15px;
    text-align:center; 
    border-radius: 12px;
    font-size: 14px; 
    font-weight: normal; 
    text-align: center;
}

.sticky-posts-container{/*置顶文章修改*/
    background: #fff;
	border-radius: 12px;
	padding: 10px 20px;
	text-align: left;
	margin-bottom: 15px;
}

.sticky_ctt {
    font-size: 1rem;
    font-weight: 300;
    color: #737373;
    margin-bottom: 5px;
    margin-top: 5px;
}
.sticky_ctt a:hover {
    color: #2d3748;
    
}


.sticky-tt {
    display: inline-block; /* 保持容器紧凑 */
}

.title {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中（可选） */
}


.page-title-archive {
    color: #666;
}


@media only screen and (max-width: 768px) {/* 实现手机和PC显示不同内容 */
    .pc-only {
        display: none !important;
    }
   }