tona-vite 0.0.1

package/public/css/blog-common.min.css

@@ -0,0 +1,5049 @@
+.navbar a:link,.navbar a:active,.navbar a:visited {
+    color: #666;
+    text-decoration: none
+}
+
+.navbar a:hover {
+    color: #666;
+    text-decoration: underline
+}
+
+.navbar>nav .navbar-avatar {
+    border-radius: 50%
+}
+
+.post-item .avatar {
+    border-radius: 0;
+    padding: 1px;
+    border: 1px solid #ccc;
+    float: left;
+    margin-right: 5px;
+    margin-top: 3px
+}
+
+.dropdown {
+    display: inline-flex;
+    position: relative
+}
+
+.dropdown .hidden {
+    display: none
+}
+
+@media screen and (min-width: 769px) {
+    .dropdown:hover .dropdown-menu.quick-search-menu {
+        max-height:0
+    }
+
+    .dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu.quick-search-menu {
+        max-height: 1000px;
+        z-index: 1000
+    }
+
+    .dropdown:focus-within .focus-hidden {
+        display: none
+    }
+
+    .dropdown:focus-within .focus-visible {
+        display: block
+    }
+}
+
+.dropdown>.dropdown-button {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    white-space: nowrap
+}
+
+.dropdown>.dropdown-button>*:not(:first-child) {
+    margin-left: 10px
+}
+
+.dropdown>.dropdown-menu {
+    padding-left: 10px;
+    padding-right: 10px;
+    -webkit-transition: all .5s ease,max-height .5s ease;
+    -o-transition: all .5s ease,max-height .5s ease;
+    transition: all .5s ease,max-height .5s ease;
+    max-height: 0;
+    overflow: hidden;
+    left: unset;
+    display: block;
+    position: absolute;
+    top: 100%;
+    border-radius: 5px;
+    min-width: 5em;
+    -webkit-box-shadow: 2px 2px 13px 0 rgba(212,212,212,.5);
+    box-shadow: 2px 2px 13px 0 rgba(212,212,212,.5);
+    background-color: #f9f9f9
+}
+
+.dropdown>.dropdown-menu>*:not(:first-child) {
+    margin-top: 10px
+}
+
+.dropdown>.dropdown-menu>* {
+    display: block
+}
+
+.dropdown>.dropdown-menu>*:first-child {
+    margin-top: 10px
+}
+
+.dropdown>.dropdown-menu>*:last-child {
+    margin-bottom: 10px
+}
+
+.navbar {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #fff;
+    padding-left: 40px;
+    padding-right: 40px;
+    padding-top: 5px;
+    padding-bottom: 5px
+}
+
+.navbar>.navbar-mobile {
+    display: none
+}
+
+.navbar>nav {
+    display: flex;
+    font-size: 15px;
+    color: #666;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%
+}
+
+.navbar>nav .navbar-branding {
+    width: 80px;
+    flex-shrink: 0;
+    margin-right: 5px
+}
+
+.navbar>nav .navbar-branding img {
+    display: block;
+    max-height: 28px;
+    height: 28px;
+    margin-left: 10px
+}
+
+.navbar-branding svg {
+    height: 40px;
+    font-weight: normal;
+    max-height: 40px
+}
+
+.navbar>nav .navbar-left>*:not(:first-child) {
+    margin-left: 24px
+}
+
+@media screen and (min-width: 768px) and (max-width:1023px) {
+    .navbar>nav .navbar-left>*:not(:first-child) {
+        margin-left:16px
+    }
+}
+
+.navbar>nav .navbar-right>*:not(:first-child),.navbar>nav #navbar_login_status>*:not(:first-child) {
+    margin-left: 16px
+}
+
+.navbar>nav #navbar_login_status {
+    min-width: 120px
+}
+
+.navbar>nav .navbar-list {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    flex-wrap: nowrap;
+    list-style: none;
+    white-space: nowrap;
+    transition: width .5s ease
+}
+
+.navbar>nav .navbar-list>* {
+    flex-shrink: 0
+}
+
+.navbar>nav .navbar-search {
+    padding-left: 20px;
+    padding-right: 20px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    border-radius: 6px;
+    background-color: #f4f4f4;
+    height: 32px
+}
+
+.navbar>nav .navbar-search:focus-within {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0
+}
+
+.navbar>nav .navbar-anonymous,.navbar>nav .navbar-user-info {
+    display: none
+}
+
+.navbar>nav .navbar-search img {
+    width: 16px;
+    height: 16px
+}
+
+.navbar>nav .navbar-search>input {
+    border: none;
+    outline: none;
+    background: none;
+    width: 160px;
+    font-size: inherit
+}
+
+@media(min-width: 768px) and (max-width:1023px) {
+    .navbar>nav .navbar-search>input {
+        width:100px
+    }
+}
+
+.navbar>nav .navbar-search>button {
+    background: none;
+    border: none;
+    cursor: pointer
+}
+
+.navbar>nav .navbar-search>input::-webkit-input-placeholder {
+    color: #afafaf;
+    opacity: 1
+}
+
+.navbar>nav .navbar-search>input::-moz-placeholder {
+    color: #afafaf;
+    opacity: 1
+}
+
+.navbar>nav .navbar-search>input:-ms-input-placeholder {
+    color: #afafaf;
+    opacity: 1
+}
+
+.navbar>nav .navbar-search>input::-ms-input-placeholder {
+    color: #afafaf;
+    opacity: 1
+}
+
+.navbar>nav .navbar-search>input::placeholder {
+    color: #afafaf;
+    opacity: 1
+}
+
+.navbar>nav .navbar-icon {
+    display: block;
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0
+}
+
+.navbar #new_post_icon {
+    width: 20px;
+    height: 20px
+}
+
+.navbar>nav .navbar-icon-wrapper {
+    position: relative
+}
+
+.navbar #msg_count {
+    display: inline-block;
+    position: absolute;
+    bottom: -3px;
+    right: -6px;
+    width: 11px;
+    height: 11px;
+    line-height: 11px;
+    border-radius: 50%;
+    color: #fff;
+    background: #f00;
+    font-size: 8px;
+    text-align: center;
+    white-space: nowrap
+}
+
+.navbar #msg_icon {
+    width: 24px;
+    height: 24px
+}
+
+.navbar #user_icon {
+    width: 24px;
+    height: 24px
+}
+
+.navbar>nav .navbar-avatar {
+    display: block;
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0
+}
+
+.navbar-right .dropdown-menu {
+    right: 0
+}
+
+.dropdown {
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    position: relative
+}
+
+@media screen and (min-width: 769px) {
+    .dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown:active .dropdown-menu {
+        max-height:1000px;
+        z-index: 1000
+    }
+}
+
+.dropdown>.dropdown-button {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    white-space: nowrap
+}
+
+.dropdown>.dropdown-button>*:not(:first-child) {
+    margin-left: 10px
+}
+
+.dropdown>.dropdown-menu.quick-search-menu {
+    left: 0;
+    padding-left: 0;
+    padding-right: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0
+}
+
+.dropdown>.dropdown-menu.quick-search-menu>* {
+    display: flex;
+    align-items: center;
+    justify-content: space-between
+}
+
+.dropdown>.dropdown-menu.quick-search-menu .search-area {
+    font-size: 12px;
+    padding: 2px 4px;
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #ccc
+}
+
+.dropdown>.dropdown-menu.quick-search-menu .keyword-wrapper {
+    display: flex;
+    align-items: center;
+    min-width: 0
+}
+
+.dropdown>.dropdown-menu.quick-search-menu .keyword-wrapper img {
+    width: 1em;
+    height: 1em
+}
+
+.dropdown>.dropdown-menu.quick-search-menu .keyword {
+    min-width: 1px;
+    flex-grow: 1;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 0 10px
+}
+
+.dropdown>.dropdown-menu.quick-search-menu>*:first-child {
+    margin-top: 0
+}
+
+.dropdown>.dropdown-menu.quick-search-menu>*:not(:first-child) {
+    margin-top: 0
+}
+
+.dropdown>.dropdown-menu.quick-search-menu>*:last-child {
+    margin-bottom: 0;
+    padding-bottom: 10px
+}
+
+.dropdown>.dropdown-menu.quick-search-menu>* {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 5px 10px
+}
+
+.quick-search-menu>*:hover {
+    background-color: rgba(0,0,0,.01);
+    cursor: pointer
+}
+
+.quick-search-menu>.active {
+    background-color: rgba(0,0,0,.05)
+}
+
+.dropdown>.dropdown-menu {
+    padding-left: 10px;
+    padding-right: 10px;
+    -webkit-transition: all .5s ease,max-height .5s ease;
+    -o-transition: all .5s ease,max-height .5s ease;
+    transition: all .5s ease,max-height .5s ease;
+    max-height: 0;
+    overflow: hidden;
+    position: absolute;
+    top: 100%;
+    border-radius: 5px;
+    min-width: 5em;
+    -webkit-box-shadow: 2px 2px 13px 0 rgba(212,212,212,.5);
+    box-shadow: 2px 2px 13px 0 rgba(212,212,212,.5);
+    background-color: #f9f9f9
+}
+
+.dropdown>.dropdown-menu>*:not(:first-child) {
+    margin-top: 10px
+}
+
+.dropdown>.dropdown-menu>* {
+    display: block
+}
+
+.dropdown>.dropdown-menu>*:first-child {
+    margin-top: 10px
+}
+
+.dropdown>.dropdown-menu>*:last-child {
+    margin-bottom: 10px
+}
+
+.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea,pre[class*="brush:"][class*="language-"],pre[class*="brush:"] {
+    -moz-border-radius: 0 0 0 0 !important;
+    -webkit-border-radius: 0 0 0 0 !important;
+    background: none !important;
+    border: 0 !important;
+    bottom: auto !important;
+    float: none !important;
+    height: auto !important;
+    left: auto !important;
+    line-height: 1.1em !important;
+    margin: 0 !important;
+    outline: 0 !important;
+    overflow: visible !important;
+    padding: 0 !important;
+    position: static !important;
+    right: auto !important;
+    text-align: left !important;
+    top: auto !important;
+    vertical-align: baseline !important;
+    width: auto !important;
+    box-sizing: content-box !important;
+    font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
+    font-weight: normal !important;
+    font-style: normal !important;
+    font-size: 1em !important;
+    min-height: inherit !important;
+    min-height: auto !important
+}
+
+pre[class*="brush:"][class*="language-"],pre[class*="brush:"] {
+    color: inherit;
+    font-size: 12px !important;
+    line-height: 1.8em !important
+}
+
+pre[class*="brush:"][class*="language-"]>code {
+    white-space: pre-wrap
+}
+
+pre[class*="gutter:true"] {
+    padding-left: 35px
+}
+
+.syntaxhighlighter {
+    width: 100% !important;
+    margin: 1em 0 1em 0 !important;
+    position: relative !important;
+    overflow: auto !important;
+    font-size: 1em !important
+}
+
+.syntaxhighlighter.source {
+    overflow: hidden !important
+}
+
+.syntaxhighlighter .bold {
+    font-weight: bold !important
+}
+
+.syntaxhighlighter .italic {
+    font-style: italic !important
+}
+
+.syntaxhighlighter .line {
+    white-space: pre !important
+}
+
+.syntaxhighlighter table {
+    width: 100% !important
+}
+
+.syntaxhighlighter table caption {
+    text-align: left !important;
+    padding: .5em 0 .5em 1em !important
+}
+
+.syntaxhighlighter table td.code {
+    width: 100% !important
+}
+
+.syntaxhighlighter table td.code .container {
+    position: relative !important;
+    z-index: 1
+}
+
+.syntaxhighlighter table td.code .container textarea {
+    box-sizing: border-box !important;
+    position: absolute !important;
+    left: 0 !important;
+    top: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+    border: none !important;
+    background: #fff !important;
+    padding-left: 1em !important;
+    overflow: hidden !important;
+    white-space: pre !important
+}
+
+.syntaxhighlighter table td.gutter .line {
+    text-align: right !important;
+    padding: 0 .5em 0 1em !important
+}
+
+.syntaxhighlighter table td.code .line {
+    padding: 0 1em !important
+}
+
+.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line {
+    padding-left: 0 !important
+}
+
+.syntaxhighlighter.show {
+    display: block !important
+}
+
+.syntaxhighlighter.collapsed table {
+    display: none !important
+}
+
+.syntaxhighlighter.collapsed .toolbar {
+    padding: .1em .8em 0 .8em !important;
+    font-size: 1em !important;
+    position: static !important;
+    width: auto !important;
+    height: auto !important
+}
+
+.syntaxhighlighter.collapsed .toolbar span {
+    display: inline !important;
+    margin-right: 1em !important
+}
+
+.syntaxhighlighter.collapsed .toolbar span a {
+    padding: 0 !important;
+    display: none !important
+}
+
+.syntaxhighlighter.collapsed .toolbar span a.expandSource {
+    display: inline !important
+}
+
+.syntaxhighlighter .toolbar {
+    position: absolute !important;
+    right: 1px !important;
+    top: 1px !important;
+    width: 11px !important;
+    height: 11px !important;
+    font-size: 10px !important;
+    z-index: 10 !important
+}
+
+.syntaxhighlighter .toolbar span.title {
+    display: inline !important
+}
+
+.syntaxhighlighter .toolbar a {
+    display: block !important;
+    text-align: center !important;
+    text-decoration: none !important;
+    padding-top: 1px !important
+}
+
+.syntaxhighlighter .toolbar a.expandSource {
+    display: none !important
+}
+
+.syntaxhighlighter.ie {
+    font-size: .9em !important;
+    padding: 1px 0 1px 0 !important
+}
+
+.syntaxhighlighter.ie .toolbar {
+    line-height: 8px !important
+}
+
+.syntaxhighlighter.ie .toolbar a {
+    padding-top: 0 !important
+}
+
+.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content {
+    background: none !important
+}
+
+.syntaxhighlighter.printing .line .number {
+    color: #bbb !important
+}
+
+.syntaxhighlighter.printing .line .content {
+    color: #000 !important
+}
+
+.syntaxhighlighter.printing .toolbar {
+    display: none !important
+}
+
+.syntaxhighlighter.printing a {
+    text-decoration: none !important
+}
+
+.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a {
+    color: #000 !important
+}
+
+.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a {
+    color: #008200 !important
+}
+
+.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a {
+    color: #00f !important
+}
+
+.syntaxhighlighter.printing .keyword {
+    color: #069 !important;
+    font-weight: bold !important
+}
+
+.syntaxhighlighter.printing .preprocessor {
+    color: #808080 !important
+}
+
+.syntaxhighlighter.printing .variable {
+    color: #a70 !important
+}
+
+.syntaxhighlighter.printing .value {
+    color: #090 !important
+}
+
+.syntaxhighlighter.printing .functions {
+    color: #ff1493 !important
+}
+
+.syntaxhighlighter.printing .constants {
+    color: #06c !important
+}
+
+.syntaxhighlighter.printing .script {
+    font-weight: bold !important
+}
+
+.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a {
+    color: #808080 !important
+}
+
+.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a {
+    color: #ff1493 !important
+}
+
+.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a {
+    color: #f00 !important
+}
+
+.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a {
+    color: #000 !important
+}
+
+.syntaxhighlighter {
+    background-color: #fff !important
+}
+
+.syntaxhighlighter .line.alt1 {
+    background-color: #fff !important
+}
+
+.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2 {
+    background-color: #e0e0e0 !important
+}
+
+.syntaxhighlighter .line.highlighted.number {
+    color: #000 !important
+}
+
+.syntaxhighlighter table caption {
+    color: #000 !important
+}
+
+.syntaxhighlighter .gutter {
+    color: #afafaf !important
+}
+
+.syntaxhighlighter .gutter .line {
+    border-right: 3px solid #6ce26c !important
+}
+
+.syntaxhighlighter .gutter .line.highlighted {
+    background-color: #6ce26c !important;
+    color: #fff !important
+}
+
+.syntaxhighlighter.printing .line .content {
+    border: none !important
+}
+
+.syntaxhighlighter.collapsed {
+    overflow: visible !important
+}
+
+.syntaxhighlighter.collapsed .toolbar {
+    color: #00f !important;
+    background: #fff !important;
+    border: 1px solid #6ce26c !important
+}
+
+.syntaxhighlighter.collapsed .toolbar a {
+    color: #00f !important
+}
+
+.syntaxhighlighter.collapsed .toolbar a:hover {
+    color: #f00 !important
+}
+
+.syntaxhighlighter .toolbar {
+    color: #fff !important;
+    background: #6ce26c !important;
+    border: none !important
+}
+
+.syntaxhighlighter .toolbar a {
+    color: #fff !important
+}
+
+.syntaxhighlighter .toolbar a:hover {
+    color: #000 !important
+}
+
+.syntaxhighlighter .plain,.syntaxhighlighter .plain a {
+    color: #000 !important
+}
+
+.syntaxhighlighter .comments,.syntaxhighlighter .comments a {
+    color: #008200 !important
+}
+
+.syntaxhighlighter .string,.syntaxhighlighter .string a {
+    color: #00f !important
+}
+
+.syntaxhighlighter .keyword {
+    color: #069 !important
+}
+
+.syntaxhighlighter .preprocessor {
+    color: #808080 !important
+}
+
+.syntaxhighlighter .variable {
+    color: #a70 !important
+}
+
+.syntaxhighlighter .value {
+    color: #090 !important
+}
+
+.syntaxhighlighter .functions {
+    color: #ff1493 !important
+}
+
+.syntaxhighlighter .constants {
+    color: #06c !important
+}
+
+.syntaxhighlighter .script {
+    font-weight: bold !important;
+    color: #069 !important;
+    background-color: none !important
+}
+
+.syntaxhighlighter .color1,.syntaxhighlighter .color1 a {
+    color: #808080 !important
+}
+
+.syntaxhighlighter .color2,.syntaxhighlighter .color2 a {
+    color: #ff1493 !important
+}
+
+.syntaxhighlighter .color3,.syntaxhighlighter .color3 a {
+    color: #f00 !important
+}
+
+.syntaxhighlighter .keyword {
+    font-weight: bold !important
+}
+
+.syntaxhighlighter code {
+    white-space: pre-wrap;
+    white-space: -moz-pre-wrap !important;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap
+}
+
+.syntaxhighlighter .line {
+    white-space: normal !important;
+    line-height: 1.8em !important
+}
+
+.syntaxhighlighter code {
+    line-height: 1.8em !important
+}
+
+.syntaxhighlighter .toolbar {
+    display: none
+}
+
+.syntaxhighlighter.collapsed .toolbar {
+    display: block;
+    background: #f5f5f5 !important;
+    border: 1px solid #ccc !important;
+    padding: .5em .8em .5em .8em !important
+}
+
+.syntaxhighlighter table td.code {
+    width: auto !important
+}
+
+.syntaxhighlighter .line.alt2 {
+    background-color: #f4f4f4 !important
+}
+
+.syntaxhighlighter .gutter {
+    width: 35px !important
+}
+
+.syntaxhighlighter .gutter .line {
+    border-right: 2px solid #6ce26c !important
+}
+
+.syntaxhighlighter table td.gutter .line {
+    padding: 0 .5em 0 .5em !important;
+    text-align: right !important
+}
+
+.syntaxhighlighter .keyword {
+    font-weight: normal !important;
+    color: #00f !important
+}
+
+.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea {
+    font-size: 12px !important
+}
+
+.sh-gutter .line,.sh-gutter code:not([class*="language-"]):not([class~="hljs"]) {
+    white-space: nowrap !important
+}
+
+body {
+    font-family: "PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;
+    tab-size: 4
+}
+
+input[type="button"] {
+    -webkit-appearance: button
+}
+
+img {
+    border: 0;
+    max-width: 100%;
+    height: auto
+}
+
+.hide {
+    display: none !important
+}
+
+.blog_topic {
+    margin-top: 10px;
+    margin-left: 2em
+}
+
+#blog_post_info_block {
+    margin-top: 20px
+}
+
+#BlogPostCategory,#BlogCollection {
+    margin-bottom: 10px
+}
+
+#EntryTag {
+    margin-top: 0 !important
+}
+
+.topicListFooter {
+    text-align: right;
+    margin-right: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px
+}
+
+#divRefreshComments {
+    text-align: right;
+    margin-right: 10px;
+    margin-bottom: 5px;
+    font-size: 12px
+}
+
+.commentTextBox {
+    width: 480px;
+    height: 220px
+}
+
+.commenttb {
+    width: 320px
+}
+
+.tb_comment_name {
+    width: 200px
+}
+
+#MyIng {
+    margin-top: 5px
+}
+
+.ing_title {
+    font-weight: bold;
+    text-align: center
+}
+
+.ing_body {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    word-break: break-all
+}
+
+.ing_date {
+    text-align: center;
+    color: #808080;
+    font-size: 11px
+}
+
+.ing_footer {
+    text-align: right;
+    margin-right: 5px
+}
+
+#divNewMsg {
+    margin-top: 2px;
+    text-align: center
+}
+
+.commentform table td input {
+    margin: 2px auto
+}
+
+.sendMsg2This:link,.sendMsg2This:visited,.sendMsg2This:active {
+    font-size: 12px;
+    text-decoration: none;
+    background: url("/images/icoMsg.gif") no-repeat top left;
+    padding-left: 20px
+}
+
+.sendMsg2This:hover {
+    background: url("/images/icoMsg.gif") no-repeat bottom left
+}
+
+#sidebar_news_container :not(pre,div)>code,.cnblogs-markdown :not(pre,div)>code,.blogpost-body:not(.cnblogs-markdown) :not(pre,div,td)>code {
+    font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,sans-serif;
+    font-size: 12px;
+    padding: 0 5px;
+    line-height: 1.8;
+    margin: 0 3px;
+    display: inline-block;
+    overflow-x: auto;
+    vertical-align: middle;
+    border-radius: 3px;
+    color: #c0341d;
+    background-color: rgba(0,0,0,.04);
+    border: none !important
+}
+
+code {
+    font-family: inherit
+}
+
+pre,pre code,pre code table,.hljs-engine pre,.hljs-engine pre code {
+    transition-duration: .2s;
+    transition-property: background,font-size,border-color,border-radius,border-width,padding,margin,color
+}
+
+pre.cnb-over-length-code-block {
+    transition-property: color,opacity,padding-top,padding-bottom,margin-top,margin-bottom,height,max-height
+}
+
+.prismjs-engine pre.line-numbers code span {
+    font-family: inherit
+}
+
+.cnblogs-markdown pre code,.blogpost-body pre code {
+    display: block;
+    line-height: 1.5;
+    margin: 0
+}
+
+.cnblogs-markdown pre .language-text,.blogpost-body pre code .language-text,.cnblogs-markdown pre .language-plaintext,.blogpost-body pre code .language-plaintext {
+    white-space: pre-wrap
+}
+
+.cnblogs_code {
+    background-color: #f5f5f5;
+    font-family: Courier New !important;
+    font-size: 12px !important;
+    border: 1px solid #ccc;
+    padding: 5px;
+    overflow: auto;
+    margin: 5px 0;
+    color: #000
+}
+
+.cnblogs_code pre code {
+    background-color: #f5f5f5;
+    color: initial;
+    font-family: inherit
+}
+
+span.cnblogs_code {
+    padding: 3px
+}
+
+.cnblogs_code div {
+    background-color: #f5f5f5
+}
+
+pre {
+    overflow: auto
+}
+
+.cnblogs_code pre {
+    font-family: Courier New,serif;
+    font-size: 12px;
+    word-wrap: break-word
+}
+
+.cnblogs_code span {
+    font-family: Courier New,serif;
+    font-size: inherit;
+    line-height: 1.5
+}
+
+.cnblogs_code_Collapse {
+    border-right: #808080 1px solid;
+    border-top: #808080 1px solid;
+    border-left: #808080 1px solid;
+    border-bottom: #808080 1px solid;
+    background-color: #fff;
+    padding: 2px
+}
+
+.cnblogs_code_collapse {
+    border-right: #808080 1px solid;
+    border-top: #808080 1px solid;
+    border-left: #808080 1px solid;
+    border-bottom: #808080 1px solid;
+    background-color: #fff;
+    padding: 2px
+}
+
+.cnblogs_code_hide {
+    display: none
+}
+
+.code_img_closed {
+    vertical-align: middle;
+    padding-right: 5px
+}
+
+.code_img_opened {
+    vertical-align: middle;
+    padding-right: 5px
+}
+
+.cnblogs_code_open {
+    margin-top: 5px
+}
+
+.codeLineNumber {
+    -moz-user-select: none;
+    color: #008080;
+    padding-right: 10px
+}
+
+.cnblogs_code ol {
+    margin-left: 0;
+    color: #008080
+}
+
+.cnblogs_code ol li {
+    list-style-image: none
+}
+
+.cnblogs_code ol li span {
+    color: #000
+}
+
+.cnblogs_code_toolbar a:hover,.cnblogs_code_toolbar a:link,.cnblogs_code_toolbar a:visited,.cnblogs_code_toolbar a:active,.cnblogs_code_toolbar a:link img,.cnblogs_code_toolbar a:visited img {
+    background-color: #f5f5f5 !important;
+    border: none !important
+}
+
+.desc_img {
+    float: right;
+    max-height: 200px;
+    width: 135px;
+    height: 76px;
+    object-fit: cover;
+    margin: 0 0 5px 5px
+}
+
+.MsoNormal {
+    font-size: 13px;
+    line-height: 150%
+}
+
+.div_my_zzk {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    display: flex;
+    align-items: center
+}
+
+.input_my_zzk {
+    vertical-align: middle;
+    height: 24px;
+    border-radius: 5px;
+    border-width: 1px;
+    width: 100%
+}
+
+input.btn_my_zzk {
+    vertical-align: middle;
+    height: 26px;
+    font-size: 12px;
+    padding-left: 5px;
+    padding-right: 5px;
+    cursor: pointer
+}
+
+pre {
+    margin-top: 0;
+    margin-bottom: 0
+}
+
+.divPostCommentBox {
+    float: left;
+    width: 500px
+}
+
+.CommentBoxNav {
+    width: 100px;
+    float: right;
+    margin-top: 20px;
+    line-height: 120%;
+    font-size: 12px
+}
+
+.comment_pager {
+    text-align: left;
+    padding-bottom: 5px
+}
+
+.comment_pager_current {
+    color: #f00
+}
+
+.dp-highlighter {
+    font-family: "Consolas","Courier New",Courier,mono,serif;
+    font-size: 12px;
+    overflow: auto;
+    margin: 18px 0 18px 0 !important;
+    word-break: break-word
+}
+
+.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span {
+    margin: 0;
+    padding: 0;
+    border: none
+}
+
+.dp-highlighter a,.dp-highlighter a:hover {
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0
+}
+
+.dp-highlighter .bar {
+    display: none
+}
+
+.dp-highlighter ol {
+    list-style: decimal;
+    background-color: #fff;
+    margin: 0 0 1px 45px !important;
+    padding: 0 !important;
+    color: #5c5c5c
+}
+
+.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li {
+    list-style: none !important;
+    margin-left: 0 !important
+}
+
+.dp-highlighter ol li,.dp-highlighter .columns div {
+    list-style: decimal-leading-zero;
+    list-style-position: outside !important;
+    border-left: 3px solid #6ce26c;
+    background-color: #f8f8f8;
+    color: #5c5c5c;
+    padding: 0 3px 0 10px !important;
+    margin: 0 !important;
+    line-height: 1.6
+}
+
+.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div {
+    border: 0
+}
+
+.dp-highlighter .columns {
+    background-color: #f8f8f8;
+    color: #808080;
+    overflow: hidden;
+    width: 100%
+}
+
+.dp-highlighter .columns div {
+    padding-bottom: 5px
+}
+
+.dp-highlighter ol li.alt {
+    background-color: #fff;
+    color: inherit
+}
+
+.dp-highlighter ol li span {
+    color: #000;
+    background-color: inherit
+}
+
+.dp-highlighter.collapsed ol {
+    margin: 0
+}
+
+.dp-highlighter.collapsed ol li {
+    display: none
+}
+
+.dp-highlighter.printing {
+    border: none
+}
+
+.dp-highlighter.printing .tools {
+    display: none !important
+}
+
+.dp-highlighter.printing li {
+    display: list-item !important
+}
+
+.dp-highlighter .tools {
+    padding: 3px 8px 3px 10px;
+    font: 9px Verdana,Geneva,Arial,Helvetica,sans-serif;
+    color: #c0c0c0;
+    background-color: #f8f8f8;
+    padding-bottom: 10px;
+    border-left: 3px solid #6ce26c
+}
+
+.dp-highlighter.nogutter .tools {
+    border-left: 0
+}
+
+.dp-highlighter.collapsed .tools {
+    border-bottom: 0
+}
+
+.dp-highlighter .tools a {
+    font-size: 9px;
+    color: #a0a0a0;
+    background-color: inherit;
+    text-decoration: none;
+    margin-right: 10px
+}
+
+.dp-highlighter .tools a:hover {
+    color: #f00;
+    background-color: inherit;
+    text-decoration: underline
+}
+
+.dp-about {
+    background-color: #fff;
+    color: #333;
+    margin: 0;
+    padding: 0
+}
+
+.dp-about table {
+    width: 100%;
+    height: 100%;
+    font-size: 11px;
+    font-family: Tahoma,Verdana,Arial,sans-serif !important
+}
+
+.dp-about td {
+    padding: 10px;
+    vertical-align: top
+}
+
+.dp-about .copy {
+    border-bottom: 1px solid #aca899;
+    height: 95%
+}
+
+.dp-about .title {
+    color: #f00;
+    background-color: inherit;
+    font-weight: bold
+}
+
+.dp-about .para {
+    margin: 0 0 4px 0
+}
+
+.dp-about .footer {
+    background-color: #eceadb;
+    color: #333;
+    border-top: 1px solid #fff;
+    text-align: right
+}
+
+.dp-about .close {
+    font-size: 11px;
+    font-family: Tahoma,Verdana,Arial,sans-serif !important;
+    background-color: #eceadb;
+    color: #333;
+    width: 60px;
+    height: 22px
+}
+
+.dp-highlighter .comment,.dp-highlighter .comments {
+    color: #008200;
+    background-color: inherit
+}
+
+.dp-highlighter .string {
+    color: #00f;
+    background-color: inherit
+}
+
+.dp-highlighter .keyword {
+    color: #069;
+    font-weight: bold;
+    background-color: inherit
+}
+
+.dp-highlighter .preprocessor {
+    color: #808080;
+    background-color: inherit
+}
+
+#digg_block {
+    margin-top: 10px
+}
+
+#author_profile {
+    float: left;
+    width: 280px;
+    margin-top: 0;
+    margin-bottom: 10px;
+    color: #000;
+    margin-left: 0;
+    font-size: 12px
+}
+
+#author_profile a:link,#author_profile a:visited,#author_profile a:acitve {
+    text-decoration: none
+}
+
+#author_profile a:hover {
+    text-decoration: underline
+}
+
+.author_avatar {
+    vertical-align: top;
+    float: left;
+    margin-right: 5px;
+    padding-top: 5px;
+    padding-left: 2px;
+    border: 0;
+    width: 48px;
+    height: 48px
+}
+
+.author_profile_title {
+    font-weight: bold;
+    color: #666
+}
+
+.author_profile_info {
+    float: left;
+    line-height: 18px
+}
+
+#div_digg {
+    float: right;
+    margin-bottom: 10px;
+    margin-right: 30px;
+    font-size: 12px;
+    width: 125px;
+    text-align: center;
+    margin-top: 10px
+}
+
+.diggit {
+    float: left;
+    width: 46px;
+    height: 52px;
+    background: url("//assets.cnblogs.com/images/upup.gif") no-repeat;
+    text-align: center;
+    cursor: pointer;
+    margin-top: 2px;
+    padding-top: 5px
+}
+
+.diggnum {
+    font-size: 14px;
+    color: #075db3;
+    font-family: Verdana
+}
+
+.buryit {
+    float: right;
+    margin-left: 20px;
+    width: 46px;
+    height: 52px;
+    background: url("//assets.cnblogs.com/images/downdown.gif") no-repeat;
+    text-align: center;
+    cursor: pointer;
+    margin-top: 2px;
+    padding-top: 5px
+}
+
+.burynum {
+    font-size: 14px;
+    color: #075db3;
+    font-family: Verdana
+}
+
+.diggword {
+    margin-top: 5px;
+    margin-left: 0;
+    font-size: 12px;
+    color: #808080
+}
+
+a.digg_gray:link {
+    color: #808080;
+    text-decoration: underline
+}
+
+a.digg_gray:visited {
+    color: #808080;
+    text-decoration: underline
+}
+
+a.digg_gray:hover {
+    color: #f00;
+    text-decoration: underline
+}
+
+a.digg_gray:active {
+    color: #808080;
+    text-decoration: underline
+}
+
+#div_digg a.tip:link,#div_digg a.tip:visited,#div_digg a.tip:hover,#div_digg a.tip:active {
+    color: #075db3;
+    text-decoration: none;
+    border-bottom: none
+}
+
+#div_digg a.tip:hover,#div_digg a.tip:active {
+    text-decoration: underline
+}
+
+a.site_hot:visited,a.site_hot:active,a.site_hot:link {
+    color: #f00;
+    text-decoration: none
+}
+
+a.site_hot:hover {
+    color: #f00;
+    text-decoration: underline
+}
+
+.ad_bottom_text {
+    line-height: 150%
+}
+
+#profile_block {
+    margin-top: 10px;
+    line-height: 1.5;
+    text-align: left
+}
+
+.ing_date {
+    color: #808080
+}
+
+.bq_post_comment {
+    margin: 0 0 5px 0;
+    font-style: normal;
+    line-height: 180%;
+    border: 1px solid #ddd;
+    padding: 10px
+}
+
+.bq_post_comment img {
+    max-width: 400px;
+    max-height: 300px
+}
+
+.bq_post_comment ol {
+    margin-left: 20px;
+    list-style-type: decimal
+}
+
+.bq_post_comment ul {
+    margin-left: 20px;
+    list-style-type: disc
+}
+
+.blog_comment_body {
+    word-wrap: break-word;
+    overflow-wrap: break-word
+}
+
+.blog_comment_body li {
+    margin-left: 28px
+}
+
+.blog_comment_body ul>li,.blog_comment_body ol>li {
+    list-style: inherit
+}
+
+.blog_comment_body img {
+    max-width: 400px;
+    max-height: 300px
+}
+
+.comment-sort {
+    display: flex;
+    align-items: end;
+    font-size: 11px;
+    cursor: pointer;
+    float: right;
+    font-weight: normal
+}
+
+.comment-sort svg {
+    margin-left: 5px;
+    width: 16px;
+    height: 16px
+}
+
+.comment-sort-item {
+    opacity: .6
+}
+
+.comment-sort-item:active,.comment-sort-item:hover {
+    opacity: .85
+}
+
+.comment-order-tab {
+    display: flex;
+    align-items: center;
+    column-gap: 2px
+}
+
+.comment-order-tab .active {
+    opacity: .85;
+    font-weight: bold
+}
+
+img.commenter-vip-logo {
+    height: 14px;
+    vertical-align: middle
+}
+
+#post_next_prev {
+    line-height: 1.8;
+    font-size: 12px
+}
+
+.post_next_prev_date {
+    color: #808080
+}
+
+#post_next_prev a.p_n_p_prefix:link {
+    text-decoration: none
+}
+
+#post_next_prev a.p_n_p_prefix:hover {
+    text-decoration: underline
+}
+
+#side_ing_block {
+    line-height: 1.5;
+    overflow: hidden
+}
+
+#side_ing_block ul li {
+    background-image: url(//assets.cnblogs.com/images/icon_voice.gif);
+    background-repeat: no-repeat;
+    padding: 0 0 0 20px
+}
+
+a.ing_lnk:link,a.ing_lnk:active,a.ing_lnk:visited {
+    color: #808080;
+    text-decoration: none;
+    border: 0
+}
+
+.itnews {
+    line-height: 150%
+}
+
+.job_offer_list {
+    line-height: 150%
+}
+
+blockquote {
+    background-image: none;
+    border: 2px solid #efefef;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-top: 10px;
+    margin-bottom: 10px
+}
+
+.blogpost-body blockquote {
+    background-image: none;
+    border-left: 3px solid #e2dfdf;
+    border-right: none;
+    border-top: none;
+    border-bottom: none;
+    margin: 10px 0;
+    padding: 5px 10px;
+    color: #555
+}
+
+#cnblogs_post_body blockquote {
+    background-image: none
+}
+
+#cnblogs_post_body blockquote ul {
+    margin-left: 25px
+}
+
+#grade_flag {
+    font-size: 12px
+}
+
+.c_b_p_desc {
+    word-wrap: break-word;
+    word-break: break-all;
+    overflow: hidden;
+    line-height: 1.5
+}
+
+.c_b_p_desc_readmore {
+    padding-left: 5px
+}
+
+.c_b_p_link_desc {
+    margin-top: 2px;
+    word-break: break-word
+}
+
+#green_channel {
+    padding: 10px 0;
+    margin-bottom: 20px;
+    margin-top: 10px;
+    border: #c0c0c0 1px dashed;
+    font-size: 12px;
+    width: 350px;
+    text-align: center
+}
+
+#green_channel a {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
+    display: inline-block;
+    padding: 3px 8px;
+    color: #fff;
+    text-decoration: none;
+    font-weight: bold;
+    cursor: pointer;
+    margin-right: 10px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 10px;
+    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
+    text-shadow: 0 -1px 1px rgba(0,0,0,.25);
+    vertical-align: middle
+}
+
+#green_channel a:hover {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)
+}
+
+#green_channel #green_channel_digg {
+    background-color: #2daebf
+}
+
+#green_channel #green_channel_follow {
+    background-color: #e33100
+}
+
+#green_channel #green_channel_favorite {
+    background-color: #ffb515
+}
+
+#green_channel #green_channel_contact {
+    background-color: #eee;
+    color: #555;
+    display: none
+}
+
+#green_channel #green_channel_weibo img {
+    vertical-align: middle;
+    border: none;
+    margin-left: 5px;
+    box-shadow: none
+}
+
+#green_channel #green_channel_weibo {
+    background: none;
+    padding: 3px 2px;
+    -moz-border-radius: none;
+    -webkit-border-radius: none;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    text-shadow: none
+}
+
+#green_channel #green_channel_wechat {
+    background-color: #4eab57
+}
+
+#cnblogs_post_body {
+    margin-bottom: 20px
+}
+
+#cnblogs_post_body li {
+    list-style: inherit
+}
+
+#cnblogs_post_body ul {
+    margin-left: 30px;
+    padding-left: 0;
+    list-style-type: disc
+}
+
+#cnblogs_post_body ol {
+    padding-left: 40px;
+    list-style-type: decimal
+}
+
+#cnblogs_post_body ul ul {
+    list-style-type: circle
+}
+
+#cnblogs_post_body ul ul ul {
+    list-style-type: square
+}
+
+ul.contains-task-list {
+    margin-left: 0 !important;
+    padding-left: 0 !important
+}
+
+#cnblogs_post_body table,.blogpost-body table {
+    border-collapse: collapse;
+    word-break: break-word
+}
+
+#cnblogs_post_body .table-wrapper {
+    display: block;
+    overflow-x: auto
+}
+
+#cnblogs_post_body th,.blogpost-body th {
+    background-color: #fafafa
+}
+
+.blogpost-body th,.blogpost-body td,.blogpost-body th,.blogpost-body td {
+    border: 1px solid #c0c0c0;
+    border-collapse: collapse;
+    padding: 8px 14px;
+    min-width: 50px
+}
+
+#cnblogs_post_body img,.blogpost-body img {
+    max-width: 100% !important;
+    height: auto !important
+}
+
+.ad_text_commentbox {
+    margin-top: 5px;
+    margin-bottom: 5px
+}
+
+a.comment_uploadimg_a {
+    font-size: 12px
+}
+
+#cnblogs_ch {
+    margin-top: 5px;
+    line-height: 1.8
+}
+
+cnblogs_ch a {
+    margin-right: 10px
+}
+
+#cnblogs_ch:empty {
+    display: none
+}
+
+#opt_under_post {
+    line-height: 1.8
+}
+
+#opt_under_post a {
+    margin-right: 10px
+}
+
+#ad_under_comment2 {
+    margin-bottom: 5px
+}
+
+#ad_under_comment2 img {
+    margin-bottom: 5px
+}
+
+.recent_comment_author {
+    text-align: right;
+    margin-right: 4px
+}
+
+.below-post-card,.c_ad_block,.under-post-card {
+    margin-top: 10px;
+    line-height: 1.5
+}
+
+.below-post-card,.under-post-card,#HistoryToday,.recomm-block {
+    max-width: 600px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden
+}
+
+.below-post-card {
+    line-height: 1.8;
+    margin-bottom: 10px
+}
+
+.below-post-card:empty {
+    display: none
+}
+
+.below-post-card header {
+    font-weight: bold;
+    margin: 0;
+    padding: 0
+}
+
+.below-post-card ul {
+    margin: 0;
+    padding-left: 10px
+}
+
+.below-post-card ul li {
+    list-style-type: "· "
+}
+
+.recomm-link {
+    display: block;
+    max-width: 380px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden
+}
+
+#cnblogs_t5 {
+    margin-top: 5px
+}
+
+.cnblogs_code_toolbar {
+    margin-top: 5px
+}
+
+.cnblogs_code_toolbar span {
+    padding-right: 5px
+}
+
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0
+}
+
+.comment_btn {
+    height: 26px;
+    width: 68px;
+    margin: 0;
+    padding: 0;
+    line-height: 22px
+}
+
+#commentbox_opt a {
+    padding-left: 10px
+}
+
+#taglist_title {
+    margin-bottom: 10px
+}
+
+#taglist td {
+    padding: 5px 20px 5px 10px
+}
+
+.Cal {
+    width: 100%
+}
+
+.CalTitle {
+    width: 100%
+}
+
+.new-comment-block {
+    line-height: 1.5
+}
+
+.new-comment-block img {
+    max-width: 400px;
+    max-height: 300px
+}
+
+.new-comment-title span {
+    margin-left: 5px
+}
+
+.new-comment-title a {
+    margin-left: 5px
+}
+
+.pager {
+    font-size: 12px;
+    margin: 10px 0;
+    text-align: center;
+    color: #2e6ab1;
+    line-height: 200%
+}
+
+.pager a {
+    border: 1px solid #9aafe5;
+    color: #2e6ab1;
+    margin: 0 2px;
+    padding: 2px 5px;
+    text-decoration: none
+}
+
+.pager span.current {
+    background-color: #2e6ab1;
+    border: 1px solid #000080;
+    color: #fff;
+    font-weight: bold;
+    margin: 0 2px;
+    padding: 2px 5px
+}
+
+.comment_vote {
+    text-align: right
+}
+
+.comment_vote a {
+    text-decoration: none !important;
+    padding-left: 10px
+}
+
+.comment_actions a {
+    padding-right: 10px
+}
+
+.comment_actions a:last-child {
+    padding-right: 0
+}
+
+.recent_comment_body {
+    word-wrap: break-word
+}
+
+#taglist_main {
+    margin-top: 20px
+}
+
+#taglist_main #taglist .small {
+    font-size: 12px
+}
+
+#taglist_title_wrap {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center
+}
+
+.category-block-list {
+    padding: 20px;
+    display: grid;
+    row-gap: 10px;
+    grid-template-columns: repeat(1,minmax(0,1fr))
+}
+
+.category-block {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    margin-top: 10px;
+    margin-bottom: 10px
+}
+
+.category-block-title {
+    font-weight: bold;
+    line-height: 1.2em
+}
+
+.category-link-list {
+    display: grid;
+    grid-template-columns: repeat(4,minmax(0,1fr));
+    column-gap: .5em;
+    row-gap: .5em;
+    margin-top: 10px
+}
+
+.entrylistTitle .category-crumb-item,.entrylistTitle a.category-crumb-item:visited {
+    color: inherit
+}
+
+#cnblogs_post_body {
+    word-break: break-word
+}
+
+#cnblogs_post_body>pre,#cnblogs_post_body p,.blogpost-body>pre,.blogpost-body p {
+    margin: 10px auto
+}
+
+#cnblogs_post_body p,.blogpost-body p {
+    text-indent: 0
+}
+
+#cnblogs_post_body h1 {
+    font-size: 28px;
+    font-weight: bold;
+    line-height: 1.5;
+    margin: 10px 0
+}
+
+#cnblogs_post_body h2 {
+    font-size: 21px;
+    font-weight: bold;
+    line-height: 1.5;
+    margin: 10px 0
+}
+
+#cnblogs_post_body h3 {
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 1.5;
+    margin: 10px 0
+}
+
+#cnblogs_post_body h4 {
+    font-size: 14px;
+    font-weight: bold;
+    margin: 10px 0
+}
+
+#cnblogs_post_body h5 {
+    font-size: 12px;
+    font-weight: bold;
+    margin: 10px 0
+}
+
+#cnblogs_post_body h6 {
+    font-size: 11px;
+    font-weight: bold;
+    margin: 10px 0
+}
+
+.blog_comment_body h1,.blog_comment_body h2,.blog_comment_body h3,.blog_comment_body h4,.blog_comment_body h5,.blog_comment_body h6,.recent_comment_body h1,.recent_comment_body h2,.recent_comment_body h3,.recent_comment_body h4,.recent_comment_body h5,.recent_comment_body h6 {
+    font-size: 13px;
+    font-weight: normal;
+    margin: 10px 0
+}
+
+#cnblogs_post_body hr {
+    border-top: #ececef;
+    border-color: rgba(0,0,0,.15);
+    margin: 5px 0
+}
+
+.recent_comment_body strong {
+    font-weight: normal
+}
+
+.blog_comment_body em,.recent_comment_body em {
+    font-style: normal
+}
+
+.blog_comment_body hr,.bq_post_comment hr {
+    visibility: hidden
+}
+
+#div_digg .diggnum {
+    line-height: 1.5em !important
+}
+
+#div_digg .burynum {
+    line-height: 1.5em !important
+}
+
+#green_channel a:link,#green_channel a:visited,#green_channel a:active {
+    color: #fff !important;
+    border: none !important
+}
+
+#myposts .myposts_title {
+    font-size: 15px
+}
+
+#myposts {
+    margin-left: 20px
+}
+
+#myposts .pager {
+    text-align: right;
+    margin-right: 10px
+}
+
+#myposts .PostList {
+    margin-right: 20px;
+    margin-top: 10px;
+    font-size: 13px
+}
+
+#myposts .PostList .comment-body {
+    clear: both;
+    padding-top: 20px;
+    padding-bottom: 10px
+}
+
+.vertical-middle>* {
+    vertical-align: middle
+}
+
+.text-tail-icon {
+    width: 20px;
+    height: 20px
+}
+
+.text-tail-icon-draft {
+    width: 16px;
+    height: 16px
+}
+
+#myposts .postTitle2 {
+    font-size: 13px
+}
+
+#myposts .postDesc2 {
+    font-size: 12px
+}
+
+#myposts .postText2 {
+    font-size: 13px;
+    margin-bottom: 5px
+}
+
+#blog-news {
+    overflow: hidden
+}
+
+#sidebar_news_content {
+    margin-top: 10px
+}
+
+pre.prettyprint code {
+    font-family: "Courier New",sans-serif !important;
+    font-size: 12px !important;
+    line-height: 20px;
+    background-color: #f5f5f5 !important;
+    border: 1px solid #ccc !important;
+    padding: 0 5px !important;
+    border-radius: 3px !important;
+    line-height: 1.8;
+    margin: 1px 5px;
+    vertical-align: middle;
+    display: block;
+    overflow-x: auto
+}
+
+.mermaid {
+    white-space: pre-wrap
+}
+
+.mermaid>svg {
+    display: block;
+    margin: 0 auto
+}
+
+#cnblogs_post_body img[id^="uploading_image_"] {
+    display: none
+}
+
+#bigbanner_close {
+    position: absolute;
+    margin-left: 10px;
+    cursor: pointer
+}
+
+#sidebar_ad {
+    display: none
+}
+
+#sidebar_c3 {
+    max-width: 100% !important;
+    height: auto !important
+}
+
+#sidebar_c3 img {
+    max-width: 100% !important;
+    height: auto !important
+}
+
+.navbar-custom {
+    display: none
+}
+
+.under-comment-nav ul {
+    margin: 0 10px 10px 25px;
+    padding: 0
+}
+
+.under-comment-nav ul li {
+    padding: 0 20px 0 0;
+    display: inline
+}
+
+.under-comment-box-nav ul {
+    margin-left: 5px
+}
+
+.under-comment-nav {
+    margin-bottom: 10px;
+    margin-left: 25px
+}
+
+.under-comment-box-nav {
+    margin-bottom: 10px;
+    margin-left: 5px
+}
+
+#blog-comments-placeholder:empty {
+    display: none
+}
+
+#commentform_title a {
+    font-size: 13px
+}
+
+.formobile {
+    display: none
+}
+
+.dropdown-menu a:visited,.dropdown-menu a:active {
+    text-decoration: none
+}
+
+.dropdown-menu a:hover {
+    text-decoration: underline
+}
+
+.bannerbar,.imagebar {
+    line-height: 0;
+    text-align: left
+}
+
+.bannerbar img,.imagebar img {
+    width: 100%
+}
+
+.gallery img {
+    max-width: 100%
+}
+
+.blogpost-body-html pre.codeblock {
+    background-color: #f5f5f5;
+    padding: 10px
+}
+
+.bannerbar.aliyun.forpc {
+    background-repeat: repeat-x;
+    height: 32px
+}
+
+.bannerbar.aliyun.forpc img {
+    height: 32px;
+    width: auto
+}
+
+.bannerbar.forpc,.imagebar.forpc {
+    height: 32px;
+    display: flex
+}
+
+.bannerbar.forpc img,.imagebar.forpc img {
+    height: 32px;
+    width: auto
+}
+
+.bannerbar.forpc img.right,.imagebar.forpc img.right {
+    margin-left: auto
+}
+
+#navbar_lite_mode_on {
+    vertical-align: middle
+}
+
+pre.best-text,pre.reply-text {
+    white-space: pre-wrap
+}
+
+.blogpost-body-html span[style*="font-size: x-small"],.blogpost-body-html span[style*="font-size:x-small"],.blogpost-body-html span[style*="font-size: xx-small"],.blogpost-body-html span[style*="font-size:xx-small"] {
+    font-size: 13px !important
+}
+
+.blogpost-body-html span img {
+    border: none
+}
+
+.syntaxhighlighter td {
+    min-width: auto !important
+}
+
+.category-item-link {
+    word-break: break-word
+}
+
+.category-item-link--indent {
+    padding-left: var(--cnb-category-item-link-indent-size,0)
+}
+
+.category-item-link-current {
+    font-weight: bold
+}
+
+#blog_c1,#blog_c1 img {
+    width: 300px;
+    height: 250px
+}
+
+#cnblogs_c2 img {
+    width: 468px;
+    height: 60px
+}
+
+.medium-zoom-overlay {
+    z-index: 98
+}
+
+.medium-zoom-image--opened {
+    z-index: 99
+}
+
+.sidebar-card-title-a,a.sidebar-card-title-a:link,a.sidebar-card-title-a:visited {
+    font-style: inherit !important;
+    font-weight: inherit !important;
+    font-size: inherit !important;
+    color: inherit !important
+}
+
+.sidebar-category-item-count {
+    font-size: 11px;
+    font-weight: normal
+}
+
+img.sidebar-vip-logo {
+    height: 14px;
+    vertical-align: middle
+}
+
+img.post-footer-vip-logo {
+    height: 14px;
+    vertical-align: middle
+}
+
+.hljs-cto .operation_box,.hljs-cto .pre-numbering {
+    display: none
+}
+
+a.footer-brand:link,a.footer-brand:visited {
+    color: inherit
+}
+
+.footer-icp {
+    line-height: 30px
+}
+
+.footer-icp img {
+    vertical-align: middle;
+    margin: 0 5px;
+    width: 18px;
+    height: 18px
+}
+
+.footer-icp a:link,.footer-icp a:visited {
+    color: inherit;
+    margin-right: 10px
+}
+
+.cnb-code-toolbar {
+    color: inherit
+}
+
+.cnb-code-toolbar {
+    --cnb-code-toolbar-spacing: 4px;
+    --cnb-code-toolbar-bg: var(--cnb-code-bg,inherit);
+    --cnb-code-toolbar-initial-opacity: .8;
+    --cnb-code-toolbar-animation-duration: .1s;
+    --cnb-code-toolbar-mix-blend-mode: screen;
+    --cnb-code-toolbar-opacity: var(--cnb-code-toolbar-initial-opacity);
+    --cnb-code-toolbar-font: 'PingFang SC','Microsoft YaHei','Helvetica Neue','Helvetica','Arial',sans-serif;
+    display: flex;
+    position: absolute;
+    right: var(--cnb-code-toolbar-spacing);
+    top: calc(var(--cnb-code-toolbar-spacing) + var(--cnb-code-toolbar-offset-top,0%));
+    text-shadow: none;
+    justify-content: flex-end;
+    transition-property: color,opacity;
+    transition-duration: var(--cnb-code-toolbar-animation-duration);
+    animation: fadeIn;
+    animation-duration: var(--cnb-code-toolbar-animation-duration);
+    font-size: 12px;
+    font-family: var(--cnb-code-toolbar-font);
+    color: var(--cnb-code-color,inherit);
+    margin: 0;
+    padding: 0;
+    border: none;
+    background: transparent
+}
+
+pre:not([data-dark-theme]) .cnb-code-toolbar {
+    --cnb-code-toolbar-mix-blend-mode: multiply
+}
+
+.cnb-code-toolbar:hover {
+    --cnb-code-toolbar-opacity: 1
+}
+
+[has-selection] .cnb-code-toolbar,[has-selection] .cnb-code-toolbar:hover {
+    opacity: 0;
+    display: none;
+    transition-duration: 0s
+}
+
+pre[cnb-code-toolbar-active] {
+    position: relative
+}
+
+span.cnb-code-toolbar-item {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    user-select: none;
+    border-radius: 3px;
+    padding: 0 4px;
+    -webkit-user-select: none;
+    white-space: pre;
+    position: relative;
+    background: var(--cnb-code-toolbar-bg,inherit);
+    mix-blend-mode: var(--cnb-code-toolbar-mix-blend-mode);
+    opacity: var(--cnb-code-toolbar-opacity)
+}
+
+span.cnb-code-toolbar-item:not(:last-child) {
+    margin-right: var(--cnb-code-toolbar-spacing)
+}
+
+svg.cnb-code-toolbar-icon {
+    height: 14px;
+    width: 14px;
+    fill: currentColor
+}
+
+@keyframes fadeIn {
+    0% {
+        opacity: 0
+    }
+
+    100% {
+        opacity: var(--cnb-code-toolbar-initial-opacity)
+    }
+}
+
+pre:fullscreen,pre:fullscreen code {
+    box-sizing: border-box;
+    border-radius: 0;
+    height: 100vh;
+    width: 100vw
+}
+
+.code-fullscreen-overlay {
+    position: fixed;
+    transition-property: width,height,left,top,background,opacity;
+    transition-duration: .25s;
+    text-align: left;
+    z-index: 1000
+}
+
+.code-fullscreen-overlay pre,.hljs-engine .code-fullscreen-overlay code {
+    position: absolute !important;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0
+}
+
+.code-fullscreen-overlay pre {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important
+}
+
+.code-fullscreen-body {
+    overflow: hidden;
+    max-height: 100vh
+}
+
+#commentform_title {
+    background-image: url(//assets.cnblogs.com/images/icon_addcomment.gif);
+    background-repeat: no-repeat;
+    padding: 0 0 0 25px;
+    margin-bottom: 10px
+}
+
+div.commentform input.author,div.commentform input.email,div.commentform input.url {
+    background-image: url(//assets.cnblogs.com/images/icon_form.gif);
+    background-repeat: no-repeat;
+    border: 1px solid #ccc;
+    padding: 4px 4px 4px 30px;
+    width: 300px;
+    font-size: 13px
+}
+
+div.commentform input.author {
+    background-position: 3px -3px
+}
+
+div.commentform input.email {
+    background-position: 3px -33px
+}
+
+div.commentform input.url {
+    background-position: 3px -63px
+}
+
+.comment_textarea {
+    padding: 8px 14px;
+    background-color: #fff;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border: 1px solid #ddd;
+    width: 600px;
+    max-width: 100%;
+    border-radius: 3px;
+    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+    margin-bottom: 10px
+}
+
+div.commentform textarea {
+    line-height: 1.6;
+    width: 100%;
+    height: 250px;
+    resize: vertical;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    outline: none;
+    font-size: 13px;
+    border: none;
+    font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
+    padding: 8px 0
+}
+
+#tbCommentBodyPreview {
+    margin-left: 5px
+}
+
+.comment_preview {
+    width: 100%;
+    min-height: 150px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border: none;
+    padding: 0
+}
+
+.comment_preview p,div.commentform p {
+    margin: 10px 0
+}
+
+.commentbox_footer,.commentbox_title {
+    width: 100%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.commentbox_title {
+    border-bottom: 1px solid #ddd
+}
+
+.commentbox_footer {
+    border-top: 1px solid #d2d2d2;
+    padding-top: 10px
+}
+
+.commentbox_tab {
+    margin: 0 1rem 0 0;
+    list-style: none;
+    line-height: 28px;
+    cursor: pointer;
+    padding: 0 5px 0 5px;
+    letter-spacing: .1rem;
+    text-align: center;
+    color: #707070
+}
+
+.commentbox_tab:hover,.commentbox_tab.active {
+    border-bottom: 2px solid #367cc2;
+    color: #000
+}
+
+.commentbox_title_left {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.commentbox_title_right {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    /* -webkit-justify-content:space-between; */
+    -ms-flex-pack: justify;
+    /* justify-content:space-between; */
+    margin-bottom: 5px
+}
+
+textarea#tbCommentBody::-webkit-input-placeholder {
+    color: #a9a9a9
+}
+
+textarea#tbCommentBody::-moz-placeholder {
+    color: #a9a9a9
+}
+
+textarea#tbCommentBody:-ms-input-placeholder {
+    color: #a9a9a9
+}
+
+textarea#tbCommentBody::-ms-input-placeholder {
+    color: #a9a9a9
+}
+
+textarea#tbCommentBody::placeholder {
+    color: #a9a9a9
+}
+
+.login_tips {
+    background-image: url(//assets.cnblogs.com/images/icon_addcomment.gif);
+    background-repeat: no-repeat;
+    margin-top: 10px;
+    padding: 0 0 10px 25px;
+    font-weight: 400
+}
+
+.login_tips a {
+    text-decoration: underline !important
+}
+
+.clear {
+    clear: both
+}
+
+.comment_quote {
+    padding: 5px 5px 5px 5px;
+    border: 1px solid #ccc
+}
+
+.comment_quote legend+br {
+    display: none
+}
+
+.comment_icon {
+    cursor: pointer;
+    /* margin:0 0 0 20px; */
+}
+
+.comment_option {
+    cursor: pointer;
+    margin-bottom: 4px;
+    background: none;
+    border: none;
+    outline: none;
+    color: #808080;
+    fill: #808080
+}
+
+.comment_option svg {
+    display: inline-block;
+    vertical-align: middle;
+    width: 18px;
+    height: 18px
+}
+
+.comment_option:hover {
+    fill: #000;
+    color: #000
+}
+
+.inline_middle {
+    display: inline-block;
+    vertical-align: middle
+}
+
+.comment_svg {
+    display: inline-block;
+    vertical-align: middle;
+    width: 18px;
+    height: 18px;
+    fill: #808080
+}
+
+.comment_svg_stroke {
+    stroke: #808080
+}
+
+.comment_svg_stroke:hover {
+    stroke: #000
+}
+
+.comment_svg:hover {
+    fill: #000
+}
+
+#comment_nav {
+    text-align: right;
+    display: flex;
+    align-items: center;
+    width: 100%
+}
+
+.comment-nav-left {
+    margin-right: auto;
+    margin-left: 15px
+}
+
+.comment-nav-right {
+    margin-left: auto
+}
+
+#comment_nav a {
+    padding-left: 10px
+}
+
+.ad_commentbox_up {
+    margin-left: 5px
+}
+
+.ad_commentbox_up a {
+    padding-left: 10px
+}
+
+:root {
+    --highlighted-line-bg: #d1e3c9;
+    --highlighted-line-bg-dark: #264b33
+}
+
+pre.hljs-lines-highlighted {
+    --spacing-left: 14px;
+    --spacing-right: 14px
+}
+
+pre.hljs-lines-highlighted ::after,pre.hljs-lines-highlighted ::before {
+    box-sizing: border-box
+}
+
+pre.hljs-lines-highlighted,pre.hljs-lines-highlighted[class*='language-'] {
+    padding-left: 0;
+    padding-right: 0
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight],pre.hljs-lines-highlighted code[data-lines-highlight] {
+    position: relative;
+    padding-left: var(--spacing-left);
+    padding-right: var(--spacing-right)
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight].hljs-line-numbers,pre.hljs-lines-highlighted code[data-lines-highlight].hljs-line-numbers {
+    padding-left: 0
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight][data-dark-theme],pre.hljs-lines-highlighted code[data-lines-highlight][data-dark-theme] {
+    --highlighted-line-bg: var(--highlighted-line-bg-dark)
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln {
+    width: 100%;
+    margin: 0
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tbody,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tbody {
+    width: 100%
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr:before,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr:before {
+    content: ' ';
+    position: absolute
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr:after,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr:after {
+    margin-right: calc(-1*var(--spacing-right));
+    content: ' ';
+    display: block
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr.highlighted-line,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr.highlighted-line {
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    position: relative
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr.highlighted-line td.hljs-ln-line.hljs-ln-numbers,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr.highlighted-line td.hljs-ln-line.hljs-ln-numbers {
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg)
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr.highlighted-line:before,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr.highlighted-line:before {
+    position: absolute;
+    content: '+';
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    left: 4px;
+    display: inline-block;
+    z-index: 1
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr.highlighted-line:after,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr.highlighted-line:after {
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg)
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr td.hljs-ln-line.hljs-ln-numbers,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr td.hljs-ln-line.hljs-ln-numbers {
+    width: 1px;
+    padding-left: calc(var(--spacing-left) + 4px);
+    padding-right: calc(var(--spacing-left) + 4px)
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight] table.hljs-ln tr td.hljs-ln-line.hljs-ln-code,pre.hljs-lines-highlighted code[data-lines-highlight] table.hljs-ln tr td.hljs-ln-line.hljs-ln-code {
+    width: 100%
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper,pre.hljs-lines-highlighted code[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper {
+    display: inline-block;
+    min-width: 100%
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper span.highlighted-line,pre.hljs-lines-highlighted code[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper span.highlighted-line {
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    position: relative;
+    display: inline-block;
+    min-width: 100%
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper span.highlighted-line:before,pre.hljs-lines-highlighted code[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper span.highlighted-line:before {
+    content: '+';
+    position: absolute;
+    left: calc(-1*var(--spacing-left));
+    width: var(--spacing-left);
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    top: 0;
+    bottom: 0;
+    padding-left: calc((var(--spacing-left) - .5px)/3)
+}
+
+pre.hljs-lines-highlighted code.hljs[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper span.highlighted-line:after,pre.hljs-lines-highlighted code[data-lines-highlight]:not(.hljs-line-numbers) span.hljs-lines-highlight-wrapper span.highlighted-line:after {
+    content: '';
+    position: absolute;
+    left: calc(-1*var(--spacing-left));
+    width: var(--spacing-left);
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    top: 0;
+    bottom: 0;
+    padding-left: 0;
+    right: calc(-1*var(--spacing-right));
+    left: initial
+}
+
+pre.prismjs-lines-highlighted {
+    --spacing-right: 1em
+}
+
+pre.prismjs-lines-highlighted ::after,pre.prismjs-lines-highlighted ::before {
+    box-sizing: border-box
+}
+
+pre.prismjs-lines-highlighted,pre.prismjs-lines-highlighted[class*='language-'],pre.prismjs-lines-highlighted.line-numbers {
+    padding-left: var(--spacing-left);
+    padding-right: var(--spacing-right)
+}
+
+pre.prismjs-lines-highlighted[class*='language-']:not(.line-numbers) {
+    --spacing-left: 1em
+}
+
+pre.prismjs-lines-highlighted[class*='language-'].line-numbers {
+    --spacing-left: 3.8em
+}
+
+pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight] {
+    position: relative;
+    min-width: 100%;
+    display: inline-block
+}
+
+pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight][data-dark-theme] {
+    --highlighted-line-bg: var(--highlighted-line-bg-dark)
+}
+
+pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight] span.highlighted-line {
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    display: inline-block;
+    position: relative;
+    min-width: 100%
+}
+
+pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight] span.highlighted-line:after,pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight] span.highlighted-line:before {
+    background: #d1e3c9;
+    background: #d1e3c9;
+    background: var(--highlighted-line-bg);
+    content: ' ';
+    position: absolute;
+    display: inline-block
+}
+
+pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight] span.highlighted-line:before {
+    content: '+';
+    left: calc(-1*var(--spacing-left));
+    width: var(--spacing-left);
+    padding-left: 4px
+}
+
+pre.prismjs-lines-highlighted code.highlighter-prismjs[data-lines-highlight] span.highlighted-line:after {
+    position: absolute;
+    right: calc(-1*var(--spacing-right));
+    width: var(--spacing-right)
+}
+
+pre.prismjs-lines-highlighted .line-numbers-rows span {
+    padding-right: 0
+}
+
+pre[data-mac-style] {
+    position: relative
+}
+
+pre[data-mac-style][class*='language-'].highlighter-prismjs,pre[data-mac-style] code.hljs {
+    padding-top: calc(10px*2 + 12px);
+    padding-top: calc(10px*2 + 12px);
+    padding-top: calc(var(--mac-style-spacing,10px)*2 + 12px);
+    border-radius: 6px;
+    border-radius: 6px;
+    border-radius: var(--mac-style-border-radius,6px)
+}
+
+pre[data-mac-style][class*='language-'].highlighter-prismjs::before,pre[data-mac-style] code.hljs::before {
+    content: '';
+    position: absolute;
+    top: 10px;
+    top: 10px;
+    top: var(--mac-style-spacing,10px);
+    left: 10px;
+    left: 10px;
+    left: var(--mac-style-spacing,10px);
+    width: 12px;
+    height: 12px;
+    background: #fe5f59;
+    background: #fe5f59;
+    background: var(--mac-style-color-red,#fe5f59);
+    border-radius: 50%;
+    box-shadow: 20px 0 #febb2c,40px 0 #29c73f;
+    box-shadow: 20px 0 #febb2c,40px 0 #29c73f;
+    box-shadow: 20px 0 var(--mac-style-color-orange,#febb2c),40px 0 var(--mac-style-color-green,#29c73f)
+}
+
+.mathjax2 .day .postTitle2 span span.MathJax,.mathjax2 .day .postTitle2 span span.MathJax_Preview {
+    font-size: inherit;
+    order: initial
+}
+
+.mathjax2 .day .postTitle2 span span.MathJax::after,.mathjax2 .day .postTitle2 span span.MathJax_Preview::after,.mathjax2 .day .postTitle2 span span.MathJax span::after,.mathjax2 .day .postTitle2 span span.MathJax_Preview span::after {
+    display: none
+}
+
+.mathjax2 .day .postTitle2 span span.MathJax {
+    font-size: 100%
+}
+
+.mathjax2 .day .postTitle2 span span.MathJax,.mathjax2 .day .postTitle2 span span.MathJax span {
+    display: inline
+}
+
+.mathjax2 .day .postTitle2 span span.MathJax span {
+    font-size: inherit
+}
+
+.mathjax2 .day .postTitle2 span span.MathJax_Preview {
+    display: inline;
+    display: initial
+}
+
+.mathjax2 table td span.math.inline {
+    display: inline-block
+}
+
+:root {
+    --cnblogs-current-collection-bg-color: rgba(245,245,245,.98);
+    --cnblogs-current-collection-highlight-color: rgba(255,255,255,.9);
+    --cnblogs-current-collection-hover-color: rgba(255,255,255,.7);
+    --cnblogs-current-collection-active-color: rgba(255,255,255,.8);
+    --cnblogs-current-collection-color: #000
+}
+
+.current-collection {
+    max-width: 540px;
+    background: rgba(245,245,245,.98);
+    background: rgba(245,245,245,.98);
+    background: var(--cnblogs-current-collection-bg-color);
+    border-radius: 4px;
+    margin: 20px 0
+}
+
+.current-collection.collapsed .current-collection-links {
+    max-height: 0;
+    overflow-y: hidden
+}
+
+.current-collection.collapsed .current-collection-title-arrow {
+    transform: rotate(-90deg)
+}
+
+.current-collection.collapsed .current-collection-arrow {
+    transform: rotate(0)
+}
+
+.current-collection.collapsed .current-collection-footer {
+    display: none
+}
+
+#cnblogs_post_body .current-collection a {
+    text-decoration: none;
+    border-bottom: none;
+    color: #000
+}
+
+#cnblogs_post_body .current-collection a:link,#cnblogs_post_body .current-collection a:visited,#cnblogs_post_body .current-collection a:hover,#cnblogs_post_body .current-collection a:active {
+    text-decoration: none
+}
+
+.current-collection-title {
+    font-weight: bold;
+    font-size: 1.2em;
+    padding: 10px 15px 10px 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between
+}
+
+.current-collection-title .title-link {
+    padding: 0 5px
+}
+
+.current-collection-title .icon-button {
+    height: 1.8em;
+    width: 1.8em;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center
+}
+
+.current-collection-title .current-collection-title-buttons {
+    display: flex;
+    align-items: center;
+    row-gap: 5px
+}
+
+.current-collection-links {
+    max-height: 300px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    transition-property: max-height;
+    transition-timing-function: cubic-bezier(.4,0,.2,1);
+    transition-duration: 300ms
+}
+
+.current-collection-links>.current {
+    font-weight: bold
+}
+
+.current-collection-links>.current-collection-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 15px;
+    margin-bottom: 0
+}
+
+.current-collection-links>.current-collection-item.current {
+    background: rgba(255,255,255,.9);
+    background: rgba(255,255,255,.9);
+    background: var(--cnblogs-current-collection-highlight-color)
+}
+
+.current-collection-links .current-collection-link {
+    text-decoration: none;
+    border-bottom: none;
+    color: #000
+}
+
+.current-collection-links .current-collection-link:link,.current-collection-links .current-collection-link:visited,.current-collection-links .current-collection-link:hover,.current-collection-links .current-collection-link:active {
+    text-decoration: none
+}
+
+.current-collection-footer {
+    padding: 10px 15px
+}
+
+.current-collection-collapse-button-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: end;
+    cursor: pointer
+}
+
+.current-collection-arrow {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(.4,0,.2,1);
+    transition-duration: 300ms;
+    width: 2em;
+    height: 2em;
+    transform: rotate(180deg)
+}
+
+.current-collection-title-arrow {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(.4,0,.2,1);
+    transition-duration: 300ms
+}
+
+.current-collection-collapse-button {
+    display: flex;
+    align-items: center;
+    padding: 0 0 0 10px;
+    border-radius: 4px
+}
+
+.clickable {
+    cursor: pointer
+}
+
+.clickable:hover {
+    background: rgba(255,255,255,.7);
+    background: rgba(255,255,255,.7);
+    background: var(--cnblogs-current-collection-hover-color)
+}
+
+.clickable:active {
+    background: rgba(255,255,255,.8);
+    background: rgba(255,255,255,.8);
+    background: var(--cnblogs-current-collection-active-color)
+}
+
+.current-collection-item-serial {
+    white-space: nowrap;
+    margin-right: 5px
+}
+
+.current-collection-item-title-prefix {
+    flex-shrink: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
+}
+
+.current-collection-item-title {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right: 5px;
+    flex-grow: 1
+}
+
+.current-collection-publish-date {
+    white-space: nowrap
+}
+
+.no-shrink {
+    flex-shrink: 0
+}
+
+.cnblogs-current-collection-pinned-navigator {
+    color: #000;
+    color: #000;
+    color: var(--cnblogs-current-collection-color);
+    background: transparent;
+    border-radius: 4px
+}
+
+.cnblogs-current-collection-pinned-navigator .wb-header {
+    color: #000;
+    color: #000;
+    color: var(--cnblogs-current-collection-color)
+}
+
+.cnblogs-current-collection-pinned-navigator .wb-header .wb-icon {
+    -webkit-filter: invert(1);
+    filter: invert(1)
+}
+
+.cnblogs-current-collection-pinned-navigator .wb-body {
+    background: transparent
+}
+
+.icon-arrow::before {
+    display: block;
+    content: '';
+    background: url("/images/arrow-down.svg");
+    width: 100%;
+    height: 100%
+}
+
+.icon-pin::before {
+    display: block;
+    content: '';
+    background: url("/images/push-pin-filled.svg");
+    width: .9em;
+    height: .9em
+}
+
+@keyframes collapse {
+    from {
+        max-height: 80vh;
+        max-height: 80vh;
+        max-height: var(--olcb-folder-code-block-scroll-height,80vh)
+    }
+
+    to {
+        max-height: 80vh;
+        max-height: 80vh;
+        max-height: var(--olcb-folder-code-block-max-height,80vh)
+    }
+}
+
+@keyframes expand {
+    from {
+        max-height: 80vh;
+        max-height: 80vh;
+        max-height: var(--olcb-folder-code-block-max-height,80vh);
+        overflow-y: hidden
+    }
+
+    to {
+        max-height: '';
+        max-height: '';
+        max-height: var(--olcb-folder-code-block-scroll-height,'');
+        overflow-y: hidden
+    }
+}
+
+pre.highlighter-prismjs.cnb-over-length-code-block.cnb-over-length-code-block-collapsed[class*='language-'] {
+    max-height: 80vh;
+    max-height: 80vh;
+    max-height: var(--olcb-folder-code-block-max-height,80vh);
+    overflow-y: hidden;
+    position: relative;
+    animation-duration: .2s;
+    animation-fill-mode: forwards;
+    animation-name: collapse;
+    animation-timing-function: ease-out;
+    align-items: center
+}
+
+.cnb-over-length-code-block-collapsed {
+    max-height: 80vh;
+    max-height: 80vh;
+    max-height: var(--olcb-folder-code-block-max-height,80vh);
+    overflow-y: hidden;
+    position: relative;
+    animation-duration: .2s;
+    animation-fill-mode: forwards;
+    animation-name: collapse;
+    animation-timing-function: ease-out;
+    align-items: center
+}
+
+.cnb-over-length-code-block-collapsed .cnb-over-length-code-block-toggler {
+    cursor: pointer;
+    width: 100%
+}
+
+.cnb-over-length-code-block-collapsed .cnb-over-length-code-block-toggler-hidden {
+    opacity: 0;
+    padding: 0;
+    height: 0;
+    width: 0
+}
+
+.cnb-over-length-code-block-collapsed .cnb-over-length-code-block-toggler-title,.cnb-over-length-code-block-collapsed .cnb-over-length-code-block-toggler-icon {
+    opacity: .8
+}
+
+.cnb-over-length-code-block-expanded {
+    position: relative;
+    animation-duration: .2s;
+    animation-name: expand;
+    animation-timing-function: ease-in
+}
+
+.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler {
+    height: auto;
+    padding: 4px;
+    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
+    background: initial;
+    justify-content: flex-end;
+    color: #5c5e6e;
+    left: auto;
+    left: initial;
+    right: 0;
+    opacity: .8
+}
+
+.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler-hidden {
+    opacity: 0;
+    padding: 0;
+    height: 0;
+    width: 0
+}
+
+.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler-title,.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler-icon {
+    background: #fff;
+    cursor: pointer;
+    font-size: 12px
+}
+
+.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler:hover {
+    opacity: 1
+}
+
+.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler-title {
+    padding: 0 0 0 4px;
+    border-radius: 3px 0 0 3px
+}
+
+.cnb-over-length-code-block-expanded .cnb-over-length-code-block-toggler-icon {
+    padding: 0 4px 0 0;
+    border-radius: 0 3px 3px 0
+}
+
+.cnb-over-length-code-block.code-theme-dark:not(.cnb-over-length-code-block-expanded) .cnb-over-length-code-block-toggler {
+    color: #fff
+}
+
+.cnb-over-length-code-block-toggler {
+    position: absolute;
+    color: #000;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    padding: 16px 0 8px;
+    font-size: 12px;
+    font-size: 12px;
+    font-size: var(--olcb-folder-code-block-toggler-fontsize,12px);
+    background: var(--olcb-folder-code-block-toggler-bg);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    min-height: 20px;
+    z-index: 9
+}
+
+.cnb-over-length-code-block-toggler-hidden {
+    opacity: 0;
+    padding: 0;
+    height: 0;
+    width: 0
+}
+
+.cnb-over-length-code-block-toggler-icon,.cnb-over-length-code-block-toggler-title {
+    transition-duration: .2s;
+    transition-property: opacity;
+    transition-timing-function: ease-in;
+    line-height: normal;
+    line-height: initial;
+    display: flex;
+    align-items: center
+}
+
+.cnb-over-length-code-block-toggler-icon svg {
+    width: 13px;
+    height: 13px;
+    fill: currentColor
+}
+
+.tree-categories-container {
+    padding: 5px 20px 5px 4px;
+    position: relative
+}
+
+.tree-categories-container[data-useCloseIcon=true]:before {
+    content: '';
+    -webkit-mask: url("/images/close.svg");
+    mask: url("/images/close.svg");
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: 5px;
+    right: 5px
+}
+
+.tree-categories-item {
+    padding: 5px 0
+}
+
+.tree-categories-item-title {
+    display: flex;
+    align-items: center
+}
+
+.tree-categories-item-title-left {
+    display: flex;
+    align-items: center;
+    margin-right: 4px
+}
+
+.tree-categories-item-title-left:before {
+    content: '';
+    background: currentColor;
+    -webkit-mask-image: url("/images/folder-close.svg");
+    mask-image: url("/images/folder-close.svg");
+    display: inline-block;
+    width: 14px;
+    height: 14px
+}
+
+.tree-categories-item>ul.tree-categories li.tree-categories-item:last-child {
+    padding-bottom: 0
+}
+
+.tree-categories-item-container {
+    display: flex;
+    align-items: center
+}
+
+.tree-categories-item-toggler-arrow {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    width: 20px;
+    height: 20px
+}
+
+.tree-categories-item-toggler-arrow:before {
+    -webkit-mask-image: url("/images/arrow-right.svg");
+    mask-image: url("/images/arrow-right.svg");
+    content: '';
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background: currentColor
+}
+
+.tree-categories-item[data-haschild=false] .tree-categories-item-toggler-arrow {
+    visibility: hidden
+}
+
+.tree-categories-item[data-expanded=true]>.tree-categories-item-container .tree-categories-item-toggler-arrow {
+    transform: rotate(90deg)
+}
+
+.tree-categories-item[data-expanded=true]>.tree-categories-item-container .tree-categories-item-title-left:before {
+    -webkit-mask-image: url("/images/folder-open.svg");
+    mask-image: url("/images/folder-open.svg")
+}
+
+.tree-categories-item[data-loading] .tree-categories-item-toggler-arrow:before {
+    -webkit-mask-image: url("/images/loading.svg");
+    mask-image: url("/images/loading.svg");
+    width: 16px;
+    height: 16px
+}
+
+.tree-categories-item-active>.tree-categories-item-container .tree-categories-item-title {
+    font-weight: bold
+}
+
+.tree-categories-item>.tree-categories {
+    padding-left: 20px
+}
+
+span.entry-list-title-dropdown-prompt {
+    height: 100%;
+    padding-left: 6px;
+    position: relative
+}
+
+span.entry-list-title-dropdown-prompt:before {
+    background: currentColor;
+    display: inline-block;
+    -webkit-mask: url("/images/folder-close.svg");
+    mask: url("/images/folder-close.svg");
+    content: "";
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%)
+}
+
+.entrylistTitle[aria-expanded=true] span.entry-list-title-dropdown-prompt:before,.category-block-title[aria-expanded=true] span.entry-list-title-dropdown-prompt:before {
+    -webkit-mask: url("/images/folder-open.svg");
+    mask: url("/images/folder-open.svg")
+}
+
+.contains-task-list {
+    margin-left: 0;
+    padding-left: 0
+}
+
+.contains-task-list li.task-list-item {
+    display: flex;
+    align-items: center;
+    list-style: none;
+    list-style-type: none
+}
+
+.contains-task-list li.task-list-item input.task-list-item-checkbox {
+    margin: 0 6px 0 0
+}
+
+:root {
+    --cnblogs-charm-bar-bg-color: rgba(34,34,34,.8);
+    --cnblogs-charm-bar-bg-color-darker: #222;
+    --cnblogs-charm-bar-highlight-color: rgba(255,255,255,.98);
+    --cnblogs-charm-bar-hover-color: rgba(34,34,34,.6);
+    --cnblogs-charm-bar-active-color: rgba(34,34,34,.9);
+    --cnblogs-charm-bar-color: #000
+}
+
+.charm-bar-handle {
+    position: fixed;
+    display: flex;
+    bottom: 0;
+    right: 20vw;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    align-items: center;
+    justify-content: center;
+    background: rgba(34,34,34,.8);
+    background: rgba(34,34,34,.8);
+    background: var(--cnblogs-charm-bar-bg-color);
+    color: rgba(255,255,255,.98);
+    color: rgba(255,255,255,.98);
+    color: var(--cnblogs-charm-bar-highlight-color);
+    transition: bottom 100ms ease-in-out;
+    padding: 6px 6px 4px;
+    cursor: pointer;
+    border: 0
+}
+
+.charm-bar-handle:active,.charm-bar-handle:hover {
+    background: #222;
+    background: #222;
+    background: var(--cnblogs-charm-bar-bg-color-darker)
+}
+
+.charm-bar-handle svg {
+    width: 32px;
+    height: 32px
+}
+
+.charm-bar-handle.hidden {
+    bottom: -200px
+}
+
+.charm-bar-wrapper {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 60px;
+    bottom: 20px;
+    left: 0;
+    right: 0;
+    transition: bottom 200ms ease-in-out
+}
+
+.charm-bar-wrapper.hidden {
+    bottom: -120px
+}
+
+.charm-bar-wrapper .charm-bar-main {
+    display: flex;
+    flex-direction: column;
+    row-gap: 4px;
+    align-items: center;
+    position: relative
+}
+
+.charm-bar-wrapper .charm-bar-panel {
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    height: 300px;
+    width: 100%;
+    transition: all 200ms ease-in-out;
+    position: absolute;
+    bottom: 70px;
+    background: rgba(34,34,34,.8);
+    background: rgba(34,34,34,.8);
+    background: var(--cnblogs-charm-bar-bg-color);
+    opacity: 1;
+    border-radius: 16px
+}
+
+.charm-bar-wrapper .charm-bar-panel.inactive {
+    bottom: -500px;
+    opacity: 0
+}
+
+.charm-bar-wrapper .charm-bar-panel.hidden {
+    display: none
+}
+
+.charm-bar-wrapper .charm-bar {
+    display: flex;
+    align-items: center;
+    min-width: 100px;
+    height: 40px;
+    overflow: hidden;
+    -moz-column-gap: 6px;
+    column-gap: 6px;
+    padding-top: 12px;
+    padding-bottom: 12px
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    row-gap: 4px;
+    padding: 8px;
+    transition: background-color 100ms ease-in-out;
+    color: rgba(255,255,255,.98);
+    color: rgba(255,255,255,.98);
+    color: var(--cnblogs-charm-bar-highlight-color);
+    background: rgba(34,34,34,.8);
+    background: rgba(34,34,34,.8);
+    background: var(--cnblogs-charm-bar-bg-color);
+    border: 0;
+    border-radius: 16px;
+    cursor: pointer
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item:hover {
+    background: rgba(34,34,34,.6);
+    background: rgba(34,34,34,.6);
+    background: var(--cnblogs-charm-bar-hover-color)
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item:active {
+    background-color: #222;
+    background-color: #222;
+    background-color: var(--cnblogs-charm-bar-bg-color-darker)
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item svg {
+    width: 30px;
+    height: 30px
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item.charm-bar-item-link,.charm-bar-wrapper .charm-bar .charm-bar-item.tongyi {
+    padding: 8px 16px 8px 12px;
+    display: flex;
+    flex-direction: row;
+    border-radius: 14px
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item.charm-bar-item-link svg,.charm-bar-wrapper .charm-bar .charm-bar-item.tongyi svg {
+    width: 110px;
+    height: 40px;
+    transform: none;
+    margin-left: 5px
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item.charm-bar-item-link svg.logo,.charm-bar-wrapper .charm-bar .charm-bar-item.tongyi svg.logo {
+    height: 38px;
+    width: 38px
+}
+
+.charm-bar-wrapper .charm-bar .charm-bar-item.charm-bar-item-link svg.arrow,.charm-bar-wrapper .charm-bar .charm-bar-item.tongyi svg.arrow {
+    width: 28px;
+    height: 28px;
+    stroke-width: 2
+}
+
+.MathJax_Display,.MJXc-display,.MathJax_SVG_Display,mjx-container[display="true"] {
+    overflow-x: auto;
+    overflow-y: hidden
+}
+
+mjx-assistive-mml {
+    right: 0;
+    bottom: 0;
+    max-width: 100%
+}
+
+mjx-container:not([display]) {
+    display: inline-flex;
+    max-width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden
+}
+
+@media print {
+    .navbar {
+        visibility: hidden
+    }
+
+    #blog_nav_rss_image {
+        display: none
+    }
+
+    .postBody {
+        font-size: 16px
+    }
+
+    .commentform {
+        display: none
+    }
+
+    .footer-icp {
+        display: none
+    }
+
+    .charm-bar-wrapper,.charm-bar-main {
+        display: none
+    }
+
+    #sidebar_c3 {
+        display: none
+    }
+}
+
+.cnblogs-overlay-report {
+    position: fixed;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: rgba(0,0,0,.45);
+    z-index: 1000;
+    user-select: none
+}
+
+.cnblogs-overlay-report .cnblogs-report-modal {
+    width: 60vw;
+    background: #fff;
+    border-radius: 3px;
+    overflow-y: hidden;
+    animation: modal-open .3s;
+    animation-fill-mode: forwards
+}
+
+.cnblogs-overlay-report .cnblogs-report-modal iframe {
+    border: none;
+    width: 100%;
+    min-height: 500px;
+    max-height: 90vh;
+    overflow-y: auto
+}
+
+@keyframes modal-open {
+    0% {
+        height: 0;
+        opacity: 0
+    }
+
+    95% {
+        height: 505px
+    }
+
+    100% {
+        height: auto;
+        opacity: 1
+    }
+}
+
+:root {
+    --cnblogs-toc-bg-color: rgba(245,245,245,.98);
+    --cnblogs-toc-highlight-color: rgba(255,255,255,.9);
+    --cnblogs-toc-color: #000
+}
+
+.cnblogs-toc {
+    display: flex;
+    flex-direction: column;
+    margin-top: 5px;
+    font-weight: normal;
+    max-height: 80vh;
+    overflow-y: auto;
+    text-shadow: none;
+    font-size: 14px;
+    color: var(--cnblogs-toc-color)
+}
+
+*:hover>.cnblogs-toc-button:not(.disabled) {
+    display: inline
+}
+
+.cnblogs-toc-pinned-button::before {
+    content: '';
+    background-color: currentColor;
+    -webkit-mask-image: url("/images/pin.svg");
+    mask-image: url("/images/pin.svg");
+    width: 1em;
+    height: 1em;
+    display: block;
+    margin: auto;
+    max-width: 100%
+}
+
+.wb-drag .cnblogs-toc-pinned-navigator {
+    opacity: 10%
+}
+
+body {
+    min-height: 100vh
+}
+
+.cnblogs-toc-pinned-navigator {
+    border-radius: 4px
+}
+
+.cnblogs-toc-pinned-navigator .cnblogs-toc-title {
+    padding-top: 5px
+}
+
+.cnblogs-toc-pinned-navigator .wb-header {
+    color: var(--cnblogs-toc-color);
+    background: transparent
+}
+
+.cnblogs-toc-pinned-navigator .wb-header .wb-icon {
+    filter: invert(1)
+}
+
+.cnblogs-toc-pinned-navigator .wb-body {
+    background: transparent
+}
+
+.cnblogs-toc-pinned-navigator .cnblogs-toc {
+    overflow: visible
+}
+
+.cnblogs-toc-pinned-navigator .cnblogs-toc>.cnblogs-toc-title,.cnblogs-toc-pinned-navigator .cnblogs-toc-tips,.cnblogs-toc-pinned-navigator .cnblogs-toc-pinned-button {
+    display: none
+}
+
+.cnblogs-toc-button:active,.cnblogs-toc-button.active {
+    display: inline;
+    opacity: 100%
+}
+
+.cnblogs-toc-button.disabled {
+    display: none
+}
+
+.cnblogs-toc-collapse-button {
+    outline: none;
+    border: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    padding: 0;
+    margin-left: -20px
+}
+
+.cnblogs-toc-pinned-button,.cnblogs-toc-button {
+    font-size: inherit;
+    color: inherit;
+    opacity: 50%;
+    outline: none;
+    border: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    padding: 0;
+    margin-left: .5rem;
+    text-transform: none;
+    text-decoration: none;
+    vertical-align: middle
+}
+
+.cnblogs-toc-button {
+    display: none
+}
+
+.cnblogs-toc-button:hover {
+    opacity: 80%
+}
+
+.cnblogs-toc-pinned-button {
+    margin-left: 0;
+    width: fit-content;
+    align-self: end;
+    padding: 5px;
+    display: inline;
+    flex: 0 0 auto
+}
+
+@media only screen and (max-width: 767px) {
+    .cnblogs-toc-title .cnblogs-toc-pinned-button {
+        display:none
+    }
+}
+
+.cnblogs-toc-button::before {
+    content: '';
+    background-color: currentColor;
+    -webkit-mask-image: url("/images/toc.svg");
+    mask-image: url("/images/toc.svg");
+    width: 1em;
+    height: 1em;
+    display: block;
+    margin: auto;
+    max-width: 100%
+}
+
+.cnblogs-toc-item .cnblogs-toc-collapse-button::before {
+    content: '';
+    background: currentColor;
+    -webkit-mask-image: url("/images/arrow-down.svg");
+    mask-image: url("/images/arrow-down.svg");
+    width: 20px;
+    height: 20px;
+    display: block;
+    margin: auto;
+    max-width: 100%
+}
+
+.cnblogs-toc-item.cnblogs-toc-collapsed .cnblogs-toc-collapse-button::before {
+    -webkit-mask-image: url("/images/arrow-right.svg");
+    mask-image: url("/images/arrow-right.svg")
+}
+
+.cnblogs-toc>.cnblogs-toc-bottom-toolbar {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-end;
+    font-size: 10px;
+    color: var(--cnblogs-toc-color);
+    opacity: .5;
+    font-style: italic;
+    font-weight: normal;
+    padding: 10px;
+    margin: 0
+}
+
+.cnblogs-toc>.cnblogs-toc-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0;
+    padding: 10px 10px 5px 10px;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px
+}
+
+.cnblogs-toc-pinned-button:hover,.cnblogs-toc-item:not(.cnblogs-toc-text):hover {
+    background-color: var(--cnblogs-toc-highlight-color);
+    cursor: pointer
+}
+
+.cnblogs-toc>.cnblogs-toc-item {
+    display: flex;
+    align-items: center;
+    text-align: left;
+    padding: 5px 15px;
+    margin: 0;
+    flex: 0 0 auto
+}
+
+#cnblogs_post_body .cnblogs-toc .cnblogs-toc-text .footnote-item,.cnblogs-toc .cnblogs-toc-text .footnote-item {
+    list-style: none
+}
+
+.cnblogs-toc>.cnblogs-toc-item>.cnblogs-toc-content {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    font-weight: inherit
+}
+
+.cnblogs-toc>.cnblogs-toc-bottom-toolbar>.cnblogs-toc-publish-date {
+    font-size: inherit;
+    font-weight: inherit;
+    color: inherit;
+    font-style: inherit
+}
+
+.cnblogs-toc>.cnblogs-toc-bottom-toolbar>.cnblogs-toc-tips {
+    margin: 0 0 0 5px
+}
+
+.cnblogs-toc>.cnblogs-toc-bottom-toolbar>.cnblogs-toc-tips>a {
+    font-size: inherit;
+    font-weight: inherit;
+    color: inherit;
+    font-style: inherit
+}
+
+.cnblogs-toc-item:last-child {
+    padding-bottom: 10px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px
+}
+
+.cnblogs-toc-item[data-level="0"] {
+    font-weight: bold;
+    padding-left: 10px
+}
+
+.cnblogs-toc-item[data-level="1"] {
+    font-weight: bold;
+    padding-left: 20px
+}
+
+.cnblogs-toc-item[data-level="2"] {
+    font-weight: normal;
+    padding-left: 30px
+}
+
+.cnblogs-toc-item[data-level="3"] {
+    font-weight: normal;
+    padding-left: 40px
+}
+
+.cnblogs-toc-item[data-level="4"] {
+    font-weight: normal;
+    padding-left: 50px
+}
+
+.cnblogs-toc-item[data-level="5"] {
+    font-weight: normal;
+    padding-left: 55px
+}
+
+.cnblogs-toc-item[data-level="6"] {
+    font-weight: normal;
+    padding-left: 60px
+}
+
+.tippy-box[data-animation=fade][data-state=hidden] {
+    opacity: 0
+}
+
+[data-tippy-root] {
+    max-width: calc(100vw - 10px)
+}
+
+.tippy-box {
+    position: relative;
+    border-radius: 4px;
+    font-size: 14px;
+    line-height: 1.4;
+    white-space: normal;
+    outline: 0;
+    transition-property: transform,visibility,opacity
+}
+
+.tippy-box[data-inertia][data-state=visible] {
+    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
+}
+
+.tippy-content {
+    padding: 0 0 !important;
+    position: relative;
+    z-index: 1
+}
+
+.tippy-box[data-animation=shift-away-subtle][data-state=hidden] {
+    opacity: 0
+}
+
+.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top] {
+    transform: translateY(5px)
+}
+
+.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom] {
+    transform: translateY(-5px)
+}
+
+.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left] {
+    transform: translateX(5px)
+}
+
+.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right] {
+    transform: translateX(-5px)
+}
+
+.tippy-box[data-theme~=cnblogs] {
+    color: var(--cnblogs-toc-color);
+    box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
+    background-color: var(--cnblogs-toc-bg-color)
+}
+
+@keyframes wb-fade-in {
+    0% {
+        opacity: 0
+    }
+
+    to {
+        opacity: .85
+    }
+}
+
+.no-move:not(.min) .wb-title,.winbox.max .wb-body~div,.winbox.min .wb-body~div,.winbox.modal .wb-body~div,.winbox.modal .wb-title,body.wb-drag iframe {
+    pointer-events: none
+}
+
+.winbox {
+    position: fixed;
+    left: 0;
+    top: 0;
+    background: #0050ff;
+    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
+    transition: width .3s,height .3s,transform .3s,opacity .3s;
+    transition-timing-function: cubic-bezier(.3,1,.3,1);
+    will-change: transform,width,height,opacity;
+    contain: layout size;
+    text-align: left;
+    touch-action: none;
+    min-height: 35px
+}
+
+.wb-header,.wb-icon {
+    height: 35px
+}
+
+.wb-n,.wb-s {
+    left: 0;
+    height: 10px;
+    position: absolute
+}
+
+.wb-body {
+    top: 35px
+}
+
+.wb-header,.winbox iframe {
+    position: absolute;
+    width: 100%
+}
+
+.wb-header {
+    left: 0;
+    top: 0;
+    color: #fff;
+    overflow: hidden;
+    z-index: 1
+}
+
+.wb-body {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    overflow-scrolling: touch;
+    will-change: contents;
+    background: #fff;
+    margin-top: 0 !important;
+    contain: strict
+}
+
+.wb-title {
+    line-height: 35px;
+    font-family: Arial,sans-serif;
+    font-size: 14px;
+    padding-left: 10px;
+    cursor: move;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
+}
+
+.wb-n {
+    top: -5px;
+    right: 0;
+    cursor: n-resize
+}
+
+.wb-e {
+    position: absolute;
+    top: 0;
+    right: -5px;
+    bottom: 0;
+    width: 10px;
+    cursor: w-resize
+}
+
+.wb-s,.wb-se,.wb-sw {
+    bottom: -5px
+}
+
+.wb-s {
+    right: 0;
+    cursor: n-resize
+}
+
+.wb-w {
+    position: absolute;
+    top: 0;
+    left: -5px;
+    bottom: 0;
+    width: 10px;
+    cursor: w-resize
+}
+
+.wb-ne,.wb-nw,.wb-sw {
+    width: 15px;
+    height: 15px;
+    position: absolute
+}
+
+.wb-nw {
+    top: -5px;
+    left: -5px;
+    cursor: nw-resize
+}
+
+.wb-ne,.wb-sw {
+    cursor: ne-resize
+}
+
+.wb-ne {
+    top: -5px;
+    right: -5px
+}
+
+.wb-sw {
+    left: -5px
+}
+
+.wb-se {
+    position: absolute;
+    right: -5px;
+    width: 15px;
+    height: 15px;
+    cursor: nw-resize
+}
+
+.wb-icon {
+    float: right;
+    max-width: 100%;
+    text-align: center
+}
+
+.wb-icon * {
+    display: inline-block;
+    width: 30px;
+    height: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    cursor: pointer;
+    max-width: 100%
+}
+
+.no-close .wb-close,.no-full .wb-full,.no-header .wb-header,.no-max .wb-max,.no-min .wb-min,.no-resize .wb-body~div,.winbox.hide,.winbox.min .wb-body>*,.winbox.min .wb-full,.winbox.min .wb-min,.winbox.modal .wb-full,.winbox.modal .wb-max,.winbox.modal .wb-min {
+    display: none
+}
+
+.winbox.max .wb-title,.winbox.min .wb-title {
+    cursor: default
+}
+
+.wb-min {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAwaDdhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDAgMSAwLTJoN3oiLz48L3N2Zz4=);
+    background-size: 14px auto;
+    background-position: center bottom 11px
+}
+
+.wb-max {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA5NiA5NiI+PHBhdGggZD0iTTIwIDcxLjMxMUMxNS4zNCA2OS42NyAxMiA2NS4yMyAxMiA2MFYyMGMwLTYuNjMgNS4zNy0xMiAxMi0xMmg0MGM1LjIzIDAgOS42NyAzLjM0IDExLjMxMSA4SDI0Yy0yLjIxIDAtNCAxLjc5LTQgNHY1MS4zMTF6Ii8+PHBhdGggZD0iTTkyIDc2VjM2YzAtNi42My01LjM3LTEyLTEyLTEySDQwYy02LjYzIDAtMTIgNS4zNy0xMiAxMnY0MGMwIDYuNjMgNS4zNyAxMiAxMiAxMmg0MGM2LjYzIDAgMTItNS4zNyAxMi0xMnptLTUyIDRjLTIuMjEgMC00LTEuNzktNC00VjM2YzAtMi4yMSAxLjc5LTQgNC00aDQwYzIuMjEgMCA0IDEuNzkgNCA0djQwYzAgMi4yMS0xLjc5IDQtNCA0SDQweiIvPjwvc3ZnPg==);
+    background-size: 17px auto
+}
+
+.wb-close {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMS42MTMuMjEuMDk0LjA4M0w4IDYuNTg1IDE0LjI5My4yOTNsLjA5NC0uMDgzYTEgMSAwIDAgMSAxLjQwMyAxLjQwM2wtLjA4My4wOTRMOS40MTUgOGw2LjI5MiA2LjI5M2ExIDEgMCAwIDEtMS4zMiAxLjQ5N2wtLjA5NC0uMDgzTDggOS40MTVsLTYuMjkzIDYuMjkyLS4wOTQuMDgzQTEgMSAwIDAgMSAuMjEgMTQuMzg3bC4wODMtLjA5NEw2LjU4NSA4IC4yOTMgMS43MDdBMSAxIDAgMCAxIDEuNjEzLjIxeiIvPjwvc3ZnPg==);
+    background-size: 15px auto
+}
+
+.wb-full {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOCAzSDVhMiAyIDAgMCAwLTIgMnYzbTE4IDBWNWEyIDIgMCAwIDAtMi0yaC0zbTAgMThoM2EyIDIgMCAwIDAgMi0ydi0zTTMgMTZ2M2EyIDIgMCAwIDAgMiAyaDMiLz48L3N2Zz4=);
+    background-size: 16px auto
+}
+
+.winbox.hide {
+    visibility: hidden
+}
+
+.max {
+    box-shadow: none
+}
+
+.max .wb-body {
+    margin: 0 !important
+}
+
+.winbox iframe {
+    height: 100%;
+    border: 0
+}
+
+.no-animation,body.wb-drag .winbox {
+    transition: none
+}
+
+.winbox.modal:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: inherit;
+    border-radius: inherit
+}
+
+.winbox.modal:after {
+    content: '';
+    position: absolute;
+    top: -100vh;
+    left: -100vw;
+    right: -100vw;
+    bottom: -100vh;
+    background: #0d1117;
+    animation: wb-fade-in .2s ease-out forwards;
+    z-index: -1
+}
+
+.no-shadow {
+    box-shadow: none
+}
+
+.no-header .wb-body {
+    top: 0
+}
+
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em
+}
+
+code.hljs {
+    padding: 1em
+}
+
+.hljs {
+    background: #f3f3f3;
+    color: #444;
+    padding: 1em
+}
+
+.hljs-comment {
+    color: #697070
+}
+
+.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type {
+    color: #800
+}
+
+.hljs-section,.hljs-title {
+    color: #800
+}
+
+.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable {
+    color: #ab5656
+}
+
+.hljs-literal {
+    color: #695
+}
+
+.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code {
+    color: #397300
+}
+
+.hljs-meta {
+    color: #1f7199
+}
+
+.hljs-meta .hljs-string {
+    color: #38a
+}
+
+.hljs-emphasis {
+    font-style: italic
+}
+
+.dropdown-menu a {
+    color: #08c;
+    text-decoration: none
+}
+
+.typeahead {
+    z-index: 1051;
+    margin-top: 2px
+}
+
+.dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1000;
+    display: none;
+    padding: 0;
+    float: left;
+    margin: 2px 0 0;
+    list-style: none;
+    background-color: #fff;
+    text-shadow: none
+}
+
+.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
+    color: #fff;
+    text-decoration: none;
+    outline: 0;
+    background-color: #4078c0;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)
+}
+
+.dropdown-menu>li>a {
+    display: block;
+    padding: 3px 10px;
+    clear: both;
+    font-weight: normal;
+    line-height: 20px;
+    color: #333;
+    white-space: nowrap
+}
+
+.mention_name {
+    font-size: 12px
+}
+
+.mention_username {
+    font-size: 12px;
+    color: #999
+}
+
+.mention_image {
+    float: left;
+    margin-right: 5px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    width: 20px;
+    height: 20px
+}
+
+.active .mention_username {
+    color: #fff
+}
+
+.dropdown-menu>.tips {
+    color: #fff;
+    text-decoration: none;
+    outline: 0;
+    background-color: #4078c0;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
+    font-size: 12px;
+    padding: 3px 5px;
+    clear: both;
+    line-height: 20px
+}
+
+/*!
+ * ui-dialog.css
+ * Date: 2014-07-03
+ * https://github.com/aui/artDialog
+ * (c) 2009-2014 TangBin, http://www.planeArt.cn
+ *
+ * This is licensed under the GNU LGPL, version 2.1 or later.
+ * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
+ */
+.ui-dialog {
+    *zoom:1;_float: left;
+    position: relative;
+    background-color: #fff;
+    border: 1px solid #999;
+    border-radius: 6px;
+    outline: 0;
+    background-clip: padding-box;
+    font-family: Helvetica,arial,sans-serif;
+    font-size: 14px;
+    line-height: 1.428571429;
+    color: #333;
+    opacity: 0;
+    -webkit-transform: scale(0);
+    transform: scale(0);
+    -webkit-transition: -webkit-transform .15s ease-in-out,opacity .15s ease-in-out;
+    transition: transform .15s ease-in-out,opacity .15s ease-in-out
+}
+
+.ui-popup-show .ui-dialog {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1)
+}
+
+.ui-popup-focus .ui-dialog {
+    box-shadow: 0 0 8px rgba(0,0,0,.1)
+}
+
+.ui-popup-modal .ui-dialog {
+    box-shadow: 0 0 8px rgba(0,0,0,.1),0 0 256px rgba(255,255,255,.3)
+}
+
+.ui-dialog-grid {
+    width: auto;
+    margin: 0;
+    border: 0 none;
+    border-collapse: collapse;
+    border-spacing: 0;
+    background: transparent
+}
+
+.ui-dialog-header,.ui-dialog-body,.ui-dialog-footer {
+    padding: 0;
+    border: 0 none;
+    text-align: left;
+    background: transparent
+}
+
+.ui-dialog-header {
+    white-space: nowrap;
+    border-bottom: 1px solid #e5e5e5
+}
+
+.ui-dialog-close {
+    position: relative;
+    _position: absolute;
+    float: right;
+    top: 13px;
+    right: 13px;
+    _height: 26px;
+    padding: 0 4px;
+    font-size: 21px;
+    font-weight: bold;
+    line-height: 1;
+    color: #000;
+    text-shadow: 0 1px 0 #fff;
+    opacity: .2;
+    filter: alpha(opacity=20);
+    cursor: pointer;
+    background: transparent;
+    _background: #fff;
+    border: 0;
+    -webkit-appearance: none
+}
+
+.ui-dialog-close:hover,.ui-dialog-close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+    outline: 0;
+    opacity: .5;
+    filter: alpha(opacity=50)
+}
+
+.ui-dialog-title {
+    margin: 0;
+    line-height: 1.428571429;
+    min-height: 16.428571429px;
+    padding: 15px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    cursor: default
+}
+
+.ui-dialog-body {
+    padding: 20px;
+    text-align: center
+}
+
+.ui-dialog-content {
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    *zoom:1;*display: inline;
+    text-align: left
+}
+
+.ui-dialog-footer {
+    padding: 0 20px 20px 20px
+}
+
+.ui-dialog-statusbar {
+    float: left;
+    margin-right: 20px;
+    padding: 6px 0;
+    line-height: 1.428571429;
+    font-size: 14px;
+    color: #888;
+    white-space: nowrap
+}
+
+.ui-dialog-statusbar label:hover {
+    color: #333
+}
+
+.ui-dialog-statusbar input,.ui-dialog-statusbar .label {
+    vertical-align: middle
+}
+
+.ui-dialog-button {
+    float: right;
+    white-space: nowrap
+}
+
+.ui-dialog-footer button+button {
+    margin-bottom: 0;
+    margin-left: 5px
+}
+
+.ui-dialog-footer button {
+    width: auto;
+    overflow: visible;
+    display: inline-block;
+    padding: 6px 12px;
+    _margin-left: 5px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1.428571429;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none
+}
+
+.ui-dialog-footer button:focus {
+    outline: thin dotted #333;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px
+}
+
+.ui-dialog-footer button:hover,.ui-dialog-footer button:focus {
+    color: #333;
+    text-decoration: none
+}
+
+.ui-dialog-footer button:active {
+    background-image: none;
+    outline: 0;
+    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
+}
+
+.ui-dialog-footer button[disabled] {
+    pointer-events: none;
+    cursor: not-allowed;
+    opacity: .65;
+    filter: alpha(opacity=65);
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.ui-dialog-footer button {
+    color: #333;
+    background-color: #fff;
+    border-color: #ccc
+}
+
+.ui-dialog-footer button:hover,.ui-dialog-footer button:focus,.ui-dialog-footer button:active {
+    color: #333;
+    background-color: #ebebeb;
+    border-color: #adadad
+}
+
+.ui-dialog-footer button:active {
+    background-image: none
+}
+
+.ui-dialog-footer button[disabled],.ui-dialog-footer button[disabled]:hover,.ui-dialog-footer button[disabled]:focus,.ui-dialog-footer button[disabled]:active {
+    background-color: #fff;
+    border-color: #ccc
+}
+
+.ui-dialog-footer button.ui-dialog-autofocus {
+    color: #fff;
+    background-color: #428bca;
+    border-color: #357ebd
+}
+
+.ui-dialog-footer button.ui-dialog-autofocus:hover,.ui-dialog-footer button.ui-dialog-autofocus:focus,.ui-dialog-footer button.ui-dialog-autofocus:active {
+    color: #fff;
+    background-color: #3276b1;
+    border-color: #285e8e
+}
+
+.ui-dialog-footer button.ui-dialog-autofocus:active {
+    background-image: none
+}
+
+.ui-popup-top-left .ui-dialog,.ui-popup-top .ui-dialog,.ui-popup-top-right .ui-dialog {
+    top: -8px
+}
+
+.ui-popup-bottom-left .ui-dialog,.ui-popup-bottom .ui-dialog,.ui-popup-bottom-right .ui-dialog {
+    top: 8px
+}
+
+.ui-popup-left-top .ui-dialog,.ui-popup-left .ui-dialog,.ui-popup-left-bottom .ui-dialog {
+    left: -8px
+}
+
+.ui-popup-right-top .ui-dialog,.ui-popup-right .ui-dialog,.ui-popup-right-bottom .ui-dialog {
+    left: 8px
+}
+
+.ui-dialog-arrow-a,.ui-dialog-arrow-b {
+    position: absolute;
+    display: none;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    _color: #ff3fff;
+    _filter: chroma(color=#ff3fff);
+    border: 8px dashed transparent
+}
+
+.ui-popup-follow .ui-dialog-arrow-a,.ui-popup-follow .ui-dialog-arrow-b {
+    display: block
+}
+
+.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-a {
+    bottom: -16px;
+    border-top: 8px solid #7c7c7c
+}
+
+.ui-popup-top-left .ui-dialog-arrow-b,.ui-popup-top .ui-dialog-arrow-b,.ui-popup-top-right .ui-dialog-arrow-b {
+    bottom: -15px;
+    border-top: 8px solid #fff
+}
+
+.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-left .ui-dialog-arrow-b {
+    left: 15px
+}
+
+.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-b {
+    left: 50%;
+    margin-left: -8px
+}
+
+.ui-popup-top-right .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-b {
+    right: 15px
+}
+
+.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-a {
+    top: -16px;
+    border-bottom: 8px solid #7c7c7c
+}
+
+.ui-popup-bottom-left .ui-dialog-arrow-b,.ui-popup-bottom .ui-dialog-arrow-b,.ui-popup-bottom-right .ui-dialog-arrow-b {
+    top: -15px;
+    border-bottom: 8px solid #fff
+}
+
+.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-left .ui-dialog-arrow-b {
+    left: 15px
+}
+
+.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-b {
+    margin-left: -8px;
+    left: 50%
+}
+
+.ui-popup-bottom-right .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-b {
+    right: 15px
+}
+
+.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-a {
+    right: -16px;
+    border-left: 8px solid #7c7c7c
+}
+
+.ui-popup-left-top .ui-dialog-arrow-b,.ui-popup-left .ui-dialog-arrow-b,.ui-popup-left-bottom .ui-dialog-arrow-b {
+    right: -15px;
+    border-left: 8px solid #fff
+}
+
+.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-b {
+    top: 15px
+}
+
+.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-b {
+    margin-top: -8px;
+    top: 50%
+}
+
+.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-b {
+    bottom: 15px
+}
+
+.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-a {
+    left: -16px;
+    border-right: 8px solid #7c7c7c
+}
+
+.ui-popup-right-top .ui-dialog-arrow-b,.ui-popup-right .ui-dialog-arrow-b,.ui-popup-right-bottom .ui-dialog-arrow-b {
+    left: -15px;
+    border-right: 8px solid #fff
+}
+
+.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-b {
+    top: 15px
+}
+
+.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-b {
+    margin-top: -8px;
+    top: 50%
+}
+
+.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-b {
+    bottom: 15px
+}
+
+@-webkit-keyframes ui-dialog-loading {
+    0% {
+        -webkit-transform: rotate(0deg)
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg)
+    }
+}
+
+@keyframes ui-dialog-loading {
+    0% {
+        transform: rotate(0deg)
+    }
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+.ui-dialog-loading {
+    vertical-align: middle;
+    position: relative;
+    display: block;
+    *zoom:1;*display: inline;
+    overflow: hidden;
+    width: 32px;
+    height: 32px;
+    top: 50%;
+    margin: -16px auto 0 auto;
+    font-size: 0;
+    text-indent: -999em;
+    color: #666
+}
+
+.ui-dialog-loading {
+    width: 100%\9;
+    text-indent: 0\9;
+    line-height: 32px\9;
+    text-align: center\9;
+    font-size: 12px\9
+}
+
+.ui-dialog-loading::after {
+    position: absolute;
+    content: '';
+    width: 3px;
+    height: 3px;
+    margin: 14.5px 0 0 14.5px;
+    border-radius: 100%;
+    box-shadow: 0 -10px 0 1px #ccc,10px 0 #ccc,0 10px #ccc,-10px 0 #ccc,-7px -7px 0 .5px #ccc,7px -7px 0 1.5px #ccc,7px 7px #ccc,-7px 7px #ccc;
+    -webkit-transform: rotate(360deg);
+    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
+    transform: rotate(360deg);
+    animation: ui-dialog-loading 1.5s infinite linear;
+    display: none\9
+}
+
+.hljs .hljs-ln .hljs-ln-line {
+    border-collapse: initial;
+    padding: initial;
+    border: none;
+    min-width: initial
+}
+
+.hljs .hljs-ln .hljs-ln-line.hljs-ln-numbers {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    text-align: center;
+    vertical-align: top;
+    padding: 0 14px;
+    color: #bfbfbf;
+    white-space: nowrap
+}