@charset "UTF-8";*,:after,:before{box-sizing:border-box}
/* 覆盖SweetAlert2默认z-index */
.swal2-container {
  z-index: 9999999 !important; /* 设置比遮挡层更高的值 */
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
[tabindex="-1"]:focus{outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}
p{margin-top:0;margin-bottom:1rem}
abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{font-style:normal;line-height:inherit}
address,dl,ol,ul{margin-bottom:1rem}
dl,ol,ul{margin-top:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{background-color:transparent}
a:hover{color:#0056b3;text-decoration:underline}
.xayer-btn1{color:#333 !important;}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
code,kbd,pre,samp{font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{border-style:none}
img,svg{vertical-align:middle}
svg{overflow:hidden}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
body{background-color:#f5f9ff;vertical-align:baseline;word-wrap:break-word;color:#222831}
i{font-style:normal}
br{display:block;content:"";margin-top:.5rem}
p{color:#393e46;margin:0;white-space:normal;word-break:break-all}
menu,ol,ul{list-style:none;margin:0;padding:0}
iframe{background-color:#fff;vertical-align:middle}
video{width:100%;border-radius:10px}
a:link,a:visited{text-decoration:none}
a:hover{color:#448ef6}
img{max-width:100%;height:auto}
a img{border:0}
fieldset{margin:0;padding:0}
button,input.ie6{overflow:visible;padding:0;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
input,input:focus,input[type=text],input[type=text]:focus,select,textarea{-webkit-appearance:none;outline:0!important;box-shadow:none!important}
input[type=checkbox]{-webkit-appearance:checkbox!important}
input[type=radio]{-webkit-appearance:radio!important}
input{border:1px solid #eee;width:100%;border-radius:2px;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button{padding:0 6px;background:0;border:0}
button,button:focus{outline:0;box-shadow:none}
select,textarea{height:40px;border:1px solid #f2f2f5;width:100%;font-size:15px;padding:0 16px;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
textarea{height:auto;padding:8px 16px;resize:none}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{opacity:.9}
table{border-spacing:0}
caption,td,th{padding:0}
blockquote cite,blockquote small{display:block;margin-top:15px;font-size:14px;font-weight:400;font-style:normal;opacity:.7}
blockquote{padding:10px 20px;margin-bottom:1rem;color:#6881ff;border-left:5px solid #dce6f0;background:#f2f6fc}
hr{margin:1.5rem 0;border-top:1px solid #f6f6fb;height:1px;border:none;border-top:1px solid #ddd;background:0 0}
pre.prettyprint{padding:10px;border:1px solid #ddd;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}
table{overflow:auto;word-break:normal;word-break:keep-all;margin:.5rem 0}
thead tr{background-color:#f8f8f8}
td{background:hsl(0deg 0% 100%/50%)}
td,th{padding:6px 13px;border:1px solid #ddd}
pre{background:#ebf0f6;overflow-y:auto;border:0;border-radius:3px;padding:1.25rem;margin:1.5rem 0}
a{color:#222831;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:400}
h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}
h3{font-size:1.25rem}
body{background:#ebf0f6;background-size:auto 100%;background-repeat:no-repeat;background-position:top;background-attachment:fixed}
::-webkit-scrollbar{width:6px;height:0}
::-webkit-scrollbar-thumb{border-radius:10px;background:0 0}
::-webkit-scrollbar-thumb:active{border-radius:10px;background:linear-gradient(90deg,#6f88ff 0,#657be5)}
:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}
::-webkit-scrollbar-track{border-radius:10px;background:0 0}
div,html{border:0;margin:0;padding:0}
body{border:0}
a,a:hover{text-decoration:none}
p{font-size:16px;line-height:180%;letter-spacing:0;color:#203656}
.rsroll{white-space:nowrap;overflow-x:auto;margin-bottom:1.5rem}
body{min-height:100vh;flex-flow:column}
html{height:100%}
body{display:flex;min-height:100%;flex-direction:column;margin:0}
main{flex:1}
#pjax-container{flex:1 0 auto}
.container{margin:0 auto;padding-left:1rem;padding-right:1rem}
.row{display:flex;flex-wrap:wrap}
@media (min-width:768px){.list-homes{transition:all .3s cubic-bezier(.4,0,1,1)}
.column-big,.list-homes{flex:0 0 70%;max-width:70%}
#aside{padding-right:1.5rem}
#aside,.side-home{flex:0 0 30%;max-width:30%;transition:all .3s ease}
.side-home{display:none}
.header-nav-list{display:none!important}
}
.duiqi{align-items:center;color:#131520;cursor:pointer;display:flex}
.justify-space-between{justify-content:space-between}
.flex{display:flex;flex-wrap:wrap}
.site-header{padding:3rem 0}
.one-home .site-header .container{max-width:920px!important}
@media (max-width:576px){.site-header{padding:16px 0}
.header-logo .logo-text{font-size:2rem!important}
}
.header-inner{display:flex;align-items:center}
.header-logo{margin-right:16px}
.header-logo .logo-img img{transition: filter 0.3s ease;max-height:55px}
.header-logo .logo-img img:hover {
    filter: brightness(1.2);
}

.dark .header-logo .logo-img img{filter: brightness(1.5);}
.header-logo .logo-text{font-size:2.5rem;letter-spacing:8px;font-weight:bolder;color:#fff;padding-left:2px;font-family:emoji}
.theme-dark-logo{display:none}
.header-nav-list,.header-right{align-items:center}
.header-nav-list{display:flex}
.header-nav-list li{font-weight:500;margin:0 10px;font-size:1rem;line-height:24px;position:relative;display:flex}
.header-nav-list li ul{position:absolute;left:-1rem;min-width:115px;padding:0;border-radius:5px;background-color:hsl(0deg 0% 100%/50%);text-align:center;list-style:none;transform:translateX(-50%);-webkit-transform:translateX(-50%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s cubic-bezier(.47,0,.75,.72);box-shadow:0 10px 10px rgba(0,0,0,.2);z-index:9}
.header-nav-list li ul li{margin:.25rem 1rem}
.header-nav-list li:active>ul,.header-nav-list li:focus-within>ul,.header-nav-list li:hover>ul{opacity:1;visibility:visible;transform:translateZ(0)}
.header-nav-list>li:last-child{margin-right:0}
.header-nav-list a{display:inline-flex;width:100%;color:#161f38;position:relative;margin-top:4px;margin-bottom:4px}
.header-nav-list a:after{content:"";width:16px;height:2px;background-color:#161f38;border-radius:2px;position:absolute;bottom:-2px;left:0;opacity:1;transition:transform .3s cubic-bezier(.2,1,.3,1);transform:scaleX(0);transform-origin:100% 50%}
.header-nav-list a:active,.header-nav-list a:focus,.header-nav-list a:hover{text-decoration:none}
.header-nav-list a.nav-current:after,.header-nav-list a:active:after,.header-nav-list a:focus:after,.header-nav-list a:hover:after{transform:scaleX(1);transform-origin:0 50%}
.header-nav-list a.nav-current:after{background-color:#0057ff}
.header-nav-list a.btn-menuitem{height:32px;width:auto;color:#fff;font-size:.875rem}
.header-nav-list .submenu-parent>a:after,.header-nav-list a.btn-menuitem:after{content:none;display:none}
.header-nav-list .submenu-parent>a svg{width:12px;margin-left:6px;margin-top:1px}
.icon-items-wrap{align-items:center}
.nav-icon{color:#161f38;margin:0 12px;border:none;background-color:transparent}
.nav-icon:hover{color:#0057ff}
.nav-icon span{height:18px;line-height:18px;display:block}
.nav-icon svg{width:18px;height:18px}
.nav-icon:first-child{margin-left:32px}
.nav-icon:last-child{margin-right:0}
.mobile-menu-checkbox,.toggle-mode .light{display:none}
.mobile-menu-icon{z-index:50;position:relative;display:none;height:20px;width:28px;transition:.25s;background:0}
.mobile-menu-icon .line{width:100%;height:2px;background-color:#161f38;position:absolute;right:0;transition:all .3s}
.mobile-menu-icon .line:first-child{top:0}
.mobile-menu-icon .line:nth-child(2){top:9px}
.mobile-menu-icon .line:nth-child(3){top:18px}
.mobile-menu-checkbox:checked~.mobile-menu-icon .line:first-child{width:100%;transform:rotate(45deg);top:10px}
.mobile-menu-checkbox:checked~.mobile-menu-icon .line:nth-child(2){visibility:hidden;opacity:0}
.mobile-menu-checkbox:checked~.mobile-menu-icon .line:nth-child(3){width:100%;top:10px;transform:rotate(-45deg)}
#header{position:relative;width:100%;height:6rem;padding:0 4%;color:#fff}
.justify-between{justify-content:space-between}
.flex-center{display:flex;justify-content:center;align-items:center}
#header .header-r{position:absolute;top:50%;margin-top:-1rem;right:4%;color:#66758c;z-index:99}
#header .header-r .right-btn{text-decoration:none;color:currentColor}
@media (min-width:768px){#aside{background:0 0!important;overflow:unset}
.switch-nav.nva-sidebar-show .nva-sidebar{flex:0 0 auto;position:relative;transform:none}
.item-content-bkg .post-title a{letter-spacing:3px!important}
}
.switch-nav .nva-sidebar{background:#f7f8f9;bottom:0;min-width:10rem;overflow-y:auto;position:fixed;top:0;transition:transform .25s;z-index:200;left:0;transform:translateX(-100%)}
#aside .sticky.active{top:1rem;overflow-y:auto}
#aside .sticky{top:0;transition:.3s;padding:1.5rem;border-radius:10px;box-shadow:3px 3px 10px rgba(154,150,170,.23);background:#fff}
.sticky{position:sticky;top:0}
@media (max-width:768px){#aside .sticky{margin-top:1rem!important;top:0!important;max-height:100vh!important;margin:0 -1rem;overflow-y:auto;transition:unset!important;box-shadow:none!important;padding:0 1.5rem!important}
#aside{max-width:80%;padding:0 1rem;margin:0;background-color:#fff;z-index:10000}
#core,#main:before,.column-big,.list-homes{width:100%}
.nva-sidebar #site-search{display:block!important;margin:5px}
.nva-sidebar #search input{border:1px solid #ebf0f6!important;background-color:#ebf0f6!important}
.hitokoto{display:none!important}
#comment_submit,.comment-mail,.comment-name,.comment-url{flex-basis:revert!important}
.nav-login{margin-top:1.5rem}
}
.nav-login i{margin-right:4px!important;font-size:16px!important;vertical-align:bottom}
.switch-nav{display:flex;flex-flow:nowrap;height:100%;position:relative;width:100%}
.switch-nav .nva-sidebar.active,.switch-nav .nva-sidebar:target{transform:translateX(0)}
.switch-nav .nva-sidebar.active~.switch-nav-overlay,.switch-nav .nva-sidebar:target~.switch-nav-overlay{display:block;z-index:9998}
.switch-nav .switch-nav-overlay{background:rgba(120,129,147,.22);border-color:transparent;border-radius:0;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;transition:all .5s ease-in-out;backdrop-filter:blur(2px)}
.nva-sidebar .nav-list{margin:5px}
.nva-sidebar .nav-list li{border-radius:8px;padding:0 20px;transition:.3s;height:40px;display:flex!important;align-items:center;margin-bottom:.5rem}
.nva-sidebar,.nva-sidebar .active{transition:all .3s ease}
.nva-sidebar .nav-list li i{margin-right:4px!important;font-size:18px!important;vertical-align:bottom}
.nva-sidebar .nav-list li a{font-size:15px;flex:1 1 auto}
ul.nav-index .active{background:#ebf0f6}
ul.nav-user .active{background:#ffc107!important;}
.dark ul.nav-user .active a,.dark ul.nav-index .active a{color: #222831!important;}
.dark .nva-sidebar .nav-list li a, .dark .keyworddiv a, .dark .keyworddiv i, .dark .keyworddiv span {color: #d1d5db}
.details li i{font-size:18px!important;line-height:1;display:inline-block;vertical-align:middle}
#site-search i{font-size:20px}
#site-search{visibility:visible;opacity:1;padding:1rem 0 0;margin:5px;border-color:#e1eae4 rgba(135,150,165,.1) rgba(135,150,165,.1);border-top:1px solid rgba(135,150,165,.1)}
#search,.menu-parent{position:relative}
#search input{height:40px!important;font-size:14px;display:block;width:100%;padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-clip:padding-box;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:1px solid #ebf0f6;background-color:#ebf0f6}
#search .searchs{border-top-right-radius:5px;border-bottom-right-radius:5px;border:none;box-shadow:none;color:#fff;font-size:14px;height:40px;padding:0;position:absolute;top:0;right:0;width:50px;text-align:center;line-height:0;text-transform:uppercase;background:linear-gradient(90deg,#6f88ff 0,#657be5)}
.icon-sousuo2{font-size:20px}
.search-on .phraseb{display:block!important}
.search-on .phrasea{display:none}
.search-button{margin-left:1rem;width:2.1875rem;height:2.1875rem;padding:0;border-radius:5rem;background:rgb(0 0 0/10%)}
.header-nav-list li i{margin-right:2px;font-size:18px!important}
.one-home .side-home{display:none}
@media (min-width:1024px){.one-home .hitokoto,.one-home .none,.one-home .nva-sidebar,.one-home .search-button{display:none}
.one-home .container{max-width:910px;transition:all .3s ease}
.one-home .column-big,.one-home .list-homes{flex:0 0 100%;max-width:100%;transition:all .3s ease}
.enlarge-on .owl-carousel .item img,.one-home .owl-carousel .item img{height:300px!important}
.two-home .header-right,.two-home .side-home{display:none}
.three-home .setting-home,.two-home .setting-home{flex:0 0 70%!important;max-width:70%!important;margin:0 auto;transition:all .3s ease}
.three-home .header-right{display:none}
.three-home .container{max-width:1440px}
.three-home .column-big,.three-home .list-homes{padding-right:1.5rem;flex:0 0 60%;max-width:54%;transition:all .3s ease}
.three-home #aside,.three-home .side-home{display:block;flex:0 0 40%;max-width:23%;transition:all .3s ease}
.three-home .list-nav-li{width:31.47%!important}
}
.side-home .sticky{top:1rem}
.phraseb{display:none}
@media (max-width:768px){.one-home .scroll-dark{display:none!important}
}
.enlarge-on #aside,.enlarge-on .side-home{display:none!important}
.enlarge-on .column-big,.enlarge-on .list-homes{flex:0 0 100%!important;max-width:100%!important;transition:all .3s ease}
.three-home .enlarge-on .column-big,.three-home .enlarge-on .list-homes{flex:0 0 70%!important;max-width:70%!important;transition:all .3s ease;margin:0 auto}
.information{margin:5px 5px 1rem;border-bottom:1px solid;border-color:rgba(135,150,165,.1)}
.information .renew{display:inline-block;color:#fff;font-size:12px;padding:3px 9px;border-radius:6px;position:relative}
.information .renew-y{background:#2ecc71}
.information .renew-n{background:#e74c3c}
.information .info{font-size:14px;line-height:150%;letter-spacing:0;margin:1rem 0}
.information .icon-mail{margin-left:5px!important;font-size:14px!important;margin-top:-.1em;line-height:1;display:inline-block;vertical-align:middle}
.information-statistics{padding:1rem 0 .7rem;border-color:#e1eae4 rgba(135,150,165,.1) rgba(135,150,165,.1);border-top:1px solid rgba(135,150,165,.1);margin:5px}
.nav-login{margin-bottom:1rem;text-align:center;border-radius:10px;box-shadow:3px 3px 10px rgba(154,150,170,.23);background:#fff;padding:1rem}
.nav-login p{margin-bottom:.5rem;font-size:16px}
.nav-login a{display:inline-block;padding:5px 20px;background-color:#ebf0f6;color:#333;text-decoration:none;border-radius:8px;transition:background-color .3s ease;font-size:14px;margin:0 0 5px}
.stats-container{background-color:#ebf0f6;border-radius:10px;padding:14px;display:flex;justify-content:space-between}
.stats-box{width:47%;background-color:#fff;border-radius:10px;max-width:47%}
.stats-divider{width:15px;height:8px}
.stats-content{display:flex;align-items:center;justify-content:center}
.stats-text{font-size:24px;color:#203656}
.stats-subtext{font-size:14px;color:#203656;text-align:center}
.stats-body{padding:10px 0}
.hitokoto{margin:10px auto;display:flex;justify-content:center}
.hitokoto .circle{width:5px;height:5px;box-sizing:border-box}
.blue-circle1{margin:0 0 0 10px}
.blue-circle1,.blue-circle2{background:linear-gradient(90deg,#6f88ff 0,#657be5)}
.blue-circle2{margin:0 0 0 5px}
.blue-circle3,.blue-circle4{background:linear-gradient(90deg,#6f88ff 0,#657be5)}
.blue-circle4{margin:0 0 0 5px}
.blue-circle5{background:linear-gradient(90deg,#6f88ff 0,#657be5);margin:0 0 0 10px}
.purple-circle1,.purple-circle2{width:5px;height:5px;background-color:#b400ff;box-sizing:border-box}
.purple-circle2{margin:0 0 0 5px}
.purple-circle3{margin:0 0 0 10px}
.purple-circle3,.purple-circle4{width:5px;height:5px;background-color:#b400ff;box-sizing:border-box}
.purple-circle4{margin:0 0 0 5px}
.purple-circle5{width:5px;height:5px;background-color:#b400ff;box-sizing:border-box}
.hitokoto-body{display:flex;flex-direction:column;padding:0 12px;box-sizing:border-box}
.hitokoto-p p{margin-top:-2px}
.nav-avatar{display:flex;align-items:center}
.nav-avatar-meta{width:80px;height:80px;margin-right:15px}
.nav-avatar-image{width:100%;border-radius:10px}
.nav-text-body{display:flex;flex-direction:column;justify-content:center}
.nav-text-item{letter-spacing:1.5px;padding:0 0 6px;color:#333;text-align:center}
.nav-text-body-title{font-size:22px}
.nav-text-body-subtitle{font-size:12px;padding:4px 1em;color:#fff;background:linear-gradient(90deg,#6f88ff 0,#00167d);border-radius:30px}
.article,.list-diary{padding:1rem;margin-bottom:1.5rem;border-radius:10px;flex-direction:column;display:flex;background-color:#fff;box-shadow:3px 3px 10px rgba(154,150,170,.23)}
.list-diary{position:relative}
.list-article{margin-bottom:1.5rem;border-radius:10px;padding:0!important}
.avatar{float:left;-moz-border-radius:50%;border-radius:8px;width:45px;height:45px}
.article i,.list-article .list-meta i,.list-diary .list-meta i{color:#6f88ff;vertical-align:bottom}
.list-meta{font-size:85%;color:#4b5563!important}
.list-meta span{margin-right:5px}
.list-name{font-size:16px;color:#131520}
.list-name-icon{height:22px;vertical-align:-5px}
.list-body{margin:1rem 0}
#paragraph{margin-bottom:.5rem}
@media (max-width:768px){.essay-list-body,.list-body{margin:1rem 0!important}
.attachcontent-text{margin-right:.5rem!important}
}
.essay-list-body img{border-radius:8px;margin-bottom:1rem}
.essay-list-body br{margin-top:.5rem}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.attachcontent-text{padding:0;color:#5f8dee;font-size:.875rem;margin-right:1rem}
.list-article .list-footer{clear:both;margin-bottom:-.75rem;display:flex;align-items:center;font-size:.875rem!important;color:rgba(0,0,0,.5)!important;fill:rgba(0,0,0,.5)!important}
.list-footer svg{width:16px!important;height:16px!important;margin-top:-3px}
.list-meta time{letter-spacing:1.5px}
.list-meta svg{width:16px;height:16px;margin-right:2px}
.password i{position:relative;vertical-align:bottom;margin-right:4px}
.list-pw-body i{font-size:22px;position:relative;top:0!important}
.list-article-meta{margin-top:1rem;display:flex;justify-content:center}
.list-article-meta button{color:#fff}
.list-article-meta a,.list-article-meta span{color:#fff;font-size:12px;margin:1px}
.list-article-meta span{margin-right:.75rem}
.list-article-meta span i{margin-right:1px}
.kuohao{font-family:system-ui}
.list-header{display:flex;flex-direction:column;justify-content:space-between}
.item-holder{padding-top:0;padding-left:0;height:251px;display:block;overflow:hidden;position:relative;width:100%;border-radius:10px}
.item-content-bkg,.item-img{width:100%;height:100%;overflow:hidden}
.item-img{background-repeat:no-repeat;background-size:cover;background-position:50%;opacity:1;-webkit-transition:opacity 1s ease;-moz-transition:1s ease opacity;-ms-transition:1s ease opacity;-o-transition:1s ease opacity;transition:opacity 1s ease}
.item-img,.item-img:after{position:absolute;left:0;top:0}
.item-img:after{content:"";width:100%;height:100%;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:.9}
.item-content-bkg .top-desc{position:absolute;z-index:4;text-align:center;width:100%}
.top-desc h2{margin:0!important}
.item-content-bkg .post-title{font-size:1.75rem;letter-spacing:3px;color:#fff}
.item-content-bkg .top-desc{padding:0 5%;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.post-title a{color:#fff}
.collapsed-content{font-size:16px;line-height:180%;letter-spacing:1px;color:#203656!important}
.collapse-button,.collapsed-button{background:0;color:#657be5}
.diaryopentitle{font-size:16px;line-height:180%;letter-spacing:1px}
.password{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;margin:1.5rem;z-index:1}
.password span{padding:.5rem 1rem;font-size:.75rem;line-height:1rem;width:21px;color:#fff;background-color:hsla(0,0%,100%,.2);border-radius:10px}
#diaryopenhtml img{position:relative;width:calc(50% - 10px);margin:5px 0;object-fit:cover;border-radius:10px}
#diaryopenhtml .plyr--video{border-radius:10px!important;margin-top:1rem!important}
#diaryopenhtml a,.diaryopentitle{color:#0060ff;word-wrap:break-word}
.diaryopentitle{display:block;margin-bottom:.25rem}
.entry-readmore{position:absolute;left:0;bottom:0;z-index:99;text-align:center;width:100%;background-image:linear-gradient(-180deg,hsla(0,0%,100%,.1),#cdd2e3 70%);padding:60px 0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.entry-readmore-btn{display:inline-block;padding:10px 50px;font-size:14px;background:linear-gradient(90deg,#6f88ff 0,#657be5);border-radius:30px;color:#fff;line-height:20px}
.full .entry-readmore{background-image:none!important}
.full .entry-readmore-btn{background:rgba(0,0,0,.5)!important}
.list-pw-body{background:repeating-linear-gradient(225deg,#f2f6fc,#f2f6fc 15px,#fff 0,#fff 35px);padding:1rem;border-radius:15px;margin-bottom:1.25rem;margin-top:1.25rem}
.list-pw-content{position:absolute;margin:2rem;justify-content:center;position:relative;font-weight:600;line-height:1.2;display:-webkit-box;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center}
.page .essay-list-body{margin:0}
.page-header{border-bottom:1px solid;border-color:rgb(0 0 0/10%);padding-bottom:1.5rem}
.page-header .list-article-meta{justify-content:left}
.page-header .list-article-meta a,.page-header .list-article-meta span{color:#222831}
.page-header h1{margin:0;font-size:1.75rem}
@media(max-width:768px){.page-header h1{font-size:1.5rem}
}
.essay-list{margin-top:1rem;border-bottom:1px solid #e4e7ed}
.essay-list h1{font-size:1.5rem;margin:0;font-weight:500}
.essay-list .list-meta{margin-bottom:1rem;margin-top:.5rem!important}
.essay-list a{color:#727272!important}
.article p{margin-top:0;text-align:justify}
.column-big .list-article{margin-bottom:0;border-radius:0}
.column-big .item-holder{border-radius:0}
.article .diaryopentitle{margin:.5rem 0}
.column-big .item-content-bkg .post-title{font-size:2rem}
.column-big .list-article+.article{border-radius:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:.5rem 2rem 2rem!important}
.column-big .item-img{border-top-left-radius:10px;border-top-right-radius:10px}
.splitdots:before{content:"";width:4px;height:4px;margin:0 .5em;border-radius:50%;display:inline-block;vertical-align:middle;background:#0060ff;opacity:.3;vertical-align:.2em}
.essay-list-body{font-size:16px;margin:1rem 0}
.essay-list-body ul li{list-style-type:disc;margin-top:.5rem}
.essay-list-body ol li{margin-bottom:1rem}
.essay-list-body ol,.essay-list-body ul{padding-left:2rem}
.essay-list-body dl,.essay-list-body ol,.essay-list-body ul{margin-top:0;margin-bottom:1.5rem}
.essay-list-body ol{list-style-type:decimal}
.essay-list-body em{font-style:italic}
.essay-list-body h1{margin:2rem 0 1rem;font-weight:600;font-size:1.75rem}
.essay-list-body h2{margin:2rem 0 1rem;font-weight:600;font-size:1.5rem}
.essay-list-body h3{font-size:1.25em}
.essay-list-body h3,.essay-list-body h4{font-weight:600;line-height:1.25;margin:1.5rem 0 1rem}
.essay-list-body h4{font-size:1em}
.essay-list-body img{line-height:1;border-radius:10px!important;margin-bottom:.5rem;width:100%}
.essay-list-body p{font-size:16px;line-height:1.5;letter-spacing:0;color:#203656!important;margin-bottom:1rem}
.essay-list-body br{display:block;content:"";margin-top:1rem}
.essay-list-body blockquote{margin:1.5rem 0;padding:1.5rem;border-left:.25em solid}
.essay-list-body blockquote p{font-size:14px}
.essay-list-body blockquote code{background-color:rgba(0,0,0,.075)}
.essay-list-body blockquote>:last-child{margin-bottom:0}
.essay-list-body blockquote>:first-child{margin-top:0}
.essay-list-body strong{font-weight:700}
.essay-list-body strong:before{content:"「"}
.essay-list-body strong:after{content:"」"}
.essay-list-body code{padding:.2em .4em;margin:.25rem;font-size:85%;white-space:break-spaces;background-color:#ebf0f6;border-radius:6px}
.essay-list-body a{font-weight:500;text-decoration-line:none;border-bottom:1px solid}
.essay-list-body .footnote-ref{border-width:0}
.essay-list-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
#playButton,.article .em_like{background-color:#ebf0f6;border:none;color:rgba(0,0,0,.5);padding:8px 8.39px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:50px;margin:auto;width:40px;height:40px}
.item-holder #playButton{z-index:99;position:absolute;right:0;margin:1rem}
@keyframes spin{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.icon-z{animation:spin 2s linear infinite}
.badge{position:absolute;bottom:0;right:0;color:#657be5;font-size:10px;border-radius:50%;font-weight:600}
.menu-item{display:inline-block;margin-right:10px}
.menu-item a{display:inline-block;padding:6px 20px;background-color:#fff;color:#333;text-decoration:none;border-radius:8px;transition:background-color .3s ease}
.menu-item a:hover,.menu-item-mute a{background-color:#6f88ff;color:#fff}
.comment-post{margin-bottom:-8px}
.comment-module{background-color:#fff;border-radius:10px;padding:20px;margin-bottom:1rem;box-shadow:3px 3px 10px rgba(154,150,170,.23)}
.title-h3{font-size:1rem;border-bottom:1px solid rgb(0 0 0/5%);padding-bottom:10px;margin-bottom:15px;margin-top:-10px}
.commentform textarea{width:100%;padding:10px;margin-bottom:10px;resize:none;border-radius:5px;height:120px;overflow:auto;background:#ebf0f6;border:0}
.comment-info{display:flex;flex-wrap:wrap;justify-content:space-between}
.comment-info input{width:100%;padding:8px 10px;margin-bottom:10px;border-radius:5px;font-size:14px;background:#ebf0f6;border:0}
.cancel-reply{display:none}
.cancel-reply a{margin-left:1rem;padding:4px 10px;border-radius:6px;background:#b400ff;color:#fff;font-size:14px}
#comment_submit,.comment-mail,.comment-name,.comment-url{flex-basis:24%}
.com_submit_p{text-align:right;margin-top:10px}
#comment_submit{background:linear-gradient(90deg,#6f88ff 0,#657be5)!important;color:#fff;border-radius:5px;cursor:pointer}
.unstyle-li .comment-info{margin-bottom:1rem;background:linear-gradient(90deg,#6f88ff 0,#657be5)}
.comment .commentform textarea{background:#fff!important}
.widget{border-radius:10px!important}
.widget-comments{padding:1.5rem 1.5rem 1rem;margin-bottom:-.75rem}
.widget-comments li{margin-bottom:1.25rem}
.widget-comments .avatar{float:left;width:20px;height:20px;border-radius:50%;margin-right:5px}
.widget-comments .other{display:block;margin-bottom:.75rem;color:#bbb;font-size:12px}
.widget-comments .other span{color:#6c757d}
.widget-comments time{position:absolute;right:22px}
.widget-comments small{width:100%;display:block;border-radius:4px;padding:6px 10px;position:relative;color:#203656;background:#ebf0f6}
.widget-comments small:before{content:" ";height:0;width:0;border:10px solid transparent;border-bottom-color:#ebf0f6;position:absolute;left:0;top:-15px}
.side-style1 .card-header{position:relative;line-height:1;padding:0 20px;margin-bottom:0;height:50px;align-content:center;background:linear-gradient(-90deg,rgb(181 210 255/90%),#fff);border-top-right-radius:10px;border-top-left-radius:10px}
.side-style1 .card-header i{font-size:30px;align-content:center;margin:0 1rem;color:#fff;position:absolute;right:0;bottom:0;top:0;opacity:.3}
.side-style1 .card-header h3{font-size:16px;font-weight:revert;margin-top:8px;letter-spacing:3px;color:rgba(67,94,235,.62)}
.side-style1 .card-header .note{display:none!important}
.side-style2 .card-header{padding:2px 1.25rem;margin-bottom:0;background-color:transparent;border-bottom:.0625rem solid;border-color:rgba(135,150,165,.1);background-clip:padding-box;line-height:1}
.side-style2 .card-header .iconfont{display:none!important}
.side-style2 .card-header h3{font-size:16px;font-weight:500;margin:.75rem 0}
.side-style2 .card-header .note{position:absolute;top:10px;right:0;width:145px}
.note:before{content:"";position:absolute;left:75px;width:8px;height:8px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:1;margin:10px 0}
.sidebar-tag{margin:1rem;border-color:rgba(135,150,165,.1)}
.sidebar-tag a{font-size:12px}
.sidebar-link img{width:1rem;height:1rem;vertical-align:sub}
.sidebar-link a{font-size:14px}
.sidebar-link,.sidebar-sort{margin:1rem;border-color:rgba(135,150,165,.1)}
.sidebar-sort span{font-size:12px;padding:3px;background:rgba(0,0,0,.2);color:#fff;border-radius:5px;font-family:ui-serif;margin-left:5px}
.sidebar-link li{padding:5px 10px}
.sidebar-link li,.sidebar-sort li{background:#eff3fc;border-radius:5px;margin:5px;color:#7f838a;text-align:center;font-size:14px;display:inline-block}
.sidebar-sort li{padding:10px;width:45%}
@media (min-width: 633px) {
    .list-sort .sidebar-sort li{padding:10px;width:31%}
}

.sidebar-tag li{background:#eff3fc;padding:5px 7px;border-radius:5px;margin:5px;color:#7f838a;text-align:center;font-size:14px;display:inline-block}
.sidebar-search{padding:1.5rem}
.sidebar-archive{margin:1rem;width:auto!important;background:#ebf0f6}
.sidebar-list{padding:.75rem .5rem}
.sidebar-list li{margin:.5rem 1rem;float:left;overflow:hidden;padding-right:15px;width:90%;text-overflow:ellipsis;white-space:nowrap}
.sidebar-list span{margin-right:8px;padding:4px 8px;border-radius:5px;background:#b4bad6;color:#fff;font-size:12px}
.sidebar-list li a{overflow:hidden;line-height:30px;font-size:14px}
.sidebar-list .s-1{background:linear-gradient(90deg,#f1bdaf,#ee0918)}
.sidebar-list .s-2{background:linear-gradient(90deg,#f6f711,#ef7171)}
.sidebar-list .s-3{background:linear-gradient(90deg,#35cd4b,#a7e2a6)}
.unstyle-li{list-style:none;padding:0;margin:0}
#calendar{font-family:Arial,sans-serif}
.calendar-li{padding:1rem 2rem}
.calendartop{width:100%;text-align:center}
.calendartop td{padding:10px;border:none}
.calendartop a{text-decoration:none;color:#435eeb}
.calendartop a:hover{color:#0056b3}
.calendar{width:100%;border-collapse:collapse}
.calendar tbody{color:#7f838a}
.calendar td{height:40px;text-align:center;vertical-align:middle;border:none}
.calendar .sun{color:red}
.calendar .day{color:#fff;border-radius:50%;position:relative;z-index:1}
.calendar .day a{color:#fff}
.calendar .day:after{content:"";display:block;border-radius:50%;background-color:#eb4343;position:absolute;top:4px;right:0;left:0;width:30px;text-align:center;margin:0 auto;height:30px;z-index:-1}
.calendar .day2 a{color:#435eeb;text-decoration:none}
.calendar .day2 a:hover{color:#218838}
.calendar td:empty{background-color:#f9f9f9}
.calendar td,.calendar th{padding:0}
@media (max-width:767.98px){.calendar td{height:38px}
}
.comment-list ul{margin-bottom:2px}
.comment-list{background-color:#fff;border-radius:10px;margin-bottom:1rem;padding:20px;box-shadow:3px 3px 10px rgba(154,150,170,.23)}
.comment-list .commentform{padding:1rem}
.comment-list .comment-info input,.comment-list .commentform textarea{background:rgb(0 0 0/10%)}
.comment{display:flex;margin-top:20px}
.avatar{margin-right:8px}
.avatar img,.comment-infos{border-radius:5px}
.comment-infos{position:relative;background-color:#ebf0f6!important;padding:10px;width:100%}
.arrow{position:absolute;top:-10px;left:20px;border:10px solid transparent;border-bottom-color:#f5f5f5}
.comment-infos a{font-size:14px}
.comment-time{font-size:12px;color:#888}
.comment-content{margin-top:10px;line-height:1.5;color:#999;font-size:14px}
.comment-reply{margin-top:10px}
.com-reply{background:linear-gradient(90deg,#6f88ff 0,#657be5);color:#fff;border:none;font-size:12px;border-radius:5px;padding:2px 8px;line-height:14px}
.com-reply:hover{background-color:#6f88ff;color:#fff}
.cancel-reply .comment-replay-btn{background:linear-gradient(90deg,#d05fff 0,#657be5);color:#fff;padding:5px;border-radius:5px;font-size:14px;margin:1rem 1rem 0}
.comment-list .cancel-reply{display:block;margin-top:1rem}
.modal-dialog{display:none;background-color:#fff;border-radius:15px;border:1px solid #dedede;position:fixed;z-index:202;top:35%;left:50%;transform:translate3d(-50%,-50%,0)}
.modal-header{font-weight:500;font-size:24px;text-align:center;border-bottom:0;width:250px;padding:20px}
.modal-content img{width:125px;margin:0 auto;text-align:center;display:block;border-radius:10px}
.modal-content input[name=imgcode]{padding:6px 0!important;border:1px solid #dedede;width:165px;display:block;text-align:center;border-radius:10px;margin:1rem auto 0}
.modal-content .modal-footer{padding:10px;text-align:center}
.lock-screen{display:none;z-index:201;position:fixed;width:100vw;height:100vh;background-color:#2d2d2b;top:0;left:0;opacity:.5}
#captcha{padding:10px 30px;cursor:pointer}
.modal .btn{color:#848798;background-color:#fff;padding:5px 21px;border-radius:10px;margin-block:12px;margin-inline:5px;border:1px solid #dedede}
.image-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin:0 -10px}
.image-container img{position:relative;width:calc(50% - 20px);margin:10px 10px 5px;object-fit:cover;border-radius:10px;max-height:400px}
.list-image{display:flex;flex-flow:row wrap;align-content:center;margin:10px -5px 0}
.list-image li{padding:5px;position:relative;width:33.33%}
.list-image-50w{flex-basis:49.5%!important}
.list-image-70w{width:70%!important}
.list-image img{border-radius:8px;position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;object-fit:cover}
.shadow{display:inline-block;border-radius:8px;overflow:hidden;float:left;position:relative;backface-visibility:hidden;transform:translateZ(0)}
.img-shadow{position:absolute;display:flex;width:100%;height:100%;background:rgba(0,0,0,.43);top:0;left:0;color:#fff;z-index:1;font-size:20px;justify-content:center;align-items:center}
.list-image-body{position:relative;width:100%;height:0;padding-top:100%;overflow:hidden}
.list-ua{color:#727272!important;align-items:center}
.list-ua,.list-url{font-size:12px;display:flex}
.list-url i{margin-right:2px;vertical-align:bottom}
.mr5p{margin-right:5px!important}
.mr-05{margin-right:.5rem!important}
.mr-025{margin-right:.25rem!important}
.ml-05{margin-left:.5rem!important}
.ml-025{margin-left:.25rem!important}
.mr-1{margin-right:1rem!important}
.comment-home{width:100%;background:#ebf0f6;border-radius:10px;margin-bottom:1.5rem}
.comment-home-url{width:100%;height:100%;display:block;margin-left:15px;margin-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comment-home-body{font-size:14px;height:35px;line-height:35px;display:flex;justify-content:center;align-items:center}
.comment-home-body:nth-child(n+2){border-top:1px solid #fff}
.dark .comment-home-body:nth-child(n+2){border-top:1px solid rgba(135,150,165,.1)!important}
.comment-home-avatar{width:20px;height:20px;border-radius:50%;vertical-align:text-top}
.comment-home-name{letter-spacing:1px;color:#000;font-size:12px}
.comment-home-text{letter-spacing:1px;color:#9a96aa;font-size:12px}
@media (max-width:768px){#commail,#comment_submit,#comname,#comurl{flex-basis:100%!important;margin-bottom:10px}
#comment_submit{margin-bottom:0!important}
.comment-qq{max-width:50%!important}
}
#imgcode{padding:6px 0!important;border:1px solid #dedede;width:165px;display:block;text-align:center;border-radius:10px;margin:1rem auto 0}
#comment-box{animation:fadeIn .5s cubic-bezier(.4,0,1,1)}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
.comment-mate{display:flex;flex-wrap:wrap;justify-content:space-between}
#commail,#comment_submit,#comname,#comurl{flex-basis:24%;width:100%;padding:8px 10px;border-radius:5px;font-size:14px;background:#ebf0f6;border:0}
#comment-form button{background:linear-gradient(90deg,#6f88ff 0,#657be5);color:#fff;border-radius:5px;cursor:pointer}
.list-comment-top{width:100%;margin-bottom:1rem;align-items:center}
.cancelReply{display:inline-block;padding:.5rem 1rem;font-size:14px;background:#b86768!important;max-width:50%}
.comment-qq{display:inline-block;max-width:30%;padding:8px 10px;font-size:14px}
#comment,.comment-qq{border-radius:5px;background:#ebf0f6;border:0}
#comment{width:100%;padding:10px;margin-bottom:1rem;resize:none;height:120px;overflow:auto}
#comment-box{background-color:#fff;border-radius:10px;padding:20px;margin-top:1rem;border:2px solid #ebf0f6}
footer{margin:1.25rem 0}
@media (max-width:768px){.footer div{margin-bottom:10px}
footer{margin:1rem 0 .5rem!important}
}
.footer{display:flex;height:auto;align-items:center;font-size:12px;flex-wrap:wrap;padding:1.5rem;justify-content:center}
.footer img{width:16px;height:16px}
.tag-text{background:#ebf0f6;padding:5px 10px;margin-right:.5rem;line-height:15px;font-style:inherit;border-radius:4px;font-size:13px;display:inline-block;color:#203656!important;border:1px solid #ebf0f6}
.card{position:relative;display:flex;flex-direction:column;word-wrap:break-word;background-color:#fff;background-clip:border-box;border-radius:10px;box-shadow:3px 3px 20px rgba(215,206,255,.22);margin:0 0 1.5rem;transition:all .3s cubic-bezier(.4,0,1,1)}
.center{text-align:center}
.load_more{min-width:0;box-shadow:3px 3px 10px rgba(154,150,170,.23);border-radius:3px;border:0!important}
#pagenavi .pagenavi-loading,.load-disabled{width:100%;display:block;padding:.75rem;border-radius:10px;box-shadow:3px 3px 10px rgba(154,150,170,.23);background:#fff}
.pagenavi-bottom{display:flex;justify-content:center}
.pagenavi-bottom a,.pagenavi-bottom span{display:block;border-radius:8px;text-align:center;background:rgb(0 0 0/10%);-webkit-transition:1s ease;transition:1s ease;border:none}
.pagenavi-bottom a{background:linear-gradient(90deg,#6f88ff 0,#657be5);color:#fff}
.pagenavi-bottom a,.pagenavi-bottom em,.pagenavi-bottom span{margin:.25rem;width:40px;height:40px;line-height:40px}
.pagenavi-bottom em{margin-top:.5rem}
.pagenavi-bottom i{font-size:20px;vertical-align:text-bottom}
.comment-list #pagenavi{text-align:center;font-size:14px;margin-top:1rem}
.comment-list #pagenavi:not(:has(a)){display:none}
.bg-transparent{background-color:#fff!important;border-radius:10px}
.comment-list #pagenavi span{cursor:not-allowed;background:#ddd;text-align:center}
.comment-list #pagenavi a,.comment-list #pagenavi span{padding:5px 15px;line-height:3;border-radius:8px;color:#fff}
.comment-list #pagenavi a{margin:0 5px;background:#ff0;background:#6f88ff}
.bloggerinfo{position:relative;width:100%;text-align:center}
.bloginfo-bg{height:135px;background-size:cover;border-top-right-radius:10px;border-top-left-radius:10px}
.bloginfo-img{position:absolute;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #f2f2f5}
.bloginfo-img img{width:100%;height:100%;object-fit:cover}
.bloginfo-img span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;margin:0!important;background:rgb(0 0 0/40%);color:#fff}
.bloginfo-img span a{color:#fff}
.bloginfo{margin-top:65px;padding:0 2rem 2rem}
.mt-1{margin-top:1em}
.mt-05{margin-top:.5em}
.f-s12{font-size:12px}
.bloginfo ul{display:flex}
.bloginfo li{width:49%;background:linear-gradient(90deg,#6f88ff 0,#657be5);margin:1rem 5px 0;padding:6px 0;border-radius:5px}
.bloginfo li a{color:#fff}
.bloginfo a{color:#0060ff;font-size:14px}
.bloginfo i{font-size:20px}
.bloginfo .login_comment i{font-size:16px}
.bloginfo .login_comment{padding:0}
.bloginfo .login_comment a{color:#fff}
.bloginfo .login_comment .login_comment-signup{margin-left:1rem}
.login_comment{padding:2rem;justify-content:center;display:grid;text-align:center}
.login_comment .login_comment-login{background:linear-gradient(90deg,#6f88ff 0,#657be5);font-size:14px}
.login_comment a{padding:10px;color:#fff;background:#435eeb;border-radius:7px;letter-spacing:2px}
.login_comment-landing{display:flex;justify-content:space-between}
.mt-15{margin-top:1.5rem!important}
.login_comment .login_comment-signup{margin-left:.5rem;background:#7f838a;font-size:14px}
.plyr{display:none!important}
#diaryopenhtml .plyr,.article .plyr{display:block!important}
.mt-025{margin-top:-.25rem!important}
.mt-05{margin-top:.5rem!important}
.mt-1{margin-top:1rem!important}
.mb-1{margin-bottom:1rem!important}
.media{position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:hsla(0,0%,47.1%,.1)}
.media-2x1:after{padding-top:50%!important}
.media:after{content:"";display:block;padding-top:100%}
.overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.85));opacity:.3}
.item-content-bkg h2 .log-topflg{margin:0 10px;padding:2px 8px!important}
.item-content-bkg h2 a{vertical-align:middle}
.scroll-bottom,.scroll-dark,.scroll-top{display:block;width:40px;height:40px;line-height:40px;font-size:16px;border-radius:8px;text-align:center;background:rgb(0 0 0/10%);-webkit-transition:1s ease;transition:1s ease;border:none;backdrop-filter:blur(2px)}
.icon-bottom,.icon-top{font-size:22px!important;color:#9a96aa}
.return{width:40px;height:40px;line-height:40px;font-size:16px;border-radius:8px;z-index:999;color:#fff;text-align:center;background:rgb(0 0 0/10%);-webkit-transition:1s ease;transition:1s ease;border:none}
.sidestop{position:fixed;bottom:30px;right:30px;z-index:999}
.sidestop li{margin-top:.5rem}
.scroll-bottom,.scroll-top{transition:background-color .3s ease,transform .3s ease;display:none}
.scroll-top.show{display:block;opacity:1}
.icon-iconmoon,.icon-taiyang1{font-size:22px!important}
.log-topflg{background:red;padding:0 8px;font-size:14px;border-radius:4px;color:#fff;margin-left:5px}
.list-top-frame{display:flex;align-items:center}
.video-js{border-radius:10px;width:100%}
.biaoqing{width:28px!important;vertical-align:bottom!important}
.aplayer .aplayer-info{border-top-right-radius:8px;border-bottom-right-radius:8px}






/* 图标默认状态（白天模式） */
.search-button .icon-iconmoon {
    display: inline-block;
    transition: opacity 0.3s;
}
.search-button .icon-taiyang1 {
    display: none;
    transition: opacity 0.3s;
}

/* 夜晚模式下的图标状态 */
body.dark .search-button .icon-iconmoon {
    display: none;
    opacity: 0; /* 过渡动画 */
}
body.dark .search-button .icon-taiyang1 {
    display: inline-block;
    opacity: 1; /* 过渡动画 */
}


.dark .daytime,.dark .icon-iconmoon,.icon-taiyang1,.night{display:none!important}
.dark .icon-taiyang1,.dark .night{display:block!important}
.dark{background:#1f2937!important}
.dark #app .demo-color-box {background: rgb(75 84 99)!important;}
 .dark .article,.dark .bg-transparent,.dark .comment-list,.dark .comment-module,.dark .header-nav-list li ul,.dark .keyworddiv,.dark .list-article,.dark .list-diary,.dark .load-disabled,.dark .nva-sidebar .sticky,.dark .widget{background:#374151!important;box-shadow:none!important}
.dark .block,.dark .card{box-shadow:none!important}
.dark .el-form-item__label,.dark .essay-list-body h1,.dark .essay-list-body h2,.dark .essay-list-body h3,.dark .essay-list-body h4,.dark .essay-list-body h5,.dark .essay-list-body h6,.dark .essay-list-body li,.dark .list-meta,.dark .list-meta a,.dark .list-top-frame,.dark p{color:#d1d5db!important}
.dark .header-nav-list a,.dark .list-ua{color:#cbd5e1!important}
.dark blockquote,.dark pre{background:hsla(0,0%,100%,.1)!important}
.dark .load-disabled,.dark .load_more,.dark .pagenavi-loading,.dark footer,.dark footer a{color:#cbd5e1!important}
.dark #comment_submit{background-color:#6c6ce9!important}
.dark .title-h3{color:#d1d5db!important;border-bottom:1px solid hsla(0,0%,100%,.1)!important}
.dark .comment-infos{background-color:#4b5563!important}
.dark .header-top{background-color:#0c0c0c!important}
.dark .header-top-description,.dark .header-top-title{color:#fff!important}
.dark .comment-content,.dark .comment-home-name,.dark .comment-home-text,.dark .comment-infos a,.dark .comment-infos b,.dark .comment-time{color:#d1d5db!important}
.dark .list-article{border-top-left-radius:10px;border-top-right-radius:10px}
.dark .comment-info input,.dark .commentform textarea{background-color:#4b5563!important;color:#fff!important;border:0!important}
.dark::-webkit-input-placeholder{color:#bababa}
.dark .mobile-menu-icon .line{background-color:#d1d5db!important}
.dark .comment-list input,.dark .comment-list textarea{background-color:#1f2937!important}
.dark .sidestop button{background:hsl(0deg 0% 100%/20%)!important}
.dark .list-pw-content{color:#203656!important}
.dark .aplayer .aplayer-info{background:#fff!important}
.dark .collapsed-content,.dark .essay-list a{color:#d1d5db!important}
.dark .splitdots:before{background:#fff}
.dark #comment-box,.dark .comment-home,.dark .search-button{background:#4b5563!important}
.dark #comment-box{border:0!important}
.dark #comment-box input,.dark #comment-form textarea{background:hsla(0,0%,100%,.1)!important;color:#fff!important}
.dark .list-name,.dark .list-name a{color:#fff!important}
.dark .article i,.dark .attachcontent-text,.dark .collapse-button,.dark .collapsed-button,.dark .diaryopentitle,.dark .list-article .list-meta i,.dark .list-diary,.dark .list-meta i{color:#b4c6ff!important}
.dark #pagenavi .pagenavi-loading,.dark .load_more,.load-disabled{box-shadow:none!important}
.dark .bloginfo,.dark .calendar .week,.dark .calendar td,.dark .calendartop td,.dark .card-header h3,.dark .comment-infos span,.dark .copyright-plugin a,.dark .menu-item a,.dark .nav-text-body-title,.dark .sidebar-link a,.dark .sidebar-list li a,.dark .sidebar-tag a,.dark .stats-subtext,.dark .stats-text,.dark .widget-comments .other span,.dark .widget-comments small{color:#d1d5db!important}
.dark .cancel-reply .comment-replay-btn,.dark .cancel-reply a,.dark .com-reply,.dark .menu-item a,.dark .nva-sidebar .lfff,.dark .sidebar-archive,.dark .sidebar-link a,.dark .stats-container,.dark .widget-comments small{background:hsla(0,0%,100%,.1)!important}

.dark .copyright-plugin{background:hsla(0,0%,100%,.1)!important;color:#d1d5db!important}
.dark .calendar td,.dark .calendartop td{background:0 0}
.dark .sidebar-archive{border:none!important;color:#d1d5db!important}
.dark .widget-comments small:before{display:none!important}
.dark .side-style1 .card-header{background:linear-gradient(-90deg,rgb(82 102 133/90%),rgba(0,0,0,.2))!important}
.dark #playButton,.dark .column-big .em_like{background-color:hsla(0,0%,100%,.1)}
.dark .nav-login{border-bottom:1px solid;border-color:rgba(135,150,165,.1);background:hsla(0,0%,100%,.1)!important;box-shadow:none}
.dark .nav-login a{background-color:hsla(0,0%,100%,.1)!important;color:#d1d5db!important}
.dark .stats-box{background-color:rgb(0 0 0/10%)!important}
.dark .scroll-top{color:#fff;background:rgb(255 255 255/32%)}
.dark .pagenavi-bottom span{color:#fff;background:#728197}
.dark .sidebar-link li,.dark .sidebar-sort li,.dark .sidebar-tag li{background:hsla(0,0%,100%,.1)!important}
.dark .essay-list-body pre code,.dark .sidebar-link li a{background:0 0!important}
.dark .essay-list-body a,.dark .essay-list-body pre code,.dark .sidebar-sort a{color:#d1d5db!important}
.dark .essay-list-body code{background-color:hsla(0,0%,100%,.1)}
.dark #search input,.dark .tag-text{border:none!important;background-color:hsla(0,0%,100%,.1)!important;color:#fff!important}
@media screen and (max-width:768px){.dark .header-nav-list li ul,.dark .header-right{background-color:#4b5563!important;color:#fff!important;border:0!important}
.header-top .header-top-title{font-size:2rem!important;letter-spacing:5px!important}
.header-top .header-top-description{font-size:1rem!important;letter-spacing:5px!important}
}
@media (min-width:992px){.container{max-width:1100px}
}
@media only screen and (max-width:768px){#comment_submit,.comment-info input{flex-basis:100%}
}
@media (max-width:576px){.site-header{padding:20px 0}
}
@media screen and (max-width:768px){.main{padding:1rem!important}
.list{padding:1.25rem}
.image-container img{width:calc(33% - 20px)}
.post-title{font-size:20px!important}
.item-holder{height:160px!important}
.column-big .item-content-bkg .top-desc{text-align:center!important}
.dark #aside{background:#374151!important;box-shadow:none!important}
}
@media screen and (max-width:768px){.mobile-menu-icon{display:block}
.header-inner{position:relative}
.header-right{position:absolute;top:100%;right:16px;display:block;background:#fff;border:1px solid #efefef;box-shadow:0 10px 10px rgba(0,0,0,.2);opacity:0;visibility:hidden;padding:1rem .5rem;border-radius:8px;z-index:9;transform:translate3d(0,10px,0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header-nav-list{display:block}
.header-nav-list li{margin:.25rem 1rem}
.header-nav-list li ul{display:block;position:relative;left:-1rem;border:none;box-shadow:none;background:0 0;padding:0;transform:translateZ(0)}
.header-nav-list li ul li{margin:.25rem 0 .25rem 1rem}
.header-nav-list .submenu-parent>a{display:none}
.mobile-menu-checkbox:checked~.header-right{opacity:1;visibility:visible;transform:translateZ(0)}
.icon-items-wrap{margin:0 0 0 16px;flex:1 0 100%;width:148px}
.nav-icon:first-child{margin-left:0}
.search-icon,.theme-icon{flex-basis:50%;margin:16px 0}
.side-home{display:none}
.none{display:none!important}
.owl-carousel .item img{height:180px!important}
}
@media screen and (min-width:1101px){.header-nav-list li ul{opacity:0;visibility:hidden}
}
.owl-carousel .item{position:relative}
.owl-carousel{margin-bottom:1.5rem}
.image-link-text,.owl-stage-outer{border-radius:10px}
.owl-carousel .item img{height:auto}
.owl-next,.owl-prev{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;transition:background-color .3s}
.owl-next:hover,.owl-prev:hover{background-color:rgba(0,0,0,.8)}
.owl-prev{left:10px}
.owl-next{right:10px}
.owl-carousel .item img{display:block;width:100%;height:222px}
.owl-dots{bottom:15px;position:absolute;width:100%;text-align:center}
.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-dot span{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#000}
.image-link-text{top:50%;transform:translateY(-50%);transition:all .5s ease-in-out 0s;backface-visibility:hidden;position:absolute;z-index:4;text-align:center;width:100%;color:#fff!important;font-size:2rem;letter-spacing:5px;font-weight:600}
.owl-dots .owl-dot span{width:30px;height:3px;margin:0 3px;border:0 solid hsla(0,0%,100%,.3);border-radius:0;background:hsla(0,0%,100%,.3);transition:all .2s ease}
.owl-dots .owl-dot.active span{width:30px;border-color:#fff;background-color:#fff}
.owl-next,.owl-prev{display:none;margin-left:1rem;width:2.1875rem;height:2.1875rem;padding:0;border-radius:5rem;background-color:rgba(0,0,0,.5)!important;color:#fff!important}
.owl-carousel:hover .owl-next,.owl-carousel:hover .owl-prev{display:block}
@media (max-width:768px){.image-link-text{font-size:1.5rem}
}
.list-nav-ul{display:flex;flex-flow:row wrap;align-content:center;margin:-4px -5px .75rem}
.list-nav-li{width:31.51%;float:left;background:#fff;margin:6px;padding:1rem;position:relative;border-radius:6px;box-shadow:3px 3px 10px rgba(154,150,170,.23)}
.list-nav p a{font-size:16px}
.list-nav a,.list-nav i,.list-nav span{/* font-size:14px; *//* color:#737e8d; */}
@media (max-width:768px){.list-nav li{width:46.74%!important}
}
.page-whole{margin:0 0 1rem;background:#fff;padding:1rem;border-radius:10px;box-shadow:3px 3px 10px rgba(154,150,170,.23)}
.page-title{margin:0;display:inline-block;color:#666!important;background:linear-gradient(180deg,transparent 75%,rgba(0,0,0,.2) 0)!important;font-weight:600}
.page-body{color:#819198;border-left:5px solid #8b959f!important;background:#ebeef3;padding:8px;margin:1rem 0 5px}
#swal2-title{margin:1rem;letter-spacing:5px}
#swal2-html-container{font-size:18px}
.swal2-actions{margin:1.5rem}
div:where(.swal2-container) input:where(.swal2-input){margin:0!important}
div:where(.swal2-container) input:where(.swal2-input):nth-child(n+2){margin-top:1.5rem!important}
#swal2-html-container{padding:1em 1.6em .3em!important}
.swal2-container{z-index:10000}
@media (max-width:375px){div:where(.swal2-container) input:where(.swal2-input){width:100%!important}
}
#loginCaptcha,#registerCaptcha{margin-top:1.5rem!important;height:2.625em;padding:0 .75em;display:block;margin:auto}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-nav i{font-size:24px}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3);transform:scale(1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.delete-button,.draft-button,.privacy-button,.z-button{padding:0!important;font-size:14px;color:#fff;margin-right:5px}
.delete-button span,.draft-button span,.privacy-button span,.z-button span{padding:2px 8px;border-radius:4px}
.privacy-button .privacy-n{background:#435eeb}
.privacy-button .privacy-y{background:#ff9800}
.delete-button span{background:#000}
.draft-button span{background:#b400ff}
.z-button span{padding:0 8px;background:#f27474}
.z-button a{color:#fff}
.copyright-plugin{padding:1rem!important;font-size:14px!important;background:#ebf0f6!important;border-radius:4px!important}
.toggle-button{color:#6f88ff}
@media (max-width:769px){.p-none{display:none!important}
}
@media (min-width:769px){.m-none{display:none!important}
}
.Ixc_login_alert form p:before{content:"";width:20px!important;height:20px!important}
.Ixc_login_alert form input{height:50px!important;line-height:50px!important}
.Ixc_login_alert form .Ixc_login_ti{font-size:14px!important}
.Ixc_login_alert form .Ixc_login_ti label span{top:5.2px!important}
.Ixc_login_alert form .Ixc_login_sub{font-size:14px!important;margin-top:1rem!important}
.Ixc_login_alert form .Ixc_login_pass span{width:20px;height:20px}
.Ixc_login_alert form input{font-size:14px}
input::-webkit-input-placeholder{font-size:14px!important}
@media (min-width:769px){.Ixc_login_alert{width:440px!important;padding:3rem 4rem!important}
}
.Ixc_login .Ixc_login_login,.Ixc_login_alert .Ixc_login_close,.Ixc_login_alert form .Ixc_login_pstbut,.Ixc_login_alerts_on_buts{background-color:#6f88ff!important}
.Ixc_login_regxieyi label i{top:6px!important}
.Ixc_login_alert form .Ixc_login_pass span{top:17px!important}
.Ixc_login_alert form .Ixc_login_vfcode img{height:50px!important}
.music-control{background:0 0;border:1px solid #eee;border-radius:20px;padding:8px 15px;cursor:pointer;transition:all .3s;display:flex;align-items:center;color:#673ab7;border-radius:5rem;background:#fff}
.music-control:hover{background:#fff;border-color:#ddd}
.music-control .iconfont{font-size:18px;margin-right:5px}
.music-status{font-size:14px}
.icon-jiantou-you{margin:0 .25rem}
.dark .music-control{background:#fff}
.amplify-con{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:8px}
.amplify{max-width:100%;height:auto;transition:transform .3s ease;transform-origin:center center}
.amplify:hover{transform:scale(1.2)}
.Ixc_search_alert_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:99998}
.Ixc_search_alert{position:fixed;top:150px;left:calc(50% - 170px);width:500px;background-color:#fff;border-radius:10px;overflow:hidden;padding:20px 30px;user-select:none;z-index:9999996;box-shadow:0 5px 15px rgb(0 0 0/50%);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:Ixc_login_bas;animation-name:Ixc_login_bas;box-sizing:border-box}
@-webkit-keyframes Ixc_search_anim{to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes Ixc_search_anim{to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.Ixc_search_alert--out{-webkit-animation:Ixc_search_anim_out .2s ease-in;animation:Ixc_search_anim_out .2s ease-in}
@-webkit-keyframes Ixc_search_anim_out{to{opacity:0;transform:translate(-50%,-50%) scale(.9)}
}
@keyframes Ixc_search_anim_out{to{opacity:0;transform:translate(-50%,-50%) scale(.9)}
}
.search-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.search-header h2{font-size:18px;color:#673ab7;margin:0}
.search-close{cursor:pointer;font-size:20px;color:#999}
.search-category{padding:15px 20px;border-bottom:1px solid #eee}
.category-list{display:flex;gap:10px;flex-wrap:wrap}
.category-item{padding:6px 12px;border:1px solid #bbb;border-radius:4px;cursor:pointer;transition:all .3s}
.category-item.active{border-color:#673ab7;background:rgba(103,58,183,.1);color:#673ab7}
.search-body{padding:20px}
.search-input-group{display:flex;gap:10px}
.search-input{flex:1;position:relative}
#search-keyword{width:100%;height:40px;padding:0 15px;border:1px solid #673ab7;border-radius:4px;font-size:14px}
.search-button-main{width:100px;height:40px;background:#673ab7;color:#fff;border:none;border-radius:4px;cursor:pointer}
.search-button-main:hover{background:#ff5722}
.hot-tags{margin-top:20px}
.tags-title{color:#666;font-size:13px;margin-bottom:10px}
.tags-list{display:flex;flex-wrap:wrap;gap:8px}
.tag-item{padding:4px 12px;color:#fff;background:#8bc34a;border-radius:15px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px}
.tag-item:hover{background:#673ab7}
@media (max-width:768px){.Ixc_search_alert{width:90%;top:5%;transform:translate(-50%,-50%)}
.search-input-group{flex-direction:column}
.search-button-main{width:100%}
.category-list{flex-direction:column}
.search-body,.search-header{padding:15px}
#search-keyword,.search-button-main{height:36px}
}
.post-duiqi,.post-duiqi a{color:#666}
.keyworddiv{top:0;transition:.3s;padding:1.5rem;border-radius:10px;box-shadow:3px 3px 10px rgba(154,150,170,.23);background:#fff}

.icon-moon {
    display: inline-block;
    font-size: 24px!important;;
}

.icon-thesun {
    display: none;
   
}

/* 夜晚模式下，月亮图标隐藏，太阳图标显示 */
body.dark .icon-moon {
    display: none;
}

body.dark .icon-thesun {
    display: inline-block;
    color: #FFC107;
     font-size: 24px;
}
    .tag-yx-text {
        background: #ebf0f6;
        padding: 8px;
        margin: 5px 0.5rem 5px 0;
        line-height: 15px;
        font-style: inherit;
        border-radius: 15px;
        font-size: 13px;
        display: inline-block;
        color: #fff !important;
        border: 1px solid #ebf0f6;
    }

    .tag-yx-text:hover {
        opacity: 0.8;
    }

    .color-1 {
        background-color: #FF6B6B;
    }

    .color-2 {
        background-color: #6B6BFF;
    }

    .color-3 {
        background-color: #4caf50;
    }

    .color-4 {
        background-color: #FF6BFF;
    }

    .color-5 {
        background-color: #FFBC52;
    }

    .color-6 {
        background-color: #52BCFF;
    }

    .color-7 {
        background-color: #BC52FF;
    }

    .color-8 {
        background-color: #009688;
    }
    
/* 公共的头像和元数据部分 */
.list-avatar{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.list-avatar h2{display:inline;font-size:22px;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0;margin-inline-end:0;font-weight:700;unicode-bidi:isolate}
.list-avatar h2 a{color:#333;text-decoration:none;outline:0}
.list-avatar .cat{position:relative;top:0;display:inline-block;margin-right:15px;border-radius:6px;padding:3px 7px;color:#fff;background-color:#ff5e52;font-size:12px}
.list-avatar .cat::after{content:"";position:absolute;right:-4px;top:50%;margin-top:-4px;width:4px;height:4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #ff5e52}
.dark .list-home h2 a{color:#d1d5db!important}
@media (max-width:767px){.list-avatar h2{font-size:16px;top:0}
}
/* 封装公共的页脚部分 */
.list-footer .postfoot{padding-top:10px;display:flex;justify-content:space-between;align-items:center;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-footer .postfoot a{color:#999}
.list-footer .postfoot .f_r a{color:#fc7247;margin-left:4px}
.bloginfo [class^=jzicon-],.list-footer .postfoot [class^=jzicon-]{font-size:13px}
.list-footer .postfoot .f_l span{margin-right:10px}
.list-footer .postfoot span:before{margin-right:3px}
.list-footer .postfoot .text-primary{color:#fc7247}
.list-footer .postfoot .author img{width:25px;height:25px;border-radius:50%;margin-top:-3px;margin-right:8px;float:left}
.list-footer li:hover .postfoot .author img{transform:none}
        
/* 广告容器 */
.index-ad{width:100%;margin:0 0 20px 0}
.index-ad ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.index-ad li{position:relative;border-radius:5px;overflow:hidden;flex:1 0 calc(50% - 10px);transition:transform .3s ease}
.index-ad li img{width:100%;height:auto;display:block}
.index-ad li::before{position:absolute;content:" AD";width:35px;height:20px;background:hsla(210,100%,48%,.2);right:0;font-size:12px;bottom:0;color:#fff;border-radius:5px 0 0;line-height:20px;text-align:center}
@media (max-width:767px){.index-ad ul{gap:10px;flex-direction:column}
.index-ad li{flex:1 0 100%;margin:0}
}
/* 底部导航基础样式 */
.mobile-nav{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #eee;z-index:999;display:none}
.mobile-nav .mobile-nav-list{display:flex;justify-content:space-around;padding:10px 0}
.mobile-nav .nav-item{text-align:center;font-size:12px;color:#666;text-decoration:none}
.mobile-nav .nav-item i{font-size:24px;display:block;margin-bottom:5px}
.mobile-nav .nav-item.active a{color:#f44336}
.nav-bloggerinfo{display:none}
@media (max-width:768px){.mobile-nav,#aside .nav-bloggerinfo{display:block}
}
/* VIP阅读-模块 */
.vipreading-block{width:90%;max-width:500px;background:linear-gradient(to right,#ffcf78,#ffeccc);border-radius:8px;padding:20px 15px;margin:10px auto;box-shadow:0 2px 6px rgba(0,0,0,0.1);text-align:center}
.vipreading-block .vipreading-content{display:inline-flex;align-items:center;margin-bottom:15px}
.vipreading-block .vipreading-quote{font-family:"SimSun",serif;font-size:48px;font-weight:700;color:#663d15;line-height:1;margin-top:-8px}
.vipreading-block .vipreading-left{margin-right:8px}
.vipreading-block .vipreading-right{margin-left:8px}
.vipreading-block .vipreading-text{font-size:16px;color:#663d15;line-height:1.6}
.vipreading-block .vipreading-badge{color:#d92920;font-weight:700}
.vipreading-block .vipreading-button{display:block;width:100%;max-width:200px;background-color:#c78538;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease;margin:0 auto}
.vipreading-block .vipreading-button:hover{background-color:#b5752e}
@media (max-width:768px){.vipreading-block{width:95%}.vipreading-block .vipreading-text{font-size:14px}.vipreading-block .vipreading-quote{font-size:36px;margin-top:-5px}}
@media (max-width:480px){.vipreading-block .vipreading-text{font-size:12px}.vipreading-block .vipreading-quote{font-size:28px;margin-top:-3px}.vipreading-block .vipreading-button{font-size:12px;padding:8px 16px}}
.vipreading-login{
    border: 2px dashed var(--theme_color)!important;
    background: unset;
    margin-bottom: 50px;
}
.vipreading-login .vipreading-button {
   background-color: var(--theme_color)!important;
}
.vipreading-login .vipreading-button:hover{background-color:var(--theme_vice_color)!important}
.vipreading-login .vipreading-text,.vipreading-login .vipreading-quote ,.vipreading-login .vipreading-badge {color: var(--theme_color)!important;}

/* 浮动按钮-模块 */
.float-buttons-block{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;gap:15px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}
.float-buttons-block.show{opacity:1;visibility:visible;transform:translateY(0)}
.float-buttons-block .float-ball{display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(30px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease;transition-delay:calc(var(--animation-order,0) * 100ms)}
.float-buttons-block.show .float-ball{opacity:1;transform:translateX(0)}
.float-buttons-block .ball-toggle{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#6f88ff,#657be5);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none}
.float-buttons-block .ball-toggle:hover{transform:scale(1.1);color:#fff;background:var(--theme_vice_color);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.float-buttons-block .ball-toggle i{font-size:22px}
@media (max-width:768px){.float-buttons-block #menu-ball{display:flex}}
@media (min-width:769px){.float-buttons-block #menu-ball{display:none}}