/* ================= 既存样式 (保留并优化) ================= */
body {
    background-color: #F7FAFF;
    font-size: 12px;
    margin: 0;
}

td, th, prelink {
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #000;
}

    a:hover {
        text-decoration: underline;
    }

.STYLE9 {
    font-size: 12px;
}

/* 布局容器 */
.main-container {
    width: 1002px;
    margin: 0 auto;
    background-image: url(../images2026/bg.jpg);
     /*关键：确保主容器不会创建限制子元素溢出的层叠上下文 */
    position: relative;
    z-index: 1;
}

.split-line {
    height: 1px;
    background: url(../images2026/line.jpg) repeat-x;
}

/* 导航样式 */
.nav-title {
    color: #B52008;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
}

.whitenav, .whitenav a {
    color: #FFF;
    text-decoration: none;
}

.footer-link a {
    color: #FFF;
    margin: 0 5px;
}

/* ================= 4. 下拉菜单交互样式 (关键修改) ================= */
.nav-dropdown-container {
    position: relative;
    display: inline-block;
    z-index: 1000;
}

.nav-dropdown-trigger {
    display: block;
    margin-top: -10px;
    cursor: pointer;
}

/* === 2. 新增：标题样式 (对应 h6) === */
.dropdown-header {
    background-color: #f5f5f5; /* 浅灰背景区分标题 */
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
}

    .dropdown-header h6 {
        margin: 0; /* 去除 h6 默认的大外边距 */
        padding: 0;
        font-size: 14px; /* 设置清晰的字体大小 */
        font-weight: bold;
        color: #B52008; /* 建议使用报纸主题红，如果必须黑色可改为 #000 */
        line-height: 1.2;
    }

/* 下拉列表容器 */
.dropdown-list {
    display: none; /* 默认隐藏 */
    position: absolute;
    /* 1. 位置调整：默认往右侧 (靠右对齐并微调) */
    top: 50%; /* 在按钮正下方 */
    right: -240px; /* 往右侧偏移，使其更贴合右边缘 */
    margin-top: 5px; /* 与按钮保留一点间距 */

    width: 260px; /* 根据图片调整了宽度，原320px可能太宽 */
    background: #fff;
    border: 1px solid #999;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
    z-index: 1001;
    border-radius: 4px; /* 增加一点圆角让界面更柔和 */
}

/* 2. 新增：弹窗标题样式 */
.dropdown-title {
    font-size: 14px;
    font-weight: bold;
    color: #000; /* 标题颜色 */
    padding: 8px 10px;
    border-bottom: 2px solid #B52008; /* 底部加一条红线装饰，符合报纸风格 */
    background-color: #f9f9f9;
}

/* 鼠标移入容器显示列表 */
.nav-dropdown-container:hover .dropdown-list {
    display: block;
}

.list-scroll-area {
    overflow-y: auto;
    overflow-x: hidden;
    height: 330px;
    padding: 5px 0;
}

.list-row {
    height: 30px; /*稍微增加行高 */
    line-height: 30px;
    border-bottom: 1px dotted #eee; /* 减淡分割线 */
    padding: 0 10px;
}

/* 列表内文字样式：强制黑色，无下划线 */
.dropdown-list .bancititle a {
    color: #000 !important; /* 3. 字体黑色 */
    text-decoration: none;
    font-weight: normal;
    display: block; /* 让链接铺满整行 */
}

/* 移除所有选中高亮背景，仅保留鼠标悬停时的轻微灰色反馈 */
/*.dropdown-list .bancititle,
.dropdown-list .bancititle:hover,
.dropdown-list .list-row:hover {
    background: none !important;
    background-color: transparent !important;
}*/

    /* 仅当鼠标滑过具体那一行时，给文字一点反馈（可选） */
    .dropdown-list .list-row:hover .bancititle a {
        color: #B52008 !important; /* 悬停时变红，或者保留黑色 #000 */
    }

/* ================= 新增：图片浮窗样式 (对应新的 boxover.js) ================= */
#jquery-boxover-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999; /* 确保最高层级 */
    display: none;
    background: #fff;
    border: 1px solid #A5CFE9;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
    padding: 2px;
}

/* 浮窗标题/图片区域 */
.bo-header {
    background: #fff;
    padding: 2px;
}

/* 浮窗内容区域（如果用到 body=[...]） */
.bo-body {
    padding: 5px;
    color: #333;
    font-size: 12px;
    border-top: 1px solid #eee;
}

/* ================= 其他保留样式 ================= */
.page-item {
    cursor: pointer;
    height: 25px;
}

    .page-item.hover {
        background: #F3F3F3;
        font-weight: bold;
    }

    .page-item .dot {
        color: #009;
        font-weight: bold;
    }

    .page-item.hover .dot {
        color: #fff;
    }

.bancititle {
    float: left;
    width: 100%;
    margin: 5px;
    cursor: pointer;
    border-bottom: 1px dotted #999999;
}

    .bancititle span {
        font-family: Arial;
        font-size: 12px;
    }

/* 日历等其他样式保持不变... */
#calendarTable {
    font-family: 宋体;
    border: 1px solid #ffe00C;
    background-color: #DDD;
    font-size: 12px;
    width: 100%;
}

    #calendarTable td {
        width: 14%;
        text-align: center;
        cursor: default;
        background-color: #d2d2d2;
    }

        #calendarTable td.active-day {
            background-color: #E7EAC0;
            cursor: pointer;
            color: #000;
        }

        #calendarTable td.has-data {
            cursor: pointer;
            color: #000;
        }

        #calendarTable td.no-data {
            color: #666;
        }

/* 语音朗读按钮样式 - 图标+文字版 */
#read-btn {
    display: inline-block;
    vertical-align: middle; /* 垂直居中对齐 */
    /* --- 尺寸与布局 --- */
    height: 24px; /* 高度保持 24px */
    line-height: 24px; /* 【关键】行高设为与高度一致，让“朗读”文字垂直居中 */

    margin-left: 10px;
    /* 【重要】请删除或注释掉 margin-bottom，Flexbox 会自动处理居中 */
     margin-bottom: 3px; 
    /* --- 内边距 (布局核心) --- */
    /* 左边距 28px (给图标留位)，右边距 8px (保持美观) */
    padding-left: 28px;
    padding-right: 8px;
    /* --- 字体设置 --- */
    color: #ffffff; /* 文字颜色设为白色 */
    font-size: 12px; /*字体大小 */
    text-decoration: none; /* 去掉下划线 */
    /* --- 背景设置 --- */
    background-color: #666666; /* 深灰色背景 */
    border-radius: 4px; /* 圆角 */
    /* --- 图标设置 --- */
    background-image: url(../images2026/voice.png); /* 检查路径 */
    background-repeat: no-repeat;
    /* 【关键】图标定位：水平方向距离左侧 6px，垂直方向居中 */
    background-position: 6px center;
    /* 图标大小：稍微调小一点，显得精致 */
    background-size: 14px 14px;
    cursor: pointer;
    transition: background-color 0.2s;
}

    /* 鼠标悬停效果 */
    #read-btn:hover {
        background-color: #444444; /* 悬停时背景变深 */
    }