/*一些zblogphp主题相关的样式，比如初始化，评论，文章页样式，侧栏等*/

/*【链接模块管理】插件未初始化提交前隐藏所有导航，防止无样式看起来乱*/
li[id^="nvabar-item-index"] a,li[id^="navbar-item-index"] a,
li[id^="navbar-category-"] a,
li[id^="navbar-page-"] a,
li[id^="navbar-tag-"] a{
  display: none;
}

/*随机一下*/
.refresh{
  cursor: pointer;
  color:var(--secondaryColor)!important;
}
@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.refresh i {
  display: inline-block;
  vertical-align: middle;
}
.refresh.rotate i {
  animation: rotate .5s linear infinite;
}

/*侧栏*/
.aside ol, .aside ul{
  padding-left:0!important;
}
/*侧栏-最新评论*/
img.usr-avatar{
  width: 50px;
  height:50px;
  object-fit: cover;
}
.widget.new_cmt .time{
  font-size: 14px;
}
.widget .time{
  opacity: .6;
}
.widget.new_cmt .card-body:hover{
  background-color: var(--bs-light);
}
.widget.new_cmt a{
  margin-bottom:0;
  font-size: 14px;
}
.widget.new_cmt .name{
  font-size: 12px;
}
/*--评论 --*/
.post_comments {padding-top:15px!important;}
#comments .comment-tab {line-height:25px;padding:5px 0 5px 5px;position:relative;}
.come-comt {font-size:16px;font-weight: 800;}
.commentlist {margin-bottom:5px;height:auto;}
.come-comt i.fa {margin-right:5px;font-size:18px;font-size:1.2em;}
.comment-text-center {cursor:pointer;text-align:center;margin:18px 0;font-size:16px;font-size:1.15em;color:#338A9C;font-weight:500;}
.comment-text-center i.fa {position:relative;font-size:1.2em;top:1px;}
#comments span.come-comt {font-weight:700;font-size:16px;color:#888;}
span.come-comt i.fa {font-size:1.3em;}
#comments span#comment_count {font-weight:normal;font-size:14px;color:#666;float:none !important;}
#comments h5 {margin:8px;}
#comments h4 span {margin-right:8px;}
#comments h4 span.jubao {float:right;margin-right:0;}
#comments h4 span.jubao small {color:#338A9C;}
#comments h4 span.jubao small:hover {color:#F05A28;}
.comt-box {width:100%;height:100%;overflow:hidden;margin:0 auto;text-align:center;border-bottom: 2px solid #eee;background: var(--whiteColor);border-radius: 10px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.comt-box input,#comment-tools textarea{border:none;}
.show-comments {width:69%;float:left;overflow:hidden;}
.show-sidebar {width:30%;float:right;margin-top:10px;}
#comt-respond{margin-top:10px;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify {padding-left:10px;width:100%;height:44px;line-height:44px;margin-bottom:0px;font-size:15px;background: transparent;text-indent: 6px;}
.liuyan {float:left;width:30.65%;position:relative;margin-right:4%;}
.liuyan:last-child{margin-right:0;}
#frmSumbit .input-inpVerify #inpVerify {height:40px;line-height:40px;width:100%;padding-left:10px;}
.form-inpVerify {width:32.3%;position:relative;min-height:1px;padding-right:15px;}
.commentpost .input-group-addon {border-left:1px solid #eee;position:absolute;right:7px;top:4px;height:30px;line-height:30px;padding:0;font-weight:400;border-radius: .2rem;text-align:center;vertical-align:middle;}
.input-inpVerify {position:relative;display:inherit;border-collapse:separate;}
.input-group-addon img {height:100%;border-bottom-right-radius:3px;border-top-right-radius:3px;border-radius:.3rem;}
.commentpost label {height:auto;overflow:hidden;clear:left;float:left;line-height:15px;border-color:#CCC;border-style:solid;border-width:1px 0 1px 1px;margin:0;padding:6px 10px;}
#frmSumbit .psumbit {line-height:30px;padding-top:10px;position:relative;overflow:hidden; width: 100%;}
#frmSumbit .button {height:40px;width:100px;float:right;font-weight:800;margin: 2px 0 0 10px;background: var(--secondaryColor);border:none;}
#frmSumbit .button:hover{filter: hue-rotate(10deg);}
.msg .msgimg img {clear:left;float:left;margin-right:10px;padding:2px;height:50px;width:50px;object-fit: cover;border-radius: 10px;}

.commentpost h4{font-size:20px;margin-bottom: 20px;}
#comments .msg {font-size:12px;line-height:22px;padding:16px 0;border-radius:10px;}
#comments .msg:hover {}
i.author-ident:after {content:"";position:absolute;width:20px;height:20px;right:10px;top:58px;}
.widget-cover {position:absolute;left:50%;z-index:29;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-size:cover;width:100%;height:100%;top:-10%;}
.comm_c{max-height:22px;overflow:hidden;}
#cancel-reply small {font-size:16px;margin:0 10px;color:#db420d;font-weight:500;}
#comments .msg .msgname {color:#999999;padding-top:2px;}
#comments .msg .msgarticle {font-size: 14px;padding-top:5px;padding-bottom:3px;min-height:30px;margin-left:56px;text-align:justify;}
#comments .msg .msgarticle .msg {margin-top:10px;padding-top:10px;padding-left:12px;padding-right:10px;border-top:none;position:relative;border-bottom: none !important;border-right: none !important;border-top: none !important;border-radius: 0;border-left:2px solid #eee;padding-bottom: 0 !important;margin-bottom: 0;}
#comments .msg .msgarticle .msg:before,#comments .msg .msgarticle .msg:after {position:absolute;width:0;content:'';border:solid transparent;}
#comments .msg .msgarticle .msg:after {z-index:9;top:-15px;left:9px;border-width:8px;border-bottom-color:transparent;}
#comments .msg .msgarticle .msg:before {z-index:8;top:-18px;left:8px;border-width:9px;border-bottom-color:transparent;}
.msg .msgarticle .msg .msgname .dot {display:none;}
a.comment_at {font-weight: bold;margin-right: 5px;color:var(--secondaryColor);}
.contpost-meta a span.aut-1,.author-meta .name span.aut-1,#comments .msg .msgname.LayName .lay-1,.right-inner a span.aut-1,.sellist-main a.sell-author .aut-1,section.widget.abautor .aut-1,.article-main .aut-1,#comments .msg .msgname .aut-1 {background-image:linear-gradient(to right,rgba(253,165,34,0.9294117647058824) 0%,#fd4c4c 100%);background-image:-webkit-linear-gradient(0deg,rgba(253,165,34,0.9294117647058824) 0%,#fd4c4c 100%);}
#comments .msg .msgname .aut-6 {background-image:linear-gradient(to right,rgba(173,172,172,0.88) 0%,rgba(107,109,111,0.78) 100%);background-image:-webkit-linear-gradient(0deg,rgba(173,172,172,0.88) 0%,rgba(107,109,111,0.78) 100%);}
span.autlv.autlvname {margin-right:5px;}
span.autlv.aut-tf {background:#c444f6;}
.comment-meta span.autlv.lay-0,#comments .msg .msgname.LayName .lay-0 {background-image:linear-gradient(to right,rgb(148,114,115) 0%,rgb(187,166,166) 100%);background-image:-webkit-linear-gradient(0deg,rgb(148,114,115) 0%,rgb(187,166,166) 100%);}
.comment-meta span.autlv.lay-1,#comments .msg .msgname.LayName .lay-1 {background-image:linear-gradient(to right,#e090ef 0%,#fb70c4 100%);background-image:-webkit-linear-gradient(0deg,#e090ef 0%,#fb70c4 100%);}
.comment-meta span.autlv.lay-2,#comments .msg .msgname.LayName .lay-2 {background-image:linear-gradient(to right,#3abda5 0%,#88d9ff 100%);background-image:-webkit-linear-gradient(0deg,#3abda5 0%,#88d9ff 100%);}
.comment-meta span.autlv.lay-3,#comments .msg .msgname.LayName .lay-3 {background-image:linear-gradient(to right,#20b3cd 0%,#1c6af9 100%);background-image:-webkit-linear-gradient(0deg,#20b3cd 0%,#1c6af9 100%);}
.lay-4 {background-image:linear-gradient(to right,#ff9b02 0%,#ffb43e 100%);background-image:-webkit-linear-gradient(0deg,#ff9b02 0%,#ffb43e 100%);}
#comments .msg .msgname.LayName .aut-5 {background-image:linear-gradient(to right,#ff9b02 0%,#ffb43e 100%);background-image:-webkit-linear-gradient(0deg,#ff9b02 0%,#ffb43e 100%);}
.msgname span a {margin-left:5px;margin-right:0;}
.msgtxt span:last-child {font-size:12px;}
.commentlist .comment {list-style:none;border-top:1px solid #ddd;}
.commentlist li.comment ul.children {margin-left:20px;}
.commentlist .depth-1 {margin:10px 0 10px 0;}
.commentlist li {position:relative;}
.commentlist .comment-body {padding:5px 0 5px 0}
.commentlist .comment-body:hover {background:#fafafa;}
.commentlist p {margin:5px 0 5px 50px;line-height:22px;}
.reply a:link,.reply a:visited {text-align:center;font-size:12px;}
.datetime {font-size:12px;color:#aaa;margin-left:50px;}
.commentmetadata {font-size:12px;color:#aaa;margin-left:50px;}
ol.commentlist li div.vcard img.avatar {width:40px;height:40px;position:relative;float:left;margin:4px 6px 0 0;padding:2px;border:1px solid #ddd;background:#fff;}
ol.commentlist li div.floor {float:right;color:#bbb}
#respond {padding:5px 10px 10px;overflow:hidden;}
#respond_box {clear:both;border-top:1px solid #ddd;}
#respond h3 {margin:5px 0 6px 0;}
.msgtxt .reply-frm {margin: 20px 0; background: #f2f2f7; padding: 20px; border-radius: .35rem;}
#commentform p {color:var(--bs-secondary);}
#commentform label {color:#868686;}
#commentform input {border:1px solid #ddd;width:160px;margin:4px 5px 4px 0;padding:3px;box-shadow:inset 2px 3px 5px #eee;}
#commentform input:focus {border:1px solid #ccc;}
#commentform textarea {width:95%;height:120px;font-size:13px;padding:4px;margin:4px 0 0 0;border:1px solid #ddd;box-shadow:inset 2px 3px 5px #eee;}
#commentform textarea:focus {border:1px solid #ccc;}
#commentform input#submit,#commentform input#reset {width:110px;height:32px;background:#606060;color:#fff;border:1px solid #e5e5e5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:4px;line-height:28px;text-align:center;margin-top:8px;box-shadow:none;}
#commentform #submit:hover,#commentform #reset:hover {font-weight:bold;}
#real-avatar .avatar {float:right;padding:2px;border:1px solid #ddd;background:#fff;margin-right:20px;_margin-right:10px;}
#comments .msg .msgimg img.avatar:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
#frmSumbit #comment-tools {width:100%;overflow:hidden;margin:0 auto 10px;text-align:center;background: #f7f7fa;border-radius: 10px;}
#frmSumbit:has(.comt-box) #comment-tools {border-top-left-radius:0;border-top-right-radius:0;}
.tools_title {float:left;display:inline-block;margin:0;padding:2px 10px 0 7px;text-align:left;background:rgba(248,248,248,0.8);}
.tools_text {width:100%;float:left;}
#txaArticle {border-radius: .35rem;width:100%;height:100px;font-size:14px;line-height:1.8;padding:10px 15px 10px 15px;background-color:transparent;background-color: #e6e7ee;}
textarea#txaArticle {background-color:var(--whiteColor);}
#comment-tools a {padding:1px 5px;color:#666;cursor:pointer;font-size:15px;font-size:16px;font-size:1.15em;}
#comment-tools i.fa {color:#0069b3;}
.tools_title a,.tools_title a i.fa {font-size:20px;}
span.com-title {margin-left:5px;font-size:15px;color:var(--bs-secondary);font-weight:500;}
#comments .msg .msgarticle .noimg .msgimg img {display:none!important;}
#comments .msg .msgarticle ul.msgarticle {margin-left:0;}
#comments .msg .msgarticle .noimg .msgtxt .msgarticle .noimg {margin:15px 10px 5px 0;}
#comments .msg .msgarticle .noimg .msgarticle {padding-top:8px;margin-left:0;line-height:160%;}
#comments .msg .msgarticle #comment {visibility:visible !important;animation-name:fadeInDown !important;}
#comments .msg .msgarticle p {padding-top:10px;}
#comments .msg .msgarticle form#frmSumbit p {margin-bottom:5px;padding-top:5px;}
.msgname .dot {font-size:14px;font-weight:300;display:inline-block;margin-left:12px;letter-spacing:2px;float:right;opacity:.8;}
.msgarticle #ComtoolsFrame {height:52px;overflow:hidden;}
#comments .msg:hover .comment-reply-link {}
.msgtxt {position:relative;font-size:14px;font-size:1em;}
.msgtxt .time{padding-left:10px;}
.msgname a.comment-reply-link {padding:2px 10px;border-radius:2px;position:relative;top:-1px;font-size:12px;float:none;border-radius:5px;}
#comments .msg .msgarticle .msg a.comment-reply-link {margin-right:10px;}
.msgname a.comment-reply-link:hover {font-size:12px;text-decoration:none;}
#comments span.iliuyan {float:right;margin-right:0;}
#comments span.iliuyan a {font-size:13px;font-size:0.95em;color:#999;}
#comments span.iliuyan a:hover {color:#3690cf;}
span.WB-OS {position:relative;display:none;margin-left:5px;top:-3px;letter-spacing:3px;}
.msgname:hover span.WB-OS {display:initial;}
#comments .msg .msgarticle span.WB-OS {top:-7px;}
#comments-nav {text-align:center;margin-top:18px;}
.com-page-list a {position:relative;margin-right:5px;padding:2px 8px;margin-left:-1px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;}
.com-page-list a.on,.com-page-list a:hover {color:#fff;background:#3690cf;border:1px solid transparent;}
.com-page-list.pagination {padding:10px 0 15px 0;}
.msgimg {position:relative;}
#comments .msg .msgarticle .msg i.author-ident {display:none;}
.commentlist .pagination {text-align:center;}


/*系统侧边栏*/
aside.aside section:last-child{margin-bottom:0!important;}
aside .card{background:none;}
aside.aside .sidebar:last-child{margin-bottom:0!important;}
ul.widget{margin-bottom:0;}
ul.widget li:last-child{margin-bottom:0!important;}
.widget .card{border:none;}
.sidebar h4{font-size:20px;}
.sidebar{border-radius: var(--border-radius);}
.sidebar a{color: inherit !important;display: inline;}
.divCatalog a{display:inline!important;}
.sidebar ul,.sidebar li{list-style:none;}
.sidebar a:hover {color: var(--bs-link-hover-color-rgb);}
.divNavBar,.divCatalog,.divStatistics,.divFavorites,.divLinkage,.divAuthors{display:flex;flex-wrap: wrap;}
.divSearchPanel label{display:inline;}

#divTags ul{}
#divTags li{display:inline-block;margin:10px 8px 5px 0;padding:0;white-space:nowrap;}
#divTags li a{padding: 0 8px;font-size: 14px;line-height: 28px;border-radius: 3px;border: 1px solid rgba(var(--bs-secondary-rgb), .2);display: inline-block;vertical-align: top;}
#divTags li a:hover{border:1px solid var(--secondaryColor)!important;color:var(--secondaryColor)!important;}
.tag-count{display:none}
#divTags ul li a:hover{text-decoration:none;color:var(--bs-primary);border:1px solid var(--bs-secondary)}
#divCalendar .function_t{display:none}
#divCalendar .function_c{width:232px;padding:0 4px 15px 4px}
#divCalendar table{width:100%;font-size:14px;table-layout:fixed;caption-side: top}
#divCalendar caption{height:24px;margin:0 0 10px;padding:0;font-weight:700;text-align:center;color:var(--bs-secondary);}
#divCalendar caption a{padding:0 18px;color:#8a9ead;font-size: 18px;}
#divCalendar th{height:30px;color:#373737;font-weight:400;line-height:30px;text-transform:uppercase;text-align: center;}
#divCalendar td{height:30px;width: 30px;color:#888;line-height:30px;text-align:center;}
#divCalendar td.pad{background:0 0}
#divCalendar td a{line-height:30px;background:var(--secondaryColor);color:#fff !important;display:block;border-radius: 100px;height: 30px;width: 30px;margin-left: 10px;}
#divCalendar #today{color:var(--bs-primary);font-weight:700}
#divAuthors .article-nums{display:none}
#divNavBar .subnav,#divPrevious .article-date{display:none}
#divCatalog ul.ul-subcates li a{padding-left:37px}
#divSearchPanel form{margin-top:20px;zoom:1}
#divSearchPanel form::after{content:"";display:block;clear:both}
#divSearchPanel input[type=text]{width:76%;height:40px;padding:5px 10px;line-height:21px;;box-sizing:border-box;border-radius:5px;background: #f7f7fa;
  border: 1px solid #eee;}

#divSearchPanel input[type=submit]{width: 22%;height: 40px;font-size: 14px;line-height: 40px;border-radius: 5px;cursor: pointer;padding: 0;border:none;color: var(--whiteColor);background: var(--btnGradient);}
#divSearchPanel input[type=submit]:hover{filter: hue-rotate(10deg);}
#divSearchPanel input[type=submit]:focus{background:#e4e8eb}
#divFavorites ul li,#divMisc ul li,#divStatistics ul li{width:50%;float:left;display:inline;overflow:hidden}
#divMisc li a{padding:5px 0;background:0 0;display:inline-block;vertical-align:top}
#divMisc li a img{display:block}
#divArchives li,#divAuthors li,#divCatalog li,#divFavorites li,#divLinkage li,#divNavBar li{flex: 0 0 calc(50% - 2px);height:40px;line-height:40px;--bs-border-opacity: .2;overflow:hidden}
#divAuthors li,#divCatalog li,#divComments li,#divFavorites li,#divLinkage li,#divNavBar li,#divPrevious li,#divStatistics li{flex: 0 0 calc(50% - 2px);height:40px;font-size:14px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin: 0 !important;}
#divAuthors li::before,#divCatalog li::before,#divComments li::before,#divFavorites li::before,#divLinkage li::before,#divNavBar li::before,#divPrevious li::before,#divStatistics li::before{content:"\e941";margin:0 5px 0 0;font-size:12px;color:var(--bs-secondary);font-family: "rgicon" !important;display:inline-block;vertical-align:top}
#divPrevious a{font-size:16px;}
#divContorPanel,#divContorPanel dd{text-align:left}
#divContorPanel .cp-hello{width:100%;margin-bottom:15px;padding:10px 0;--bs-border-opacity: .2;border-bottom: 1px dotted rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));display:inline-block;text-align: center;}
#divContorPanel .cp-hello::before{content:"\e724";margin-right:3px;font-family: "rgicon" !important;display:inline-block;vertical-align:top}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{padding:5px 10px;font-size:14px;color:#888;border:1px solid rgba(var(--bs-secondary-rgb), .2);;border-radius:3px;display:inline-block;width: 48.8%;text-align: center;}
#divContorPanel .cp-login a::before,#divContorPanel .cp-vrs a::before{padding:10px 5px;padding-right:3px;font-family: "rgicon" !important;vertical-align:top}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{color:var(--secondaryColor);border-color:var(--secondaryColor)}
#divContorPanel .cp-login a:hover::before,#divContorPanel .cp-vrs a:hover::before{color:var(--secondaryColor)}
#divContorPanel .cp-login a::before{}
#divContorPanel .cp-vrs a::before{}
#divContorPanel .sidecon div{padding:20px;text-align:center;line-height:24px;border:1px dotted #f0f0f0;background:#fbfbfb}
#divArchives a{font-size:14px}


/*new-art*/
.new-art i{
  font-size: 10px;
  opacity: .3;
}
/*文章页样式*/
.article-main{padding:10px 0 0;line-height:1.9;word-wrap:break-word;word-break:break-all;overflow:hidden}
.article-main .tagscloud li{margin:0 0 2% 2%}
.article-main .readers li{margin:0 0 3% 3%}
.article-main ol,.article-main ul{margin:0 0 20px 1.5em;list-style:disc outside}
.article-main ol li,.article-main ul li{margin-bottom:.5em}
.article-main ol p,.article-main ul p{display:inline}
.article-main p{margin-bottom:1em;text-align:justify;text-justify:inter-ideograph;position:relative;line-height: 1.8;}
.article-main img{max-width: 100% !important;height: auto !important;}
.article-main p img.ue-image{margin:0 auto}
.article-main p img.ue-emoticon{vertical-align:middle}
.article-main p.ue-upload{padding:10px;border:1px dashed #e4e8eb}
.article-main p.ue-upload img{vertical-align:top!important}
.article-main p.ue-upload a{font-size:14px!important;color:var(--bs-primary)!important}
.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6{margin:18px 0 14px;line-height:1.5;font-weight:600;position:relative}
.article-main h1{font-size:1.8em}
.article-main h2{margin-top:32px;font-size:1.6em}
.article-main h3{margin-top:30px;font-size:1.4em}
.article-main h4{margin-top:28px;font-size:1.2em}
.article-main h5{margin-top:26px;font-size:1em}
.article-main h6{margin-top:24px;font-size:.8em}
.article-main blockquote{margin-bottom:20px;padding:20px 20px 20px 50px;font-size:14px;color:#666;line-height:1.8;border:1px solid var(--bs-border-color);background:var(--bs-light);position:relative}
.article-main blockquote::before{content:"“";font-size:70px;color:#e4e8eb;font-family:arial;line-height:1;position:absolute;top:5px;left:14px}
.article-main blockquote p{margin:0}
.article-main table{margin-bottom:20px;font-size:14px;border-collapse:collapse;border-spacing:0}
.article-main .th{width:100px;background:#f5f5f5}
.article-main td{padding:5px 10px;color:#666;line-height:24px;word-break:break-all;border:1px solid rgba(var(--bs-secondary-rgb), .2);}
.article-main div.prism-show-language>div.prism-show-language-label[data-language]{font-size:14px}
.article-main span.prism-token{background:0 0!important}
.article-main code[class*=language-],.article-main pre[class*=language-]{color:inherit}
.article-main pre[class*=language-]{margin-bottom:20px;font-size:14px}
.article-main.indent ol,.article-main.indent p,.article-main.indent ul{text-indent:2em}
.article-main.indent blockquote p{text-indent:0}
.article-main .archivelist{margin:10px 0;list-style:none}
.article-main .archivelist li{margin:0}

@media only screen and (max-width: 991px) {
  .form-inpVerify {
    width: 66.3%;
    margin-top: 3px;
  }
}