@font-face {
    font-family: DengXian;
    src: url(DENG.TTF);
}

@font-face {
    font-family: SiYuanHei;
    src: url(SourceHanSansHWSC-VF.otf.woff2) format('woff2-variations');
    font-display: swap;
}

@font-face {
    font-family: SimSun-ExtB;
    src: url(SIMSUNB.TTF);
}

@font-face {
    font-family: PlangothicP1;
    src: url(PlangothicP1-Regular.allideo.ttf);
}

@font-face {
    font-family: PlangothicP2;
    src: url(PlangothicP2-Regular.ttf);
}

:root {
    --bg: #fafafa;
    margin-bottom: 5pt;
    margin-left: max(7%, 50% - 30em);
    margin-right: max(7%, 50% - 30em);
    background: var(--bg);
}

body {
    margin: 0;
}

#status {
    position: fixed;
    top: .5em;
    left: .5em;
    color: #000000aa;
    z-index: 100;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
}

.btn-box-top {
    position: fixed;
    top: .5em;
    right: .5em;
    z-index: 10;
}

.btn-box-bottom {
    position: fixed;
    bottom: .5em;
    right: .5em;
    z-index: 10;
}

.btn {
    width: 2.1em;
    height: 2.1em;
    text-align: center;
    line-height: 2.1em;
    border-radius: .3em;
    border: #000 1px solid;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: .5em;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
}

.btn:hover {
    background: #ddd;
}

.btn:active {
    background: #aaa;
}

.long-btn {
    text-align: center;
    padding: .5em;
    border-radius: .3em;
    border: #000 1px solid;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
}

.long-btn:hover {
    background: #ddd;
}

.long-btn:active {
    background: #aaa;
}

.cover {
    display: none;
    opacity: 0;
    position: fixed;
    background: #00000099;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    transition: all .6s;
}

.wnd {
    position: fixed;
    top: calc(15% + 2em);
    width: min(70%, 60em);
    height: 70%;
    padding: 1em;
    background: #fff;
    border: #333 1px solid;
    border-radius: .3em;
    left: calc(50% - min(35%, 30em) - 1em - 1px);
    transition: all .6s;
}

.toc-box {
    overflow-y: scroll;
    overflow-x: hidden;
    margin: .2em;
    background: #fff;
    width: 100%;
    height: calc(100% - 2.1em);
    border: #aaa 1px solid;
}

.close {
    float: right;
    color: #000;
    font-weight: 999;
    font-size: 1.6em;
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    margin-bottom: .3125em;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    cursor: pointer;
    border-radius: .2em;
    background: #fff;
    transition: all .3s;
}

.close:hover {
    background: #ddd;
}

.close:active {
    background: #aaa;
}

.wnd-title {
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1em;
    margin-bottom: .3125em;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
}

.wnd-title::after {
    content: "";
    width: 0;
    height: 0;
}

.close::after {
    content: "";
    width: 0;
    height: 0;
}

.toc-box>:first-child {
    border-top: none !important;
}

.toc-item {
    background: #fff;
    border-top: #aaa 1px solid;
    border-right: #aaa 1px solid;
    transition: all .3s;
    padding: .6em;
    cursor: pointer;
}

.toc-item:hover {
    background: #ddd;
}

.toc-item:active {
    background: #aaa;
}

.wndmsg {
    overflow-y: scroll;
    overflow-x: hidden;
    margin: .2em;
    padding: .5em;
    width: calc(100% - 1.4em);
    background: #fff;
    height: calc(100% - 3.5em);
    border: #aaa 1px solid;
    text-indent: 2em;
}

.bodycontent {
    display: block;
    font-size: 1em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 10pt;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10pt;
    text-align: left;
    text-indent: 2em;
    word-break: break-word;
}

.block,
.block1 {
    display: block;
    text-indent: 2em;
    margin-left: 2em;
    font-weight: bold;
}
.block2 {
    display: block;
    text-indent: 2em;
    margin-left: 2em;
}

.bodycontent1 {
    display: block;
    font-size: 1em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 10pt;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10pt;
    text-align: right;
    text-indent: 0
}

.bodycontent2 {
    display: block;
    font-size: 1em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 10pt;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10pt;
    text-align: center;
    text-indent: 0
}

.bodypic {
    display: block;
    font-size: 2em;
    line-height: 1.2;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
}

