body.theme-white.theme-sunset #foot-menu{background:#F8F1E4}
.foot-menu{display:flex;justify-content:space-evenly;margin:0 auto}
#foot-menu *{-webkit-font-smoothing:auto}
.foot-menu a{display:flex;flex-direction:column;color:rgba(0,0,0,0.9);align-items:center}
.foot-menu i{font-size:1.6rem}
.foot-menu img{max-width:1.7rem}
body.theme-dark .foot-menu img.mode-dark{display:block}
body.theme-dark .foot-menu img.mode-white{display:none}
body.theme-white .foot-menu img.mode-dark,body.theme-sunset .foot-menu img.mode-dark{display:none}
body.theme-white .foot-menu img.mode-white,body.theme-sunset .foot-menu img.mode-white{display:block}
body.theme-dark .contact-link img.mode-dark{display:block}
body.theme-dark .contact-link img.mode-white{display:none}
body.theme-white .contact-link img.mode-dark,body.theme-sunset .contact-link img.mode-dark{display:none}
body.theme-white .contact-link img.mode-white,body.theme-sunset .contact-link img.mode-white{display:block}
.foot-menu span{margin-top:.3rem;font-size:.9rem}
.footer-desc{margin-top:1.5rem;border-bottom:1px solid rgb(204,204,204);padding:.5rem 0}
.footer-desc b{color:rgba(0,0,0,0.9);font-size:1rem}
.footer-desc p{color:rgba(0,0,0,.7);font-size:.9rem;padding:1rem 0;line-height:normal}
.footer-link{display:flex;flex-direction:column}
.footer-link a{font-size:1rem;padding:1rem 0;border-bottom:1px solid rgb(204,204,204)}
.footer-link span{color:rgba(0,0,0,.5)}
.contact-link{padding:1rem 0 2.5rem;border-bottom:1px solid rgb(204,204,204);display:flex;align-items:center;justify-content:center}
.contact-link img{max-width:2rem;margin:0 1rem}
.contact-link i{font-size:1.6rem;margin:0 1rem}
.contact-link span{margin:0 1rem;background-color:#474546;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;overflow:hidden;}
.contact-link span img{margin:0;width:20px;height:20px;}
.line-container{width:100%;height:1px;background-color:#aca4a4;margin:2rem auto}
body.theme-dark .line-container{background-color:#444444}
body.theme-dark .foot-menu a{color:#fff}
body.theme-dark .footer-desc b{color:#fff}
body.theme-dark .footer-desc p{color:rgba(255,255,255,.7)}
body.theme-dark .footer-link span{color:rgba(255,255,255,.5)}
body.theme-dark .footer-link a{border-bottom:1px solid rgb(68,68,68)}
body.theme-dark .footer-desc{border-bottom:1px solid rgb(68,68,68)}
body.theme-dark .contact-link{border-bottom:1px solid rgb(68,68,68)}
@media(max-width:767px){.footer-desc b{font-size:1.2rem}
.foot-menu img{max-width:1.5rem}
.footer-desc p{padding:.5rem 0}
.contact-link img{max-width:2.25rem}
.contact-link i{margin:0 .8rem}
}

body,button,input,optgroup,select,textarea{font-family:'Mirages Custom','Merriweather','Open Sans','PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei','Segoe UI Emoji','Segoe UI Symbol',Helvetica,Arial,sans-serif}
.github-box,.github-box .github-box-title h3{font-family:'Mirages Custom','Merriweather','Open Sans','PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei','Segoe UI Emoji','Segoe UI Symbol',Helvetica,Arial,sans-serif !important}
.aplayer{font-family:'Mirages Custom','Myriad Pro','Myriad Set Pro','Open Sans','PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',Helvetica,arial,sans-serif !important}
body.content-lang-en.content-serif .post-content{font-family:'Lora','PT Serif','Source Serif Pro',Georgia,'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',serif}
body.content-lang-en.content-serif.serif-fonts .post-content{font-family:'Lora','PT Serif','Source Serif Pro','Noto Serif CJK SC','Noto Serif CJK','Noto Serif SC','Source Han Serif SC','Source Han Serif','source-han-serif-sc','PT Serif','SongTi SC','MicroSoft Yahei',serif}
body.serif-fonts .post-content,body.serif-fonts .blog-title{font-family:'Noto Serif CJK SC','Noto Serif CJK','Noto Serif SC','Source Han Serif SC','Source Han Serif','source-han-serif-sc','PT Serif','SongTi SC','MicroSoft Yahei',Georgia,serif}
.dark-mode-state-indicator{position:absolute;top:-999em;left:-999em;z-index:1}
.post-buttons a{width:-webkit-calc(100% / 2 - .3125rem);width:calc(100% / 2 - .3125rem)}
.blog-description{padding-bottom:0.5rem;}

@media (prefers-color-scheme:dark){.dark-mode-state-indicator{z-index:11}
}

@media(max-width:767px){body.card #index,body.card #archive{padding:4rem 3rem 3.5rem}
body.card .container{max-width:710px}
body.card #index article,body.card #archive article{padding:.9375rem 0 1.25rem}
body.card #index article .post-card-mask,body.card #archive article .post-card-mask{background-color:rgba(0,0,0,.3);height:12.5rem}
body.card #index article .post-card-container,body.card #archive article .post-card-container{padding:1rem 1rem}
.page-navigator{margin-top:2rem}
body.card #index article .post-card-ads,body.card #archive article .post-card-ads{background-color:rgba(0,0,0,.1)}
body.card #index article .post-card-title,body.card #archive article .post-card-title{font-size:1.1625rem}
}@media (max-width:390px){.page-jump input{max-width:3rem}
}@media(max-width:336px){body.card #index article .post-card-mask,body.card #archive article .post-card-mask{height:10.5rem}
a.btn,.btn>a{padding:.4375rem 2.25rem}
.page-navigator{margin-top:1.5rem}
}@media screen and (min-width:768px) and (max-width:1301px){body.card .container{max-width:720px}
}@media screen and (min-width:1302px) and (max-width:1599px){body.card .container{max-width:864px}
}@media screen and (min-width:1600px) and (max-width:1799px){body.card .container{max-width:896px}
}@media screen and (min-width:1800px) and (max-width:1999px){body.card .container{max-width:960px}
}@media screen and (min-width:2000px) and (max-width:2399px){body.card .container{max-width:992px}
}@media screen and (min-width:2400px){body.card .container{max-width:1024px}
}#qr-box{background-color:transparent}
.post-buttons,#qr-box{display:none}
#body-bottom{margin-top:0}
@media screen and (max-width:40rem){#post article{margin-top:2.6rem}
}

.adspop .popup-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999}
.adspop .popup-container .popup-content{max-width:80vw;width:100%;max-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.adspop .popup-container .popup-close{width:42px;height:42px;margin-bottom:30px}
.adspop .popup-container .popup-close img{width:100%;height:100%}
.adspop .popup-container .popup-picture{width:100%;height:100%;text-align:center}
.adspop .popup-container .popup-picture img{max-width:50vw;max-height:70vh}
@media screen and (max-width:768px){.adspop .popup-container .popup-picture img{max-width:80vw;width:100%}}
.application-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999}
.application-popup .application-content{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.application-popup .application-header img{max-width:510px;width:100%;vertical-align:top}
.application-popup .application-list{max-width:510px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:10px;background:linear-gradient(-45deg,#000,#313131);padding:15px 10px;border-bottom-left-radius:35px;border-bottom-right-radius:35px;box-sizing:border-box}
.application-popup .application-list a{text-decoration:none;box-sizing:border-box;color:#fff;text-align:center}
.application-popup .application-list a img{width:2.8rem;height:2.8rem;position:relative;border-radius:9px;}
.application-popup .application-list a img::before{content:"";display:block}
.application-popup .application-list a img::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:100%;background-color:#353535}
.application-popup .application-list a p{font-size:12px;white-space:nowrap;margin-top: 0.3rem;}
@media (max-width:767.98px){.application-popup .application-content{max-width:80vw}}

.addbox{position:fixed;width:100%;background:rgba(255,255,255,0.8);bottom:0;left:0;z-index:999;box-shadow:rgba(0,0,0,0.56) 0 -3px 18px 4px;display:none}
.addbox>div{background:#2c2a2a;padding:.6rem 2rem .6rem .6rem;color:white;display:flex;flex-direction:row;justify-content:space-between;align-items:center;float:left;width:100%;box-sizing:border-box}
.addbox>div .logo{width:2.74rem;margin-left:.4rem;border-radius:7px}
.addbox>div .showSwipe{height:1.5rem}
.addbox>div .closeX{position:absolute;top:.5rem;right:.9rem;font-size:.7rem}
.closebox .closeDilog .closeG{width:1rem;height:1rem;position:relative}
.addbox>div .closeX:before,.addbox>div .closeX:after{position:absolute;top:1px;right:1px;content:' ';height:15px;width:2px;background-color:white}
.closebox .closeDilog .closeG:before,.closebox .closeDilog .closeG:after{position:absolute;top:0;content:' ';height:17px;width:1px;background-color:white}
.addbox>div .closeX:before,.closebox .closeDilog .closeG:before{transform:rotate(45deg)}
.addbox>div .closeX:after,.closebox .closeDilog .closeG:after{transform:rotate(-45deg)}
.van-overlay{position:fixed;display:none;left:0;top:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center}
.bg-layout{position:relative;width:90%;height:60%;display:block;max-width:420px;margin-left:auto;margin-right:auto}
.box{width:100%;height:48vh;border-radius:1.2rem;background-color:rgb(43,42,42)}
.box2{margin-left:10%;width:80%;height:100%}
.box2 img{width:100%;height:auto;margin-top:2rem}
.closebox{display:flex;flex-direction:row;width:100%;height:20%;justify-content:center;align-items:center;text-align:center}
.closeDilog{width:2.4rem;height:2.4rem;text-align:center;background-color:rgba(43,42,42,1);border-radius:1.2rem;color:white;display:flex;align-items:center;justify-content:center}
.swiper-pagination{display:flex;align-items:center;justify-content:center;margin-top:0.8rem}
.swiper-pagination-bullet{display:block !important;box-sizing:border-box}
.swiper-pagination-bullet-active{background-color:rgb(255,35,116) !important;background:rgb(255,35,116)}
.swiper-slide p{text-align:center;margin:10px 0}
.swiper-slide span{display:block;font-size:12px;color:grey;text-align:center}
.swiper-pagination{position:initial !important;padding:5px 0}

.post-content .content-file .content-file-icon{display:none !important}
@media(min-width:767px){.post-content .content-file{font-size:1rem !important}
}@media(max-width:767px){#nav .menu{margin-top:1.25rem}
.navbar-nav .category-list .category-list{background-color:transparent}
.navbar-nav .category-list ul.list{display:block !important}
#nav .menu .category-list ul.list li{font-weight:400;padding:0;display:block;width:auto}
#nav .menu .category-list ul.list li:nth-child(even),#nav .menu .category-list ul.list li:nth-child(odd){padding-right:unset;padding-left:unset}
#nav .menu .category-list ul.list li > a{background-color:transparent;border-radius:unset;padding:0.375rem 1.75rem;position:relative;line-height:2.25rem;display:block;font-size:1.25rem;text-align:center;font-weight:400}
body #nav .menu .category-list ul.list li > a{background:transparent}
body #nav .menu .category-list{background:transparent}
body.theme-dark #nav .menu li a{color:#ccc !important}
body.theme-white #nav .menu li a{color:#333 !important;font-weight:400 !important}
#nav .author{padding-top:1.25rem;padding-bottom:1.25rem}
#comment-form .comment-input[name=url],#comment-form .comment-input[name=mail]{display:none !important}
}

/* thinkphp-bootstrap */
.bootstrap-front-pagination{text-align:center;}
.pagination {display:inline-block;padding-left:0;margin:10px auto;border-radius:4px;}
.pagination > li {display:inline;}
.pagination > li > a,.pagination > li > span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius:4px;border-bottom-right-radius:4px;}