.article-title {
    font-weight: bold;
    font-size: 22px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: center;
}

.article-second-view-count{
    padding-left: 5px;
    font-size: 12px;
    padding-top: 2px;
    color: #8A8A8A;
}

.article-second-time{
    padding-top: 2px;
    font-size: 12px;
    text-align: right;
    color: #8A8A8A;
}

.article-secondary-title {
    font-size: 19px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 20px;
}
.article-content {
    font-size: 16px;
    margin-left: 15px;
    margin-top: 10px;
    text-indent: 2em;
}
.article-content li {
    margin-bottom: 10px;
}
.article-image{
    text-align: center;
    margin: 15px;
}
.article-program{
    background-color: black;
    color: #f3d19e;
    font-size: 14px;
    border: 1px solid #c8c9cc;
    border-radius: 10px;
    margin-top: 25px;
    padding-top: 15px;
}

li{
    list-style-type: none;
}

.article-fu-title {
    font-size: 16px;
    margin-left: 15px;
    margin-top: 15px;
    text-indent: 2em;
}

.image-container {
    width: 30px; /* 图片容器宽度 */
    height: 30px; /* 图片容器高度 */
    background: url('/static/models/imgs/circle-left-solid.svg') no-repeat center center; /* 默认图片 */
    background-size: cover; /* 保持图片的纵横比或缩放填满容器 */
    transition: background 0.5s ease; /* 平滑过渡效果 */
}

.image-container:hover {
    cursor: pointer;
    background: url('/static/models/imgs/circle-left-regular.svg') no-repeat center center; /* 鼠标悬停时的图片 */
    background-size: cover; /* 保持图片的纵横比或缩放填满容器 */
}

.comment-nickname {
    color: black;
    font-size: 16px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 20px;
}

.comment-remark {
    color: black;
    font-size: 14px;
    margin-left: 15px;
    margin-top: 15px;
    text-indent: 2em;
    padding-right: 25px;
}

.comment-time {
    padding: 10px;
    padding-left: 20px;
    font-size: 12px;
    color: #8A8A8A;
}

.comment-reply-div {
    border: 1px solid #c8c9cc;
    border-radius: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
}

.center-div {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 200px; /* 确保有高度 */
    border: 1px solid #c8c9cc;
    border-radius: 20px;
}

p {
    text-indent: 2em;
}

.n4 {
    padding-left: 32px;
}
.n8 {
    padding-left: 64px;
}
.n12 {
    padding-left: 96px;
}
.n16 {
    padding-left: 128px;
}
.n20 {
    padding-left: 160px;
}
.n24 {
    padding-left: 192px;
}
.n28 {
    padding-left: 224px;
}
.n32 {
    padding-left: 256px;
}