body {
    color: #fff
}

.bg-dark .nav>li>a:focus,
.bg-dark .nav>li>a:hover {
    background-color: rgba(0, 0, 0, .3)
}

.panel .list-group-item {
    border-color: rgba(255, 255, 255, .15)
}

.bg-dark .nav .open>a {
    background-color: rgba(0, 0, 0, .3)
}

.bg-dark .nav>li.active>a,
.bg-dark .nav>li:focus>a,
.bg-dark .nav>li:hover>a {
    color: #fff;
    background-color: rgba(0, 0, 0, .3)
}

.bg-dark a {
    color: #fff
}

.app:before {
    background-color: rgba(255, 255, 255, .15) !important
}

.app-aside:before {
    background-color: rgba(0, 0, 0, .14) !important;
    width: 100%
}

@media (min-width:767px) {
    .app-aside:before {
        width: inherit;
        background: rgba(255, 255, 255, .3) !important
    }
}

.bg-light .bg,
.bg-light.bg {
    background-color: rgba(255, 255, 255, .3)
}

#sidebar {
    background: 0 0 !important
}

.asideBar {
    background: 0 0 !important
}

#post-panel {
    background: rgba(255, 255, 255, .15)
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: rgba(0, 0, 0, .4)
    }
}

.bg-light .lter,
.bg-light.lter {
    background: 0 0
}

.bg-light .dk,
.bg-light.dk {
    background-color: rgba(255, 255, 255, .15)
}

.bg-light {
    color: #fff;
    background: rgba(255, 255, 255, .15)
}

.panel {
    background-color: rgba(255, 255, 255, .3)
}

.panel-small {
    background: rgba(255, 255, 255, .3)
}

.b-b {
    border: none
}

.text-black {
    color: #fff
}

.text-muted {
    color: rgba(255, 255, 255, .8)
}

.bg-dark {
    color: rgba(255, 255, 255, .85);
    background-color: rgba(0, 0, 0, .3)
}

.bg-dark .text-lt {
    color: #fff !important
}

.b-l {
    border-left: 1px solid rgba(255, 255, 255, 0)
}

.b-r {
    border-left: 1px solid rgba(255, 255, 255, 0)
}

.list-group-item {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, .15)
}

.badge {
    background-color: rgba(255, 255, 255, .35);
    color: #fff
}

.bg-dark .nav>li>a {
    color: #fff
}

.streamline.b-l {
    border-left: 1px solid rgba(255, 255, 255, .15)
}

.streamline {
    background: rgba(255, 255, 255, .3);
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px
}

.alert-warning {
    color: #fff;
    background-color: rgba(252, 248, 227, .3);
    border-color: rgba(250, 235, 204, 0)
}

.bg-dark a {
    color: #fff
}

.bg-dark .dk,
.bg-dark.dk {
    background-color: rgba(0, 0, 0, .3)
}

.b-t {
    border-top: 1px solid rgba(255, 255, 255, 0)
}

.b-a {
    border: 1px solid rgba(255, 255, 255, 0)
}

.bg-white,
.bg-white-only {
    color: #fff;
    background-color: rgba(255, 255, 255, .3)
}

.app-header-fixed #header_left.bg-white {
    background: rgba(255, 255, 255, .3)
}

.cool-transparent .aside-wrap .navi-wrap .dropdown.wrapper .avatar img {
    box-shadow: none
}

.b-light,
.b-normal {
    border-color: rgba(255, 255, 255, .15)
}

.dropdown-menu {
    background: rgba(0, 0, 0, .4)
}

.bg-white .text-muted {
    color: rgba(255, 255, 255, .8) !important
}

.bg-white-pure {
    background: rgba(255, 255, 255, .3)
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .3) !important;
    background-image: none;
    filter: none
}

.dropdown-menu>li>a {
    color: #fff
}

.comment-content-true a,
.wrapper-lg .entry-content a {
    color: rgba(255, 255, 255, .65);
    border-bottom: 1px solid rgba(255, 255, 255, .65)
}

