/* 《合法隐瞒》读者留言页 */
#comments .comments-intro {
    margin-bottom: .45rem;
    color: rgba(225,225,225,.84);
}
#comments .comments-privacy {
    margin-bottom: 1.5rem;
    color: rgba(175,175,175,.52);
    font-size: .78rem;
}
.reader-comment-form {
    display: grid;
    gap: 9px;
    margin: 0 0 1.8rem;
}
.reader-comment-form label {
    color: rgba(210,210,210,.72);
    font-size: .78rem;
}
.reader-comment-form input,
.reader-comment-form textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(225,225,225,.18);
    border-radius: 1px;
    padding: 11px 12px;
    background: rgba(0,0,0,.26);
    color: rgba(238,238,238,.92);
    font: inherit;
    font-size: .88rem;
    letter-spacing: .02em;
    outline: none;
}
.reader-comment-form input:focus,
.reader-comment-form textarea:focus {
    border-color: rgba(230,230,230,.48);
}
.reader-comment-form textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.7;
}
.reader-comment-form input::placeholder,
.reader-comment-form textarea::placeholder {
    color: rgba(185,185,185,.35);
}
.comment-form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 5px;
}
.comment-form-actions button,
.comments-more {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(225,225,225,.22);
    background: rgba(255,255,255,.025);
    color: rgba(230,230,230,.82);
    font: inherit;
    font-size: .78rem;
    cursor: pointer;
}
.comment-form-actions button:hover,
.comments-more:hover {
    border-color: rgba(240,240,240,.48);
    color: #fff;
}
.comment-form-actions button:disabled,
.comments-more:disabled {
    opacity: .45;
    cursor: wait;
}
#reader-comment-status {
    min-height: 1.4em;
    color: rgba(195,195,195,.68);
    font-size: .75rem;
}
.comment-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}
.comments-list-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(225,225,225,.13);
}
.comments-list-heading h3 {
    margin: 0;
    color: rgba(225,225,225,.88);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .08em;
}
.comments-list-heading span {
    color: rgba(175,175,175,.42);
    font-size: .68rem;
}
.reader-comments-list {
    display: grid;
    gap: 0;
}
.reader-comment-item {
    padding: 15px 0 14px;
    border-bottom: 1px solid rgba(225,225,225,.09);
}
.reader-comment-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
}
.reader-comment-nickname {
    color: rgba(225,225,225,.82);
    font-size: .82rem;
    overflow-wrap: anywhere;
}
.reader-comment-time {
    flex: 0 0 auto;
    color: rgba(165,165,165,.42);
    font-size: .66rem;
}
.reader-comment-text {
    margin: 0 !important;
    color: rgba(210,210,210,.76);
    font-size: .84rem !important;
    line-height: 1.8 !important;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.comments-loading,
.comments-empty,
.comments-error {
    margin: 14px 0 !important;
    color: rgba(175,175,175,.52);
    font-size: .78rem !important;
}
.comments-more {
    display: block;
    margin: 18px auto 0;
}
.comments-more[hidden] {
    display: none;
}
@media (max-width: 768px) {
    #comments {
        padding: 2.5rem 1.35rem 2rem !important;
    }
    .reader-comment-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
    .reader-comment-time {
        font-size: .62rem;
    }
}