#articles {
    padding: 0;
    margin: 0;
    list-style: none; /* 去掉默认列表标记，自定义·符号 */
    width: 100%;
    box-sizing: border-box;}

/* 新闻列表项核心样式 */
.news-item {
    position: relative; /* 用于自定义·符号定位 */
    padding: 12px 15px 12px 25px; /* 左侧留空给·符号 */
    margin: 0;
    border-bottom: 1px dashed #e5e7eb; /* 浅灰色虚线分隔 */
    display: flex; /* flex布局实现标题左、日期右 */
    justify-content: space-between; /* 两端对齐 */
    align-items: center; /* 垂直居中 */
    font-size: 14px;
    line-height: 1.5;}

/* 自定义·符号（开头标记） */
.news-item::before {
    content: "·";
    position: absolute;
    left: 12px; /* 调整·符号的水平位置 */
    color: #165DFF; /* 和文字同色的蓝色 */
    font-size: 18px;
    line-height: 1;}

/* 新闻标题样式（居左） */
.news-title {
    color: #165DFF; /* 合适的蓝色（阿里云主题蓝，视觉舒适） */
    text-decoration: none; /* 去掉默认下划线 */
    flex: 1; /* 占满除日期外的空间 */
    white-space: nowrap; /* 单行显示 */
    overflow: hidden; /* 超出隐藏 */
    text-overflow: ellipsis; /* 超出显示省略号 */
    margin-right: 10px;}

/* 标题hover效果（增强交互） */
.news-title:hover {
    color: #0D47A1; /* hover时加深蓝色 */
    text-decoration: underline;}

/* 新闻日期样式（居右） */
.news-date {
    color: #666; /* 日期用灰色，突出标题 */
    white-space: nowrap; /* 防止换行 */
    margin-left: 10px;}

/* 附件标记样式 */
.news-attach {
    color: #999;
    font-size: 12px;
    margin-left: 5px;}