.comment-content-true a:hover,
.wrapper-lg .entry-content a:hover {
    color: #fff;
    border-bottom-color: #fff
}

.page-navigator>.current>a,
.page-navigator>.current>a:focus,
.page-navigator>.current>a:hover,
.page-navigator>.current>span,
.page-navigator>.current>span:focus,
.page-navigator>.current>span:hover {
    background-color: rgba(0, 0, 0, .35);
    border-color: rgba(255, 255, 255, 0)
}

.page-navigator>li>a,
.page-navigator>li>span {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid transparent
}

.page-navigator>li>a:focus,
.page-navigator>li>a:hover,
.page-navigator>li>span:focus,
.page-navigator>li>span:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border-color: transparent
}

.nav-tabs-alt .nav-tabs>li.active>a {
    border-bottom-color: #fff !important
}

.nav-tabs-alt .nav-tabs>li>a {
    border-bottom-color: rgba(255, 255, 255, .15) !important
}

.entry-content {
    background: rgba(255, 255, 255, 0)
}

.pager li>a,
.pager li>span {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .15)
}

.show-foot .notebook {
    color: #fff
}

.show-foot .copyright {
    color: #fff
}

.article__reward-info {
    color: #fff
}

.form-control {
    border-color: rgba(255, 255, 255, 0)
}

.secret_comment_textarea {
    background: #00000052 !important;
    border-color: #fff0 !important
}

.hideContent {
    background: rgba(0, 0, 0, .3)
}

.breadcrumb>.active {
    color: #fff
}

.bg-dark .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

#post-content h1,
#post-content h2,
#post-content h3,
#post-content h4,
#post-content h5,
#post-content h6 {
    color: #fff
}

#post-content blockquote {
    background: rgba(255, 255, 255, .3);
    color: #fff
}

.vditor-reset code:not(.hljs):not(.highlight-chroma),
code {
    color: #fff;
    background-color: rgba(255, 255, 255, .3)
}

.well,
pre {
    border-color: rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .3);
    color: #fff
}

table tr {
    border-top: 1px solid rgba(255, 255, 255, .15);
    background-color: rgba(255, 255, 255, .3)
}

table tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, .5)
}

table td,
table th {
    border: 1px solid rgba(255, 255, 255, .15)
}

#search_input::-webkit-input-placeholder {
    color: #fff
}

#search_input:hover {
    background: rgba(255, 255, 255, .3)
}

#search_input:hover+#search_submit {
    background: rgba(255, 255, 255, .3)
}

#search_input:focus {
    background: rgba(255, 255, 255, .3)
}

#search_input:focus+#search_submit {
    background: rgba(255, 255, 255, .3)
}

textarea#comment::-webkit-input-placeholder {
    color: #fff
}

.comment-children .time-machine.panel {
    background: 0 0
}

textarea#comment {
    background-color: rgba(250, 253, 255, .3) !important
}

.form-control:focus {
    color: #fff;
    background: rgba(255, 255, 255, .3)
}

.tocify .active {
    background-color: rgba(255, 255, 255, .3)
}

#toc {
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.tocify li {
    border: 1px solid rgba(255, 255, 255, .15)
}

.aplayer .aplayer-info .aplayer-music .aplayer-title,
.aplayer .aplayer-list ol li .aplayer-list-title {
    color: #777
}

#handsome_global_player .aplayer .aplayer-info .aplayer-music .aplayer-title {
    color: #fff
}

#handsome_global_player .aplayer-time.aplayer-time-narrow svg {
    color: #fff
}

#handsome_global_player .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill: #fff
}

#handsome_global_player .aplayer .aplayer-lrc p {
    color: rgba(255, 255, 255, .6)
}

#handsome_global_player .aplayer .aplayer-lrc p.aplayer-lrc-current {
    color: #fff
}

