/* 新闻早报样式 */
h2 {
     text-align: center; /* 居中显示 */
     margin-bottom: 10px; /* 调整标题与内容之间的间距 */
     font-size: 18px; /* 调整题头字号 */
     }
p {
     margin: 5px 0; /* 调整段落之间的间距 */
      }

        body {
        font-family: Arial;
         }

/* 添加自定义边框样式 */
.custom-border {
    border: 2px solid; /* 边框颜色 */
    border-color: #dfdfdf  transparent #808080  transparent;
}
/* 通用表格单元格样式 */
td {
    color: #006600;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    background-color: #7ebeab
}
/* 超链接样式 */
a {
    color: #006600; /* 原始状态文字颜色 */
    text-decoration: none; /* 去掉下划线 */
}
a:hover {
    color: #DFDFDF; /* 鼠标悬停时文字颜色 */
}
/* 新增样式：标题栏布局 */
.header-content {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    gap: 10px; /* 间距 */
}
.title-container {
    display: flex;
    justify-content: space-between; /* 等距离分布 */
    align-items: center;
    width: auto; /* 自动宽度 */
}

.title-item {
    color: #006600;
    font-weight: bold;
    font-size: 18px;
    margin: 0 8px; /* 缩小间距 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    transition: color 0.3s ease; /* 添加颜色过渡效果 */
}

/* 鼠标悬停效果 */
.title-item:hover {
    text-decoration: none; /* 鼠标悬停时显示下划线 */
    color: #dfdfdf;
}

/* 调整日期选择框样式 */
.date-form {
    display: flex;
    gap: 8px; /* 间距 */
}

/* 日期选择框样式 */
.date-form select {
    height: 25px; /* 高度与标题一致 */
    padding: 2px;
    border: 2px solid; /* 边框颜色 */
    border-color: #dfdfdf  #808080  #808080  #dfdfdf ;
    border-radius: 1px;
    background-color: #7ebeab; /* 背景色 */
    color: #006600; /* 文字颜色 */
    font-size: 14px; /* 字体大小与标题一致 */
    font-weight: normal; /* 不加粗 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
}

/* 鼠标悬停效果 */
.date-form select:hover {
    border-color: #028760; /* 悬停时边框颜色变化 */
}

/* 聚焦效果 */
.date-form select:focus {
    outline: none; /* 移除默认聚焦轮廓 */
    border-color: #028760; /* 聚焦时边框颜色变化 */
}