/* ============================================================
   1. 公共样式（全局重置 / 基础元素 / 通用工具类）
   ============================================================ */
/* 全局重置 */
* { text-decoration: none; padding: 0; margin: 0; }
html,
body { width: 100%; background: #fff; }
body { font-family: 'Noto Sans SC', sans-serif; /* 整体从左上角到右下角紫蓝渐变 */ /*background: linear-gradient(135deg, #5f2b76 0%, #306cdd 100%);*/ background-attachment: fixed; color: #fff; min-height: 100vh; margin: 0; background: #fff; }
/* 通用背景 */
.bg-purple { background: linear-gradient(135deg, #5f2b76, #5f2b76) !important; }
.light-bg { background: #f5f3fa; }
/* 让默认文字白色适配渐变背景，需要白底深字区域单独覆盖 */
.light-bg,
.light-bg * { color: #1f2937; }
.light-bg a { color: inherit; }
.color { color: #5f2b76 !important; background-image: linear-gradient(135deg, #5f2b76, #0d2f5d) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
/* 通用容器与工具类 */
.container { max-width: 85% !important; margin: 0 auto; }
.hidden { display: none; }
/* iconfont 基础样式补强（字号跟随上下文） */
.iconfont { font-size: inherit; line-height: 1; }
/* 滚动浮现动画（通用） */
.reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal-left.visible { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(40px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal-right.visible { opacity: 1; transform: translateX(0); }
/* ============================================================
   2. Header 顶部合并区域（logo + 导航 + 搜索框 + banner图）
   ============================================================ */
/* === merged-header 主体 === */
.merged-header { position: relative; width: 100%; height: 820px; /*overflow: hidden;*/ background-size: cover; background-position: center; background-repeat: no-repeat; /*padding-bottom: 90px;padding-top: 20px;*/ }
/* 子页面短 banner：高度 600px（首页 820px） */
.merged-header.short { height: 600px; }
.merged-header.short .mh-search-wrap { display: none; }
/* 子页面隐藏搜索框 */
/* 顶部半透明紫蓝渐变 → 0，高度不超过 100px */
.merged-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100px; /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);*/ z-index: 3; pointer-events: none; /*background: linear-gradient(180deg, rgba(48, 108, 221, 0.85) 0%, rgba(121, 64, 191, 0.35) 60%, rgba(121, 64, 191, 0) 100%);*/ background: url("../images/tulian/bgHeaderTop.png") repeat-x; }
/* 底部 0 → 半透明紫蓝渐变，高度不超过 100px */
.merged-header::after { /*content: '';*/ position: absolute; /*bottom: 0; left: 0; right: 0; */ width: 100%; height: 90px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%); z-index: 3; pointer-events: none; /*background: linear-gradient(0deg, rgba(48, 108, 221, 0.55) 0%, rgba(121, 64, 191, 0.35) 60%, rgba(121, 64, 191, 0) 100%);*/ /*background:url("../images/tulian/bgBannerEnd.png");*/ }
.merged-header-inner { position: relative; z-index: 999; display: flex; flex-direction: column; height: 100%; /* 让事件穿透到下面的 banner Swiper，仅子元素自己接收交互 */ pointer-events: none; }
/* === Banner 主轮播（swiper，merged-header 内） === */
.main-carousel { position: absolute; inset: 0; z-index: 1; }
.main-carousel .swiper-slide { height: 100%; background-size: cover; background-position: center; }
.main-carousel .swiper-slide,
.news-carousel .swiper-slide,
.honor-carousel .swiper-slide,
.lecture-carousel .swiper-slide { position: relative; }
.main-carousel .swiper-slide a{ height:100%; width:100%; display:inline-block; }
/* === Banner 分页指示器（tab 风，从 main-carousel 移出到 merged-header 直接子元素，z-index:5） === */
.main-carousel-pagination { position: absolute; left: 0; right: 0; bottom: 40px !important; display: flex; justify-content: center; gap: 8px; z-index: 5; pointer-events: auto; transform: none; width: auto; }
.main-carousel-pagination .swiper-pagination-bullet { width: 32px; height: 8px; border-radius: 2px; background: rgba(255, 255, 255, 0.5); opacity: 1; transition: all 0.3s ease; display: inline-block; }
.main-carousel-pagination .swiper-pagination-bullet-active { width: 56px; background: #5f2b76; }
/* === Banner 左右切换按钮（半透明白底紫字） === */
.main-carousel .swiper-button-next,
.main-carousel .swiper-button-prev { color: #5f2b76; background: rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 50%; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); backdrop-filter: blur(4px); }
.main-carousel .swiper-button-next:hover,
.main-carousel .swiper-button-prev:hover { background: rgba(255, 255, 255, 0.4); transform: scale(1.05); }
.main-carousel .swiper-button-next:after,
.main-carousel .swiper-button-prev:after { font-size: 30px; font-weight: 700; }
/* === 顶部行：logo + slogan + 移动端按钮 === */
.mh-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 24px 0; flex-wrap: wrap; pointer-events: auto; padding-top: 40px; }
.mh-logo { display: flex; align-items: center; gap: 12px; max-width: 40%; pointer-events: auto; }
.mh-logo img { height: 50px; width: auto; object-fit: contain; }
.mhr-slogon { max-width: 60%; /*width:60%;*/ letter-spacing: 0.3em; font-size: 40px; text-shadow: 0px 5px 10px rgba(255, 255, 255, 1); font-family: 'STXingkai', '华文行楷', 'KaiTi', '楷体', 'FZShuTi', '方正舒体', 'STKaiti', serif; text-align: center; padding-top:0px; color: #5f2b76; /*background-image: linear-gradient(135deg, #5f2b76, #306cdd); -webkit-background-clip: text; background-clip: text; color: transparent;*/ }
.mh-mobile-toggle { display: none; /*color: #fff;*/ font-size: 22px; background: none; border: none; cursor: pointer; }
.mh-mobile-menu { display: none; }
/* === 导航行 === */
.mh-nav-row { width: 85%; max-width: 85%; margin: 30px auto 0; pointer-events: auto; /*background: linear-gradient(135deg, #5f2b76, #306cdd);*/ padding: 5px 10px; border-radius: 5px; background: url("../images/tulian/bgNav.png") !important; }
.mh-nav { display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; width: 100%; gap: 0; }
/* nav-link 通用样式（下划线 hover 效果） */
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -2px; left: 50%; background-color: #fff; transition: all 0.3s ease; }
.nav-link:hover::after { width: 80%; left: 10%; }
.mh-nav .nav-link { display: flex; align-items: center; white-space: nowrap; color: #fff; padding: 8px 12px; font-size: 18px; font-weight: bold; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45); text-decoration: none; }
/* === 导航 dropdown（桌面端） === */
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { display: none; transition: all 0.3s ease; }
.mh-nav .dropdown { position: relative; }
.mh-nav .dropdown-menu { position: absolute; top: 100%; left: 0; margin-top: 0; width: 10rem; border-radius: 0 0 0.5rem 0.5rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); padding: 0.25rem 0; border-top: 2px solid #5f2b76; background: #fff; color: #1f2937; }
.mh-nav .dropdown-menu a { display: block; padding: 0.5rem 1rem; color: #5f2b76; transition: color 0.15s, background-color 0.15s; }
.mh-nav .dropdown-menu a:hover { background-color: #fbfbf1; color: #5f2b76; }
/* === 搜索框：贴底显示 === */
.mh-search-wrap { flex: 1; display: flex; align-items: flex-end; justify-content: center; padding: 0 24px 36px; position: relative; bottom: 60px; /* 整体保持穿透，仅 .mh-search 自己接收事件，让 banner 仍可滑动 */ pointer-events: none; }
.mh-search-wrap > div { pointer-events: auto; width: 100%; max-width: 720px; }
.mh-search { display: flex; align-items: center; width: 100%; max-width: 720px; background: rgba(255, 255, 255, 0.96); /*border-radius: 50px;*/ overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); background: url("../images/tulian/bgSearchN.png") no-repeat; background-size: 100% 100%; }
.mh-search .search-icon { color: #5f2b76; padding: 0 14px 0 24px; font-size: 18px; }
.mh-search input { flex: 1; border: none; outline: none; padding: 12px 0; font-size: 15px; background: transparent; font-family: 'Noto Sans SC', sans-serif; color: #5f2b76; }
.mh-search button { border: none; cursor: pointer; color: #5f2b76; padding: 12px 24px; font-size: 22px; font-weight: 500; background: linear-gradient(135deg, #5f2b76, #0d2f5d); font-family: 'Noto Sans SC', sans-serif; display: flex; align-items: center; gap: 6px; background: none; }
.mh-hotwords { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; margin-top: 10px; color: rgba(255, 255, 255, 0.85); font-size: 13px; }
.mh-hotwords a { color: rgba(255, 255, 255, 0.85); text-decoration: none; background: rgba(0, 0, 0, 0.4); border-radius: 5px; }
.mh-hotwords a:hover { color: #fff; }
/* === 移动端汉堡菜单（默认 .hidden 隐藏，JS 控制显示） === */
/* 关键：让 #mobile-menu 接收点击事件。
   .merged-header-inner 整体设了 pointer-events:none 让事件穿透到 banner Swiper，
   但 #mobile-menu 是它子元素，必须显式设 auto 才能点击，否则会被下面 swiper-slide 拦截 */
#mobile-menu { pointer-events: auto; position: absolute; top: 90px; left: 0; right: 0; z-index: 100; background: #fff; max-height: 80vh; overflow-y: auto; border-top: 4px solid #5f2b76; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
#mobile-menu nav { padding: 0.5rem 0; color: #1f2937; font-size: 1rem; }
#mobile-menu > nav > a { /* 无子项的一级链接 */ display: block; padding: 0.75rem 1.25rem; border-bottom: 1px solid #f3f4f6; transition: background-color 0.15s, color 0.15s; color: #5f2b76; }
#mobile-menu > nav > a:hover { background-color: #fbfbf1; color: #5f2b76; }
.mobile-dropdown-toggle { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1.25rem; border-bottom: 1px solid #f3f4f6; transition: background-color 0.15s; background: none; border: none; color: #5f2b76; font-size: 1rem; }
.mobile-dropdown-toggle:hover { background-color: #fbfbf1; }
.mobile-dropdown-toggle:hover .mobile-dropdown-arrow { color: #5f2b76; }
.mobile-dropdown-toggle[aria-expanded="true"] .mobile-dropdown-arrow { transform: rotate(180deg); }
.mobile-dropdown-arrow { font-size: 14px; color: #ddd; }
.mobile-submenu { /*background-color: rgba(250, 245, 255, 0.4);*/ padding-left: 30px; }
.mobile-submenu a { display: block; padding: 0.5rem 2.25rem 0.5rem 1.25rem; font-size: 0.875rem; color: #4b5563; border-bottom: 1px solid rgba(243, 232, 255, 0.6); transition: color 0.15s; }
.mobile-submenu a:last-child { border-bottom: 0; }
.mobile-submenu a:hover { color: #5f2b76; }
/* === Header 民族风暗纹叠加层 === */
.ethnic-header-overlay { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.7' opacity='0.12'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z'/%3E%3Cpath d='M30 10L50 30L30 50L10 30Z'/%3E%3Ccircle cx='30' cy='30' r='6'/%3E%3Cpath d='M15 0V15M45 0V15M15 45V60M45 45V60'/%3E%3Cpath d='M0 15H15M45 15H60M0 45H15M45 45H60'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; pointer-events: none; z-index: 1; }
/* === 备用独立搜索区（search-section，HTML 未直接使用，保留备用） === */
.search-section { background: linear-gradient(180deg, #5C236A 0%, #7a3a90 100%); padding: 24px 0; position: relative; overflow: hidden; }
.search-section::before { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.08'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z'/%3E%3Cpath d='M30 10L50 30L30 50L10 30Z'/%3E%3Ccircle cx='30' cy='30' r='5'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; pointer-events: none; }
.search-section::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: repeating-linear-gradient(90deg, #b89cc8 0, #b89cc8 8px, #d4b8e0 8px, #d4b8e0 12px, #b89cc8 12px, #b89cc8 20px, transparent 20px, transparent 24px); }
.search-wrapper { max-width: 720px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; }
.search-box { display: flex; align-items: center; background: #fff; border-radius: 50px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease; }
.search-box:focus-within { box-shadow: 0 6px 28px rgba(0, 0, 0, 0.3); }
.search-icon { display: flex; align-items: center; justify-content: center; padding: 0 16px; color: #5f2b76; font-size: 18px; flex-shrink: 0; }
.search-input { flex: 1; border: none; outline: none; padding: 14px 0; font-size: 16px; color: #333; background: transparent; font-family: 'Noto Sans SC', sans-serif; }
.search-input::placeholder { color: #aaa; font-weight: 300; }
.search-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; background: linear-gradient(135deg, #5f2b76, #5C236A); color: #fff; border: none; cursor: pointer; font-size: 16px; font-weight: 500; font-family: 'Noto Sans SC', sans-serif; transition: background 0.3s ease; flex-shrink: 0; white-space: nowrap; }
.search-btn:hover { background: linear-gradient(135deg, #6B2878, #4A1A5E); }
.search-hotwords { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 12px; flex-wrap: wrap; }
.search-hotwords-label { color: rgba(255, 255, 255, 0.7); font-size: 13px; flex-shrink: 0; }
.search-hotword { color: rgba(255, 255, 255, 0.85); font-size: 13px; cursor: pointer; transition: color 0.3s ease; text-decoration: none; }
.search-hotword:hover { color: #d4b8e0; }
/* ============================================================
   3. 主体内容区（main-section）
   ============================================================ */
/* === 主体容器 === */
.main-section { padding: 4rem 0 0 0; background: url("../images/tulian/bgMain.png") no-repeat center bottom; }
.main-section .container { max-width: 85%; margin: 0 auto; padding: 0 1rem; }
/* === 三列卡片网格布局 === */
.cards-row { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 3rem; }
/* === 通用卡片样式 === */
.card { background: #fff; /*box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);*/ overflow: hidden; display: flex; flex-direction: column; background: url("../images/tulian/bgcate.png") no-repeat; background-size: 100% 100%; }
.card .card-pad { padding: 1rem; }
/* === 民族风装饰边框（卡片顶部色带） === */
.ethnic-border { position: relative; }
.ethnic-border::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0px; background: repeating-linear-gradient(90deg, #5f2b76 0, #5f2b76 8px, #b89cc8 8px, #b89cc8 12px, #5f2b76 12px, #5f2b76 20px, transparent 20px, transparent 24px); border-radius: 15px 15px 0 0; }
/* === 校园新闻卡片（图文轮播） === */
#news-carousel { position: relative; display: flex; flex-direction: column; }
.news-carousel { width: 100%; }
.news-slide-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; padding: 12px; box-sizing: border-box; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.news-tag { position: absolute; top: 0.75rem; left: 0.75rem; background: #5f2b76; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 0.25rem; z-index: 10; }
.news-info { padding: 1rem 1.5rem 0 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; flex-shrink: 0; }
.news-date { font-size: 0.75rem; color: #999; }
.news-title { font-size: 1.125rem; font-weight: bold; color: #5f2b76; line-height: 1.375; }
.news-desc { font-size: 0.875rem; color: #6b7280; line-height: 1.625; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-card:hover { /*transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);*/ }
/* === 校园新闻轮播分页/按钮 === */
.news-carousel .swiper-pagination-bullet { background: #fff; opacity: 0.5; }
.news-carousel .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
/* === Tab 切换头部（卡片顶部，民族风暗纹背景） === */
.news-tab-btn { cursor: pointer; border: none; background: none; position: relative; color: #999; }
.news-tab-btn.active,
.news-tab-btn.active i { color: #5f2b76; }
.news-tab-btn.active::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; /* background-color: #5f2b76;*/ /*background:linear-gradient(135deg, #5f2b76, #5f2b76); border-radius: 2px 2px 0 0;*/ width: 70%; margin: 0 auto; }
.news-tab-btn:hover { /*color: #6B2878;*/ }
.tab-content,
.news-tab-content { padding: 1rem 1rem 0rem 1rem; }
.ethnic-tab-header { display: flex; align-items: center; border-bottom: 2px solid #5f2b76; /*background-color: #faf5fc; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23b89cc8' stroke-width='0.6' opacity='0.28'%3E%3Cpath d='M24 4L36 16L24 28L12 16Z'/%3E%3Ccircle cx='24' cy='16' r='3'/%3E%3Cpath d='M24 20L36 32L24 44L12 32Z'/%3E%3Ccircle cx='24' cy='32' r='3'/%3E%3Cpath d='M0 4L12 16L0 28'/%3E%3Cpath d='M48 4L36 16L48 28'/%3E%3Cpath d='M0 20L12 32L0 44'/%3E%3Cpath d='M48 20L36 32L48 44'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat;*/ }
.ethnic-tab-header .news-tab-btn { padding: 1rem 1.5rem 1rem 2.5rem; font-size: 1.25rem; font-weight: 700; transition: color 0.15s; }
.ethnic-tab-header .active { background: url("../images/tulian/bgCate1.png") no-repeat left bottom; }
.ethnic-tab-header .tab-mark { /*width: 5px; height: 1.75rem; background: #5f2b76; margin-right: 0.75rem; display: inline-block; border-radius: 0.25rem;*/ }
.ethnic-tab-header .news-tab-btn:not(.active) .tab-mark { /*background: #d1d5db;*/ }
.ethnic-tab-header .tab-spacer { flex: 1; }
.ethnic-tab-header .more-link { font-size: 0.875rem; color: #6b7280; margin-right: 1rem; transition: color 0.15s; }
.ethnic-tab-header .more-link:hover { color: #5f2b76; }
.ethnic-tab-header .more-link i { margin-left: 0.25rem; }
/* === 新闻列表 === */
.news-list { display: flex; flex-direction: column; }
.news-list li + li { margin-top: 0.25rem; }
.news-list .news-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.5rem; border-radius: 0.25rem; /*transition: background-color 0.15s;*/ transform: translateX(0); /* 显式默认值 */ transition: transform 0.5s linear; /* 移入和移出均适用 */ }
.news-list .news-item:hover { /*background:url("../images/tulian/bgHonor.png");*/ transform: translateX(8px); transition: transform 0.5s ease; }
.news-list .news-item-link { flex: 1; font-size: 1.125rem; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.15s; }
/* 新闻列表 hover 效果（通用） */
.news-item-link { transition: all 0.3s ease; padding: 4px 8px; border-radius: 4px; border-radius: 50px; }
.news-item-link:hover { /* background-color: #faf5fc;*/ color: #000; font-weight: 500; letter-spacing: 0.5px; }
/* === 日期块（大气民族风） === */
.date-block { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 60px; height: 60px; /*background: linear-gradient(145deg, #f8f0fc 0%, #ede0f5 50%, #e8d8f0 100%);*/ border-radius: 6px; /*border: 1px solid #b89cc8;*/ flex-shrink: 0; transition: all 0.3s ease; overflow: hidden; /*box-shadow: 0 1px 3px rgba(130, 49, 142, 0.1);*/ background: url("../images/tulian/bgDate.png") no-repeat; background-size: 100% 100%; }
/* 左侧装饰色带 — 民族暖色渐变 */
.date-block::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3.5px; /*background: linear-gradient(180deg, #5f2b76, #9B6DB8, #b89cc8); border-radius: 6px 0 0 6px;*/ }
.date-block .day { font-size: 22px; font-weight: 800; color: /*#4a1a5e*/ #fff; line-height: 1; letter-spacing: 0.5px; }
.date-block .ym { font-size: 11px; color: /*#8b6b9a*/ #fff; margin-top: 2px; font-weight: 500; letter-spacing: 0.5px; }
li:hover .date-block { /*background: linear-gradient(145deg, #f0e4f8 0%, #e4d0f0 50%, #d8c4e8 100%); box-shadow: 0 2px 10px rgba(130, 49, 142, 0.2);*/ }
li:hover .date-block .day { color: /*#3a1050*/ #fff; }
li:hover .date-block .ym { color: /*#8b6b4a*/ #fff; }
/* === 分隔线图 === */
.divider-wrap { margin-bottom: 3rem; text-align: center; }
.divider-wrap img { display: inline-block; max-width: 100%; border-radius: 5px; }
/* === 分隔图三列横排（divider2-wap） === */
.divider2-wap { margin-bottom: 3rem; }
.divider2-wap ul { display: grid; grid-template-columns: repeat(2, 1fr); /* 三等分 */ gap: 20px; /* 两两之间间隔 20px */ }
.divider2-wap ul li { list-style: none; overflow: hidden; border-radius: 5px; }
.divider2-wap ul li a { display: block; }
.divider2-wap ul li img { width: 100%; height: 120px; /* 限制高度为 200px */ object-fit: cover; /* 保持比例填充，避免变形 */ display: block; transition: transform 0.4s ease; }
.divider2-wap ul li a:hover img { transform: scale(1.04); }
/* === 学术讲座 === */
.lecture-carousel { position: relative; overflow: hidden; border-radius: 15px; }
.lecture-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.25rem; padding: 0 0.25rem; }
.lecture-card { /*background: #fff;*/ overflow: hidden; /*box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); border: 1px solid #f3f4f6;*/ transition: transform 0.3s ease, box-shadow 0.3s ease; }
.lecture-card:hover { transform: translateY(-6px); box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.12), 0 4px 8px -2px rgba(0, 0, 0, 0.06); }
.lecture-card-bar { height: 0.5rem; }
.lecture-card-bar.purple { background: linear-gradient(to right, #5f2b76, #9333ea); }
.lecture-card-bar.blue { background: linear-gradient(to right, #1e40af, #2563eb); }
.lecture-card-bar.emerald { background: linear-gradient(to right, #065f46, #059669); }
.lecture-card-bar.amber { background: linear-gradient(to right, #92400e, #d97706); }
.lecture-card-body { padding: 0rem; }
.lecture-photo { width: 100%; aspect-ratio: 9/16; max-height: 16rem; border-radius: 0.5rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.lecture-carousel .swiper-pagination { bottom: 90px; }
.lecture-photo.purple { background: linear-gradient(to bottom, #fbfbf1, #f3e8ff); }
.lecture-photo.blue { background: linear-gradient(to bottom, #eff6ff, #dbeafe); }
.lecture-photo.emerald { background: linear-gradient(to bottom, #ecfdf5, #d1fae5); }
.lecture-photo.amber { background: linear-gradient(to bottom, #fffbeb, #fef3c7); }
.lecture-photo .lecture-photo-inner { width: 100%; height: 100%; text-align: center; object-fit: cover; }
.lecture-photo .lecture-photo-inner i { font-size: 3rem; margin-bottom: 0.5rem; }
.lecture-photo .lecture-photo-inner img { height: 100%; width: 100%; }
.lecture-photo.purple .lecture-photo-inner i { color: #d8b4fe; }
.lecture-photo.blue .lecture-photo-inner i { color: #93c5fd; }
.lecture-photo.emerald .lecture-photo-inner i { color: #6ee7b7; }
.lecture-photo.amber .lecture-photo-inner i { color: #fcd34d; }
.lecture-photo .lecture-photo-inner p { font-size: 0.75rem; }
.lecture-photo.purple .lecture-photo-inner p { color: #c084fc; }
.lecture-photo.blue .lecture-photo-inner p { color: #60a5fa; }
.lecture-photo.emerald .lecture-photo-inner p { color: #34d399; }
.lecture-photo.amber .lecture-photo-inner p { color: #fbbf24; }
.lecture-speaker { text-align: center; margin-bottom: 1rem; }
.lecture-speaker h3 { font-size: 1.125rem; font-weight: 700; color: #1f2937; display: inline-block; width: auto; }
.lecture-speaker p { font-size: 0.875rem; color: #6b7280; margin-top: 0.25rem; display: inline-block; width: auto; }
.lecture-title { font-size: 1rem; font-weight: 700; color: #111827; text-align: center; line-height: 1.5rem; height: 1.5rem; overflow: hidden; margin-bottom: 0.5rem; }
.lecture-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; font-size: 0.875rem; color: #6b7280; }
.lecture-meta .lecture-meta-item { display: flex; align-items: center; }
.lecture-meta .lecture-meta-item i { margin-right: 0.375rem; color: #999; }
/*.lecture-meta .lecture-meta-item.purple i { color: #999; }
.lecture-meta .lecture-meta-item.blue i { color: #1d4ed8; }
.lecture-meta .lecture-meta-item.emerald i { color: #047857; }
.lecture-meta .lecture-meta-item.amber i { color: #b45309; }*/
/* === 学术讲座轮播分页/按钮（白底卡片内：紫色调） === */
.lecture-carousel .swiper-pagination-bullet { background: #b89cc8; opacity: 0.5; }
.lecture-carousel .swiper-pagination-bullet-active { opacity: 1; background: #5f2b76; }
.lecture-carousel .swiper-button-next,
.lecture-carousel .swiper-button-prev { color: #4a1a5e; background: rgba(255, 255, 255, 0.55); }
/* === 教学科研 header（section-header） === */
.section-header { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid #f3f4f6; /* 民族风暗纹 - 壮锦几何小纹样，淡红暖色调，与白色卡片区分但不抢眼 */ background-color: #faf5fc; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23b89cc8' stroke-width='0.6' opacity='0.28'%3E%3Cpath d='M24 4L36 16L24 28L12 16Z'/%3E%3Ccircle cx='24' cy='16' r='3'/%3E%3Cpath d='M24 20L36 32L24 44L12 32Z'/%3E%3Ccircle cx='24' cy='32' r='3'/%3E%3Cpath d='M0 4L12 16L0 28'/%3E%3Cpath d='M48 4L36 16L48 28'/%3E%3Cpath d='M0 20L12 32L0 44'/%3E%3Cpath d='M48 20L36 32L48 44'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; }
.section-header::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: linear-gradient(90deg, #5f2b76, #b89cc8, transparent); transition: width 0.5s ease; }
.section-header:hover::before { width: 100%; }
.section-header h2 { font-size: 1.25rem; font-weight: 700; color: #5f2b76; display: flex; align-items: center; }
.section-header h2 span { /* mark */ width: 5px; height: 1.75rem; background: #5f2b76; margin-right: 0.75rem; display: inline-block; border-radius: 0.25rem; }
.section-header .more-link { font-size: 0.875rem; color: #6b7280; transition: color 0.15s; }
.section-header .more-link:hover { color: #5f2b76; }
.section-header .more-link i { margin-left: 0.25rem; }
/* === 其他轮播通用按钮（news/honor，保持原小尺寸） === */
.news-carousel .swiper-button-next,
.news-carousel .swiper-button-prev,
.honor-carousel .swiper-button-next,
.honor-carousel .swiper-button-prev { color: #fff; background: rgba(255, 255, 255, 0.45); width: 40px; height: 40px; border-radius: 50%; backdrop-filter: blur(2px); }
.swiper-button-next:after,
.swiper-button-prev:after { font-size: 26px; font-weight: 700; font-family: "iconfont"; }
.swiper-button-prev:after { content: "\e1795"; }
.swiper-button-next:after { content: "\e1796"; }
/* 白底卡片内 Swiper 按钮改深色（honor） */
.honor-carousel .swiper-button-next,
.honor-carousel .swiper-button-prev { color: #4a1a5e; background: rgba(255, 255, 255, 0.85); }
/* === 壮锦风格分隔线 === */
.zhuangjin-divider { height: 4px; background: repeating-linear-gradient(90deg, #5f2b76 0, #5f2b76 6px, #b89cc8 6px, #b89cc8 10px, #6b4d7a 10px, #6b4d7a 14px, #b89cc8 14px, #b89cc8 18px, transparent 18px, transparent 22px); margin: 0; opacity: 0.5; }
/* ============================================================
   4. 学院荣誉（honor-section）
   ============================================================ */
/* === 区块标题（通用：学院荣誉 / 快速链接） === */
.section-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.5rem; margin-bottom: 1rem; background: url("../images/tulian/bgCateEle.png") no-repeat left bottom; }
.section-title { font-size: 1.25rem; font-weight: 700; /*color: #5f2b76;*/ display: flex; align-items: center; text-indent: 20px; }
.section-title::after { content: ''; display: block; width: 60px; height: 3px; /*background-color: #0d2f5d;*/ margin: 10px 10px; }
.section-title-mark { width: 0.25rem; height: 1.5rem; /*background: #5f2b76;*/ margin-right: 0.75rem; display: inline-block; border-radius: 0.25rem; }
/* === 学院荣誉 === */
.honor-section { padding: 2.5rem 0; background-color: #f3f4f6; background: url("../images/tulian/bgHonor.png"); border-top: 2px solid #dbb5ed; border-bottom: 1px solid #dbb5ed; }
.honor-carousel { border-radius: 15px; padding-bottom: 2rem; }
.honor-carousel .swiper-pagination { bottom: 0rem !important; }
.honor-carousel .swiper-pagination-bullet-active { background: #374151; }
.honor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0 0.25rem; }
.honor-card { /*background: #fff;*/ overflow: hidden; /*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);*/ transition: box-shadow 0.15s; /*border:1px solid #5f2b76;*/ clip-path: -polygon(15px 0, /* 上边：从左往右，跳过左上缺角 */ calc(100% - 15px) 0, /* 上边：到右上角前停止 */ 100% 15px, /* 右边：从上往下，跳过右上缺角 */ 100% calc(100% - 15px), /* 右边：到右下角前停止 */ calc(100% - 15px) 100%, /* 下边：从右往左，跳过右下缺角 */ 15px 100%, /* 下边：到左下角前停止 */ 0 calc(100% - 15px), /* 左边：从下往上，跳过左下缺角 */ 0 15px /* 左边：到左上角前停止 */ ); }
.honor-card a { color: #000; }
.honor-card:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.honor-photo { height: 15rem; display: flex; align-items: center; justify-content: center; background-size: cover; }
.honor-photo img { width: 100%; height: 100%; }
.honor-photo i { font-size: 2.25rem; }
.honor-info { padding: 0.75rem; text-align: center; }
.honor-info p { font-size: 1rem; color: #374151; line-height: 1.5rem; font-weight: 500; }
/* ============================================================
   5. 快速链接（quick-links-section）
   ============================================================ */
.quick-links-section { padding: 2.5rem 0; background: #fafafa; color: #1f2937; }
.quick-links-section a { color: #0d2f5d; }
.quick-links-section a:hover { color: #5f2b76; }
.quick-links-row { display: flex; flex-wrap: nowrap; align-items: center; gap: 0.75rem; overflow-x: auto; }
.quick-link-card { /*background: #fff;*/ border-radius: 10px; padding: 0.75rem 1.25rem; border: 0px solid #5f2b76; display: flex; align-items: center; gap: 0.5rem; white-space: nowrap; text-align: center; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s, border-color 0.3s; }
.quick-link-card:hover { border-color: #5f2b76; /*box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);*/ }
.quick-link-card i { font-size: 1.25rem; color: #5f2b76; }
.quick-link-card .quick-link-text { font-size: 1rem; color: #374151; font-weight: 500; transition: color 0.3s; }
.quick-link-card:hover .quick-link-text { color: #5f2b76; }
#quick-links-select { margin-left: auto; padding: 0.75rem 1rem; border-radius: 10px; border: 1px solid #e5e7eb; background: #fff; color: #374151; font-size: 0.875rem; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
#quick-links-select:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
#quick-links-select:focus { outline: none; border-color: #5f2b76; }
/* ============================================================
   6. Footer 底部（ethnic-footer-bg）
   ============================================================ */
/* === Footer 主体 === */
.ethnic-footer-bg { position: relative; overflow: hidden; margin-top: 0; background: linear-gradient(135deg, #1a0a2e 0%, #2d1248 50%, #3d1a60 100%); background: url("../images/tulian/bgFooterCenter.png"); }
.ethnic-footer-bg::before { content: ''; inset: 0; position: relative; background-image: url("../images/tulian/bgFooterTop.png"); background-repeat: repeat-x; pointer-events: none; z-index: 0; width: 100%; height: 12px; display: block; }
.ethnic-footer-bg > * { position: relative; z-index: 1; }
.ethnic-footer-bg::after { content: ''; inset: 0; position: relative; background-image: url("../images/tulian/bgFooterEnd.png"); background-repeat: repeat-x; pointer-events: none; z-index: 0; width: 100%; height: 60px; display: block; }
.ethnic-footer-bg > * { position: relative; z-index: 1; }
/* 民族风底部边条 */
.ethnic-footer-bar { height: 6px; background: repeating-linear-gradient(90deg, #5f2b76 0, #5f2b76 10px, #b89cc8 10px, #b89cc8 14px, #3d1a60 14px, #3d1a60 24px, #b89cc8 24px, #b89cc8 28px, #5f2b76 28px, #5f2b76 34px, transparent 34px, transparent 40px); }
/* 装饰性花山壁画 */
.footer-huashan { position: absolute; opacity: 0.04; pointer-events: none; z-index: 0; }
.ethnic-footer-bg .container { max-width: 85%; margin: 0 auto; }
.footer-main { padding: 2.5rem 0; }
/* === Footer 三栏布局 === */
.footer-grid { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 24px 32px; padding: 0.3rem 0rem; }
.footer-grid > div { flex: 0 1 auto; }
.footer-col-contact { min-width: 360px; }
.footer-col-mailbox { min-width: 180px; text-align: center; }
.footer-col-follow { min-width: 320px; }
/* === Footer 标题 === */
.footer-col-title { text-align: center; margin-bottom: 1rem; }
.footer-col-title-inner { display: inline-flex; align-items: center; }
.footer-title-mark { width: 0.375rem; height: 1.75rem; background: #9333ea; margin-right: 0.75rem; border-radius: 0.25rem; }
.footer-title-text { color: #fff; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.025em; padding: 0 2.5rem 1rem 2.5rem; background: url("../images/tulian/bgCate2.png") no-repeat center bottom; }
.footer-title-text i { font-size: 1.5rem; }
/* Footer 标题装饰线（备用） */
.footer-section-title::after { content: ''; display: block; width: 40px; height: 2px; background: linear-gradient(90deg, #5f2b76, transparent); margin-top: 8px; }
/* === 联系我们 === */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; color: #d1d5db; font-size: 1rem; }
.contact-item { display: flex; align-items: flex-start; }
.contact-icon { margin-right: 0.5rem; margin-top: 0.25rem; color: #fff; flex-shrink: 0; }
/* === 院长信箱 === */
.footer-mailbox-link { display: inline-block; }
/* === 图标盒（邮箱 + 关注） === */
.footer-icon-box { width: 5rem; height: 5rem; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s, transform 0.3s; }
.footer-icon-box img { height: 100%; width: 100%; }
.footer-mailbox-link:hover .footer-icon-box,
.footer-follow-item:hover .footer-icon-box { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); transform: scale(1.05); }
.footer-mailbox-link .footer-icon-box i { font-size: 2.25rem; color: #2d1248; }
/* === 文字 === */
.footer-text { color: #ddd; font-size: 0.875rem; transition: color 0.15s; }
.footer-mailbox-link:hover .footer-text,
.footer-follow-item:hover .footer-text { color: #fff; }
/* === 关注我们 === */
.footer-follow-grid { display: flex; align-items: flex-start; justify-content: center; gap: 1rem; }
.footer-follow-item { text-align: center; }
.footer-follow-item .footer-icon-box i { font-size: 1.875rem; color: #2d1248; }
/* === 版权栏 === */
.footer-copyright { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer-copyright-inner { padding: 1.5rem 0; text-align: center; }
.footer-copyright-text { color: #ddd; font-size: 0.825rem; }
/* ============================================================
   7. 返回顶部按钮（scroll-top）
   ============================================================ */
.scroll-top { position: fixed; bottom: 20px; right: 20px; z-index: 99; display: none; /* JS 滚动时切换为 flex */ background: #5f2b76; color: #fff; width: 2.5rem; height: 2.5rem; border-radius: 9999px; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); transition: background-color 0.3s; }
.scroll-top:hover { background: #7e22ce; }
.scroll-top i { font-size: 1.5rem; }
/* ============================================================
   8. 装饰元素（通用）
   ============================================================ */
/* 花山壁画风格装饰SVG */
.huashan-deco { position: absolute; opacity: 0.04; pointer-events: none; z-index: 0; }
/* banner 背景图（备用） */
.banner { background: linear-gradient(rgba(92, 35, 106, 0.8), rgba(92, 35, 106, 0.8)), url('https://p26-doubao-search-sign.byteimg.com/tos-cn-i-be4g95zd3a/1687374676554809373~tplv-be4g95zd3a-image.jpeg?lk3s=feb11e32&x-expires=1793660574&x-signature=LYb%2BAyrm3coa6i0CLu6ujl1s29U%3D') no-repeat center center; background-size: cover; }
/* 花山壁画风格人物剪影装饰 */
.huashan-figure { display: inline-block; width: 30px; height: 40px; opacity: 0.06; }
/* 铜鼓纹装饰圆环 */
.bronze-drum-ring { position: absolute; border-radius: 50%; border: 2px solid rgba(160, 130, 180, 0.08); pointer-events: none; }
/* 花山壁画铜鼓装饰 */
.huashan-drum { position: absolute; opacity: 0.03; pointer-events: none; z-index: 0; }
/* ============================================================
   9. 子页面通用样式（新闻列表 / 图片列表 / 文章详情）
   ============================================================ */
/* === 内容区两栏布局：左侧二级菜单 + 右侧内容 === */
.sub-page-layout { display: grid; grid-template-columns: 280px 1fr; gap: 24px; align-items: start; }
/* === 面包屑（当前位置） === */
.breadcrumb { padding: 16px 0 20px; font-size: 14px; color: #6b7280; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.breadcrumb a { color: #6b7280; transition: color 0.15s; }
.breadcrumb a:hover { color: #5f2b76; }
.breadcrumb .breadcrumb-sep { color: #d1d5db; }
.breadcrumb .breadcrumb-current { color: #5f2b76; font-weight: 500; }
.breadcrumb .breadcrumb-home-icon { color: #9ca3af; }
/* === 左侧二级菜单 === */
.sub-sidebar { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); position: sticky; top: 20px; }
.sidebar-header { background: linear-gradient(135deg, #5f2b76, #5f2b76); color: #fff; padding: 18px 20px; display: flex; align-items: center; gap: 10px; }
.sidebar-header i { font-size: 20px; }
.sidebar-header h3 { font-size: 18px; font-weight: 700; }
.sidebar-menu { list-style: none; padding: 8px 0; }
.sidebar-menu li a { display: flex; align-items: center; padding: 12px 20px; color: #4b5563; font-size: 15px; border-left: 3px solid transparent; transition: all 0.2s ease; }
.sidebar-menu li a:hover { background: #fafaff; color: #5f2b76; border-left-color: #5f2b76; }
.sidebar-menu li a.active { background: #fafaff; color: #5f2b76; border-left-color: #5f2b76; font-weight: 600; }
.sidebar-menu li a .sidebar-arrow { margin-left: auto; font-size: 12px; color: #d1d5db; transition: color 0.2s; }
.sidebar-menu li a:hover .sidebar-arrow,
.sidebar-menu li a.active .sidebar-arrow { color: #5f2b76; }
/* === 左侧三级菜单（展开/收起 + 子栏目） === */
.sidebar-menu li.has-submenu > a { position: relative; }
.sidebar-menu li.has-submenu > a .sidebar-toggle {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
}
.sidebar-menu li.has-submenu > a .sidebar-toggle:hover { background: rgba(95, 43, 118, 0.08); }
.sidebar-menu li.has-submenu > a .sidebar-caret {
    font-size: 12px;
    color: #d1d5db;
    transition: transform 0.25s ease, color 0.2s;
}
.sidebar-menu li.has-submenu > a:hover .sidebar-caret { color: #5f2b76; }
.sidebar-menu li.has-submenu.open > a .sidebar-caret {
    transform: rotate(180deg);
    color: #5f2b76;
}
.sidebar-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fafaff;
}
.sidebar-menu li.has-submenu.open > .sidebar-submenu { max-height: 600px; }
.sidebar-submenu li a {
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 44px;
    color: #6b7280;
    font-size: 14px;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
    position: relative;
}
.sidebar-submenu li a::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #d1d5db;
    transform: translateY(-50%);
    transition: all 0.2s;
}
.sidebar-submenu li a:hover {
    background: #f3efff;
    color: #5f2b76;
}
.sidebar-submenu li a:hover::before { background: #5f2b76; }
.sidebar-submenu li a.active {
    background: #f3efff;
    color: #5f2b76;
    font-weight: 600;
    border-left-color: #5f2b76;
}
.sidebar-submenu li a.active::before {
    background: #5f2b76;
    width: 6px;
    height: 6px;
}
/* === 右侧内容容器 === */
.sub-content { background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); overflow: hidden; }
/* === 内容区标题栏 === */
.content-header { padding: 18px 24px; border-bottom: 1px solid #f3f4f6; display: flex; align-items: center; justify-content: space-between; }
.content-header h2 { font-size: 20px; font-weight: 700; color: #5f2b76; display: flex; align-items: center; gap: 10px; }
.content-header h2::before { content: ''; width: 5px; height: 22px; background: #5f2b76; border-radius: 3px; }
/* ============================================================
   9.1 新闻列表页（list.html）
   ============================================================ */
.news-list-page { padding: 20px 24px; }
.news-list-item { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px dashed #e5e7eb; transition: background-color 0.2s ease, transform 0.5s linear; }
.news-list-item:last-child { border-bottom: none; }
.news-list-item:hover { /*background-color: #fafaff;*/ transform: translateX(15px); transition: transform 0.5s ease; }
.news-list-item .news-thumb { flex-shrink: 0; width: 200px; height: 140px; border-radius: 8px; overflow: hidden; text-align: center; }
.news-list-item .news-thumb img { /*width: 100%;*/ height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.news-list-item:hover .news-thumb img { transform: scale(1.06); }
.news-list-item .news-body { flex: 1; display: flex; flex-direction: column; min-width: 0; cursor: pointer; }
.news-list-item .news-body h3 { font-size: 17px; font-weight: 600; color: #1f2937 !important; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.news-list-item .news-body h3 a { color: #000; }
.news-list-item .news-body p { font-size: 14px; color: #aaa; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; }
.news-list-item .news-body:hover h3 a { color: #5f2b76; }
.news-list-item .news-body:hover p { color: #6b7280; }
.news-list-item .news-meta { display: flex; align-items: center; gap: 16px; font-size: 13px; color: #9ca3af; margin-top: auto; }
.news-list-item .news-meta span { display: inline-flex; align-items: center; gap: 4px; }
/* 纯标题型列表项（无图） */
.news-list-item.no-img .news-thumb { display: none; }
/* 分页 */
/*.pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 24px 0 8px; flex-wrap: wrap; }
.pagination a,
.pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 12px; border: 1px solid #e5e7eb; border-radius: 6px; color: #4b5563; font-size: 14px; transition: all 0.2s; }
.pagination a:hover { border-color: #5f2b76; color: #5f2b76; }
.pagination .current { background: #5f2b76; border-color: #5f2b76; color: #fff; }
*/

.pagination { justify-content: center; gap: 8px; margin-top: 50px; }
.pagination{}
.pagination .block{ padding:6px 0; display: block; width: 100%; color: #000;}
/*.pagination a,*/
.pagination .p_first,
.pagination .p_prev,
.pagination .p_first_d,
.pagination .p_prev_d,
.pagination .p_no_d,
.pagination .p_no,
.pagination .p_dot,
.pagination .p_next,
.pagination .p_last,
.pagination .p_next_d,
.pagination .p_last_d,
.pagination .p_pages span{display:inline-block;padding: 0px 0px!important;margin: 10px 5px!important;border: 1px solid #ddd!important;border-radius: 5px!important;color: #333;transition: all 0.3s ease; cursor:pointer; width:44px !important; height:32px !important; line-height:32px;}
.pagination .p_pages span a{ width:100%; height:100%; display:block; line-height:32px; }
.pagination .p_no_d,
.pagination .p_pages span:hover{background: #5f2b76!important;color: #fff!important;border-color: #881211;}
.pagination span a { width: 100%; height: 100%; display: block; line-height: 32px;color: #000;}
/* ============================================================
   9.2 图片列表页（list-img.html）
   ============================================================ */
.img-list-page { padding: 20px 24px; }
.img-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.img-card { background: #fff; border: 1px solid #f3f4f6; border-radius: 10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.img-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px -6px rgba(121, 64, 191, 0.15); }
.img-card .img-card-thumb { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #f5f3fa; }
.img-card .img-card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.img-card:hover .img-card-thumb img { transform: scale(1.08); }
.img-card .img-card-info { padding: 12px 14px; }
.img-card .img-card-info h4 { font-size: 15px; font-weight: 600; color: #1f2937; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.img-card .img-card-info h4 a{ color:#000;}
.img-card:hover .img-card-info h4 { color: #5f2b76; }
/* ============================================================
   9.3 文章详情页（show.html）
   ============================================================ */
.article-page { padding: 24px 32px; }
.article-title { font-size: 26px; font-weight: 700; color: #1f2937; line-height: 1.4; text-align: center; margin-bottom: 16px; }
.article-meta { display: flex; justify-content: center; align-items: center; gap: 24px; font-size: 13px; color: #9ca3af; padding-bottom: 20px; border-bottom: 1px solid #f3f4f6; margin-bottom: 28px; flex-wrap: wrap; }
.article-meta span { display: inline-flex; align-items: center; gap: 5px; }
.article-body { font-size: 16px; line-height: 1.9; color: #374151; }
.article-body p { margin-bottom: 18px; text-indent: 2em; }
.article-body img { max-width: 100%; height: auto; border-radius: 8px; margin: 16px auto; display: block; }
.article-body h3 { font-size: 18px; font-weight: 700; color: #5f2b76; margin: 24px 0 12px; padding-left: 10px; border-left: 4px solid #5f2b76; }
/* 上下篇导航 */
.article-nav { margin-top: 36px; padding: 20px 0; border-top: 1px solid #f3f4f6; display: flex; flex-direction: column; gap: 10px; }
.article-nav-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 8px; transition: background-color 0.2s; }
.article-nav-item:hover { background-color: #fbfbf1; }
.article-nav-item .nav-label { flex-shrink: 0; font-size: 13px; color: #9ca3af; width: 60px; }
.article-nav-item .nav-link-text { flex: 1; font-size: 14px; color: #4b5563; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.article-nav-item:hover .nav-link-text { color: #5f2b76; }
.article-nav-item .nav-link-text.no-article { color: #d1d5db; }
/* ============================================================
   10. 响应式（按 HTML 加载顺序排序）
   ============================================================ */
/* === 平板端（<=768px） === */
@media (max-width: 768px) {
	.main-sectionList{padding: 2rem 0 0 0;}
    /* --- Header --- */
    .merged-header { height: 480px; }
    .mh-top { padding: 35px 14px 0; }
	.mh-logo{ max-width:80%;}
    .mh-logo img { max-height: 42px; max-width:100%;  }
    .mh-nav-row { width: 92%; display: none; }
    .mhr-slogon { display: none; }
    .mh-nav { display: none; }
    .mh-mobile-toggle { display: inline-flex; padding-top: 10px; }
    .mh-mobile-toggle i { font-size: 28px; }
    .mobile-dropdown-arrow { color: #999; }
    .mh-search-wrap { padding: 0 14px 24px; align-items: flex-end; }
    /* 移动端 hotwords 折行 */
    .mh-hotwords { gap: 8px !important; font-size: 12px; }
    /* --- 移动端菜单 --- */
    #mobile-menu { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); z-index: 99999 !important; }
    /* --- Banner 分页指示器 --- */
    .main-carousel-pagination { bottom: 12px; }
    .main-carousel-pagination .swiper-pagination-bullet { width: 20px; }
    .main-carousel-pagination .swiper-pagination-bullet-active { width: 36px; }
    /* 移动端 banner 左右按钮缩小但保留 */
    .main-carousel .swiper-button-prev,
    .main-carousel .swiper-button-next { width: 40px; height: 40px; }
    /* --- 主体内容 --- */
    .container { max-width: 92% !important; }
    .news-desc { margin-bottom: 15px; }
    /* 三列变一列堆叠 */
    .lg\:grid-cols-3 { grid-template-columns: 1fr !important; }
    /* --- 卡片/Tab 标题 --- */
    .section-header h2,
    .ethnic-tab-header .news-tab-btn { font-size: 16px; }
    /* --- 日期块 --- */
    .date-block { min-width: 56px; /*height: 48px;*/ }
    .date-block .day { font-size: 18px; }
    .date-block .ym { font-size: 10px; }
    .divider2-wap ul { display: block; }
    .divider2-wap ul li { padding-bottom: 1.5rem; }
    .divider2-wap ul li img { height: auto; }
    /* --- 轮播按钮（移动端隐藏，依赖滑动） --- */
    .news-carousel .swiper-button-prev,
    .news-carousel .swiper-button-next,
    .honor-carousel .swiper-button-prev,
    .honor-carousel .swiper-button-next,
    .lecture-carousel .swiper-button-prev,
    .lecture-carousel .swiper-button-next { display: none !important; }
    .honor-photo { height: auto; }
    /* --- Footer --- */
    .contact-grid { grid-template-columns: 1fr; }
    .footer-col-contact,
    .footer-col-mailbox,
    .footer-col-follow { min-width: 100%; }
    .footer-col-title { text-align: center; }
    .contact-item { margin: 0 auto; }
    /* --- 子页面短 banner --- */
    .merged-header.short { height: 380px; }
    /* --- 子页面两栏 → 单栏堆叠 --- */
    .sub-page-layout { grid-template-columns: 1fr; gap: 16px; }
    .sub-sidebar { position: static; }
    /* --- 新闻列表：图文改为上下排列 --- */
    .news-list-item { flex-direction: column; gap: 12px; }
    .news-list-item .news-thumb { width: 100%; height: 180px; }
    /* --- 图片列表：3 列 → 2 列 --- */
    .img-grid { grid-template-columns: repeat(2, 1fr); }
    /* --- 文章页：缩小标题与内边距 --- */
    .article-title { font-size: 20px; }
    .article-page { padding: 16px; }
}
/* === 超窄屏（<=480px） === */
@media (max-width: 480px) {
    /* --- Header --- */
    .merged-header { height: 360px; }
    .mh-logo img { height: 32px; }
    /* --- 搜索框 --- */
    .mh-search input { font-size: 14px; padding: 10px 0; }
    .mh-search button { padding: 10px 14px; font-size: 13px; }
    /* --- 轮播按钮 --- */
    /* 超窄屏隐藏所有 Swiper 按钮（包括 main-carousel）依赖滑动 */
    .swiper-button-prev,
    .swiper-button-next { display: none !important; }
    /* --- 新闻图片 --- */
    .news-slide-img { aspect-ratio: 16 / 9; }
    /* --- Banner 分页指示器 --- */
    .main-carousel-pagination { bottom: 8px; }
    .main-carousel-pagination .swiper-pagination-bullet { width: 16px; }
    .main-carousel-pagination .swiper-pagination-bullet-active { width: 28px; }
    /* --- 子页面短 banner --- */
    .merged-header.short { height: 280px; }
    /* --- 图片列表：2 列 → 1 列 --- */
    .img-grid { grid-template-columns: 1fr; }
}
/* === 桌面端（>=768px）：学术讲座网格 2 列 === */
@media (min-width: 768px) {
    .jiangzuo-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .lecture-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* 学院荣誉网格 4 列 */
    .honor-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* === 大屏（>=1024px）：三列卡片网格 === */
@media (min-width: 1024px) {
    .cards-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}