.content {
    background-color: #fafafa;
}

.content > .layui-container {
    background-color: #fff;
}

/* 面包屑导航 */
.current-position {
    background-color: #fafafa;
    padding: 10px 0;
}

.current-position .Column_Position {
    display: inline-block;
}

/* 面包屑导航分隔符 */
.current-position .Column_Position .possplit {
    position: relative;
    display: inline-block;
    margin: 0 8px;
    font-size: 0; /* 隐藏原有的空格 */
    background-image: none; /* 去掉原来的背景图片 */
    text-indent: 0; /* 去掉原来的缩进 */
}

.current-position .Column_Position .possplit::before {
    content: "|";
    font-size: 14px;
    color: #999;
    position: relative;
    top: -1px;
}

.column-list {
    padding-top: 20px;
}

.column-list a {
    text-align: center!important;
}

.article-list {
    padding: 10px 20px 0;
}

.article-list .wp_article_list .list_item{
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0;
}

.Article_Title a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list_item {
    display: flex; /* 让左右内容并排显示 */
    width: 100%; /* 确保列表项占满容器 */
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.pr_fields {
    flex: 1; /* 标题区域占剩余空间 */
    display: flex!important;
    align-items: center; /* 序号和标题垂直居中 */
    gap: 10px; /* 序号和标题之间的间距 */
    min-width: 0; /* 关键：允许容器在空间不足时收缩 */
}

.Article_Title {
    flex: 1; /* 标题占剩余空间 */
    min-width: 0; /* 关键：确保子元素能正确收缩 */
}

/* 核心：文本过长时显示省略号 */
.Article_Title a {
    white-space: nowrap; /* 文本不换行 */
    overflow: hidden; /* 溢出部分隐藏 */
    text-overflow: ellipsis; /* 溢出部分显示省略号 */
    display: block; /* 确保a标签能继承容器宽度限制 */
    /* 可选样式 */
    color: #333;
    text-decoration: none;
}