* ========================================
   人才培养供需适配机制改革专题网站
   — 红色主题 + AHPU导航栏 + 动态效果
   — 增强移动端适配版
   ======================================== */

/* ==========测试修复区,有需要可以移动至对应区域======*/
/* ========== 大轮播红条贴底修复 ========== */
/* 清除CMS生成容器自带的所有间距 */
#picsbase5,
#picsbase5 > div,
#picsbase5 .picbase1,
.header-banner .hero-slider {
    padding: 0 !important;
    margin: 0 !important;
}
/* 确保内容容器也紧贴 */
.header-banner .hero-slider .picbase1-content {
    padding: 0 !important;
    margin: 0 !important;
}
/* 标题红条强制左右撑满、底部归零 */
.header-banner .hero-slider .picbase1-content h2,
.header-banner .hero-slider .picbase1-content p {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
}

/* 确保轮播容器不留左右边距 */
.header-banner .hero-slider,
#picsbase5,
#picsbase5 .picbase1 {
    padding: 0 !important;
    margin: 0 !important;
}




/* ===== 清掉轮播容器内所有自带红底，只保留标题<p>一层红 =====
   用模板稳定类 .header-banner .hero-slider / .media-carousel 兜底，
   不依赖 #picsbase5 这种发布后才生成的ID */
.header-banner .hero-slider *,
.media-carousel * {
    background-color: transparent !important;
    background-image: none !important;
}
/* 重新给标题文字<p>/<h2>上唯一一层红 */
.header-banner .hero-slider .picbase1-content p,
.header-banner .hero-slider .picbase1-content h2,
.media-carousel .picbase1-content p,
.media-carousel .picbase1-content h2 {
    background-color: #8B0000 !important;
}








/* 大轮播内容容器：和小轮播一样贴底 */
.header-banner .hero-slider .picbase1-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.media-carousel .picbase1-content{
    bottom: 0px !important;
    left: 0px !important;
}

.media-carousel .picbase1-content{
    bottom: 0px !important;
    left: 0px !important;
}
#nav_news_box li{
    margin-top: 16px !important;
}
#fixWin7 li {
    margin-top: 16px;
}
.wp_nav {
    display: flex;
    gap: 100px;             /* 项与项横向间距 */
    justify-content: center;
}
.wp_nav li{
    transition: background-color ease 0.3s;
    font-weight: 700;
    color: #ffffff;
    font-size: 22px;
    white-space: nowrap;
}

.wp_nav li:hover {
    background-color: brown;
    transition: background-color ease 0.3s;
}

.wp_nav .nav-item a.parent{
    color: #ffffff;
}

/* ===== Reset & Base ===== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    color: #333;
    background: #f5f5f5;
    line-height: 1.6;
    min-height: 100vh;
}
a { text-decoration: none; color: inherit; transition: color 0.2s; }
a:hover { color: #c0392b; }
ul { list-style: none; }
img { display: block; max-width: 100%; }

/* ===== 顶部站点容器 ===== */
.site-header {
    width: 100%;
    position: relative;
    z-index: 1;
}



/* 清除列表默认圆点 */
.newslink {
    list-style: none !important;
    padding: 0 !important;
    width: 100%;
}
.newslink li {
    list-style: none !important;
    padding-left: 0 !important;
}
.newslink li::before {
    display: none !important;
    content: none !important;
}
/* 单行新闻弹性布局 */
.news-tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 4.5;
    margin: 40px 0;
    padding: 16px 10px;
    border-bottom: 1px dashed #ddd;
}
/* 标题区域自适应宽度，最多容纳30字符自动换行 */
.news-tr a {
    flex: 1;
    font-size: 28px;
    white-space: normal;
    word-break: break-all;
    text-overflow: unset;
    overflow: visible;
    padding-right: 20px;
}
/* 日期固定靠右，不挤压标题 */
.news-tr span.date {
    flex-shrink: 0;
    font-size: 20px;
    color: #555;
}








/* ===== 轮播标题栏 — 单层红条 + 贴底 + 单行 ===== */

/* 1. 隐藏 CMS 空红底 <p> —— 它是 .picbase1-content 的直接子元素 */
.picbase1-content > p:empty,
.picbase1-content > p:first-of-type:not(:last-of-type),
#picsbase1-content > p:empty,
#picsbase1-content > p:first-of-type:not(:last-of-type) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* 2. 容器 */
.header-banner .hero-slider .picbase1-content,
.media-carousel .picbase1-content {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}


/* 3. 图片全宽且填满高度，不变形 */
.header-banner .hero-slider .picbase1-content img,
.media-carousel .picbase1-content img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}



/* 4. 大轮播标题 — 紧贴底部 + 左右无间隙 + 单行 */
.header-banner .hero-slider .picbase1-content h2:not(:empty),
.header-banner .hero-slider .picbase1-content p:not(:empty) {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 12px 20px !important;        /* ← 和媒体关注一致 */
    background-color: #8B0000 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 10 !important;
}

