@charset "UTF-8";
@keyframes waveMove { 0% {
background-position:0 100%
}
to { background-position: -20px 100% }
}
@keyframes content { 0% {
opacity:0;
transform:translateY(5%)
}
to { opacity: 1; transform: translateY(0) }
}
html, html[data-theme=dark] { --a-hover-color:var(--red);
--btn-color:var(--a-color);
--btn-hover-color:#f00;
--btn-active-color:#f00;
--search-error-border-color:#f00;
--popup-bg:rgb(22 25 37);
--overlay-bg:rgba(36, 39, 59, 0.3)
}
html {
--hanzi-background:url("/assets/images/mi_bg.svg") center no-repeat;
--font-family-songit:"Songti", "Songti SC", "宋体", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
--header-bg-color:#68ab15;
--body-bg-color:#f6f6f6;
--body-secondary-bg-color:#f3f3f3;
--body-color:#212112;
--body-secondary-color:#444;
--body-info-color:#666;
--theme-bg-color:#fff;
--theme-bg-color-rgb:255, 255, 255;
--theme-secondary-bg-color:#f9f9f9;
--theme-third-bg-color:#f0f0f0;
--border-color:#f0f0f0;
--border-secondary-color:rgba(200, 200, 200, 0.4);
--text-color-gray:rgba(0,0,0,0.5);
--a-color:#3E7B0A;
--search-bg-color:#ecfff7;
--search-border-color:rgba(0,0,0,0.2);
--search-focus-border-color:#52930F;
--btn-bg-color:var(--theme-bg-color);
--btn-hover-bg-color:#f8f9fa;
--btn-hover-border-color:#dee2e6;
--btn-border-color:#e9ecef;
--shadow-color:rgba(200,200,200,0.3);
--highlight-bg-color:#fdfbbc;
--mi-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' stroke='%23ccc'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E") center no-repeat;
--mi-bg-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' fill-opacity='.5' stroke='red'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E") center no-repeat;
--nav-scrollbar-thumb-bg:#ccc;
--scrollbar-bg:rgba(66,66,66,0.4); font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
html[data-theme=dark] { --header-bg-color:#222;
--body-bg-color:#000;
--body-secondary-bg-color:#303030;
--body-info-color:#999;
--body-color:#eee;
--body-secondary-color:#aaa;
--theme-bg-color:#222;
--theme-bg-color-rgb:34, 34, 34;
--theme-secondary-bg-color:#2a2a2a;
--theme-third-bg-color:#3a3a3a;
--border-color:#333;
--border-secondary-color:rgba(99, 99, 99, 0.6);
--a-color:#EFFACE;
--btn-bg-color:#444;
--btn-hover-bg-color:#343a40;
--btn-hover-border-color:#495057;
--btn-border-color:#444;
--shadow-color:rgba(0,0,0,0.3);
--highlight-bg-color:rgba(255,0,0,0.2);
--scrollbar-bg:rgb(255 253 253 / 57%);
--text-color-gray:rgba(255,255,255,0.5);
--mi-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' stroke='%23555'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E") center no-repeat;
--nav-scrollbar-thumb-bg:#303030;
--ci-card-border-color:#333;
--ci-card-hover-border-color:#000;
--ci-card-box-shadow:unset;
--ci-card-hover-box-shadow:0 2px 6px 0 #111;
--ci-card-summary-color:#888;
--ci-card-more-bg:#000
}

::after, ::before { box-sizing: border-box }
footer, header, main, nav, section { display: block }
body { margin: 0; font-family: "PingFang SC", Microsoft YaHei, Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
h1, h2, h3, h4 { margin-top: 0; margin-bottom: 10px }
ol, p, ul { margin-bottom: 1rem }
p { margin-top: 0 }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
b, strong { font-weight: bolder }
a, a:hover { text-decoration: none }
a { color: #68ab15; background-color: transparent; color: var(--a-color) }
a:hover { color: #3f670d; color: var(--a-hover-color) }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none }
code { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em }
img, svg { vertical-align: middle }
img { border-style: none; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges }
svg { overflow: hidden }
table { border-collapse: collapse }
th { text-align: inherit; text-align: -webkit-match-parent }/*label{display:inline-block;margin-bottom:.5rem}*/

template { display: none }
[hidden] {
display:none!important
}
.container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto }
@media (min-width:576px) {
.container { max-width: 540px }
}
@media (min-width:768px) {
.container { max-width: 720px }
}
@media (min-width:992px) {
.container { max-width: 960px }
}
@media (min-width:1200px) {
.container { max-width: 1140px }
}
@media (min-width:1420px) {
.container { max-width: 1380px }
}
.row { display: flex; flex-wrap: wrap }
.row { margin-right: 0; margin-left: 0 }
.col { position: relative; width: 100%; padding-right: 0; padding-left: 0 }
.col { flex-basis: 0; flex-grow: 1; max-width: 100% }

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding:.375rem .75rem;
font-size: 1rem; line-height: 1.5; border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.btn { transition: none }
}
.btn:hover { color: #212529; text-decoration: none }
.btn.focus, .btn:focus { outline: 0; box-shadow:0 0 0 .2rem rgba(104,171,21,.25)
}
.btn.disabled, .btn:disabled { opacity: .65 }
.btn:not(:disabled):not(.disabled) { cursor: pointer }
a.btn.disabled { pointer-events: none }


.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 }
.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 }
.btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 }
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d }
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}
.collapse:not(.show) { display: none }

