:root {
    --marRadius: 5px;
    --conBgcolor: #ffffff; /* 导航、卡片、内容的背景颜色 */
    --bodyBground: #f5f5f6; /* 页面背景颜色 */
    --fontColor: #5a5c69; /* 普通文本的颜色 */
    --aColor: #333333; /* a 标签的颜色 */
    --aHoverColor: #f6607d; /* a 标签 hover 状态的颜色 */
    --lightColor: #757575; /* 比较浅一点的文本颜色 */

    /* 表单和按钮的常规样式 */
    --inputBgColor: #ffffff;
    --inputBorderColor: #cccccc;
    --inputTextColor: #333333;
    --buttonBgColor: #cccccc;
    --buttonTextColor: #ffffff;
    --buttonBorderColor: #cccccc;
    --selectBgColor: #ffffff;
    --selectBorderColor: #cccccc;
    --selectTextColor: #333333;
    --dividerColor: #e0e0e0;
    --borderColor: #00000019;
}
img {
    max-width: 100%;
}
.comment-header {
    margin-block: 30px;
    height: 0
}

.comment-post {
    clear: both
}

.comment-post p {
    margin: 5px 0px
}

.comment-post small {
    font-size: 12px;
    color: #999
}
.comment .comment-time {
    color: #999;
    display: inline;
    font-size: 12px
}

.comment .comment-content {
    border-radius: 5px;
    padding: 10px;
    background: #F2F2F2;
    word-break: break-word;
    color: #333;
}

.com-reply {
    float: right;
    font-size: 12px;
    color: #007bff;
    cursor: pointer;
}

.comment-children {
    margin: 20px 10px 10px 20px;
    clear: both;
    border: none;
    padding: 0
}

.pagination {
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.pagination span {
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #858796;
    border-radius: 5px;
    margin-right: 10px;
    background: #EEE;
}

.pagination a {
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    background: #ccc;
    border-radius: 5px;
    margin-right: 10px;
}

.pagination a:hover {
    text-decoration: none
}

.tags a {
    text-decoration: none;
}