/* 5. 小轮播标题同理 */
.media-carousel .picbase1-content h2:not(:empty),
.media-carousel .picbase1-content p:not(:empty) {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    background-color: #8B0000 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 10 !important;
}
.media-carousel .picbase1-content p:not(:empty) a,
.media-carousel .picbase1-content h2:not(:empty) a {
    color: #fff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}











/* ============================================
   AHPU风格顶部导航栏 — 校徽 + 居中标题
   ============================================ */
.top-nav-bar {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    z-index: 1000;
    background: linear-gradient(135deg, #8B0000 0%, #a01820 50%, #b01c24 100%);
    box-shadow: 0 2px 12px rgba(139,0,0,0.3);
    padding: 24px 0 28px;
}

/* 滚动状态 */
.top-nav-bar.scrolled {
    box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}

.nav-inner {
    max-width: 100%;
    margin: 0;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ---- 左侧：校徽图片 + 校名 ---- */
.brand-area {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.school-logo-img {
    height: 64px;
    width: 64px;
    object-fit: cover;
    border-radius: 50%;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
    background: #fff;
}

.school-name-group {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.school-name-cn {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.school-name-en {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* ---- 中间：标题 ---- */
.nav-center-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 6px;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* ---- 右侧占位（配合居中）---- */
.nav-spacer {
    width: 64px;
    flex-shrink: 0;
}

/* ============================================
   移动端汉堡菜单按钮
   ============================================ */
.mobile-menu-btn {
    display: none;
    width: 44px;
    height: 44px;
    border: none;
    background: rgba(255,255,255,0.15);
    border-radius: 6px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    transition: background 0.3s;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.mobile-menu-btn:hover {
    background: rgba(255,255,255,0.25);
}
.mobile-menu-btn span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s;
}
.mobile-menu-btn.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-btn.active span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-btn.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* ============================================
   导航栏动态效果
   ============================================ */

/* 导航栏底部流光扫过 */
.top-nav-bar::after {
    content: '';
    position: absolute;
    bottom: 0; left: -100%;
    width: 50%; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
    animation: navShine 4s ease-in-out infinite;
}
@keyframes navShine {
    0% { left: -50%; }
    100% { left: 150%; }
}

/* 导航栏背景微呼吸光效 */
.top-nav-bar::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,0.06) 0%, transparent 70%);
    animation: navBreathe 5s ease-in-out infinite alternate;
    pointer-events: none; z-index: 0;
}
@keyframes navBreathe {
    0% { opacity: 0.5; transform: scaleX(1); }
    100% { opacity: 1; transform: scaleX(1.15); }
}

.nav-inner { position: relative; z-index: 1; }

/* 校徽悬浮缩放+旋转 */
.brand-area:hover .school-logo-img {
    transform: scale(1.08) rotate(3deg);
    filter: drop-shadow(0 3px 10px rgba(0,0,0,0.35));
}
.school-logo-img {
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), filter 0.3s ease;
}

/* 校名hover发光 */
.school-name-group:hover .school-name-cn {
    text-shadow: 0 0 12px rgba(255,255,255,0.5), 0 1px 4px rgba(0,0,0,0.3);
}
.school-name-cn { transition: text-shadow 0.3s ease; }

/* 标题脉冲微光 */
.nav-center-title {
    animation: titleGlow 3s ease-in-out infinite alternate;
}
@keyframes titleGlow {
    0% { text-shadow: 0 2px 8px rgba(0,0,0,0.3); }
    100% { text-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 0 20px rgba(255,255,255,0.15); }
}

/* ===== 轮播横幅区域 ===== */
.header-banner {
    margin-top: 0;
    position: relative;
    width: 100%;
    height: 480px;
    background: linear-gradient(135deg, #8B0000 0%, #b01c24 50%, #d32f2f 100%);
    overflow: hidden;
    transition: height 0.35s ease;
}

/* 轮播图 */
.hero-slider {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}

.slider-track {
    width: 100%; height: 100%;
    position: relative;
}

.slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active { opacity: 1; z-index: 1; }

.slide img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.slide-overlay {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    z-index: 2;
    width: 90%;
    max-width: 800px;
    padding: 0 20px;
}

.slide-overlay h1 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 8px;
}

.slide-overlay p {
    font-size: 16px;
    opacity: 0.9;
    letter-spacing: 2px;
}

/* 左右箭头 */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px; height: 48px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 3;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-btn:hover { background: rgba(255,255,255,0.45); }
.slider-prev { left: 30px; }
.slider-next { right: 30px; }

/* 指示器 */
.slider-indicators {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 3;
}

.indicator-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.45);
    cursor: pointer;
    transition: all 0.3s;
}

.indicator-dot.active {
    background: #fff;
    transform: scale(1.2);
}

/* ===== 主内容区 ===== */
.main-content {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

.content-row {
    display: flex;
    gap: 20px;
    margin-bottom: 0;
}

.col-left { flex: 1 1 0; width: 0; min-width: 0; }
.col-right { flex: 1 1 0; width: 0; min-width: 0; }

/* ===== 通用模块盒子 ===== */
.block-box {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    margin-bottom: 0 !important;
}

.block-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 18px 10px;
    border-bottom: 2px solid #b01c24;
}

.block-title {
    font-size: 19px;
    font-weight: 700;
    color: #b01c24;
    position: relative;
    padding-left: 12px;
}

.block-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 17px;
    background: #b01c24;
    border-radius: 2px;
}

