h1 {
    font-size: 37px;
    font-weight: 700px;
}

h2 {
    font-size: 29px;
    font-weight: 700;
}

h3 {
    font-size: 22px;
    font-weight: 700;
}

h4 {
    font-size: 17px;
    font-weight: 500;
}

.yn-content {
    font-size: 37px;
    font-weight: 700px;
}

/* 最简单的保留换行样式 */
.keep-line-breaks { 
    white-space: pre-wrap;      /* 核心：保留换行 */
    overflow-wrap: break-word;  /* 处理长单词 */
    word-break: break-word;     /* 额外保护 */
}

@media (max-width: 768px) {
    .mb.keep-line-breaks{
        white-space: unset;      /* 核心：保留换行 */
        overflow-wrap: unset;  /* 处理长单词 */
        word-break: unset;     /* 额外保护 */
    }
  }

/* 如果只需要保留换行，不关心单词完整性 */
.force-breaks {
    white-space: pre-wrap;
    word-break: break-all;      /* 任意位置断行 */
}

/**显示几行，超出部分省略号*/
.u-line {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.u-line-1 {
    -webkit-line-clamp: 1;
}

.u-line-2 {
    -webkit-line-clamp: 2;
}

.u-line-3 {
    -webkit-line-clamp: 3;
}

.u-line-4 {
    -webkit-line-clamp: 4;
}

.u-line-5 {
    -webkit-line-clamp: 5;
}

.u-line-6 {
    -webkit-line-clamp: 6;
}