/* common.css */
.text-break-all {
    word-break: break-all !important; /* 允许在任何字符间断行 */
    white-space: pre-line !important; /* 保留换行符，但会折行 */
    overflow-wrap: anywhere !important; /* 允许文本在任何位置换行 */
}

.text-ellipsis-1 {
    word-break: break-all !important; /* 允许在任何字符间断行 */
    white-space: pre-line !important; /* 保留换行符，但会折行 */
    overflow-wrap: anywhere !important; /* 允许文本在任何位置换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略号 */
    display: -webkit-box; /* 使用 WebKit 盒模型 */
    -webkit-box-orient: vertical; /* 垂直排列子元素 */
    -webkit-line-clamp: 1; /* 显示的行数 */
}

.text-ellipsis-2 {
    word-break: break-all !important; /* 允许在任何字符间断行 */
    white-space: pre-line !important; /* 保留换行符，但会折行 */
    overflow-wrap: anywhere !important; /* 允许文本在任何位置换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略号 */
    display: -webkit-box; /* 使用 WebKit 盒模型 */
    -webkit-box-orient: vertical; /* 垂直排列子元素 */
    -webkit-line-clamp: 2; /* 显示的行数 */
}