.more-link-icon {
    font-size: 15px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    padding: 2px 6px;
    margin-left: auto;
}
.more-link-icon:hover { color: #b01c24; }

/* MORE按钮已隐藏 */
.more-link-bottom {
    display: none !important;
}
.more-link-bottom:hover { color: #e74c3c; }
.more-red { color: #c0392b; }

/* ============================================
   CMS 数据容器 — 预设宽高，防止高亮区域被压零
   ============================================ */

/* Tab面板内的CMS容器 */
.tab-panel > div[frag] {
    width: 100%;
    min-width: 0;
    min-height: 160px;
    display: block;
    box-sizing: border-box;
}
.tab-panel > div[frag] > div[frag] {
    width: 100%;
    min-height: 160px;
    display: block;
    box-sizing: border-box;
}

/* 顶部轮播图CMS容器 */
.hero-slider > div[frag] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    overflow: hidden;
}
.hero-slider > div[frag] > div[frag] {
    width: 100%;
    height: 100%;
    position: relative;
}

/* ===== CMS渲染后的轮播图列表结构 ===== */
.hero-slider .newslink {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* 每张幻灯片 li */
.hero-slider .newslink ul,
.hero-slider .newslink > ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.hero-slider .newslink ul li,
.hero-slider .newslink > ul > li {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1;
}

/* 首张幻灯片默认显示 */
.hero-slider .newslink ul li:first-child,
.hero-slider .newslink > ul > li:first-child {
    opacity: 1;
    z-index: 2;
}

/* 幻灯片内的图片 */
.hero-slider .newslink ul li img,
.hero-slider .newslink > ul > li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 幻灯片内的标题文字 */
.hero-slider .newslink ul li .news-title,
.hero-slider .newslink ul li .title,
.hero-slider .newslink ul li a .t,
.hero-slider .newslink > ul > li .news-title,
.hero-slider .newslink > ul > li .title {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    width: 90%;
    max-width: 800px;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 8px;
    z-index: 2;
}

/* 幻灯片内的副标题/描述文字 */
.hero-slider .newslink ul li .news-desc,
.hero-slider .newslink ul li .desc,
.hero-slider .newslink ul li .subtitle,
.hero-slider .newslink ul li p,
.hero-slider .newslink > ul > li .news-desc,
.hero-slider .newslink > ul > li .subtitle {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
    width: 90%;
    max-width: 800px;
    font-size: 16px;
    letter-spacing: 2px;
    opacity: 0.9;
    z-index: 2;
}

/* 轮播左右箭头（CMS渲染出来时） */
.hero-slider .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 3;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-slider .slider-btn:hover {
    background: rgba(255,255,255,0.45);
}
.hero-slider .slider-prev {
    left: 30px;
}
.hero-slider .slider-next {
    right: 30px;
}

/* 轮播分页指示器 */
.hero-slider .slider-indicators {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 3;
}
.hero-slider .indicator-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.45);
    cursor: pointer;
    transition: all 0.3s;
}
.hero-slider .indicator-dot.active {
    background: #fff;
    transform: scale(1.25);
}

/* 媒体关注左侧CMS容器 */
.media-carousel > div[frag] {
    width: 100%;
    min-width: 0;
    min-height: 260px;
    display: block;
    box-sizing: border-box;
}
.media-carousel > div[frag] > div[frag] {
    width: 100%;
    min-height: 260px;
    display: block;
    box-sizing: border-box;
}

/* 媒体关注右侧CMS容器 */
.media-news-list > div[frag] {
    width: 100%;
    min-width: 0;
    min-height: 200px;
    display: block;
    box-sizing: border-box;
}
.media-news-list > div[frag] > div[frag] {
    width: 100%;
    min-height: 200px;
    display: block;
    box-sizing: border-box;
}

/* CMS内table宽度保护 */
.tab-panel table.newslink,
.media-carousel table.newslink,
.media-news-list table.newslink {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto;           /* fixed → auto */
    box-sizing: border-box;
}
/* Tab面板列表统一为媒体关注样式 */
.tab-panel .news-tr {
    line-height: 1.8;
    padding: 10px 4px;
    margin: 0;
    border-bottom: 1px dashed #eee;
}
.tab-panel .news-tr .title-text,
.tab-panel .news-tr a {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab-panel .news-tr .date-text,
.tab-panel .news-tr span.date {
    font-size: 13px;
    color: #888;
    flex-shrink: 0;
    margin-left: 10px;
}


/* ============================================
   第一行：媒体关注 —— 左轮播 + 右图文列表
   ============================================ */
.media-focus-box { width: 100%; }
.media-focus-box .block-header { border-bottom-color: #b01c24; }
.media-focus-box .block-title { color: #b01c24; }

.media-focus-body {
    display: flex;
    gap: 16px;
    padding: 12px 14px 6px;
    align-items: stretch;
}

/* 左侧：大图轮播 */
.media-carousel {
    flex: 1;
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.news-slides { position: relative; width: 100%; overflow: hidden; border-radius: 4px; flex: 1; display: flex; flex-direction: column; }

.news-slide {
    display: none;
    flex: 1;
    flex-direction: column;
}
.news-slide.active { display: flex; }

.news-slide img {
    width: 100%;
    flex: 1;
    min-height: 0;
    object-fit: cover;
    border-radius: 4px;
}

.news-caption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 28px 14px 10px;
    background: linear-gradient(transparent, rgba(0,0,0,0.65));
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0 0 4px 4px;
}

/* 分页数字 */
.news-pagination {
    display: flex;
    gap: 6px;
    padding: 8px 0 4px;
    justify-content: center;
}

.page-num {
    width: 20px; height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #666;
    cursor: pointer;
    transition: all 0.2s;
}
.page-num:hover { border-color: #b01c24; color: #b01c24; }
.page-num.active {
    background: #b01c24;
    color: #fff;
    border-color: #b01c24;
}

/* 右侧：图文新闻列表 */
.media-news-list {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.image-text-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 0;
}

.image-text-list li {
    border-bottom: 1px dashed #eee;
}

.image-text-list li:last-child {
    border-bottom: none;
}

.image-text-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    transition: background 0.15s;
    border-radius: 3px;
}

.image-text-list a:hover {
    background: #fafafa;
}

.image-text-list a:hover .it-title {
    color: #c0392b;
}

.image-text-list img {
    width: 90px;
    height: 60px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
}

.it-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}

.it-title {
    font-size: 14.5px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    transition: color 0.2s;
}

.it-date {
    font-size: 11.5px;
    color: #aaa;
    font-family: "Consolas", monospace;
}

/* ============================================
   Tab 切换通用样式
   ============================================ */
.tab-header {
    border-bottom: none !important;
    gap: 0;
    flex-wrap: nowrap;
    display: flex;
}

.tab-item {
    cursor: pointer;
    padding: 10px 20px;
    margin-right: 4px;
    border-radius: 4px 4px 0 0;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.25s;
    position: relative;
    flex: 1 1 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.tab-item::before { display: none; }

.tab-item.active {
    background: #b01c24;
    color: #fff;
}

.tab-item:not(.active) {
    color: #666;
    background: #f0f0f0;
}

.tab-item:not(.active):hover {
    background: #e0e0e0;
    color: #333;
}

.tab-panel { display: none; padding-top: 4px; }
.tab-panel.active { display: block; }

/* ===== 通用带日期列表（评建动态、政策文件等）===== */
.list-with-date { padding: 10px 16px 0; }

.list-with-date li {
    display: flex;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px dashed #eee;
}
.list-with-date li:last-child { border-bottom: none; }

.list-with-date a {
    display: flex;
    align-items: center;
    width: 100%;
}

.list-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.list-date {
    font-size: 13px;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 10px;
    font-family: "Consolas", monospace;
}

.list-with-date a:hover .list-text { color: #c0392b; }

/* ===== 友情链接 ===== */
.link-section { margin-bottom: 30px; }

.link-section .block-header { border-bottom-color: #b01c24; }

.friend-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 20px 18px 18px;
    justify-content: center;
}

.link-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fafafa;
    transition: all 0.25s;
    min-width: 200px;
    -webkit-tap-highlight-color: transparent;
}
.link-badge:hover {
    border-color: #b01c24;
    background: #fef5f3;
    box-shadow: 0 2px 8px rgba(176,28,36,0.15);
    transform: translateY(-1px);
}

.badge-icon { font-size: 24px; }
.badge-text {
    font-size: 12px;
    color: #555;
    line-height: 1.4;
    text-align: left;
}

/* ===== 页脚 ===== */
.site-footer {
    background: linear-gradient(135deg, #8B0000 0%, #b01c24 100%);
    color: rgba(255,255,255,0.85);
    padding: 22px 0;
    margin-top: 10px;
}

.footer-inner {
    max-width: 1500px;
    margin: 0 auto;
    text-align: center;
    padding: 0 16px;
}

.footer-copyright,
.footer-address {
    font-size: 12.5px;
    line-height: 1.8;
    letter-spacing: 0.5px;
}

/* ============================================
   动态效果 — 卡片动画 + 入场
   ============================================ */

/* ===== 横幅呼吸光效 ===== */
.header-banner::after {
    content: '';
    position: absolute;
    top: 0; left: -25%;
    width: 150%; height: 100%;
    background: radial-gradient(circle at center, rgba(255,255,255,0.08) 0%, transparent 60%);
    animation: bannerBreathe 6s ease-in-out infinite alternate;
    z-index: 1;
}

@keyframes bannerBreathe {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-3%, 2%); }
}

/* ===== 卡片入场动画 ===== */
.content-row {
    animation: fadeSlideUp 0.6s ease-out both;
}
.row-first { animation-delay: 0.15s; }
.row-second { animation-delay: 0.35s; }
.link-section { animation: fadeSlideUp 0.6s ease-out 0.55s both; display: block; }

@keyframes fadeSlideUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== 卡片悬浮效果 ===== */
.block-box {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.block-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(176,28,36,0.15), 0 2px 8px rgba(0,0,0,0.06);
}

/* ===== 标题栏左侧竖条脉冲 ===== */
.block-title::before {
    animation: titleBarPulse 2s ease-in-out infinite alternate;
}

@keyframes titleBarPulse {
    0%   { height: 17px; box-shadow: none; }
    100% { height: 21px; box-shadow: 0 0 6px rgba(176,28,36,0.4); }
}

/* ===== 轮播图切换过渡增强 ===== */
.news-slide img {
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.news-slide.active img {
    animation: slideZoom 4.2s ease-out forwards;
}

@keyframes slideZoom {
    0%   { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* ===== 分页数字点击波纹 ===== */
.page-num {
    position: relative;
    overflow: hidden;
}
.page-num::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.4s, height 0.4s;
}
.page-num:hover::after,
.page-num.active::after {
    width: 24px; height: 24px;
}

/* ===== 友情链接徽章微动 ===== */
.link-badge {
    transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
}
.link-badge:hover {
    transform: translateY(-3px) rotate(-1deg);
}

/* ============================================
   响应式布局 — 平板 (900px以下)
   ============================================ */
@media (max-width: 900px) {
    .content-row { flex-direction: column; }
    .col-left, .col-right { flex: none; width: 100%; }

    .media-focus-body { flex-direction: column; align-items: stretch; }
    .media-carousel, .media-news-list { flex: none; }
    .image-text-list { justify-content: normal; }

    /* 导航栏移动端 */
    .sub-nav-bar { margin-top: 90px; }
    .header-banner {
        margin-top: 0;
        height: 400px;
    }

    .brand-area { gap: 10px; }
    .school-logo-img { height: 46px; width: 46px; }
    .school-name-cn { font-size: 18px; letter-spacing: 1px; }
    .school-name-en { font-size: 10px; }

    .nav-center-title {
        font-size: 19px;
        letter-spacing: 3px;
        max-width: 55%;
        white-space: normal;
        text-align: center;
        line-height: 1.35;
    }
    .nav-spacer { width: 46px; }

    .slide-overlay h1 { font-size: 22px; }
    .slide-overlay p { font-size: 13px; }

    .friend-links { gap: 10px; }
    .link-badge { min-width: auto; flex: 1 1 45%; }
}

/* ============================================
   响应式布局 — 大手机 (768px以下)
   ============================================ */
@media (max-width: 768px) {
    /* 导航栏优化 */
    .top-nav-bar {
        padding: 16px 0 20px;
    }

    .nav-inner {
        padding: 0 12px;
    }

    .brand-area {
        gap: 8px;
    }

    .school-logo-img {
        height: 44px;
        width: 44px;
    }

    .school-name-group {
        display: none; /* 小屏幕上隐藏校名，节省空间 */
    }

    .nav-center-title {
        font-size: 16px;
        letter-spacing: 2px;
        max-width: 60%;
    }

    .nav-spacer {
        width: 50px;
    }

    /* 汉堡菜单按钮显示 */
    .mobile-menu-btn {
        display: flex;
    }

    /* 横幅调整 */
    .sub-nav-bar { margin-top: 76px; }
    .header-banner {
        margin-top: 0;
        height: 320px;
    }

    .slider-btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .slider-prev { left: 12px; }
    .slider-next { right: 12px; }

    .slide-overlay {
        bottom: 50px;
        padding: 0 30px;
    }
    .slide-overlay h1 {
        font-size: 20px;
        letter-spacing: 2px;
    }
    .slide-overlay p {
        font-size: 13px;
    }

    /* 内容区域 */
    .main-content {
        padding: 0 12px;
        margin: 16px auto;
    }

    .content-row {
        gap: 16px;
        margin-bottom: 16px;
    }

    .block-header {
        padding: 12px 14px 8px;
        flex-wrap: wrap;
        gap: 8px;
    }

    .block-title {
        font-size: 17px;
    }

    /* Tab标签优化 */
    .tab-header {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .tab-header::-webkit-scrollbar {
        display: none;
    }

    .tab-item {
        font-size: 14px;
        padding: 8px 14px;
        white-space: nowrap;
    }

    /* 列表样式优化 */
    .list-with-date {
        padding: 8px 14px 0;
    }

    .list-text {
        font-size: 14px;
    }

    .list-date {
        font-size: 12px;
    }

    /* 媒体关注区域 */
    .media-focus-body {
        padding: 10px 12px 8px;
    }

    .news-caption {
        font-size: 12px;
        padding: 24px 10px 8px;
    }

    .image-text-list img {
        width: 80px;
        height: 54px;
    }

    .it-title {
        font-size: 13px;
    }

    /* 列表页样式 */
    .article-list a {
        padding: 12px 6px;
    }

    .article-title {
        font-size: 14px;
    }

    /* 详情页样式 */
    .article-detail-box {
        padding: 20px 18px;
    }

    .article-head-title {
        font-size: 20px;
    }

    .article-meta {
        gap: 10px;
        font-size: 12px;
    }

    /* 分页栏优化 */
    .pagination-bar {
        flex-wrap: wrap;
        gap: 6px;
        padding: 18px 0 6px;
    }

    .page-btn, .page-num {
        min-width: 40px;
        height: 36px;
        font-size: 14px;
    }

    /* 友链优化 */
    .friend-links {
        gap: 10px;
        padding: 16px 14px 14px;
    }

    .link-badge {
        flex: 1 1 45%;
        padding: 12px 10px;
    }

    .badge-text {
        font-size: 11px;
    }
}

/* ============================================
   响应式布局 — 小手机 (520px以下)
   ============================================ */
@media (max-width: 520px) {
    /* 导航栏最小化 */
    .top-nav-bar {
        padding: 12px 0 16px;
    }

    .nav-inner {
        padding: 0 10px;
    }

    .school-logo-img {
        height: 38px;
        width: 38px;
    }

    .nav-center-title {
        font-size: 13px;
        letter-spacing: 1px;
        max-width: 55%;
        text-align: left;
        left: 60px;
        transform: none;
    }

    .nav-spacer {
        width: 44px;
    }

    .mobile-menu-btn {
        width: 40px;
        height: 40px;
        right: 8px;
    }

    /* 横幅最小化 */
    .sub-nav-bar { margin-top: 66px; }
    .header-banner {
        margin-top: 0;
        height: 260px;
    }

    .slider-btn {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }
    .slider-prev { left: 8px; }
    .slider-next { right: 8px; }

    .slide-overlay {
        bottom: 35px;
        padding: 0 20px;
    }
    .slide-overlay h1 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .slide-overlay p {
        font-size: 11px;
        letter-spacing: 0;
    }

    .indicator-dot {
        width: 8px;
        height: 8px;
    }

    /* 内容区域 */
    .main-content {
        padding: 0 10px;
        margin: 12px auto;
    }

    .content-row {
        gap: 12px;
        margin-bottom: 12px;
    }

    .block-header {
        padding: 10px 12px 8px;
    }

    .block-title {
        font-size: 16px;
        padding-left: 10px;
    }

    .block-title::before {
        width: 3px;
        height: 14px;
    }

    /* Tab标签最小化 */
    .tab-item {
        font-size: 12px;
        padding: 6px 10px;
    }

    /* 列表样式 */
    .list-with-date {
        padding: 6px 12px 0;
    }

    .list-text {
        font-size: 13px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .list-date {
        font-size: 11px;
        flex-shrink: 0;
    }

    .list-with-date li {
        padding: 8px 0;
    }

    /* 媒体关注区域 */
    .news-caption {
        font-size: 11px;
        padding: 20px 8px 6px;
    }

    .news-pagination {
        padding: 6px 0 2px;
    }

    .page-num {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    .image-text-list img {
        width: 68px;
        height: 48px;
    }

    .it-title {
        font-size: 12px;
    }

    .it-date {
        font-size: 10px;
    }

    /* 列表页样式 */
    .article-list a {
        padding: 10px 4px;
        gap: 10px;
    }

    .article-title {
        font-size: 13px;
    }

    .article-date {
        font-size: 11px;
    }

    /* 详情页样式 */
    .article-detail-box {
        padding: 16px 12px;
    }

    .article-head-title {
        font-size: 17px;
        letter-spacing: 0;
        margin-bottom: 12px;
    }

    .article-meta {
        gap: 8px;
        font-size: 11px;
    }

    .meta-font {
        display: none;
    }

    .article-body {
        font-size: 14px;
        line-height: 1.8;
    }

    .article-body p {
        margin-bottom: 12px;
        text-indent: 2em;
    }

    .article-body h3 {
        font-size: 16px;
        margin: 20px 0 10px;
    }

    .article-body h4 {
        font-size: 14px;
        margin: 16px 0 8px;
    }

    /* 上一篇/下一篇 */
    .article-nav {
        flex-direction: column;
        gap: 10px;
    }
    .nav-prev, .nav-next {
        max-width: 100%;
        font-size: 13px;
    }

    /* 面包屑导航 */
    .breadcrumb-inner {
        padding: 10px 12px;
        font-size: 11px;
    }

    .column-title {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .article-list-box {
        padding: 14px 12px;
    }

    /* 分页栏 */
    .pagination-bar {
        gap: 4px;
        padding: 14px 0 4px;
    }

    .page-btn, .page-num {
        min-width: 36px;
        height: 32px;
        font-size: 12px;
        padding: 0 8px;
    }

    /* 友链 */
    .friend-links {
        gap: 8px;
        padding: 12px 10px 10px;
    }

    .link-badge {
        flex: 1 1 100%;
        justify-content: center;
    }

    /* 页脚 */
    .site-footer {
        padding: 16px 0;
    }

    .footer-copyright,
    .footer-address {
        font-size: 11px;
    }
}

/* ============================================
   超小屏幕优化 (360px以下)
   ============================================ */
@media (max-width: 360px) {
    .nav-center-title {
        font-size: 11px;
        max-width: 50%;
    }

    .header-banner {
        height: 220px;
    }

    .slide-overlay h1 {
        font-size: 14px;
    }

    .list-text {
        font-size: 12px;
    }

    .it-title {
        font-size: 11px;
    }

    .article-head-title {
        font-size: 15px;
    }
}

/* ============================================
   触摸设备优化
   ============================================ */
@media (hover: none) and (pointer: coarse) {
    /* 移除hover效果，增加tap反馈 */
    .block-box:hover {
        transform: none;
    }

    .link-badge:hover {
        transform: none;
    }

    /* 增加触摸区域 */
    .tab-item,
    .page-num,
    .article-list a,
    .list-with-date a,
    .image-text-list a {
        min-height: 44px;
    }

    /* 触摸反馈 */
    .tab-item:active,
    .page-num:active {
        opacity: 0.8;
    }

    /* 隐藏不需要hover的元素 */
    .more-link-icon {
        padding: 8px;
    }
}

/* ============================================
   横屏模式优化
   ============================================ */
@media (max-height: 500px) and (orientation: landscape) {
    .header-banner {
        height: 280px;
        margin-top: 0;
    }

    .top-nav-bar {
        padding: 12px 0 16px;
    }
    
    .sub-nav-bar { margin-top: 80px; }

    .school-logo-img {
        height: 40px;
        width: 40px;
    }

    .nav-center-title {
        font-size: 18px;
    }

    .slide-overlay {
        bottom: 40px;
    }

    .slide-overlay h1 {
        font-size: 18px;
    }
}

/* ============================================
   列表页 (listColumn.htm) 样式
   ============================================ */

/* 面包屑导航 */
.breadcrumb-section {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 18px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.breadcrumb-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 12px 20px;
    font-size: 13px;
    color: #999;
}
.breadcrumb-link { color: #b01c24; transition: opacity 0.2s; }
.breadcrumb-link:hover { opacity: 0.7; }
.breadcrumb-sep { margin: 0 8px; }
.breadcrumb-current { color: #666; }

/* 栏目标题 */
.column-header {
    text-align: center;
    padding: 20px 0;
}
.column-title {
    font-size: 26px;
    font-weight: 700;
    color: #b01c24;
    letter-spacing: 4px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.column-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    width: 60px; height: 3px;
    background: linear-gradient(90deg, transparent, #b01c24, transparent);
    transform: translateX(-50%);
}

/* 文章列表 */
.article-list-section { margin-bottom: 30px; }
.article-list-box { padding: 20px 24px; }

.article-list { list-style: none; }

.article-list li {
    border-bottom: 1px dashed #eee;
    transition: background 0.15s;
}
.article-list li:last-child { border-bottom: none; }
.article-list li:hover { background: #fafafa; }

.article-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 8px;
    gap: 16px;
    -webkit-tap-highlight-color: transparent;
}

.article-list a::before {
    content: '▸';
    color: #b01c24;
    font-size: 14px;
    flex-shrink: 0;
    transition: transform 0.2s;
}
.article-list li:hover a::before { transform: translateX(4px); }

.article-title {
    font-size: 15.5px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    transition: color 0.2s;
}
.article-list a:hover .article-title { color: #b01c24; }

.article-date {
    font-size: 13px;
    color: #aaa;
    white-space: nowrap;
    flex-shrink: 0;
    font-family: "Consolas", monospace;
}

/* 分页栏 */
.pagination-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 22px 0 8px;
    border-top: 1px solid #f0f0f0;
    margin-top: 10px;
}

.page-btn, .page-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px; height: 34px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    color: #555;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-tap-highlight-color: transparent;
}
.page-btn:hover, .page-num:hover {
    border-color: #b01c24; color: #b01c24; }
.page-num.active {
    background: #b01c24;
    color: #fff;
    border-color: #b01c24;
}
.page-dots { color: #ccc; margin: 0 4px; }


/* ============================================
   文章详情页 (displayInfo.htm) 样式
   ============================================ */

/* 文章详情区 */
.article-detail-section { margin-bottom: 30px; }
.article-detail-box { padding: 32px 40px; }

/* 文章标题 */
.article-head-title {
    font-size: 26px;
    font-weight: 700;
    color: #222;
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

/* 文章元信息 */
.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0;
    font-size: 13px;
    color: #888;
}
.meta-item { display: inline-flex; align-items: center; }
.meta-author::before { content: '👤'; margin-right: 4px; }
.meta-time::before { content: '🕐'; margin-right: 4px; }
.meta-views::before { content: '👁'; margin-right: 4px; }

.font-btn {
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    padding: 1px 8px;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 2px;
    color: #666;
    transition: all 0.2s;
    -webkit-tap-highlight-color: transparent;
}
.font-btn:hover { border-color: #b01c24; color: #b01c24; }

/* 分割线 */
.article-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
    margin: 16px 0;
}

/* 正文 */
.article-body {
    padding: 16px 0;
    font-size: 16px;
    line-height: 2;
    color: #333;
}
.article-body p { margin-bottom: 16px; text-indent: 2em; }
.article-body img { max-width: 100%; height: auto; border-radius: 4px; margin: 16px auto; display: block; }
.article-body h3 { color: #b01c24; margin: 28px 0 14px; }
.article-body h4 { color: #333; margin: 22px 0 10px; }

/* 上一篇/下一篇 */
.article-nav {
    display: flex;
    justify-content: space-between;
    padding-top: 18px;
    margin-top: 10px;
}
.nav-prev, .nav-next {
    font-size: 14px;
    color: #555;
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s;
    display: block;
    -webkit-tap-highlight-color: transparent;
}
.nav-prev:hover, .nav-next:hover { color: #b01c24; }
.nav-prev::before { content: '◀ '; color: #b01c24; }
.nav-next::after { content: ' ▶'; color: #b01c24; text-align: right; }
.nav-next { text-align: right; }


/* 列表/详情页响应式 */
@media (max-width: 900px) {
    .column-title { font-size: 22px; }
    .article-head-title { font-size: 22px; }
    .article-detail-box { padding: 24px; }
    .article-meta { gap: 12px; font-size: 12px; }
    .pagination-bar { flex-wrap: wrap; gap: 3px; }
}

@media (max-width: 520px) {
    .breadcrumb-inner { padding: 10px 14px; font-size: 12px; }
    .column-title { font-size: 19px; }
    .article-head-title { font-size: 19px; }
    .article-detail-box { padding: 18px 14px; }
    .article-meta { gap: 8px; }
    .meta-font { display: none; }
    .article-nav { flex-direction: column; gap: 10px; }
    .nav-prev, .nav-next { max-width: 100%; }
}

/* ============================================
   二级导航栏 — 深色横条白字风格（参考审核评估网）
   ============================================ */
.sub-nav-bar {
    position: relative;
    left: 0;
    width: 100%;
    height: auto; /* 固定高度 */
    z-index: 100;
    margin-top: 116px; /* 避开fixed的顶部导航栏 */
    background: #8B0000; /* 固定红色背景 */
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 2px solid #6B0000;
    box-shadow: 0 3px 12px rgba(139,0,0,0.35);
}

/* CMS渲染的newslink表格在导航栏内居中均分 */
.sub-nav-bar .newslink {
    width: 100%;
    margin: 0;
    padding: 0;
}
.sub-nav-bar .newslink table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}
.sub-nav-bar .newslink tr {
    display: flex;
    width: 100%;
    justify-content: center;
}
.sub-nav-bar .newslink td {
    flex: 0 1 auto;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 6px;
    padding: 20px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25);
    position: relative;
}
.sub-nav-bar .newslink td:hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
    text-shadow: 0 0 10px rgba(255,255,255,0.4);
}
/* hover底部白线 */
.sub-nav-bar .newslink td:hover::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 50%;
    width: 60%; height: 3px;
    background: #fff;
    transform: translateX(-50%);
    box-shadow: 0 0 6px rgba(255,255,255,0.5);
}
.sub-nav-bar .newslink td a {
    color: inherit;
    text-decoration: none;
    display: block;
}
/* 隐藏 jiantou3 小箭头 */
.sub-nav-bar .newslink img {
    display: none !important;
}

.sub-nav-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;     /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

.sub-nav-list::-webkit-scrollbar { display: none; }

.sub-nav-item > a:hover,
.sub-nav-item.active > a {
    color: #fff;
    background: rgba(255,255,255,0.1);
    text-shadow: 0 0 10px rgba(255,255,255,0.4);
}

.sub-nav-item > a:hover::after,
.sub-nav-item.active > a::after {
    width: 70%;
}

/* 二级导航已处理margin-top清开固定顶栏，header-banner无需额外margin */

/* ============================================
   列表/详情页 — 细条横幅
   ============================================ */
.list-page-banner {
    margin-top: 116px;
    width: 100%;
    height: 56px;
    background: linear-gradient(135deg, #7a0000 0%, #a01820 50%, #c02428 100%);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.list-page-banner::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
    animation: bannerSweep 4s ease-in-out infinite;
}
@keyframes bannerSweep {
    0%   { left: -50%; }
    100% { left: 150%; }
}

.list-banner-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.list-banner-icon {
    color: rgba(255,255,255,0.6);
    font-size: 10px;
    animation: iconPulse 2s ease-in-out infinite alternate;
}
@keyframes iconPulse {
    0%   { opacity: 0.5; transform: scale(1); }
    100% { opacity: 1;   transform: scale(1.3); }
}

.list-banner-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

/* ============================================
   列表/详情页 — 主内容区偏移
   ============================================ */
.list-page-main {
    margin-top: 20px;
}

/* ============================================
   列表/详情页 — 面包屑 + 栏目标题区
   ============================================ */
.list-header-section {
    margin-bottom: 16px;
}

.breadcrumb-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: #fff;
    border-radius: 6px;
    font-size: 13px;
    color: #999;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 14px;
}

.breadcrumb-bar .breadcrumb-link {
    color: #b01c24;
    font-weight: 500;
    transition: opacity 0.2s;
}
.breadcrumb-bar .breadcrumb-link:hover { opacity: 0.75; }

.breadcrumb-bar .breadcrumb-sep {
    color: #ccc;
    font-size: 15px;
}

.breadcrumb-bar .breadcrumb-current {
    color: #666;
}

.list-column-title-wrap {
    text-align: center;
    padding: 10px 0 6px;
}

.list-column-title {
    font-size: 26px;
    font-weight: 700;
    color: #b01c24;
    letter-spacing: 4px;
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
}

.list-column-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    width: 50px; height: 3px;
    background: linear-gradient(90deg, transparent, #b01c24, transparent);
    transform: translateX(-50%);
    border-radius: 2px;
}

/* ============================================
   文章列表 — 定制外观
   ============================================ */
.article-list-box {
    padding: 6px 24px 20px;
}

.article-list li {
    border-bottom: 1px solid #f2f2f2;
    transition: background 0.15s, border-color 0.15s;
}
.article-list li:hover {
    background: #fef9f9;
    border-bottom-color: #f5d5d5;
}
.article-list li:last-child { border-bottom: none; }

.article-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 10px;
    gap: 16px;
}

/* 红色三角指示符 */
.article-list a::before {
    content: '▸';
    color: #b01c24;
    font-size: 13px;
    flex-shrink: 0;
    transition: transform 0.2s, color 0.2s;
}
.article-list li:hover a::before {
    transform: translateX(5px);
    color: #e74c3c;
}

.article-title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    transition: color 0.2s;
}
.article-list a:hover .article-title { color: #b01c24; }

.article-date {
    font-size: 13px;
    color: #bbb;
    white-space: nowrap;
    flex-shrink: 0;
    font-family: "Consolas", monospace;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 2px 8px;
}

/* ============================================
   文章详情 — 定制外观
   ============================================ */
.article-detail-box {
    padding: 36px 44px 32px;
}

.article-head-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.55;
    letter-spacing: 1px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f0f0f0;
}

.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 8px 0 12px;
    font-size: 13px;
    color: #999;
}

.meta-item { display: inline-flex; align-items: center; gap: 4px; }
.meta-author::before { content: '📌'; font-size: 12px; }
.meta-time::before   { content: '🕐'; font-size: 12px; }
.meta-views::before  { content: '👁'; font-size: 12px; }

.article-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e8e8e8 20%, #e8e8e8 80%, transparent);
    margin: 14px 0;
}

.article-body {
    padding: 10px 0;
    font-size: 16px;
    line-height: 2;
    color: #333;
}
.article-body p   { margin-bottom: 16px; text-indent: 2em; }
.article-body h3  { color: #b01c24; font-size: 20px; margin: 28px 0 12px; padding-left: 10px; border-left: 3px solid #b01c24; }
.article-body h4  { color: #444; font-size: 17px; margin: 22px 0 10px; }
.article-body img { max-width: 100%; height: auto; border-radius: 6px; margin: 18px auto; display: block; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

/* ============================================
   CMS 文章详情页标准元素样式（WebPlus 渲染）
   ============================================ */
/* 文章标题居中 */
.arti_title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #222;
    line-height: 1.5;
    margin: 0 0 10px;
    padding: 0 10px;
}

/* 文章副标题居中 */
.arti_subtitle {
    text-align: center;
    font-size: 16px;
    color: #888;
    margin: 0 0 18px;
    padding: 0 10px;
}

/* 文章元信息（发布者/时间/浏览次数）居中 */
.arti_metas {
    text-align: center;
    font-size: 13px;
    color: #999;
    margin: 0 0 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

/* 文章内容区 */
.entry {
    padding: 10px 0;
}

/* CMS 渲染的正文内容 */
.read {
    font-size: 16px;
    line-height: 2;
    color: #333;
}

/* 正文中的图片居中 */
.read img,
.entry img {
    display: block;
    margin: 18px auto;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* 正文段落 */
.read p {
    margin-bottom: 16px;
    text-indent: 2em;
}

.article-nav {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    gap: 16px;
}
.nav-prev, .nav-next {
    font-size: 14px;
    color: #666;
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 14px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.2s;
}
.nav-prev:hover, .nav-next:hover {
    color: #b01c24;
    border-color: #f5c0c0;
    background: #fef5f3;
}
.nav-prev::before { content: '◀ '; color: #b01c24; }
.nav-next::after  { content: ' ▶'; color: #b01c24; }
.nav-next { text-align: right; margin-left: auto; }

/* ============================================
   列表/详情页 响应式
   ============================================ */
@media (max-width: 768px) {
    .list-page-banner { margin-top: 76px; height: 46px; }
    .list-banner-title { font-size: 15px; letter-spacing: 2px; }
    .list-column-title { font-size: 20px; letter-spacing: 2px; }
    .article-detail-box { padding: 22px 18px; }
    .article-head-title { font-size: 20px; }
    .article-body { font-size: 15px; }
    .breadcrumb-bar { font-size: 12px; padding: 8px 14px; }
    .article-list-box { padding: 4px 14px 14px; }
}

@media (max-width: 520px) {
    .list-page-banner { margin-top: 66px; height: 40px; }
    .list-banner-title { font-size: 13px; }
    .list-column-title { font-size: 18px; }
    .article-detail-box { padding: 16px 12px; }
    .article-head-title { font-size: 17px; }
    .article-body { font-size: 14px; }
    .article-nav { flex-direction: column; gap: 8px; }
    .nav-prev, .nav-next { max-width: 100%; }
}