#handsome_global_player .aplayer .aplayer-info .aplayer-music .aplayer-author {
    color: rgba(255, 255, 255, .6)
}

#handsome_global_player .aplayer-list li .aplayer-list-index {
    color: rgba(255, 255, 255, .9)
}

#handsome_global_player .aplayer .aplayer-list ol li .aplayer-list-title {
    color: #fff
}

#handsome_global_player .aplayer .aplayer-list ol li .aplayer-list-author {
    color: rgba(255, 255, 255, .6)
}

#handsome_global_player .aplayer-list li {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

#handsome_global_player .aplayer-list li:hover {
    background-color: rgba(255, 255, 255, .3)
}

#handsome_global_player .aplayer-list li.aplayer-list-light {
    background-color: rgba(233, 233, 233, .3)
}

#handsome_global_player .aplayer-list {
    background: rgba(0, 0, 0, .4);
    color: #fff
}

#handsome_global_player .aplayer-lrc {
    text-shadow: 0 0 0 #fff, 0 1px 4px #000
}

.setting_body.toc-mobile-body .panel-body a {
    color: #fff
}

.setting_body.toc-mobile-body .panel-body a:hover {
    color: #fff
}

.right_panel {
    background-color: rgba(0, 0, 0, .4)
}

.panel-default {
    border-color: rgba(255, 255, 255, .15)
}

.panel-footer {
    border-color: rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .3)
}

.topButton>.btn {
    background: rgba(255, 255, 255, .3) !important;
    border-color: rgba(255, 255, 255, .15)
}

.settings>.btn {
    background: rgba(255, 255, 255, .3) !important;
    border-color: rgba(222, 229, 231, 0)
}

.normal-widget {
    background: rgba(255, 255, 255, .3) !important;
    color: #fff
}

.panel-default>.panel-heading {
    color: #fff
}

.panel-default .panel-heading {
    background-color: rgba(255, 255, 255, .3)
}

.panel-default>.panel-footer,
.panel-default>.panel-heading {
    border-color: rgba(255, 255, 255, .15);
    background: rgba(0, 0, 0, .3)
}

.btn-default {
    color: #fff !important
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .15)
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    border-color: rgba(255, 255, 255, .15)
}

.OwO .OwO-body .OwO-items .OwO-item {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.OwO-title {
    color: #fff
}

.OwO .OwO-body {
    color: #fff;
    background: rgba(255, 255, 255, .3);
    border: 1px solid rgba(255, 255, 255, .15)
}

.OwO .OwO-body .OwO-bar {
    color: #fff;
    background-color: rgba(0, 0, 0, .3)
}

.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
    background: rgba(255, 255, 255, .3)
}

.OwO .OwO-body .OwO-bar .OwO-packages li:hover {
    background: rgba(255, 255, 255, .3)
}

.OwO.OwO-open .OwO-logo {
    color: rgba(255, 255, 255, .85)
}

.OwO .OwO-logo:hover {
    color: #fff
}

.OwO .OwO-logo {
    color: rgba(255, 255, 255, .8);
    border: 1px solid rgba(228, 232, 237, 0);
    background: rgba(255, 255, 255, .3)
}

.form-control {
    color: #fff;
    background-color: rgba(255, 255, 255, .3)
}

.form-control::-webkit-input-placeholder {
    color: #fff
}

.pager li>a:focus,
.pager li>a:hover {
    background-color: rgba(255, 255, 255, .5)
}

.album-thumb,
.image-thumb {
    background: rgba(0, 0, 0, .3)
}

.layout {
    color: #fff
}

.album-thumb:after,
.album-thumb:before {
    content: none
}

.btn-default {
    background-color: rgba(255, 255, 255, .3)
}

.modal-content {
    background: rgba(0, 0, 0, .3)
}

.post-tags a {
    background-color: rgba(207, 218, 221, .4)
}

.modal-header {
    background-color: rgba(255, 255, 255, .3)
}

.preview .post-inser:hover {
    background: rgba(245, 248, 250, .3)
}

