/*
 * @Author: qinshi
 * @Url : aiff.top
 * @Date: 2024-2-01 15:00:00
 * @LastModified: 2024-2-01 15:00:00
 * @Email: qinshi15@qq.com
 * @Project: 秦时主题
 * @Description: 一款个人自用的Wordpress主题|切换夜间样式
 * @Read me: 感谢您使用秦时主题，主题源码有详细的注释，支持二次开发。
 * @Remind: 支持正版，从我做起！
 */

/* 默认（日间）样式 */
body {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
/* 夜间模式样式 */
.dark-mode {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
/* 隐藏日间模式的图标 */
.dark-mode .qs-tianqitaiyangqichuang {
    display: none;
}
/* 默认显示日间模式的图标 */
.qs-tianqitaiyangqichuang {
    display: inline-block;
}
/* 显示夜间模式的图标 */
.dark-mode .qs-yejian {
    display: inline-block;
}
/* 默认隐藏夜间模式的图标 */
.qs-yejian {
    display: none;
}
/* 页脚样式 */
.dark-mode #colophon,
.dark-mode #footer-widget-box {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
/* 文章内容样式 */
.dark-mode .post, #page .page, .bulletin, .single-picture .picture, .type-attachment, .single-tao .tao, .single-video .video {
    background-color: #333333;
    color: #000000; 
    border-color:#333333
}
/* 菜单样式 */
.dark-mode #menu-box {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
/* 菜单下拉文字样式 */
.dark-mode #site-nav .down-menu a {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
/* 菜单下拉栏样式s */
.dark-mode .cat-con-section {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode #top-header{
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode #top-menu {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode #menu-box {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode #single-widget .add-widgets {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode #respond #submit {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode .qs-tabs-container ul {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode .qs-tabs-nav a {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
.wpz_widget_content .tab_title a {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
.dark-mode .qs-tabs-container {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}
.dark-mode .widget ul, #sidebar #searchform, #calendar_wrap, .tagcloud {
    color: #ffffff; 
    border-color:#333333
}
.dark-mode .wpz_widget_content .wpz-pagination {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

.dark-mode .wpz_widget_content .tab_title a {
    background-color: #333333;
    color: #ffffff; 
    border-color:#333333
}

/*
.dark-mode .html, .body, .div, .span, .applet, .object, .iframe, .h1, .h2, .h3, .h4, .h5, .h6, .p, .blockquote, .pre, .a, .abbr, .acronym, .address, .big, .cite, .code, .del, .dfn, .em, .img, .ins, .kbd, .q, .s, .samp, .small, .strike, .strong, .sub, .sup, .tt, .var, .b, .u, .i, .center, .dl, .dt, .dd, .ol, .ul, .li, .fieldset, .form, .label, .legend, .table, .caption, .tbody, .tfoot, .thead, .tr, .th, .td, .article, .aside, .canvas, .details, .embed, .figure, .figcaption, .footer, .header, .hgroup, .menu, .nav, .output, .ruby, .section, .summary, .time, .mark, .audio, .video {
    background-color: #333333;
    color: #ffffff; 
}

.dark-mode a:not(.btn) {
    background-color: #333333;
    color: #ffffff; 
}

.dark-mode *, *:before, *:after {
    background-color: #333333;
    color: #ffffff; 
}
*/
body{transition:cubic-bezier(0, 0, 0.2, 1) .2s;}
.dark-mode {background-color: #1a1b1f;}
.dark-mode,.dark-mode a:not(.btn) {color: #ddd;}
.dark-mode a:not(.btn):hover{color: #19B5FE;}
.dark-mode a:not(.btn):focus {color: #ddd;}
.dark-mode body, .dark-mode button, .dark-mode input, .dark-mode select, .dark-mode textarea{
    color: #000;
    background-color: #333333;
}
/*菜单*/
.dark-mode #menu-container,.dark-mode #header-top {background: #242528;border-color:#242528}
.dark-mode #user-profile, .dark-mode #user-profile a,.dark-mode .nav-login{color: #aaa;}
.dark-mode #site-nav .down-menu ul li,.dark-mode .top-menu ul li {background: #333333;border-color:#333333}
.dark-mode .nav-menu ul,.dark-mode .top-menu ul{border-color:transparent}
.dark-mode #site-nav .down-menu ul li > a:hover,.dark-mode .top-menu ul li > a:hover{color: #fff;background: #45474a}
.dark-mode .search-input input{background: rgba(34, 34, 34, 0.5);border-color:#333333}
.dark-mode .cat-con-section{background: rgba(50, 55, 60, 0.8);border-color:transparent}
.dark-mode .cat-con-section {border-bottom: 3px solid #ef5e32;}
/*文章列表*/
.dark-mode #site-nav .down-menu a {color: #ddd;}
.dark-mode .post,.dark-mode #page .page, .dark-mode .bulletin, .dark-mode .single-picture .picture, .dark-mode .type-attachment, .dark-mode .single-tao .tao, .dark-mode .single-video .video {background-color: #232425;box-shadow:none}
.dark-mode .content-area.common .post:hover,.dark-mode .cms-news-grid-container .post:hover,.archive.dark-mode  .site-content .post:hover{background: #313339;}
.dark-mode .tab-bd {background-color: #232425;box-shadow:none}
.dark-mode .tab-product .tab-hd .current,.dark-mode  .tab-area .current,.dark-mode .tab-hd {background-color: #232425;}
.dark-mode .tab-product .tab-hd .current:hover,.dark-mode  .tab-area .current {background-color: #292a2d;}
.dark-mode .all-cat, .dark-mode .tab-site, .dark-mode .cat-container, .dark-mode .tg-site, .dark-mode .slider-rolling-box{background-color: #232425;}
.dark-mode .more-list li a {background: #333333;border-color:#333333}
.dark-mode .cat-container .cat-title{background-color: #232425;}
.dark-mode .message-tab ul li,.dark-mode .message-widget ul li{border-color:#333333}
/*按钮*/
.dark-mode .type-cat a,.dark-mode  .child-cat a{background-color: #45474a;border-color:#45474a }
.dark-mode .type-cat a:hover,.dark-mode  .child-cat a:hover{color: #fff;background-color: #19B5FE;border-color:#19B5FE }
.dark-mode .ias-trigger-next a{background-color: #45474a;border-color:#45474a }
.dark-mode .pagination a, .dark-mode .pagination a:visited{background-color: #45474a;border-color:#45474a }
.dark-mode .pagination .current, .dark-mode .pagination .dots{background-color: #45474a;border-color:#45474a }
.dark-mode .pagination span.current, .dark-mode .pagination a:hover{color: #fff;background-color: #19B5FE;border-color:#19B5FE }
.dark-mode .link-f a{background-color: #45474a;border-color:#45474a }
.dark-mode .link-f a:hover{background-color: #19B5FE;border-color:#19B5FE }
/*文章*/
.dark-mode .widget,.dark-mode .widget_ajax .new_cat,.dark-mode .ajax_widget_content .tab_title a,.dark-mode .zm-tabs-nav a{background: #232425;border-color:transparent}
.dark-mode .ajax_widget_content .tab_title.selected a,.dark-mode .ajax_widget_content .tab_title a:hover,.dark-mode .zm-tabs-nav .current a,.dark-mode  .tab-recent a{background: #292a2d;}
.dark-mode .zm-tabs-nav .current .be,.dark-mode  .tab-recent .be{color: #fff}
.dark-mode #sidebar h3 {background:transparent;border-color:#444}
.dark-mode .web-font{color: #444;-webkit-text-stroke-color: #444;}
.dark-mode .single-content h3 {background: #45474a;}
.dark-mode #fontsize,.dark-mode .single-meta .views, .dark-mode .single-meta li a,.dark-mode .off-side:after,.dark-mode .on-side:after,.dark-mode .reply a,.dark-mode #respond h3 a,.dark-mode .comment-tool a {background-color: #45474a;border-color:#45474a }
.dark-mode #fontsize:hover , .dark-mode .single-meta li a:hover,.dark-mode .off-side:hover::after,.dark-mode .on-side:hover::after,.dark-mode .reply a:hover,.dark-mode #respond h3 a:hover,.dark-mode .comment-tool a:hover{color: #fff;background-color: #19B5FE;border-color:#19B5FE }
.dark-mode blockquote {border-color:#555 }
.dark-mode .single-content p a:hover {color: #19B5FE!important}
.dark-mode .single-content code {background: #45474a;color: #eee;}
.dark-mode .single-cat-tag,.dark-mode  .meta-nav,.dark-mode .tg-site,.dark-mode #shuoshuo_content {background: #232425;border-color:transparent}
.dark-mode .meta-nav:hover{background: #313339;}
.dark-mode .authorbio, .dark-mode .comments-title,.dark-mode #related-img,.dark-mode #respond,.dark-mode .comment-list li {background: #232425;border-color:transparent;box-shadow: none}
.dark-mode .related-title{background:transparent;}
.dark-mode #comment,.dark-mode #comment-author-info input{background:#45474a;border-color:transparent}
.dark-mode #respond .comment-form-author label, .dark-mode #respond .comment-form-email label, .dark-mode #respond .comment-form-url label, .dark-mode #respond .comment-form-qq label, .dark-mode #respond .comment-form-comment label{color: #eee;background:#555;border-color:transparent}
.dark-mode .QapTcha .bgSlider {background-color: #45474a;border-color:#45474a;}
.dark-mode #log-box,.dark-mode .qqonline-main{background: #45474a;border-color: #45474a}
.dark-mode #catalog-ul li a:hover {background: #555}
.dark-mode .qq-arrow .arrow-y,.dark-mode .qq-arrow .arrow-x{color: #45474a}
.dark-mode .nline-qq>a {background: transparent!important}
.dark-mode #hitokoto{ background:rgba(100, 100, 100, 0.3)}
.dark-mode .like a,.dark-mode .share-s a,.dark-mode .shang-p a {background-color: #45474a;border-color:#45474a }
.dark-mode .shang-empty span{background: #232425;border-color:transparent}
.dark-mode #shang{background: #45474a;border-color: #45474a}
.dark-mode .s-weixin ul{border-color: #45474a}
/**/
.dark-mode .favorites-top,.page-template-template-random.dark-mode #main,.dark-mode .sites,.dark-mode .mon-list{background: #232425;border-color:transparent}
.dark-mode .archive-list,.dark-mode .day-box{border-color:#45474a }
.dark-mode .sites-cats{background: #292a2d;border-color:transparent}
.dark-mode .favorites-top #localtime font{color: #ddd!important}
.dark-mode .weather a{color: #ddd!important}
.dark-mode .entry-code textarea{background:#45474a;border-color:transparent}
.dark-mode .options{background-color: #45474a;border-color:#45474a }
.dark-mode .entry-code select{background-color: #555;border-color:#333 }
.dark-mode .archives-header{border-color:transparent}
.page-template-template-archives.dark-mode .year{border-color:#45474a ;border-left: 5px solid #0088cc;}
.page-template-template-archives.dark-mode .mon{color: #999}
/*页脚*/
.dark-mode #colophon,.dark-mode #footer-widget-box{background: #242528;color: #888;}