.bodypic>* {
    width: 100% !important;
}

.bodypoem {
    display: block;
    font-size: 1em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    text-align: center
}

.bold {
    font-weight: 800
}

.calibre {
    display: block;
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.calibre1 {
    display: block
}

.calibre2 {
    border-bottom-color: currentColor;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-left-color: currentColor;
    border-left-style: inset;
    border-left-width: 1px;
    border-right-color: currentColor;
    border-right-style: inset;
    border-right-width: 1px;
    border-top-color: currentColor;
    border-top-style: inset;
    border-top-width: 1px;
    color: gray;
    display: block;
    height: 2px;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em
}

.calibre3 {
    display: block;
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.calibre4 {
    text-decoration: none;
    color: darkred;
}

.calibre5 {
    height: 1em;
    margin-bottom: -.1em;
    width: auto
}

.calibre6 {
    font-size: 0.75em;
    line-height: normal;
    vertical-align: super
}

.calibre7 {
    height: 1em;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    vertical-align: text-top;
    width: 1em;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
}

.calibre8 {
    font-size: 0.83333em;
    line-height: 1.2;
    vertical-align: super
}

.calibre9 {
    font-size: 1em;
    line-height: 1.2;
    vertical-align: super
}

.calibre10 {
    font-size: 0.9em;
    line-height: normal;
    vertical-align: super
}

.chaptercaption {
    border-bottom-color: #900;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-color: currentColor;
    border-left-style: none;
    border-left-width: 1em;
    border-right-color: currentColor;
    border-right-style: none;
    border-right-width: 1em;
    border-top-color: currentColor;
    border-top-style: none;
    border-top-width: 1em;
    color: #000;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    background: var(--bg);
    z-index: 1;
    top: 0px;
    font-size: 1.29167em;
    font-weight: bold;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 5pt;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5pt;
    padding-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1em;
    page-break-before: always;
    text-align: center;
    text-indent: 0
}

.conauthor {
    display: block;
    font-size: 0.83333em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    padding-right: 4em;
    text-align: right
}

.conquot {
    color: #000;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 5pt;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5pt;
    text-align: left;
    text-indent: 3em
}

.cp {
    color: #412938;
    display: block;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 130%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 0
}

.duokan-footnote-content {
    border-bottom-color: #6BC;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-left-color: #6BC;
    border-left-style: dashed;
    border-left-width: 1px;
    border-right-color: #6BC;
    border-right-style: dashed;
    border-right-width: 1px;
    border-top-color: #6BC;
    border-top-style: dashed;
    border-top-width: 1px;
    box-shadow: 0 0 1em #AAA;
    clear: both;
    display: block;
    list-style-type: decimal;
    margin-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px
}

.duokan-footnote-item {
    display: list-item;
    font-size: 0.83333em;
    line-height: 1.2;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left
}

.imgdescript {
    display: block;
    font-size: 0.75em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
    text-align: center;
    text-indent: 0
}

.lasttitle {
    display: block;
    font-size: 1.29167em;
    font-weight: 800;
    line-height: 1.5em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.33em;
    text-align: center
}

.poemtext {
    display: block;
    font-size: 0.83333em;
    letter-spacing: auto;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    text-align: center
}

.rarefont {
    width: 0.8em
}

.vol {
    color: #3B2735;
    display: block;
    font-size: 1.29167em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0.8em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.8em;
    page-break-before: always;
    text-align: center;
    text-indent: 0;
    text-shadow: none
}

.xchar {
    display: block;
    font-size: 1.29167em;
    font-weight: bold;
    line-height: 130%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-indent: 0
}

.zs {
    display: block;
    line-height: 130%;
    margin-bottom: 5pt;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5pt;
    text-align: justify;
    text-indent: 0
}

p {
    font-weight: 500;
}

sup {
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
}

.right {
    display: block;
    margin-bottom: 1em;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0.5em;
    text-align: right;
    text-indent: 2em
}

.note {
    display: block;
    font-size: 0.83333em;
    margin-bottom: 1em;
    padding-left: 3.3em;
    margin-right: 0;
    margin-top: 0.5em;
    text-indent: -3em
}

.note-backlink {
    text-indent: 0;
    min-width: 3em;
    margin: 0;
    display: inline-block;
}