/* =============================================================
   会员新闻详情页 Membernewsdetail 专属样式
   设计令牌：深蓝主色 + 金色分隔线（对齐 ConferencesDetail 风格）
   本地化资源，无外链；版本号 v=1.2
   v1.1：修复横向溢出导致与右栏重叠（全局无 box-sizing:border-box，
        本页所有块级盒子显式声明）；按需求移除封面图样式。
   v1.2：面包屑强制单行 inline-block 对齐（nav 换 div，兼容老 XHTML 页面）；
        灯箱升级图集模式（左右箭头连续切换 + 计数器），修 inset 兼容。
   ============================================================= */

/* 面包屑（单行横排，所有项 inline-block 垂直居中对齐） */
.news-breadcrumb {
    box-sizing: border-box;
    max-width: 100%;
    display: block;
    font-size: 13px;
    color: #999;
    padding: 16px 2px 12px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
}
.news-breadcrumb a,
.news-breadcrumb .sep,
.news-breadcrumb .current {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.news-breadcrumb a {
    color: #5a6b7b;
    text-decoration: none;
    transition: color .2s;
}
.news-breadcrumb a:hover { color: #0b3d6b; }
.news-breadcrumb .sep { margin: 0 8px; color: #ccc; }
.news-breadcrumb .current { color: #333; }

/* Banner（深蓝渐变底 + 金色分隔线） */
.news-banner {
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    background: linear-gradient(135deg, #0a2f54 0%, #0b3d6b 55%, #123e6e 100%);
    border-radius: 10px;
    padding: 30px 34px 26px;
    box-shadow: 0 6px 18px rgba(11, 61, 107, .18);
    overflow: hidden;
}
.news-banner::after {
    content: "";
    position: absolute;
    left: 34px;
    bottom: 18px;
    width: 48px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #d4af37, rgba(212, 175, 55, .2));
}
.news-title {
    margin: 0 0 14px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.45;
    color: #fff;
    letter-spacing: .5px;
    word-wrap: break-word;        /* 兼容旧浏览器（IE） */
    word-break: break-word;
    overflow-wrap: break-word;
}
.news-meta {
    font-size: 13px;
    color: #c7d6e6;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    max-width: 100%;
    line-height: 1.8;
}
.news-meta .meta-item { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; }
.news-meta .meta-item .fa { color: #d4af37; font-size: 12px; margin-right: 5px; }
.news-meta .meta-divider { margin: 0 10px; color: rgba(212, 175, 55, .55); }

/* 正文 */
.news-content {
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 22px;
    padding: 4px 2px 8px;
    font-size: 15px;
    line-height: 1.9;
    color: #333;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.news-content p { margin: 0 0 16px; }
.news-content img {
    max-width: 100%;
    height: auto;
    cursor: zoom-in;
    border-radius: 6px;
    margin: 6px 0;
}
.news-content table {
    max-width: 100%;
    border-collapse: collapse;
}
.news-content td, .news-content th {
    border: 1px solid #e3e3e3;
    padding: 6px 10px;
}

/* 附件区 */
.news-attach {
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 30px;
    padding: 20px 22px;
    background: #f7f9fc;
    border: 1px solid #eef1f6;
    border-radius: 10px;
}
.attach-title {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: #0b3d6b;
    display: flex;
    align-items: center;
    gap: 8px;
}
.attach-title .fa { color: #d4af37; }
.attach-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.attach-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    max-width: 280px;
    padding: 11px 14px;
    background: #fff;
    border: 1px solid #e3e8f0;
    border-radius: 8px;
    color: #2c3e50;
    text-decoration: none;
    font-size: 14px;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}
.attach-item .fa {
    font-size: 18px;
    color: #d4af37;
    flex: 0 0 auto;
}
.attach-item .attach-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.attach-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(11, 61, 107, .14);
    border-color: #0b3d6b;
    color: #0b3d6b;
}

/* 底部导航：上一篇 / 返回列表 / 下一篇 */
.news-nav {
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 34px;
    display: flex;
    display: -webkit-flex;
    border-top: 2px solid #d4af37;
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    overflow: hidden;
}
.nav-cell {
    box-sizing: border-box;
    flex: 1 1 0;
    -webkit-flex: 1 1 0;
    padding: 16px 18px;
    text-align: center;
}
.nav-cell + .nav-cell { border-left: 1px solid #eef1f6; }
.nav-back { background: #f7f9fc; }
.nav-link, .nav-disabled {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #0b3d6b;
    text-decoration: none;
}
.nav-link .fa { color: #d4af37; font-size: 16px; }
.nav-link .nav-text {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.4;
    max-width: 200px;
}
.nav-link .nav-text em {
    font-style: normal;
    font-size: 12px;
    color: #98a6b5;
    margin-bottom: 2px;
}
.nav-link .nav-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-link:hover { color: #d4af37; }
.nav-disabled {
    color: #b5bdc7;
    cursor: not-allowed;
}
.nav-disabled .fa { color: #cdd4dc; }
.nav-disabled .nav-text em { color: #cdd4dc; }

/* 图片灯箱（本地 JS 生成，图集模式：左右切换 + 计数） */
.lightbox-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .82);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    cursor: zoom-out;
}
.lightbox-mask img {
    max-width: 86%;
    max-height: 86%;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    cursor: pointer;   /* 点击图片=下一张 */
}
/* 左右切换按钮（单张时 JS 隐藏） */
.lightbox-nav {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-top: -23px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    font-family: Arial, sans-serif;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightbox-nav:hover { background: rgba(255, 255, 255, .32); color: #fff; }
.lightbox-prev { left: 26px; }
.lightbox-next { right: 26px; }
/* 计数器：2 / 8 */
.lightbox-counter {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    text-align: center;
    color: #d9e2ec;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
}
.lightbox-mask .lightbox-close {
    position: absolute;
    top: 22px;
    right: 28px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

/* 响应式 */
@media (max-width: 768px) {
    .news-banner { padding: 22px 20px 20px; }
    .news-title { font-size: 21px; }
    .attach-item { max-width: 100%; }
    .nav-cell { padding: 13px 10px; }
    .nav-link .nav-text { max-width: 120px; }
}

/* 未找到 / 参数非法：站内提示（替代强制跳转） */
.news-notfound {
    box-sizing: border-box;
    max-width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 6px;
}
.news-notfound .news-title {
    color: #1f3a5f;
    font-size: 20px;
    margin-bottom: 18px;
}
.news-notfound-tip a {
    display: inline-block;
    padding: 9px 20px;
    background: #1f3a5f;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
}
.news-notfound-tip a:hover { background: #16293f; }