header {/*将导航栏改为白天全局白色*/
        background-color: rgb(245 245 245);
    }

    header.pull-up {
        box-shadow: initial;
        border-bottom: 1px solid rgb(0 0 0 / 7%)
    }

    body:not(.theme-dark) header.force-dark, body:not(.theme-dark) header.pull-up {
        background: rgb(245 245 245);
    }

    body.theme-dark header.pull-up {
        border-color: rgb(0 0 0 / 35%)
    }

    body.theme-dark header{/*导航栏在夜间变为全局黑色*/
        background-color: #1d1d1a;
    }

    body:not(.theme-dark) header .container nav span.dropdown,body:not(.theme-dark) header .container nav span.dropdown:hover,body:not(.theme-dark) header .container nav>a,body:not(.theme-dark) header .container nav>a:hover {
        color: #000000;
    }

    body:not(.theme-dark) #nav-mobile section,body:not(.theme-dark) #nav-mobile section * {
        color: #1d1d1a
    }

    body:not(.theme-dark) header .container nav a.toggle span,body:not(.theme-dark) header .container nav a.toggle span::after,body:not(.theme-dark) header .container nav a.toggle span::before,body:not(.theme-dark) header .container nav span.dropdown.toggle span,body:not(.theme-dark) header .container nav span.dropdown.toggle span::after,body:not(.theme-dark) header .container nav span.dropdown.toggle span::before {
        background-color: #222!important;
    }

    body:not(.theme-dark) #nav-mobile {
        background: rgb(255 255 255 / 95%)
    }

    body.theme-dark header.pull-up {
        border-color: rgb(0 0 0 / 35%)
    }

    header .container nav span.dropdown ul {/*将关于，分类下拉背景改为白色*/
        background: #ffffff;
    }

    header .container nav a:not(.brand):not(#toggle-mobile-search):hover,header .container nav span.dropdown:not(.brand):not(#toggle-mobile-search):hover {
        background-color: transparent!important
    }
    
    header .container nav a:not(.brand):hover {
        opacity: .55;
    }

@media screen and (min-width: 767px) {
    header {
        padding-bottom:20px;
    }

    header.pull-up {
        top: -50px
    }

    header .container {
        height: 80px
    }

    header .container nav {
        justify-content: center;
        align-items: flex-end;
    }

    header .container nav a,header .container nav span.dropdown {
        align-items: flex-end;
        height: 30px;
        margin: -0.3rem 0.6rem
    }

    header .container nav a.brand {
        align-items: flex-start;
        left: initial
    }

    #nav-mobile {
        padding-top: 4rem
    }

    #pjax-container {
        padding-top: 100px;
    }

    header .container nav a.toggle {
        right: 10px;
        height: 30px
    }

    header.opened .container nav a.toggle {
        display: flex
    }

    header .container nav #toggle-mobile-search {
        position: relative;
        right: initial;
        font-size: initial;
        line-height: initial;
        top: .1rem
    }

    main .lazy-wrap {
        padding-top: 0;
        min-height: 46vh !important;
    }
    
    header .container nav a.brand,header .container nav span.dropdown.brand {
        height: 2rem;
        top: 1rem;
    }

    body:not(.theme-dark) header .container nav a,body:not(.theme-dark) header .container nav span.dropdown {
        color: #222;
    }

    main .lazy-wrap #banner img {
    
        object-position: 50% 20%;

    }

    .board-list .board-item {
        /*为关于，友链页面链接增加边框*/
        border: solid 1px rgba(0, 0, 0, .86) !important;
    }

    .board-list .board-item:hover .board-title{
        /*关于，友链页面的链接，hover时变换颜色*/
       color: rgb(193 100 100 / 86%) !important;
    }

    .board-list .board-item:hover {
        /*关于，友链页面的链接，hover时保持边框*/
        border: solid 1px rgba(0, 0, 0, .86) !important;
    }

}