body {
    background-color: var(--lybgc);
    font-family: Nunito-Reg, sans-serif;
    font-weight: 400;
    color: var(--font);
    font-size: 18px
}

.main .menubg #menu {
    color: #fffdf5;
    transform: translateX(5px);
}

.main .menubg #menu .t1 {
    font-family: Montserrat-Black, sans-serif;
    color: var(--menutitle)
}

.main .menubg #menu .t1.unfold+.h2-sec {
    color: var(--menushow)
}

.main .menubg #menu .t2 {
    font-family: Montserrat-Bold, sans-serif;
    color: var(--menutitle)
}

.main .menubg #menu .t2.show {
    color: var(--menushow)
}

.main #content {
    background-color: #e3f2df;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.2);  /* 右边和下边的阴影 */
    transform: translateX(0px);
}

.main #content::before {
    background-color: var(--mg)
}

.main #content h1 {
    position: relative;
    color: var(--lyfont);
    font-family: Montserrat-Black, sans-serif;
    font-size: 40px
}

.main #content h2 {
    font-size: 30px;
    color: var(--lyfont);
    font-family: Montserrat-Bold, sans-serif
}

.main #content h3 {
    font-size: 20px;
    color: var(--lyh3);
    font-family: Montserrat-Bold;
    margin-left: 1.5em;
}

.main #content strong,em {
    color: var(--dg);
    font-family: Nunito-Bold
}

.main #content .quote {
    text-indent: 0;
    opacity: .8;
    /*border-left: 2px solid var(--mg);*/
    padding-top: .5em;
    padding-bottom: .5em;
    font-style: italic
}

.main #content .quote .author {
    display: block;
    text-align: right
}

.main #content .ref a {
    color: var(--font);
    text-decoration: none
}

#block a,
.main #content a {
    color: var(--mg);
    text-decoration: underline;
    background-image: linear-gradient(0deg, transparent, transparent);
    transition: .6s
}

#block a:hover,
.main #content a:hover {
    background-image: linear-gradient(0deg, var(--mg) 0, var(--mg) 40%, transparent 31%, transparent 100%);
    color: var(--font)
}

.main #content .img-wrap .disc {
    color: var(--disc)
}