.tip.inlineBlock {
    color: #666
}

.wrapper-lg .entry-content .tip.inlineBlock.share a {
    color: #888 !important
}

@media (max-width:767px) {
    .navbar-collapse {
        background: rgba(0, 0, 0, .5)
    }
}

.hljs {
    color: #fff
}

.streamline {
    margin-top: 25px
}

@media (min-width:768px) {
    .bg-auto:before {
        top: 50px;
        border: none;
        background: rgba(255, 255, 255, .3)
    }

    .app-aside-dock .bg-auto:before {
        top: 90px
    }

    .links_page .left_side {
        background: 0 0;
        border: none
    }

    .app-aside-dock .app-aside .navi>ul>li .nav-sub {
        background: rgba(0, 0, 0, .4)
    }
}

.img-square.normal-shadow,
img.img-full.img-circle.normal-shadow {
    box-shadow: none
}

.link-tab-container .nav-tabs.nav-justified>li>a {
    border: none
}

.link-tab-container .tab-content {
    background-color: transparent;
    border: none
}

.link-main .item {
    background: rgba(255, 255, 255, .3);
    border: none
}

.link-main .item:hover {
    background: rgba(255, 255, 255, .45)
}

.link-tab-container .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .45)
}

.link-tab-container .nav>li>a:focus,
.nav>li>a:hover {
    background-color: rgba(255, 255, 255, .2)
}

.link-tab-container .nav-tabs {
    border: none;
    background-color: rgba(255, 255, 255, .3)
}

.link-main .info {
    color: #fff;
    padding: 0 1em 1em
}

.link-tab-container .nav-tabs.nav-justified>.active>a,
.link-tab-container .nav-tabs.nav-justified>.active>a:focus,
.link-tab-container .nav-tabs.nav-justified>.active>a:hover {
    border: none
}

.bg-light .lt,
.bg-light.lt {
    background-color: rgba(255, 255, 255, .3)
}

.nav-tabs>li.active>a {
    background-color: rgba(255, 255, 255, .45)
}

.tab-container .tab-content {
    background: rgba(255, 255, 255, .3)
}

a.list-group-item.hover,
a.list-group-item:focus,
a.list-group-item:hover {
    background-color: rgba(255, 255, 255, .3)
}

.tocify-mobile-panel>.btn {
    background-color: rgba(255, 255, 255, .5) !important
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.text-title {
    color: #fff
}

.nav-tabs-alt .nav-tabs>li>a {
    color: #fff !important
}

.bg-white .dk,
.bg-white .dker,
.bg-white .lt,
.bg-white .lter {
    background-color: rgba(255, 255, 255, .3)
}

#search_submit button {
    color: #fff
}

.navi ul.nav li a span {
    opacity: 1
}

.post_tab .nav {
    background: rgba(255, 255, 255, .3)
}

.navi-wrap nav li i {
    color: #fff
}

.navs-slider-bar {
    color: #fff
}

#toc {
    background: rgba(255, 255, 255, .3)
}

table th {
    background-color: rgba(248, 248, 248, .5)
}

.tocify .active,
.vditor-outline__item--current,
.vditor-outline__item:hover {
    background-color: rgba(243, 243, 243, .3)
}

.like_button {
    background: rgba(243, 243, 243, .3);
    color: #efefef
}

.like_button:hover {
    color: #efefef;
    background: rgba(248, 248, 248, .5)
}

.btn.btn-light {
    color: #777
}

.new-nav-tab {
    background: rgba(255, 255, 255, .3)
}

.new-nav-tab .navs-slider-bar {
    background: rgba(255, 255, 255, .15)
}

.post-item-foot {
    background: rgba(255, 255, 255, 0)
}

.app-footer .footer_wrapper {
    background: rgba(255, 255, 255, .3)
}

#tag_cloud .badge:hover,
#tag_cloud-post a:hover {
    background: rgba(255, 255, 255, .3)
}