/* #region  第一个declaration*/
.declaration{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.declaration-head {
    font-size: xx-large;
    position: relative; /* 设置为相对定位，为伪元素提供定位上下文 */
    display: inline-block; /* 使分割线与文字同行 */
    margin: 80px 0 ;
}

.declaration-head::after {
    content: ''; /* 伪元素必须有内容，即使是空字符串 */
    position: absolute; /* 使用绝对定位来放置分割线 */
    left: 0; /* 将分割线放置在文字的左侧 */
    bottom: -50px; /* 将分割线放置在文字的底部 */
    height: 4px; /* 分割线的高度 */
    width: 150px; /* 分割线的长度，可以根据需要修改 */
    background-color: #fa1234; /* 分割线的颜色 */
}

.declaration-content{
    font-size: smaller;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.declaration-content span{
    margin: 10px;
}


@media screen and (max-width: 768px) {
    .declaration{
        width: 70%;
    }
    .declaration-head {
        white-space: pre-line;
    }
    .declaration-content span{
        white-space: pre-line;
        line-height: 35px;
    }
}

/* #endregion  第一个declaration*/