.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius:.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.badge { transition: none }
}
a.badge:focus, a.badge:hover { text-decoration: none }
.badge:empty { display: none }
.btn .badge { position: relative; top: -1px }
.badge-info { color: #fff; background-color: #17a2b8 }
a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b }
a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.d-none { display: none!important }
.d-block { display: block!important }
.d-flex { display: flex!important }
.justify-content-between { justify-content: space-between!important }
@media (min-width:1200px) {
.flex-xl-nowrap { flex-wrap: nowrap!important }
}
.position-relative { position: relative!important }
.shadow-none { box-shadow: none!important }
.mt-0 { margin-top: 0!important }
.mb-0 { margin-bottom: 0!important }
.mr-1 { margin-right: 5px!important }
.mb-1 { margin-bottom: 5px!important }
.mt-2 { margin-top: 10px!important }
.mr-2 { margin-right: 10px!important }
.mb-2 { margin-bottom: 10px!important }
.mt-3 { margin-top: 15px!important }
.mr-3 { margin-right: 15px!important }
.mb-3 { margin-bottom: 15px!important }
.m-4 { margin: 20px!important }
.mt-4 { margin-top: 20px!important }
.mb-4 { margin-bottom: 20px!important }
.p-1 { padding: 5px!important }
.pt-1 { padding-top: 5px!important }
.pb-1 { padding-bottom: 5px!important }
.pt-2 { padding-top: 10px!important }
.pb-2 { padding-bottom: 10px!important }
.p-3 { padding: 15px!important }
.pt-3 { padding-top: 15px!important }
.pb-3 { padding-bottom: 15px!important }
.pt-4 { padding-top: 20px!important }
.pr-4 { padding-right: 20px!important }
.pb-4 { padding-bottom: 20px!important }
.pl-4 { padding-left: 20px!important }
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent }
.iconfont { font-family: "iconfont"!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-home:before { content: "♥" }
body, html { scroll-behavior: smooth; color: var(--body-color); background-color: var(--body-bg-color); font-size: 16px }
body { position: relative }
* { outline: 0; box-sizing: border-box }
ul { list-style: none; padding: 0; margin: 0 }
ol { margin-top: 0; margin-bottom: 0 }
a.primary { padding-bottom: 1px; text-align: center; color: red; border-bottom: 1px solid var(--a-hover-color) }
a.primary:hover { color: var(--a-hover-color); padding-bottom: 4px; border-color: transparent; animation: waveMove 1s infinite linear; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; background-size: 20px auto }
a.red { color: red; border-bottom: 1px solid red; transition: all .2s }
a.red:hover { color: #10892d; border-bottom-color: transparent }
body::-webkit-scrollbar {
width:8px;
border-radius:10px
}
body::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1);
border-radius:10px
}
body::-webkit-scrollbar-thumb {
background:var(--scrollbar-bg);
border-radius:10px
}
.breadcrumb-wrapper .breadcrumb ol::-webkit-scrollbar {
display:none
}
.bi { display: inline-block; vertical-align: -.125em }
.pinyin { font-family: "pinyin" }
.text-gray { color: var(--text-color-gray) }
.text-center { text-align: center }
.socail-list ul li, .voice { cursor: pointer }
.list a { display: block; border: 1px solid #52930f; border-radius: 5px; padding: 5px 0 5px 10px; }
.list a:hover { border-color: red; color: red }
.ci-list-card .title em { color: red; font-style: unset }
.btn-copy { position: absolute; top: -1px; right: -1px; font-size: 12px; background: rgba(30,73,218,.5); border-bottom-left-radius: 5px; border-top-right-radius: 5px; color: #fff; border: 0; padding: 0 10px; line-height: 1.6 }
.btn-copy:hover { background: rgba(30,73,218,.7) }
@media (min-width:576px) and (max-width:992px) {
.container { max-width: calc(100% - 40px)!important }
.container .breadcrumb { padding-left: 0; padding-right: 0 }
}
.font-sm { font-size:.875rem!important
}
.font-xxl { font-size: 1.5rem!important }
.font-14 { font-size: 14px!important }
.font-15 { font-size: 15px!important }
.font-16 { font-size: 16px!important }
header { position: relative; z-index: 1001; transition: all .2s; border-bottom: 1px solid rgba(0,0,0,.1) }
header:after, header:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1 }
header:before { z-index: -2; background-color: var(--header-bg-color) }
header:after { opacity: .02 }
.header-wrapper { padding: 0; z-index: 1 }
.header-main { padding: 12px 0; position: relative; display: flex; justify-content: space-between }
.header-main .header-main-one { flex: none; flex-wrap: nowrap }
.header-main .header-main-one .logo>img { height: 32px }
.header-main .header-main-one .channel { font-size: 1rem; color: #fff }
.header-main .header-main-one .channel::before { content: "•"; padding-left: 10px; padding-right: 10px }
.header-main .header-main-one, .header-main .header-main-three, .header-main .header-main-two { display: flex; align-items: center }
.header-main .header-main-three>a, .header-main .header-main-two>a { display: inline-block; background-color: rgba(255,255,255,.2); padding: 0 10px; border-radius: 4px; color: #fff; transition: background-color .2s linear; height: 30px; border: 1px solid var(--border-secondary-color) }
.header-main .header-main-three>a:hover, .header-main .header-main-two>a:hover { background-color: rgba(0,0,0,.2); color: #fff }
.header-main .header-main-three>a:not(:first-child), .header-main .header-main-two>a:not(:first-child) { margin-left: 6px }
.header-main .header-main-three>a>.iconfont, .header-main .header-main-two>a>.iconfont { font-size: 18px }
.header-main .header-main-three>a, .header-main .header-main-two>a { line-height: 28px }
.header-main .header-main-two { flex-grow: 1; justify-content: flex-end }
.header-main .header-main-three { justify-content: flex-end; padding-left: 15px }
@media (max-width:991.98px) {
.header-main-two a:not(:nth-child(-n+3)) {
display:none
}
}
@media (max-width:575.98px) {
.header-main { padding-left: 10px; padding-right: 10px }
}
@media (max-width:620px) {
.header-main .header-main-two { display: none }
}
@media (max-width:388px) {
.header-main .channel { font-size:.9125rem!important
}
.header-main .header-main-three { padding-left: 8px!important }
.header-main .header-main-three a { padding: 0 6px }
.header-main .header-main-three a.theme-toggle { width: 32px }
}
@media (max-width:360px) {
.header-main .header-main-three a[data-share] { display: none }
}
.logo { width: auto; height: 32px; overflow: hidden }
footer { border-top: 1px solid #343a40; background-color: #495057; text-align: center; color: #aaa; margin-top: 15px }
footer>.container { padding: 15px; text-align: center }
footer .icp {
font-size:.825rem; display: flex; justify-content: center; align-items: center }
footer a { color: #dbf6a0 }
footer a:not(:last-child):after { content: " "; color: #999; padding:0 .5rem
}
.breadcrumb-wrapper {
--breadcrumb-font-size:15px;
--breadcrumb-color:#fff;
--breadcrumb-bg-color:var(--theme-bg-color);
--breadcrumb-item-back-bg-color:#3E7B0A;
--breadcrumb-item-bg-color:#68ab15;
--breadcrumb-item-hover-bg:#96CC45;
--breadcrumb-active-color:#000;
--breadcrumb-active-bg-color:transparent; background: var(--breadcrumb-bg-color); box-shadow:0 .125rem .25rem var(--shadow-color);
margin-bottom: 20px; padding: 10px 0; text-decoration: none }
:root[data-theme=dark] .breadcrumb-wrapper { --breadcrumb-bg-color:var(--theme-bg-color);
--breadcrumb-item-back-bg-color:#555;
--breadcrumb-item-bg-color:#333;
--breadcrumb-item-hover-bg:#444;
--breadcrumb-active-color:#fff
}
.breadcrumb-wrapper .breadcrumb { display: flex; align-items: center }
.breadcrumb-wrapper .breadcrumb .back { background-color: var(--breadcrumb-item-back-bg-color); color: #fff; height: 34px; line-height: 34px; border-radius:.25rem;
width: 30px; margin-right: 6px; text-align: center }
.breadcrumb-wrapper .breadcrumb .back:hover, .breadcrumb-wrapper .breadcrumb li a { background-color: var(--breadcrumb-item-bg-color) }
.breadcrumb-wrapper .breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: nowrap; text-align: left; overflow-y: hidden; overflow-x: auto }
.breadcrumb-wrapper .breadcrumb li a { position: relative; display: block; height: 34px; line-height: 34px; padding-left: 24px; padding-right: 12px; font-size: var(--breadcrumb-font-size); color: var(--breadcrumb-color); white-space: nowrap }
.breadcrumb-wrapper .breadcrumb li a::after, .breadcrumb-wrapper .breadcrumb li a::before { content: " "; display: block; width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; position: absolute; top: 50%; margin-top: -40px; left: calc(100% - 10px) }
.breadcrumb-wrapper .breadcrumb li a::after { border-left: 20px solid var(--breadcrumb-item-bg-color); z-index: 2 }
.breadcrumb-wrapper .breadcrumb li a::before { border-left: 20px solid var(--breadcrumb-bg-color); margin-left: 2px; z-index: 1 }
.breadcrumb-wrapper .breadcrumb li a:hover { background: var(--breadcrumb-item-hover-bg)!important }
.breadcrumb-wrapper .breadcrumb li a:hover::after { border-left-color: var(--breadcrumb-item-hover-bg)!important }
.breadcrumb-wrapper .breadcrumb li:first-child a {
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem; padding-left: 10px; padding-right: 10px }
.breadcrumb-wrapper .breadcrumb li h1 { margin: 0; font-size: var(--breadcrumb-font-size); padding-left: 20px; white-space: nowrap }
.breadcrumb-wrapper .breadcrumb li:last-child a { pointer-events: none; cursor: default; border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem;
background-color: var(--breadcrumb-active-bg-color); color: var(--breadcrumb-active-color) }
.breadcrumb-wrapper .breadcrumb li:last-child a::after, .breadcrumb-wrapper .breadcrumb li:last-child a::before { border: 0; display: none }
@media (max-width:991.98px) {
.breadcrumb-wrapper { --breadcrumb-font-size:14px
}
.breadcrumb .back, .breadcrumb li a { height: 30px; line-height: 30px }
}
@media (max-width:767.98px) {
.breadcrumb-wrapper { position: sticky; top: -1px; z-index: 2000 }
.breadcrumb { border-top: none; padding-left: 15px; padding-right: 15px }
.breadcrumb nav { overflow-x: auto }
.breadcrumb nav::-webkit-scrollbar {
display:none
}
}
html { --ci-card-border-color:#e6e6e6;
--ci-card-hover-border-color:#52930F;
--ci-card-box-shadow:0 2px 4px 0 #eee;
--ci-card-hover-box-shadow:0 2px 10px 0 #ccc;
--ci-card-summary-color:#666;
--ci-card-more-bg:#52930F
}
.sidebar-menu-content ul {display: flex;flex-wrap: wrap}
.title-angle-shap { margin-bottom: 10px }
.title-angle-shap { font-size: 1.125rem; font-weight: 700; padding-left:.75rem;padding-top:.75rem;position: relative }
.title-angle-shap::after, .title-angle-shap::before { position: absolute; background: red; content: ""; left: 0; top:.5rem}
.title-angle-shap::after { width: 10px; height: 2px }
.title-angle-shap::before { width: 2px; height: 10px }

.title h1, .title h1+.summary { text-align: center; margin-bottom: 15px }
.title h1 { color: var(--body-color); padding-top: 20px; line-height: 1em; font-family: "Songti", "Songti SC", "宋体", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif; font-size: 2rem }
.title h1+.summary {
font-size:.875rem; color: var(--body-secondary-color); border-bottom: 1px solid var(--border-color); padding-bottom: 15px }
.title .description { color: var(--body-info-color); position: relative }
.title .description>.more { position: absolute; right: 0; bottom: 0; line-height: 160%; background: linear-gradient(270deg, var(--theme-bg-color) 65%, rgba(255,255,255,0) 100%); text-align: right; color: rgba(255,0,0,.92); padding: 0 0 0 50px; z-index: 1; transition: all .2s linear; box-sizing: content-box }
.title .description>.more::before { content: "全部展开" }
.title .description>.more::after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid red; transition: all .2s ease-in-out; transform: rotate(180deg) }
.title .description>.more { display: flex; align-items: center }

.sidebar-content { padding-top: 15px; padding-bottom: 15px; top: 0 }
.sidebar-content .card { margin-bottom: 10px }
.sidebar-content .content.link-list ul { margin: 0 -5px }
.sidebar-separate { background: var(--body-bg-color); height: 15px; width: calc(100% + 2px); margin: 0 -1px; box-shadow: inset 0 6px 4px -5px var(--shadow-color), inset 0 -6px 4px -5px var(--shadow-color); overflow: hidden }
.sidebar-actions, .sidebar-actions a { display: flex; justify-content: center; align-items: center; flex-direction: column }
.sidebar-actions a { border: 1px solid var(--btn-border-color); width: 100%; margin-top: 10px; background-color: var(--theme-bg-color); box-shadow: 0 0 10px var(--shadow-color); border-radius: 4px; font-size: 14px; text-align: center; position: relative; height: 60px }
.sidebar-actions a>i { display: block; font-size: 22px; line-height: 26px }
.sidebar-actions a:first-child { margin-top: 0 }
.sidebar-actions a[data-mobile] { position: relative; z-index: 1000 }
@media (max-width:575.98px) {
.sidebar-separate { width: 100%; margin: 0 }
}
html .side-toolbar { background-color: rgba(240,240,240,.5) }
html[data-theme=dark] .side-toolbar { background-color: rgba(10,10,10,.5) }
.side-toolbar, .side-toolbar a { display: flex; align-items: center }
.side-toolbar { flex-direction: column; justify-content: flex-end; position: fixed; right: 15px; bottom: 15px; z-index: 2020; border: 1px solid var(--border-secondary-color); box-shadow: 0 2px 4px var(--shadow-color); border-radius: 5px; padding: 4px }
.side-toolbar a { justify-content: center; position: relative; cursor: pointer; border-bottom: 1px solid var(--border-secondary-color) }
.side-toolbar a:last-child { border-bottom: none }
.side-toolbar a:hover i { color: red }
.side-toolbar a i { font-weight: 500; font-size: 18px; color: var(--body-color) }
.side-toolbar a[data-back2top] { visibility: hidden; height: 0; opacity: 0; transition: all .2s }
.side-toolbar a[data-back2top].visible { visibility: visible; height: auto; opacity: 1 }
.side-toolbar a .tooltip { display: none }
@media (any-hover:none) {
.side-toolbar a .stip, .side-toolbar a[data-mobile] { display: none }
}
@media (any-hover:hover) {
.side-toolbar a { position: relative }
.side-toolbar a .stip { display: inline-block; position: absolute; top: 0; font-size: 14px; right: 52px; background-color: var(--theme-bg-color); box-shadow: 0 0 10px var(--shadow-color); color: var(--body-color); border: 1px solid var(--border-color); border-radius: 4px; white-space: nowrap; padding: 0 8px; height: 34px; line-height: 34px; opacity: 0; pointer-events: none; transition: all .3s cubic-bezier(.68, -.55, .265, 1.55) }
.side-toolbar a .stip::before { transform: translate(8px, 0); border-left: 8px solid var(--border-color) }
.side-toolbar a .stip::after, .side-toolbar a .stip::before { display: block; position: absolute; top: calc(50% - 8px); right: 0; width: 0; height: 0; content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent }
.side-toolbar a .stip::after { transform: translate(7px, 0); border-left: 8px solid var(--theme-bg-color) }
.side-toolbar a:hover { color: red }
.side-toolbar a:hover .stip { opacity: 1; right: 42px }
}
@media (pointer:coarse) {
.side-toolbar a>.stip, .side-toolbar a[data-mobile] { display: none }
}
@media (min-width:992px) {
.side-toolbar>a { width: 32px; height: 32px }
.side-toolbar>a[data-back2top] { height: 0; visibility: hidden }
.side-toolbar>a[data-back2top].visible { height: 32px }
}
@media (max-width:1199.98px) {
html .side-toolbar a { background-color: rgba(240,240,240,.5) }
html[data-theme=dark] .side-toolbar a { background-color: rgba(10,10,10,.5) }
.side-toolbar { right: 5px; background-color: transparent!important; border: unset; box-shadow: none }
.side-toolbar a { width: 36px; height: 36px; border-radius: 20px; text-align: center; border: 1px solid var(--border-secondary-color); background-color: rgba(255,255,255,.5); margin-bottom: 5px }
.side-toolbar a[data-back2top].visible { height: 36px!important }
}
.hamburger { margin-top: 7px; height: 18px; width: 18px }
.hamburger .line { width: 18px; height: 3px; border-radius: 3px; background-color: #ecf0f1; display: block; transition: all .3s ease-in-out }
.hamburger .line:first-child { margin-bottom: 3px }
.hamburger .line:last-child { margin-top: 3px }
.hamburger.active .line:nth-child(2) { opacity: 0 }
.hamburger.active .line:nth-child(1) { transform: translateY(6px) rotate(45deg) }
.hamburger.active .line:nth-child(3) { transform: translateY(-6px) rotate(-45deg) }
.sidebar-menu { position: absolute; top: 57px; left: 0; right: 0; min-height: calc(100% - 57px); z-index: 2010; overflow-x: hidden; overflow-y: auto; visibility: hidden; opacity: 0; transform: translateY(-100px); -webkit-overflow-scrolling: touch; transition: all .2s cubic-bezier(.25, 0, .3, 1) }
.sidebar-menu .container, .sidebar-menu .sidebar-menu-backdrop { z-index: 100; position: absolute; top: 0; right: 0; left: 0 }
.sidebar-menu .sidebar-menu-backdrop { bottom: 0; z-index: 10; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; transition: opacity .15s }
.sidebar-menu.active { visibility: visible; opacity: 1; transform: translateY(0) }
.sidebar-menu.active .sidebar-menu-backdrop { opacity: 1 }
.sidebar-menu-content { margin: 0; padding: 15px 15px 0; background-color: var(--theme-bg-color); box-shadow: 0 6px 6px 0 rgba(0,0,0,.1) }
.ci-content summary, .sidebar-menu-content .card { margin-bottom: 10px }
.sidebar-menu-content .card:last-child { margin-bottom: 0 }
.sidebar-menu-content .card:nth-child(4n+1) li { background-color: #f4ac36;}
.sidebar-menu-content .card:nth-child(4n+2) li { background-color: #19c37d;}
.sidebar-menu-content .card:nth-child(4n+3) li { background-color: #5436da; }
.sidebar-menu-content .card:nth-child(4n) li { background-color: #ef4146; }
.sidebar-menu-content ul li { width: 9em; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 8px; padding: 15px 0; margin: 8px; text-align: center; background-size: cover; flex-shrink: 0 }
.sidebar-menu-content ul li a { color: #fff; line-height: 1.2em; font-size: 18px; transition: all .15s; text-shadow: 1px 1px 4px rgba(0,0,0,.5); font-weight: 700 }
.sidebar-menu-content ul li a:hover { color: #ff0 }
@media (min-width:576px) and (max-width:1199.98px) {
.sidebar-menu-content li { width: calc(25% - 16px)!important }
}
@media (max-width:575.98px) {
.sidebar-menu-content li { width: calc(50% - 16px)!important }
.sidebar-menu-content a { max-width: 8em; letter-spacing: 2px }
}
.sidebar-menu-close { text-align: center; border-top: 1px solid var(--border-color); padding-top: 20px; padding-bottom: 20px }
.sidebar-menu-close button { padding: 5px 40px; border-radius: 40px }
@media (max-width:991.98px) {
.sidebar-menu .container { margin: 0; width: 100%!important; max-width: unset!important }
.sidebar-menu-active { overflow-x: hidden; overflow-y: hidden }
.sidebar-menu-active>header { position: sticky; top: 0 }
header { z-index: 2020 }
.sidebar-menu { position: fixed; left: 0; max-height: calc(100% - 57px); z-index: 2010 }
}

.card .card-header.main { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; border-bottom: 1px solid var(--border-color); padding: 0 15px; height: 42px; line-height: 42px }
.card .card-header.main>h2 { padding: 0; font-size: 1rem }
.card .card-header.main>h2 i { font-style: normal; color: red }
.card .card-header.main>h2::before { content: ""; border-left: 3px solid red; position: absolute; left: 0; height: 20px; top: 50%; transform: translateY(-50%) }
.card .card-header.main>span a { display: block; padding: 5px 10px; border-radius: 5px; background: var(--border-color) }
.card .card-header.main>[data-toggle] {
flex-grow:1;
text-align:right;
font-size:14px;
cursor:pointer;
color:#a27728;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}
.card .card-header.main>[data-toggle] .fold { display: inline-block }
.card .card-header.main>[data-toggle] .unfold, .card .card-header.main>[data-toggle].collapsed .fold, .ci-attrs p>span i { display: none }
.card .card-header.main>[data-toggle] .arrow { margin-left: 4px; display: inline-block; transition: all .2s linear }
.card .card-header.main>[data-toggle].collapsed .unfold { display: inline-block }
.card .card-header.main>[data-toggle].collapsed .arrow { transform: rotate(180deg) }
.card .card-header>h2 { font-size: 1.25rem; margin: 0 }

.main-content { width: calc(100% - 355px) }
.main-content .card, .main-sidebar { background-color: var(--theme-bg-color); box-shadow:0 .125rem .25rem var(--shadow-color);
border-radius:.25rem
}
.main-sidebar { flex: 0 0 300px; margin-left: 15px }
.main-content .card { position: relative;max-width:1045px; overflow: hidden; }
.main-content .card .card-header { margin-left: -20px; margin-right: -20px; padding: 15px }
.card { padding: 0 20px; margin-bottom: 15px }
.card:last-child { margin-bottom: 0 }
@media (min-width:1200px) {
.main-content { width: calc(100% - 375px) }
.main-sidebar { flex: 0 0 320px }
}
@media (max-width:991.98px) {
.main-sidebar { flex: none; margin-left: 0; margin-top: 15px }
.main-content { width: 100% }
.home .main-content, .home .main-sidebar { margin-top: 15px }
.home .main-content { order: 2 }
.home .main-sidebar { order: 1 }
.main-content .card>.card-header { margin-left: -15px!important; margin-right: -15px!important }
.card { padding-left: 15px!important; padding-right: 15px!important }
}
@media (max-width:575.98px) {
.main-content .card, .main-sidebar { border-left: none; border-right: none; border-radius: 0!important }
.ci-content .explain.primary{ display:none}
}
.ci-title { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; overflow-x: auto }
.ci-title h1 { font-size: 22px; /*letter-spacing: 10px; white-space: nowrap;*/ padding-left: 10px;  margin-bottom: 20px; line-height: 120%; overflow-y: hidden; font-family: "Songti", "Songti SC", "宋体", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif }
.ci-title .pinyin { font-size: 18px; display: flex; align-items: center }
.ci-title .pinyin span { text-align: center; width: 50px }
.ci-title.ci-title-sm h1 { font-size: 32px; letter-spacing: 14px; padding-left: 14px; white-space: nowrap }
.ci-title.ci-title-sm .pinyin span { width: 46px }
.ci-title-header { overflow: auto; text-align: center; padding-bottom: 0!important }

.ci-cards { margin-bottom: 15px; padding: 0 0 5px }
.ci-cards li, .ci-cards ul { display: flex; justify-content: center }
.ci-cards ul { list-style: none; margin: 0 }
.ci-cards li { flex-direction: column; align-items: center; margin-left: 10px; border: 1px solid rgba(120,120,120,.2); border-radius: 5px; padding: 5px 8px; white-space: nowrap; position: relative; transition: all .2s }
.ci-cards li:first-child { margin-left: 0 }
.ci-cards li:hover { border: 1px solid rgba(120,120,120,.4); box-shadow:0 .5rem 1rem var(--shadow-color)
}
.ci-cards li span { font-size: 13px; color: #999 }
.ci-cards li a { font-size: 15px }
.ci-cards li a::after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; content: "" }
.ci-content { --ext-name-border:1px solid #96CC45;
--ext-name-color:#173a03
}
html[data-theme=dark] .ci-content { --ext-name-border:1px solid #52930F;
--ext-name-color:#DBF6A0
}
.ci-content h2 { font-size: 18px; border-bottom: 1px solid var(--border-color); background-color: var(--theme-secondary-bg-color); border-top: 1px solid var(--border-color); padding: 10px; margin-bottom: 20px }
.ci-content h3, .ci-content h4 { font-size: 16px }
.ci-content h3 { margin-left: -.5em; color: red }
.ci-content h3, .ci-content h4, .ci-content p { margin-bottom: 15px }
.ci-content h4 { color: var(--ext-name-color); position: relative; margin-left: 20px }
.ci-content h4+p { font-size: 15px; line-height: 1.5em; color: #254edb }
.ci-content h4:before { position: absolute; content: "▶"; color: #666; left: -20px }
.ci-content p { line-height: 1.8em }
.ci-content ul {overflow: hidden; }
.ci-content ul li {min-width:58px;float:left;margin:0 0 14px 32px; }
.ci-content sup { color: red; padding: 0 4px }
.ci-content label { color: red; margin: 0 }
.ci-content details { margin-left: 15px; margin-bottom: 15px }
.ci-content details summary { margin-left: -10px }
.ci-content details p { color: var(--body-info-color); font-size: 14px }
.ci-content details p.title { font-size: 16px; margin-left: -5px; color: #254edb; font-weight: 700 }
.ci-content details p.title+.explain { font-size: 15px; color: #328df8 }
.ci-content a { transition: all .2s }
.ci-content a:hover { border-bottom: 1px solid transparent;}
.ci-content .content, .ci-content .explain, .ci-content h4+p { margin-left: 5px }
.ci-content .py { margin: 0 2px }
.ci-content .no { position: absolute; color: red; top: 0 }
.ci-content .gray { color: var(--body-info-color) }
.ci-content .name { font-size: 12px; font-weight: 700; padding: 4px; margin-right: 10px; border: var(--ext-name-border); color: var(--ext-name-color); white-space: nowrap; border-radius: 4px }
.ci-content .ext { position: relative; font-size: 15px; color: var(--body-color); border-bottom: 1px solid var(--body-secondary-bg-color); padding: 10px 0; margin-left: 10px; margin-bottom: 0 }
.ci-content .ext .no { position: unset; top: unset }
.ci-content .ext .name { padding: 2px 4px; width: 3em; text-align: center; box-sizing: content-box; display: inline-block; position: absolute; left: -60px; top: 12px; line-height: 1.5em }
.ci-content .ext .name i{ display: none }
.ci-content .ext a{ color: var(--body-secondary-color) }
.ci-content .explain { font-size: 15px }
.ci-content .explain.primary { position: relative; border-radius: 5px; font-weight: 400; padding: 10px 10px 10px 40px; border: 1px dashed rgba(3,122,31,.05); background-color: rgba(2,129,32,.05); margin-left: 0 }
.ci-content .ext a:hover,.ci-content .explain.primary a:hover{ color:red }
.ci-content .explain.primary::before { content: "♫"; font-family: iconfont; position: absolute; top: 10px; left: 10px; line-height: 1; font-size: 20px; font-weight: 700; font-style: normal; color: rgba(200,200,200,.6) }
.ci-content .explain.content { position: relative; margin-left: 30px }
.ci-content .explain.content .no { left: -26px }
.ci-content .explain.list a { border-top: unset; border-left: unset; border-right: unset; border-radius: unset; display: unset }
.ci-content .explain .em { color: #254edb }
.ci-content .explain .arrow { color: #999; padding-right: 10px }
.ci-content .explain.list { position: relative; margin-left: 2em; margin-bottom: 6px }
.ci-content .explain.list:last-child { margin-bottom: 15px }
.ci-content .explain.list .no { left: -1.5em; font-weight: 700 }
.ci-content .explain cite { display: block; font-size: 15px; color: var(--body-info-color); font-style: normal; line-height: 1.5em; margin: 5px 5px 5px 24px; position: relative }
.ci-content .explain cite:before { content: " "; position: absolute; left: -16px; top: 8px; width: 6px; height: 6px; background-color: rgba(200,200,200,.8); border-radius: 5px }
.ci-content .explain q::before { content: "〔" }
.ci-content .explain q::after { content: "〕" }
.ci-content .entry, .ci-content .list>li, .ci-content .note { position: relative; border-bottom: 1px solid var(--body-secondary-bg-color); margin-bottom: 0; padding: 8px 0 }
.ci-content .entry { font-size: 15px; margin-top: 0; margin-left: 50px }
.ci-content .entry .name { position: absolute; left: -50px; padding: 4px; line-height: 1em; top: 10px }
.ci-content .entry+details { margin-top: 6px }
.ci-content .entry+details .no { font-weight: 700; font-size: 18px }
.ci-content .title+ul.list, .ci-content h3+ul.list { font-size: 15px; margin: 0 0 15px 5px }
.ci-content .title+ul.list>li, .ci-content h3+ul.list>li { margin-left: 30px }
.ci-content .title+ul.list>li .no, .ci-content h3+ul.list>li .no { left: -30px; font-weight: 700!important; font-size: 14px }
.ci-content .list>li, .ci-content .note { margin-left: 25px }
.ci-content .list>li .no, .ci-content .note .no { left: -25px; top: 8px }
.ci-content .content { font-size: 16px }
.ci-content .note { line-height: 140% }
.ci-content em { position: relative; z-index: 0; font-style: normal; color: red; margin: 0 2px }
.ci-content .compare span:after, .ci-content em:after { position: absolute; right: 0; bottom: 1px; left: 0; z-index: -1; height: 3px; border-radius: 2.5px; background-color: #bae56c; content: " " }
.ci-content .compare { width: 100%; font-size: 13px; border-top: 1px solid var(--border-color); margin-top: 15px; margin-left: -10px }
.ci-content .compare td { padding: 4px 0 }
.ci-content .compare td, .ci-content .compare th { text-align: center; border-bottom: 1px solid var(--border-secondary-color) }
.ci-content .compare td:not(:last-child), .ci-content .compare th:not(:last-child) { white-space: nowrap }
.ci-content .compare td:last-child, .ci-content .compare th:last-child { text-align: left }
.ci-content .compare th { background-color: rgba(200,200,200,.1); padding: 4px }
.ci-content .compare span { font-weight: 700; position: relative; z-index: 0 }
:root { --primary-color:#fff;
--secondary-color:#378496
}
.ci-list-terse {
    display: flex;
    flex-wrap: wrap
}

.ci-list-terse a {
    margin: 5px;
    width: calc(50% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1199.98px) {
    .ci-list-terse a {
        width:calc(50% - 10px)
    }
}

@media (max-width: 991.98px) {
    .ci-list-terse a {
        width:calc(50% - 10px)
    }
}

@media (max-width: 767.98px) {
    .ci-list-terse a {width:calc(25% - 10px) }
	.ci-content img {	height: auto !important;	max-width: 100% !important;}
}

@media (max-width: 575.98px) {
    .ci-list-terse a {
        width:calc(100% - 10px)
    }
}
.ci-searching-list ul { display: flex; flex-wrap: wrap; margin: 0 -5px }
.ci-searching-list li { padding: 5px; width: 100% }
@media (max-width:991.98px) {
.ci-searching-list li { width: 100% }
}
@media (max-width:575.98px) {
.ci-searching-list li { width: 100% }
}
.ci-gaishu { display: flex; flex-direction: column }
html[data-theme=dark] .ci-gaishu img { filter: brightness(.85) invert(1) }