html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, code, del, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
}

body {
    font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}

input:focus {
    outline:0
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

ol, ul {
    list-style:none
}

th, td {
    vertical-align:middle
}

a {
    text-decoration:none;
    color:#333
}

a:hover {
    color: var(--bs-primary);
    text-decoration:none;
}

a:hover img {
    text-decoration:none
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-primary);
}

@media (min-width: 768px) {
    .mw-md-300px {
        max-width: 300px !important;
    }
    .navbar-nav .nav-link{
        padding-left: 25px!important;
        padding-right: 25px!important;
    }
}

/* 移动端优化 */
@media (max-width: 767.98px) {

}

:root {
    --theme-color:#206be7;
    --theme-hover:#1162e8;
    --action-color:#206be7;
    --theme-base-color:#fff;
    --theme-body-bg-color:#f5f5f5;
    --theme-el-bg-color:#fff;
    --theme-color-h:0;
    --theme-color-s:0%;
    --theme-color-l:10%;
    --theme-color-hsl:var(--theme-color-h), var(--theme-color-s), var(--theme-color-l);
    --theme-black-color:hsl(var(--theme-color-hsl));
    --theme-gray-color:hsla(var(--theme-color-hsl), .8);
    --theme-light-color:hsla(var(--theme-color-hsl), .6);
    --theme-line-color:hsla(var(--theme-color-hsl), .07);
    --theme-border-color:hsla(var(--theme-color-hsl), .2);
    --theme-font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    --theme-sidebar-width:300px;
    --theme-content-sidebar-gap:40px;
    --theme-border-radius-xl:12px;
    --theme-border-radius-l:8px;
    --theme-border-radius-m:5px;
    --theme-border-radius-s:3px
}

main article h1{
    font-size:24px;
    line-height:1.4;
    margin-bottom:20px;
    margin-top:0;
    font-weight: bold;
}

@media (max-width:767px) {
    main article h1 {
        font-size:22px
    }
}

main article .content {
    color:var(--theme-black-color);
    font-size:16px;
    line-height:1.8;
    margin-bottom:30px;
    position:relative
}

main article .content:after, main article .content:before {
    content:" ";
    display:table
}

main article .content:after {
    clear:both
}

main article .content .h1, main article .content .h2, main article .content .h3, main article .content h1, main article .content h2, main article .content h3 {
    font-weight:600;
    line-height:1.4;
    margin:32px 0 16px
}

main article .content h4, main article .content h5 {
    font-weight:500
}

main article .content .h1, main article .content h1 {
    font-size:24px
}

main article .content .h2, main article .content h2 {
    border-bottom:1px solid var(--theme-line-color);
    font-size:22px;
    padding-bottom:12px
}

main article .content .h3, main article .content h3 {
    font-size:20px
}

main article .content > .h3, main article .content > h3 {
    border:none;
    line-height:1.46;
    padding-left:18px;
    position:relative
}

main article .content > .h3:before, main article .content > h3:before {
    background-color:var(--theme-color);
    background-image:linear-gradient(180deg, hsla(0, 0%, 100%, .15), transparent);
    border-radius:var(--theme-border-radius-s, 3px);
    content:"";
    height:calc(100% - 8px);
    left:0;
    position:absolute;
    top:4px;
    width:3px
}

main article .content p {
    line-height:1.8;
    margin-bottom:20px;
    word-wrap:break-word
}

main article .content p > img {
    vertical-align:baseline
}

@media (max-width:767px) {
    main article .content p {
        text-align:justify
    }
}

main article .content img {
    margin:0 auto;
}

main article .content ol, main article .content ul {
    list-style-position:outside;
    margin-bottom:20px;
    padding-left:2em
}

main article .content li {
    line-height:1.46;
    margin-bottom:.5em
}

main article .content img {
    height:auto
}

main article .content img, main article .content video {
    max-width:100%;
    vertical-align:top
}

@media (max-width:767px) {
    main article .content video:not(.art-video) {
        display:block;
        height:auto;
        width:100%
    }
}

main article .content video::-internal-media-controls-download-button {
    display:none
}

main article .content video::-webkit-media-controls-enclosure {
    overflow:hidden
}

main article .content video::-webkit-media-controls-panel {
    width:calc(100% + 30px)
}

main article .content audio {
    max-width:100%;
    vertical-align:top
}

@media (max-width:767px) {
    main article .content audio {
        display:block;
        width:100%
    }
}

.tags a {
    background:hsla(var(--theme-color-hsl), .05);
    box-shadow:0 0 1px rgba(0, 0, 0, .1);
    color:var(--theme-black-color);
    line-height:14px;
    margin:0 10px 5px 0;
    padding:4px 10px 4px 0
}

.tags a, .tags a:before {
    border-radius:var(--theme-border-radius-m);
    display:inline-block;
    font-size:14px
}

.tags a:before {
    background:var(--theme-color);
    color:#fff;
    content:"#";
    line-height:inherit;
    margin:-4px 6px -4px 0;
    padding:4px 7px;
    vertical-align:top
}

.tags a:focus, .tags a:hover {
    background:var(--theme-hover);
    color:#fff;
    text-decoration:none
}

@media (max-width: 576px) {
    .list-group-item {
        padding: 0.75rem 1rem;
    }
    .list-group-item .badge {
        font-size: 0.75em;
        padding: 0.35em 0.65em;
    }
}