body { background: #f6f8fa; color: #24292e; }
#navBar { position: sticky; top: 0; z-index: 10; }
main { min-height: calc(100vh - 146px); }
.post-card, .profile-card, #tags { border-color: rgba(27, 31, 35, .15); box-shadow: none; }
.post-card h2 a { color: #24292e; }
.post-card h2 a:hover, a:hover { color: #dc3545; text-decoration: none; }
.post-summary { line-height: 1.9; color: #586069; }
.post-cover { display: block; width: 100%; max-height: 160px; object-fit: cover; border-radius: .25rem; }
.detail-cover { max-width: 100%; border-radius: .25rem; }
.profile-avatar { width: 96px; height: 96px; object-fit: cover; }
.profile-stat small, .profile-stat strong { display: block; }
.profile-stat small { color: #6c757d; font-size: .78rem; }
.profile-stat strong { margin-top: .35rem; font-size: 1.35rem; font-weight: 500; }
#tags { position: sticky; top: 88px; max-height: calc(100vh - 108px); overflow-y: auto; }
.tag { display: inline-block; margin: .35rem .15rem; font-size: .85rem; }
.tag-left, .tag-right { display: inline-block; border: 1px solid #d6d6d6; padding: .22rem .45rem; }
.tag-left { border-radius: .25rem 0 0 .25rem; background: #f5f5f5; }
.tag-right { margin-left: -5px; border-left: 0; border-radius: 0 .25rem .25rem 0; background: #e7e7e7; color: #586069; }
.title-list { list-style: none; position: relative; padding-left: 2rem; }
.title-list:before { content: ''; position: absolute; left: .9rem; top: -1rem; bottom: -1rem; border-left: 2px solid rgba(27,31,35,.15); }
.title-list li { line-height: 2.5rem; position: relative; }
.title-list li:before { content: ''; position: absolute; left: -1.58rem; top: .72rem; width: .9rem; height: .9rem; background: #fff; border: 2px solid rgba(27,31,35,.15); border-radius: 50%; }
.markdown-body { font-size: 16px; line-height: 1.75; }
.markdown-body img { max-width: 100%; }
.markdown-body pre { padding: 1rem; background: #f6f8fa; border-radius: .25rem; overflow: auto; }
.markdown-body code { color: #24292e; }
.markdown-body .headerlink { display: none; }
#toc { font-size: .87rem; }
.toc-inner { position: sticky; top: 88px; max-height: calc(100vh - 108px); overflow-y: auto; border-left: 2px solid rgba(27,31,35,.15); padding-left: .7rem; }
.toc-title { margin-bottom: .45rem; font-weight: 600; }
#toc a { display: block; overflow: hidden; color: #586069; line-height: 1.65; text-overflow: ellipsis; white-space: nowrap; }
#toc a:hover { color: #dc3545; }
#toc .toc-level-2 { padding-left: .6rem; }
#toc .toc-level-3 { padding-left: 1.2rem; }
#toc .toc-level-4, #toc .toc-level-5, #toc .toc-level-6 { padding-left: 1.8rem; }
.back-top { display: none; position: fixed; z-index: 20; right: 1rem; bottom: 1.5rem; width: 2rem; height: 2rem; border: 0; border-radius: 50%; color: #fff; background: rgba(0,0,0,.45); }
@media (max-width: 1199.98px) { #tags { position: static; max-height: none; } }
@media (max-width: 991.98px) { #right { order: -1; } #left { margin-top: 1rem; } }