.zfgbimg {}
.zxfb h4 span{float: right;}
.zxfb .list h5 {font-size: 18px;font-weight: bold;margin: 26px 0 10px;color: #2786e1;}
.zxfb .list li { line-height: 24px; margin: 16px 0;}
.zxfb .list li span.point { display: inline-block;width: 6px;height: 6px;background: #CCCCCC;margin-right: 10px;vertical-align: 2px;}
.zxfb .list li a {display: inline-block;max-width: 1030px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.zxfb .list li span.time{float: right;color: #999999;}
.zxfb .list li a:hover{color: #2786e1;}
.zxfb .more {border-top: 1px solid #eeeeee;}
.zxfb .more a {background: #2786e1; border-radius: 6px;width: 120px;text-align: center;height: 32px;color: #FFFFFF;line-height: 32px;display: block;margin: 22px auto 0;}
.zxfb {height: 36px;line-height: 36px;padding-left: 24px;color: #0a52a2;font-size: 26px;font-weight: bold;position: relative;overflow: hidden;
margin-bottom: 5px;}
.zxfb::after{ position: absolute; content: ""; background: url(../2023images/zfgb.png) no-repeat center; width: 8px; height: 36px;    left: 0;}
.zxfb::before{width: 100%;height: 2px;background: #0a52a2;position: absolute;top: 0;bottom: 0;left: 140px;content: "";margin: auto;}
.morezx{ width: 188px; height: 40px; margin: auto; display: block; line-height: 40px; background: #195aae; border-radius: 5px; font-size: 20px; text-align: center;color: #fff; margin-top: 23px;}
.morezx a { color:#FFF;}

/* 切换 */
.containera {max-width: 1366px;margin: 10px auto;background-color: #fff;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.08);
position: relative; /* 防止内部元素偏移溢出 */
}
.gbheader {    /* 渐变兼容 */    background: linear-gradient(135deg, #1a5fb4, #2b78d4);filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1a5fb4', endColorStr='#2b78d4', GradientType=1);
color: white;padding: 15px 20px;border-bottom: 1px solid #0f4a8c;margin-top:30px;}
.gbheader h1 {font-size: 20px;font-weight: normal;margin-bottom: 5px;}
.gbheader p {font-size: 18px;color: #e6f0ff;}
/* 桌面端左右布局（≥769px） */
.wrapper {
    overflow: hidden; /* 清除浮动，防止父容器高度塌陷 */
    position: relative; /* 约束子元素定位 */
}
.left-column {width: 25%;float: left;background-color: #f8fafc;border-right: 1px solid #dce1e8;min-height: 400px;
    box-sizing: border-box; /* 确保宽度不溢出 */
    overflow: visible; /* 允许内部元素轻微悬浮，不截断 */
}
.right-column {width: 75%;float: left;min-height: 400px;
    padding: 0 15px 20px; /* 优化内边距，提升桌面端体验 */
    box-sizing: border-box;
    overflow: hidden; /* 防止期数列表溢出容器 */
}
/* 清除浮动兼容 */
.clearfix {clear: both;height: 0;font-size: 0;line-height: 0;}
.section-title {font-size: 20px;color: #1a5fb4;margin: 15px;padding-bottom: 5px;border-bottom: 1px solid #eaeaea;font-weight: bold;}
/* 年份列表样式 */
.year-list {list-style: none;margin: 0 15px;padding: 0;}
.year-item {margin-bottom: 8px;}
.year-btn {display: block;width: 100%;background-color: #fff;border: 1px solid #d1d9e6;padding: 12px 5px;text-align: center;
    color: #495057;cursor: pointer;text-decoration: none;border-radius: 6px;transition: all 0.3s ease;
    position: relative;overflow: hidden;-ms-touch-action: manipulation;touch-action: manipulation;
}
/* 隐藏IE伪元素动画 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .year-btn::before {
        display: none;
    }
}
.year-btn::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.6s ease;
}
.year-btn:hover {background-color: #ebf3ff;border-color: #90cdf4;color: #1a5fb4;
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(26,95,180,0.1);
}
.year-btn:hover::before {left: 100%;}
.year-btn.active {
    background: linear-gradient(135deg, #1a5fb4, #2b78d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1a5fb4', endColorStr='#2b78d4', GradientType=1);
    border-color: #1a5fb4;color: white;font-weight: bold;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
    transform: translateY(0);
}
/* 期数列表样式（精准居中+悬浮显示"点击查看"） */
.current-year {font-size: 16px;color: #1a5fb4;margin: 15px;margin-bottom: 15px;font-weight: bold;}
.issue-list-container {display: none;margin: 0 15px;
    position: relative; /* 约束期数列表定位 */
    overflow: visible; /* 允许按钮悬浮，不截断内容 */
}
.issue-list-container.active {display: block;}
.issue-list {list-style: none;margin: 0;padding: 0;
    overflow: hidden; /* 清除期数浮动 */
}
.issue-item {width: 20%;margin-bottom: 12px;text-align: center;float: left;box-sizing: border-box;
    padding: 0 8px; /* 增加左右内边距，避免期数按钮拥挤 */
    position: relative; /* 作为按钮定位的参考，防止偏移父元素 */
    height: 75px; /* 增高适配悬浮后两行文字 */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 期数按钮核心美化样式（解决文字偏上，实现精准居中） */
.issue-link {
    display: block;
    width: 80%;
    margin: 0 auto;
    /* 渐变背景，提升质感 */
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    /* 精致边框，增加层次感 */
    border: 1px solid #dee2e6;
    border-bottom: 2px solid #d1d5db;
    /* 固定按钮高度，确保居中基准稳定 */
    height: 70px;
    /* 上下内边距清零，左右保留，避免干扰居中 */
    padding: 0 5px;
    text-align: center;
    color: #1a5fb4; /* 统一主文字颜色，贴合主题 */
    text-decoration: none;
    /* 圆润圆角，更美观 */
    border-radius: 8px;
    /* 轻微阴影，增加立体感 */
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
    /* 过渡动画，交互更丝滑（包含子元素过渡） */
    transition: all 0.2s ease-in-out;
    /* 关键：flex布局强制垂直+水平居中，始终生效 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
    /* 新增：消除文字行高影响，确保居中精准 */
    line-height: 1.2;
}

/* 期数主文字样式：解决偏上问题，精准居中 */
.issue-link .issue-num {
    font-weight: 600; /* 加粗更醒目 */
    font-size: 18px; /* 主文字稍大 */
    transition: all 0.2s ease-in-out;
    /* 确保单行居中，消除偏移 */
    display: block;
    text-align: center;
    width: 100%;
    /* 新增：精准校准垂直位置，解决偏上 */
    margin: 0;
    position: relative;
    top: 10px; /* 微调：根据文字大小轻微下移，抵消视觉偏上 */
}

/* "点击查看"提示文字样式：默认隐藏，不干扰主文字居中 */
.issue-link .issue-tip {
    font-size: 15px; /* 提示文字小一号，不抢主视觉 */
    color: #6c757d; /* 灰色提示，更柔和 */
    font-weight: 400;
    margin-top: 0; /* 默认无间距，隐藏时不占位 */
    opacity: 0; /* 透明隐藏（不占布局空间） */
    visibility: hidden; /* 不可见，辅助隐藏 */
    transform: translateY(3px); /* 轻微下移，悬浮时上移显示更自然 */
    transition: all 0.2s ease-in-out; /* 过渡动画，显示更丝滑 */
    /* 确保提示文字居中 */
    display: block;
    text-align: center;
    width: 100%;
    /* 新增：固定行高，避免干扰布局 */
    line-height: 1.2;
}

/* 期数按钮默认状态兼容 */
.issue-link:link, .issue-link:visited {
    color: #1a5fb4;
    text-decoration: none;
}

/* 期数按钮悬浮样式：显示"点击查看"+保持整体精准居中 */
.issue-link:hover {
    /* 加深背景渐变 */
    background: linear-gradient(180deg, #ebf3ff 0%, #e6f0fc 100%);
    /* 边框变色，贴合主题 */
    border-color: #90cdf4;
    border-bottom-color: #7bb9e8;
    /* 主文字加深 */
    color: #0f4a8c;
    /* 轻微上浮，增强交互感 */
    top: -2px;
    /* 阴影放大，增强立体感 */
    box-shadow: 0 4px 6px rgba(26, 95, 180, 0.08);
    text-decoration: none;
    
    /* 悬浮时显示"点击查看"，保持整体垂直居中 */
    .issue-tip {
        opacity: 1; /* 完全不透明，显示文字 */
        visibility: visible; /* 可见状态 */
        margin-top: 4px; /* 显示时添加间距，与期数文字分隔 */
        transform: translateY(0); /* 复位下移，对齐布局 */
        color: #495057; /* 提示文字加深，更醒目 */
    }
    /* 悬浮时复位期数文字微调，确保两行整体居中 */
    .issue-num {
        top: 0;
    }
}

/* 期数按钮点击激活样式（强化按压反馈+保持居中） */
.issue-link:active {
    /* 背景反向渐变，模拟按压效果 */
    background: linear-gradient(180deg, #e0e7ff 0%, #ebf3ff 100%);
    /* 边框内收，模拟按压 */
    border-color: #1a5fb4;
    border-bottom-width: 1px;
    /* 复位上浮 */
    top: 0;
    /* 阴影缩小，增强按压质感 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    text-decoration: none;
    
    /* 点击时保持"点击查看"显示（可选，也可隐藏，根据需求调整） */
    .issue-tip {
        opacity: 1;
        visibility: visible;
        margin-top: 4px;
        transform: translateY(0);
    }
    .issue-num {
        top: 0;
    }
}

/* ========== 自适应布局（适配精准居中+悬浮显示） ========== */
/* 平板端（≤768px）：切换上下布局，初步适配 */
@media (max-width: 768px) {
    .left-column, .right-column {
        width: 100%;
        float: none; /* 清除浮动，强制上下布局 */
        min-height: auto; /* 高度自适应内容，避免空白 */
    }
    .left-column {
        border-right: none;
        border-bottom: 1px solid #dce1e8; /* 底部边框替代右侧，保持视觉分隔 */
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .right-column {
        padding: 0 10px 20px; /* 减小左右内边距，适配平板 */
    }
    .issue-item {
        width: 33.33%; /* 每行3个期数，合理利用平板宽度 */
        height: 70px; /* 适配平板悬浮后两行文字按钮高度 */
    }
    .issue-link {
        width: 80%;
        height: 70px; /* 平板端按钮固定高度 */
        padding: 0 5px;
        line-height: 1.2;
    }
    .issue-link .issue-num {
        font-size: 14px;
        top: 5px; /* 平板端微调，解决文字偏上 */
    }
    .issue-link .issue-tip {
        font-size: 9px;
        line-height: 1.2;
    }
    .gbheader h1 {
        font-size: 18px;
    }
    .gbheader p {
        font-size: 16px;
    }
    .section-title {
        font-size: 18px;
        margin: 12px;
    }
}

/* 手机端（≤576px）：核心优化，适配主流手机屏幕 */
@media (max-width: 576px) {
    .container {
        margin: 3px auto; /* 减小外边距，贴合手机屏幕 */
        border-radius: 4px; /* 减小圆角，更符合手机视觉 */
        padding: 0 4px;
        border: 1px solid #e0e0e0; /* 减淡边框，提升美观度 */
    }
    .gbheader {
        padding: 12px 12px; /* 减小头部内边距，节省屏幕空间 */
    }
    .gbheader  h1 {
        font-size: 16px; /* 缩小标题字体 */
        margin-bottom: 3px;
    }
    .gbheader  p {
        font-size: 14px; /* 缩小描述字体 */
    }
    /* 年份列表适配手机 */
    .year-list {
        margin: 0 10px;
    }
    .year-item {
        margin-bottom: 6px; /* 减小年份项间距，紧凑布局 */
    }
    .year-btn {
        padding: 10px 0; /* 优化内边距，提升点击区域 */
        font-size: 15px;
        border-radius: 5px;
    }
    .section-title {
        font-size: 16px;
        margin: 10px;
        padding-bottom: 4px;
    }
    /* 期数列表核心适配 */
    .current-year {
        font-size: 14px;
        margin: 10px;
        margin-bottom: 12px;
    }
    .issue-list-container {
        margin: 0 10px;
    }
    .issue-item {
        width: 50%; /* 每行2个期数，避免拥挤，提升点击体验 */
        margin-bottom: 10px; /* 减小上下间距 */
        padding: 0 5px; /* 优化左右内边距 */
        height: 65px; /* 适配手机悬浮后两行文字按钮高度 */
    }
    .issue-link {
        width: 100%; /* 按钮宽度自适应父容器，无需固定宽度 */
        max-width: 70%; /* 限制最大宽度，避免过宽 */
        height: 65px; /* 手机端按钮固定高度 */
        padding: 0 5px;
        border-radius: 6px;
        line-height: 1.2;
    }
    .issue-link .issue-num {
        font-size: 15px;
        top: 5px; /* 手机端微调，解决文字偏上 */
    }
    .issue-link .issue-tip {
        font-size: 9px;
        line-height: 1.2;
    }
}

/* 超小屏手机（≤375px，如iPhone SE、小屏安卓）：极致适配 */
@media (max-width: 375px) {
    .container {
        margin: 2px auto;
        padding: 0 3px;
    }
    .gbheader {
        padding: 10px 10px;
    }
    .gbheader h1 {
        font-size: 15px;
    }
    .gbheader p {
        font-size: 13px;
    }
    .year-btn {
        padding: 9px 0;
        font-size: 14px;
    }
    .issue-item {
        width: 100%; /* 每行1个期数，最大化点击区域，避免误触 */
        padding: 0 20px; /* 左右留白，居中显示 */
        height: 70px; /* 适配超小屏悬浮后两行文字按钮高度 */
    }
    .issue-link {
        max-width: 80%; /* 适当放大最大宽度，提升点击体验 */
        height: 60px; /* 超小屏按钮固定高度 */
        padding: 0 5px;
        line-height: 1.2;
    }
    .issue-link .issue-num {
        font-size: 15px;
        top: 5px; /* 超小屏微调，解决文字偏上 */
    }
    .issue-link .issue-tip {
        font-size: 10px;
        line-height: 1.2;
    }
}