@font-face {
  font-family: 'iconfont';  /* Project id 4783179 */
  src: url('//at.alicdn.com/t/c/font_4783179_zwiw8i6a63h.woff2?t=1735994580092') format('woff2'),
       url('//at.alicdn.com/t/c/font_4783179_zwiw8i6a63h.woff?t=1735994580092') format('woff'),
       url('//at.alicdn.com/t/c/font_4783179_zwiw8i6a63h.ttf?t=1735994580092') format('truetype');
}
.dark-theme .post-copyright{
        background: var(--blur-bg);
    border: 1px solid var(--body-bg-color);

}
.post-copyright {
    background: #f7f7f9;
    border-width: 1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    position: relative;
    margin: 1rem 2rem .5rem;
    border-radius: 12px;
    padding: 34px 0 20px 0;
    border: 1px solid #e3e8f7;
    box-shadow: 0 0 10px var(--main-shadow) !important;
}

.post-copyright .post-copyright__author_group .post-copyright__author_img {
    width: 64px;
    height: 64px;
    margin: auto;
    border-radius: 64px;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 33px);
    top: -33px;
    border: 1px solid #e3e8f7;
    box-shadow: 0 8px 12px -3px #24679923;
}

.post-copyright .post-copyright__author_group .post-copyright__author_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    bottom: 0;
    left: 0
}

.post-copyright .post-copyright__author_group .post-copyright__author_img img:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.post-copyright .post-copyright__author_group .post-copyright__author_name {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 16px;
    color: var(--main-color);
    line-height: 1
}

.post-copyright .post-copyright__author_group .post-copyright__author_desc {
    text-align: center;
    font-size: 14px;
    color: rgba(60, 60, 67, 0.8);
    margin: 4px 10px 0;
    line-height: 1.5
}

.post-copyright .post-copyright__notice {
    font-size: 12px;
    margin: .5rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.post-copyright .post-copyright__notice .post-copyright-info {
    padding-left: 0;
    color: var(--main-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
    max-width: 500px
}

@media screen and (max-width:768px) {
    .post-copyright .post-copyright__notice .post-copyright-info {
        -webkit-line-clamp: 2
    }
}

.post-copyright .post-copyright__notice .post-copyright-info a {
    text-decoration: none;
    word-break: break-word;
    padding: 0 4px;
    border-radius: 4px;
    color: var(--main-color);
    font-weight: 700
}

.post-copyright .post-copyright__notice .post-copyright-info a:hover {
    text-decoration: none;
    background-color: #425aef;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.social-share {
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 40px;
    margin: .5rem auto;
    gap: .5rem;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.social-share-ico i {
    font-style: normal;
    font-size: 20px;
}

.social-share .social-share-ico {
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid #e3e8f7;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

@media screen and (max-width:768px) {
    .social-share .social-share-ico:nth-child(n+6) {
        display: none
    }
}

.social-share .social-share-ico:hover {
    color: #fff
}

.social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-qq:hover {
    background-color: #56b6e7
}

.social-share .icon-weibo {
    color: #d44040;
    border-color: #d44040
}

.social-share .icon-weibo:hover {
    background-color: #d44040
}

.social-share .icon-facebook {
    color: #415dc9;
    border-color: #415dc9
}

.social-share .icon-facebook:hover {
    background-color: #415dc9
}

.social-share .icon-twitter {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-twitter:hover {
    background-color: #56b6e7
}

.social-share .icon-links {
    color: #425aef;
    border-color: #425aef
}

.social-share .icon-links:hover {
    background-color: #425aef
}

.social-share .icon-qrcode {
    position: relative;
    color: #000;
    border-color: #000
}

@media screen and (max-width:900px) {
    .social-share .icon-qrcode {
        display: none
    }
}

.social-share .icon-qrcode:hover {
    background-color: #000
}

.social-share .icon-qrcode:hover .share-main {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.social-share .icon-qrcode .share-main {
    display: none;
    position: absolute;
    bottom: 1.7rem;
    z-index: 100;
    padding-bottom: 15px
}

.social-share #qrcode img {
    width: 132px;
    height: 132px;
}

.social-share .icon-qrcode .share-main-all {
    padding: 12px;
    border-radius: 12px;
    background: #f7f7f9;
    -webkit-animation: donate_effcet .3s .1s ease both;
    -moz-animation: donate_effcet .3s .1s ease both;
    -o-animation: donate_effcet .3s .1s ease both;
    -ms-animation: donate_effcet .3s .1s ease both;
    animation: donate_effcet .3s .1s ease both;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e3e8f7
}

.social-share .icon-qrcode .share-main-all .reward-dec {
    font-size: 1rem;
    color: #363636 !important;
    text-align: center
}

.social-share #qrcode {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
    background: #fff;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid #e3e8f7
}

.fa-seedling::before {
    font-family: 'iconfont';
    content: '\e60d';
    font-size: 20px;
}

.fa-zanzu::before {
    font-family: 'iconfont';
    font-size: 20px;
    content: '\e733';
}

.post-tools>.post-tools-left>.zanzu:hover {
    background-color: #425aef !important;
}

.post-tools {
    display: flex;
    width: 100%;
    margin: 15px 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 8px;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.post-tools .post-tools-left {
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    gap: .5rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.post-tools .post-tools-left #quit-box {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .2);
    top: 0;
    left: 0;
    opacity: .01;
    display: none;
    z-index: 101;
    margin: 0
}

@media screen and (max-width:768px) {
    .post-tools .post-tools-left #quit-box {
        height: calc(100vh - 380px)
    }
}

.post-tools .post-tools-left .reward-link.mode {
    background: #57bd6a;
    color: #fff;
    padding: 0 16px;
    height: 40px;
    line-height: 39px;
    -webkit-box-shadow: 0 8px 12px -3px rgba(135, 238, 121, 0.212);
    box-shadow: 0 8px 12px -3px rgba(135, 238, 121, 0.212);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

.post-tools .post-tools-left .reward-link.mode a {
    color: #fff
}

.post-tools .post-tools-left .reward-link.mode i {
    margin-right: 4px
}

.post-tools .post-tools-left .reward-link.mode:hover {
    background: #425aef;
    -webkit-box-shadow: none;
    box-shadow: none
}

.social-share-ico .fa-qq::before {
    font-family: 'iconfont';
    content: '\e876';
}

.social-share-ico .fa-weibo::before {
    font-family: 'iconfont';
    content: '\e666';
}

.social-share-ico .fa-twitter::before {
    font-family: 'iconfont';
    content: '\e613';
}

.social-share-ico .fa-facebook::before {
    font-family: 'iconfont';
    content: '\e617';
}

.social-share-ico .fa-facebook::before {
    font-family: 'iconfont';
    content: '\e6e1';
}

.social-share-ico .fa-link::before {
    font-family: 'iconfont';
    content: '\e706';
}

.social-share-ico .fa-qrcode::before {
    font-family: 'iconfont';
    content: '\e6bd';
}

.post-tools>.post-tools-left>.zanzu {
    background-color: #d80020 !important;
}


@media screen and (max-width:768px) {
    .post-copyright {
        box-shadow: 0 8px 16px -4px rgba(44, 45, 48, 0.047);
        padding: 1rem 1.3rem;
        margin: .5rem
    }

    .social-share {
        display: none;
    }

    .post-copyright__author_name {
        margin-top: 24px !important;
    }
}

.post-copyright-span {
    text-align: center;
    font-size: 15px;
    margin-top: 16px;
    color: var(--main-color);
    line-height: 1
}