@charset "utf-8";
/* ==========================================================================
   会议纪要改版样式覆盖（site-meeting-revamp.css）
   加载于 site-modern.css 之后，承担以下职责：
   1) 去圆角改方正（会议明确要求）
   2) 顶部右上角工具条（学校主页 / 书记院长信箱）样式
   3) 首页大图轮播缩窄（参考西北农林经管院）
   4) 师资力量双列筛选页样式
   5) 下拉菜单「按职称/按系」分组小标题
   6) 首页大图轮播去掉暗色遮罩（轮播图上无文字，无需压暗保证可读性）
   仅作覆盖，保留原有绿色主题。
   ========================================================================== */

/* ---------- 1) 去圆角改方正（会议明确要求） ---------- */
/* site-modern.css 大量使用 html body.modern-site.home-page .xxx { border-radius: Npx !important }
   此处用同等/更高权重 + !important 覆盖。仅针对可见的圆角组件。 */
:root {
    --site-radius: 0px;
}

html body.modern-site.home-page .hero-carousel-slide,
html body.modern-site.home-page .hero-carousel-slide img,
html body.modern-site.home-page .aggregate-cell,
html body.modern-site.home-page .aggregate-photo,
html body.modern-site.home-page .news-photo-card,
html body.modern-site.home-page .news-photo-card .photo,
html body.modern-site.home-page .topic-card,
html body.modern-site.home-page .topic-card img,
html body.modern-site.home-page .research-card,
html body.modern-site.home-page .research-card img,
html body.modern-site.home-page .education-card,
html body.modern-site.home-page .youth-card,
html body.modern-site.home-page .youth-card img,
html body.modern-site.home-page .campus-gallery img,
html body.modern-site.home-page .notice-cover,
html body.modern-site.home-page .cms-empty-mark,
html body.modern-site.home-page .source-text-cover,
html body.modern-site.home-page .site-btn,
html body.modern-site.home-page .site-backtop,
html body.modern-site.home-page .hero-carousel-dot,
html body.modern-site.home-page .hero-carousel-dot span,
html body.modern-site.home-page .hero-carousel-dot.is-active,
html body.modern-site.home-page .aggregate-band-card,
html body.modern-site.home-page .notice-row,
html body.modern-site.home-page .image-list img,
html body.modern-site.home-page .image-list .source-text-cover,
html body.modern-site.home-page .cms-list-thumb img,
html body.modern-site.home-page input[type="search"],
html body.modern-site.home-page .ejmenu-box,
html body.modern-site.home-page .cms-side-links a,
html body.modern-site.home-page .cms-footer-qr,
html body.modern-site.home-page .cms-footer-qr img {
    border-radius: 0 !important;
}

/* 内页（非首页）同等处理，使用 html body.modern-site 内页前缀 */
html body.modern-site .cms-faculty-tag,
html body.modern-site .image-list img,
html body.modern-site .image-list .source-text-cover,
html body.modern-site .cms-list-thumb img,
html body.modern-site .source-text-cover,
html body.modern-site .ejmenu-box,
html body.modern-site .cms-side-links a,
html body.modern-site .site-backtop,
html body.modern-site .site-btn,
html body.modern-site input[type="search"],
html body.modern-site .cms-footer-qr,
html body.modern-site .cms-footer-qr img {
    border-radius: 0 !important;
}

/* ---------- 2) 顶部右上角工具条 ---------- */
.modern-site .site-header .inner {
    padding-right: 24px;
}

.modern-site .site-utility {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    margin-left: 6px;
    padding-left: 14px;
    border-left: 1px solid rgba(255, 255, 255, .22);
    font-size: 13px;
}

.modern-site .site-utility-link {
    color: rgba(255, 255, 255, .92);
    white-space: nowrap;
    text-decoration: none;
    transition: color .2s ease;
}

.modern-site .site-utility-link:hover {
    color: var(--color-accent-gold);
}

.modern-site .site-utility-divider {
    color: rgba(255, 255, 255, .35);
    user-select: none;
}

/* 移动端：工具条隐藏（避免头部拥挤，学校主页等已在移动端另有入口） */
@media (max-width: 900px) {
    .modern-site .site-utility {
        display: none;
    }
}

/* ---------- 3) 首页大图轮播缩窄（参考西北农林经管院） ---------- */
/* site-modern.css 多处用 100vh/100svh !important 撑满首屏，此处一并覆盖 height 与 min-height */
html body.modern-site.home-page .hero,
html body.modern-site.home-page .hero.banner,
html body.modern-site.home-page .hero-content {
    min-height: 440px !important;
    height: 440px !important;
    max-height: 440px !important;
}

@media (min-width: 1200px) {
    html body.modern-site.home-page .hero,
    html body.modern-site.home-page .hero.banner,
    html body.modern-site.home-page .hero-content {
        min-height: 480px !important;
        height: 480px !important;
        max-height: 480px !important;
    }
}

@media (max-width: 768px) {
    html body.modern-site.home-page .hero,
    html body.modern-site.home-page .hero.banner,
    html body.modern-site.home-page .hero-content {
        min-height: 300px !important;
        height: 300px !important;
        max-height: 300px !important;
    }
}

.home-page .hero::after {
    top: 60px !important;
}

/* ---------- 6) 首页大图轮播亮度 ---------- */
/* site-modern.css 早期为 hero ::before 叠了深绿渐变遮罩，末段虽已透明化，
   此处按同等权重兜底禁用，防止将来层叠顺序变化导致暗色蒙层回归；
   轮播图上没有压图文字，无需遮罩保证可读性。 */
html body.modern-site.home-page .hero-carousel::before {
    background: none !important;
}

/* ---------- 4) 师资力量双列筛选页 ---------- */
.modern-site .cms-faculty-filter {
    margin-top: 8px;
}

.modern-site .cms-faculty-filter-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 36px;
    padding: 18px 20px;
    background: var(--color-primary-100);
    border-left: 4px solid var(--color-primary-700);
}

.modern-site .cms-faculty-filter-col {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 240px;
    flex: 1 1 320px;
}

.modern-site .cms-faculty-filter-label {
    flex: 0 0 auto;
    font-weight: 700;
    color: var(--color-primary-800);
    line-height: 30px;
    white-space: nowrap;
}

.modern-site .cms-faculty-filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.modern-site .cms-faculty-tag {
    display: inline-block;
    min-width: 44px;
    padding: 4px 14px;
    font-size: 13px;
    line-height: 20px;
    color: var(--color-primary-800);
    background: #fff;
    border: 1px solid var(--color-border);
    cursor: pointer;
    transition: all .2s ease;
}

.modern-site .cms-faculty-tag:hover {
    border-color: var(--color-primary-600);
    color: var(--color-primary-700);
}

.modern-site .cms-faculty-tag.is-active {
    background: var(--color-primary-700);
    border-color: var(--color-primary-700);
    color: #fff;
}

.modern-site .cms-faculty-filter-count {
    margin: 14px 4px 18px;
    color: var(--color-text-muted);
    font-size: 14px;
}

.modern-site .cms-faculty-filter-count strong {
    color: var(--color-primary-700);
    font-size: 18px;
    margin: 0 2px;
}

.modern-site .cms-faculty-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 22px;
}

.modern-site .cms-faculty-grid li {
    background: #fff !important;
    border: 1px solid var(--color-border) !important;
    overflow: hidden;
    /* !important 覆盖 site-modern.css 的 .image-list.modern-image-list li（横向左图右文 grid），
       恢复为教师名片纵向卡片（上图下文 flex） */
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 筛选时被排除的卡片：用 !important 确保覆盖上面的 display:flex */
.modern-site .cms-faculty-grid li.is-filtered-out {
    display: none !important;
}

.modern-site .cms-faculty-grid li > a {
    display: block !important;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--color-primary-100);
}

.modern-site .cms-faculty-grid li img {
    /* !important 覆盖 site-modern.css 的 .image-list.modern-image-list img（固定 220×150），
       让图片撑满 3:4 的链接容器 */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform .3s ease;
}

.modern-site .cms-faculty-grid li:hover img {
    transform: scale(1.04);
}

.modern-site .cms-faculty-grid li > div {
    padding: 12px 14px 16px !important;
}

.modern-site .cms-faculty-grid li h3 {
    margin: 0 0 8px;
    font-size: 16px;
    color: var(--color-text);
}

.modern-site .cms-faculty-grid li h3 a {
    color: inherit;
    text-decoration: none;
}

.modern-site .cms-faculty-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.modern-site .cms-faculty-meta .card-tag {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    color: #fff;
    background: var(--color-primary-700);
}

.modern-site .cms-faculty-dept {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    color: var(--color-primary-800);
    background: var(--color-primary-100);
    border: 1px solid var(--color-border);
}

.modern-site .cms-faculty-grid li > div > p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.modern-site .cms-faculty-empty {
    margin: 24px 0;
    padding: 28px;
    text-align: center;
    color: var(--color-text-muted);
    background: var(--color-primary-100);
}

.modern-site .cms-faculty-empty.is-hidden {
    display: none;
}

/* ---------- 5) 下拉菜单「按职称/按系」分组小标题 ---------- */
.modern-site .ejmenu-box-grouped {
    padding: 6px 0 !important;
}

.modern-site .ejmenu-box-group-label {
    padding: 8px 16px 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-accent-gold);
    letter-spacing: .5px;
    list-style: none;
}

/* 首个分组前不留上间距 */
.modern-site .ejmenu-box-grouped .ejmenu-box-group-label:first-child {
    padding-top: 4px;
}

/* ---------- 5.5) 师资页左侧侧栏「按职称/按系」分组 ---------- */
/* 与顶部导航下拉分组视觉一致：金色小标题 + 紧凑链接。
   site-modern.css 的 .cms-side a 用 !important 撑开 padding/边框，
   此处用 .modern-site .cms-side-grouped a 同等特异性覆盖，收窄间距并去掉组内多余分隔线。 */
.modern-site .cms-side-grouped {
    padding: 0 !important;
}

.modern-site .cms-side-group {
    padding: 4px 0 8px;
    border-bottom: 1px solid #e5eee2;
}

.modern-site .cms-side-group:last-child {
    border-bottom: 0;
}

.modern-site .cms-side-group-label {
    display: block;
    padding: 12px 22px 2px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-accent-gold);
    letter-spacing: .5px;
}

.modern-site .cms-side-group-items {
    padding: 0;
}

/* 分组内链接：收窄 padding、去掉每项底框（组块自带分隔） */
.modern-site .cms-side-grouped .cms-side-group-items a {
    padding: 9px 22px !important;
    border-bottom: 0 !important;
    font-size: 15px;
}

/* 分组首个「全部」与其他选项区分：略小、灰色 */
.modern-site .cms-side-grouped .cms-side-group-items a:first-child {
    font-size: 14px;
    color: var(--color-text-muted) !important;
}

.modern-site .cms-side-grouped .cms-side-group-items a:first-child.active,
.modern-site .cms-side-grouped .cms-side-group-items a:first-child:hover {
    color: var(--site-blue) !important;
}

/* ---------- 5.6) 无侧栏时内容区占满全宽（如下载中心） ---------- */
.cms-layout > .cms-main:only-child {
    grid-column: 1 / -1;
}

/* ---------- 6) 页脚联系方式 + 二维码占位 ---------- */
.modern-site .cms-footer-contact {
    list-style: none;
    margin: 14px 0 16px;
    padding: 0;
    font-size: 13px;
    line-height: 2;
    color: rgba(255, 255, 255, .82);
}

.modern-site .cms-footer-contact span {
    color: var(--color-accent-gold);
}

.modern-site .cms-footer-wechat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.modern-site .cms-footer-qr,
.modern-site .cms-footer-qr img {
    border-radius: 0 !important;
}

.modern-site .cms-footer-qr {
    width: 120px;
    height: 120px;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-site .cms-footer-qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modern-site .cms-footer-qr-placeholder {
    background: rgba(255, 255, 255, .12);
    border: 1px dashed rgba(255, 255, 255, .45);
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
}

.modern-site .cms-footer-wechat > span {
    font-size: 13px;
    color: rgba(255, 255, 255, .85);
}

@media (max-width: 768px) {
    .modern-site .cms-footer-qr {
        width: 100px;
        height: 100px;
    }
}

/* ==========================================================================
   7) 首屏三层 header（参考西北农林经管院）
   将原本「单条固定透明浮层覆盖 hero」的 header 改为经典中国高校三层：
   顶栏(学校主页|信箱) → 白底 Logo 校名栏 → 深绿主导航(含搜索)。
   - site-header 改 position:relative，不再覆盖 hero。
   - 保留原有绿色主题；保留所有 .site-header/.nav/.menu/.site-search 类名，
     使 site-modern.js 的滚动/搜索/轮播逻辑无需改动。
   ========================================================================== */

/* —— 整体容器：静态、白底，不再 fixed/透明/覆盖 hero —— */
html body.modern-site .site-header.site-header-tri {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    inset: auto 0 auto 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: none !important;
    transform: none !important;
}

/* 关闭原 site-modern.css 的「滚动变实心 / 内页实心」透明逻辑 */
html body.modern-site .site-header.site-header-tri.is-solid,
html body.modern-site .site-header.site-header-tri.is-open,
html body.modern-site:not(.home-page) .site-header.site-header-tri {
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 去掉旧版 header-xia / inner 的残留尺寸约束 */
html body.modern-site .site-header.site-header-tri .header-xia {
    background: transparent !important;
    height: auto !important;
}

/* 公共内层宽度容器（与 hero/聚合区 1200 视觉对齐） */
.modern-site .site-topbar-inner,
.modern-site .site-brandbar-inner,
.modern-site .site-navbar-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* —— 第一层：顶部工具条（深绿、右对齐） —— */
.modern-site .site-topbar {
    background: var(--color-primary-900);
    color: #fff;
    line-height: 36px;
    height: 36px;
}

.modern-site .site-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 36px;
    padding: 0 20px;
}

/* 工具条链接沿用 site-utility，覆盖旧 site-meeting-revamp.css 中
   「内嵌导航」时的左边框/外边距，改为顶栏内右对齐 */
.modern-site .site-topbar .site-utility {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 13px;
}

.modern-site .site-topbar .site-utility-link {
    color: rgba(255, 255, 255, .92);
    line-height: 36px;
}

.modern-site .site-topbar .site-utility-link:hover {
    color: var(--color-accent-gold);
}

.modern-site .site-topbar .site-utility-divider {
    color: rgba(255, 255, 255, .35);
}

/* —— 第二层：深绿 Logo / 校名栏（与顶栏、导航连成一片绿色页头） —— */
.modern-site .site-brandbar {
    background: var(--color-primary-900);
    border-bottom: none;
}

.modern-site .site-brandbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 92px;
    padding: 12px 20px;
    gap: 12px;
}

/* Logo 块回到自适应宽度，取消旧版 flex:0 0 470px 的强约束 */
.modern-site .site-brandbar .logo {
    flex: 0 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    position: relative;
    z-index: 1002;
    overflow: visible;
}

.modern-site .site-brandbar .logo a {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

.modern-site .site-brandbar .logo img,
.modern-site .site-brandbar .logo .site-logo-wordmark {
    width: auto !important;
    height: 64px !important;
    max-width: 360px;
    object-fit: contain;
    object-position: left center;
    clip-path: none;
    margin-left: 0;
}

.modern-site .site-brandbar .site-logo-text {
    color: #ffffff;
    line-height: 1.15;
    white-space: nowrap;
}

.modern-site .site-brandbar .site-logo-divider {
    margin-right: 8px;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    color: var(--color-primary-300);
    opacity: 1;
}

.modern-site .site-brandbar .site-logo-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.modern-site .site-brandbar .site-logo-title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
}

.modern-site .site-brandbar .site-logo-en {
    margin-top: 4px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: .2px;
    color: rgba(255, 255, 255, .7);
    opacity: 1;
    transform: none;
}

/* —— 第三层：深绿主导航 + 搜索 —— */
.modern-site .site-navbar {
    background: var(--color-primary-900);
    position: relative;
    z-index: 1001;
}

.modern-site .site-navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 20px;
    gap: 12px;
}

/* 导航：占满左侧，左对齐，菜单平铺不滚动 */
.modern-site .site-navbar .nav {
    float: none !important;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    min-width: 0;
    overflow: visible;
}

/* 平铺菜单：一行放完，整行均分填满，消除右侧留白 */
.modern-site .site-navbar .menu.site-nav-flat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0;
    width: 100% !important;
    overflow: visible;
}

.modern-site .site-navbar .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    width: auto !important;
}

/* 菜单项等分铺满整行，让"首页...团学风采"均匀分布 */
.modern-site .site-navbar .menu.site-nav-flat .menu-li {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
}

.modern-site .site-navbar .menu .menu-li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    position: relative;
}

/* 菜单项：白字、hover 金色底/下划线，去圆角；字号微调使整行更舒展 */
.modern-site .site-navbar .menu .menu-li span a {
    display: block;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 16px 6px !important;
    color: rgba(255, 255, 255, .95) !important;
    font-size: 17px !important;
    font-weight: 700;
    border-radius: 0;
    position: relative;
    transition: color .2s ease, background .2s ease;
    text-align: center;
}

.modern-site .site-navbar .menu .menu-li span a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 10px;
    height: 2px;
    background: var(--color-accent-gold);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .24s ease;
}

.modern-site .site-navbar .menu .menu-li:hover span a,
.modern-site .site-navbar .menu .menu-li.is-active span a,
.modern-site .site-navbar .menu .menu-li.current span a {
    color: #fff !important;
    background: rgba(255, 255, 255, .1);
}

.modern-site .site-navbar .menu .menu-li:hover span a::after {
    transform: scaleX(1);
}

/* 下拉子菜单：白底卡片，紧贴导航底部 */
.modern-site .site-navbar .menu .menu-li .ejmenu-box {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: 200px !important;
    transform: none;
    padding: 8px !important;
    border: 1px solid var(--color-border);
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(18, 44, 30, .18);
    overflow: visible !important;
}

@media (min-width: 1025px) {
    .modern-site .site-navbar .menu .menu-li .ejmenu-box {
        position: absolute !important;
        left: 0 !important;
        top: 100% !important;
        z-index: 1200;
        display: none;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .modern-site .site-navbar .menu .menu-li.is-submenu-open > .ejmenu-box {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
    }
}

.modern-site .site-navbar .menu .menu-li .ejmenu-box .ejmenu-box-li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
}

.modern-site .site-navbar .menu .menu-li .ejmenu-box .ejmenu-box-li a {
    display: block;
    padding: 10px 12px !important;
    color: var(--site-ink) !important;
    font-size: 14px !important;
    border-radius: 0;
}

.modern-site .site-navbar .menu .menu-li .ejmenu-box .ejmenu-box-li a:hover {
    background: var(--color-primary-100) !important;
    color: var(--site-blue) !important;
}

/* 搜索区域：Logo 栏右侧，常驻输入框 + 金色搜索按钮 */
.modern-site .site-brandbar .site-actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    position: relative;
    z-index: 1002;
    margin: 0 !important;
    transform: none !important;
}

.modern-site .site-brandbar .site-search {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    height: 44px;
}

/* 外壳：半透明白胶囊容器，左嵌放大镜、右嵌金黄按钮，整条统一成一颗胶囊 */
.modern-site .site-brandbar .site-search-panel {
    display: flex;
    align-items: center;
    width: 252px;
    height: 44px;
    margin: 0;
    padding: 4px 4px 4px 15px;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 18px rgba(0, 30, 18, .16);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

.modern-site .site-brandbar .site-search-panel:focus-within {
    border-color: rgba(243, 200, 92, .72);
    background: rgba(255, 255, 255, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 0 0 3px rgba(214, 173, 84, .22), 0 8px 22px rgba(0, 30, 18, .2);
}

/* 外壳内左侧放大镜（全站搜索框唯一的提示图标） */
.modern-site .site-brandbar .site-search-icon {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin: 0 9px 0 0;
    z-index: 2;
    pointer-events: none;
    border: 2px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    position: relative;
    transition: border-color .25s ease;
}

.modern-site .site-brandbar .site-search-icon::after {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -3px;
    width: 7px;
    height: 2px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .82);
    transform: rotate(45deg);
    transition: background .25s ease;
}

.modern-site .site-brandbar .site-search-panel:focus-within .site-search-icon {
    border-color: #fff;
}

.modern-site .site-brandbar .site-search-panel:focus-within .site-search-icon::after {
    background: #fff;
}

/* 输入区：透明无边框，融入外壳 */
.modern-site .site-brandbar .site-search-panel input {
    flex: 1;
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff;
    font-size: 14px;
    letter-spacing: .3px;
    outline: none;
    box-shadow: none !important;
}

.modern-site .site-brandbar .site-search-panel input::placeholder {
    color: rgba(255, 255, 255, .62);
    letter-spacing: .5px;
}

/* 右嵌金黄渐变胶囊按钮，内缩于外壳形成“壳中丸” */
.modern-site .site-brandbar .site-search-panel button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    padding: 0 20px !important;
    border: 0;
    border-radius: 999px !important;
    background: var(--gradient-gold-line) !important;
    color: var(--color-primary-900) !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(138, 107, 51, .32);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

/* 去掉按钮内重复的放大镜图标，避免与外壳左图标重复 */
.modern-site .site-brandbar .site-search-panel button::before {
    content: none !important;
    display: none !important;
}

.modern-site .site-brandbar .site-search-panel button:hover,
.modern-site .site-brandbar .site-search-panel button:focus {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(138, 107, 51, .42);
    outline: none;
}

.modern-site .site-brandbar .site-search-panel button:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(138, 107, 51, .32);
}

/* hero 紧贴导航栏下方，去掉为旧版浮层 header 预留的顶部留白 */
html body.modern-site.home-page .hero,
html body.modern-site.home-page .hero.hero-carousel {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* —— 移动端：工具条隐藏，Logo 栏收窄，导航折叠 —— */
@media (max-width: 900px) {
    .modern-site .site-topbar {
        display: none;
    }

    .modern-site .site-brandbar-inner {
        min-height: 60px;
        padding: 8px 16px;
    }

    .modern-site .site-brandbar .logo img,
    .modern-site .site-brandbar .logo .site-logo-wordmark {
        height: 44px !important;
    }

    .modern-site .site-brandbar .site-logo-title {
        font-size: 18px;
    }

    .modern-site .site-brandbar .site-logo-en {
        display: none;
    }

    /* 导航在移动端折叠为下拉抽屉（沿用 site-menu-toggle + .is-open 机制） */
    .modern-site .site-navbar {
        display: none;
    }

    .modern-site .site-header.is-open .site-navbar {
        display: block;
        position: fixed;
        inset: 60px 0 auto 0;
        max-height: 70vh;
        overflow-y: auto;
        background: var(--color-primary-900);
        box-shadow: 0 18px 38px rgba(18, 44, 30, .28);
    }

    .modern-site .site-header.is-open .site-navbar .nav {
        flex-direction: column;
        align-items: stretch;
        padding: 8px 0 !important;
    }

    .modern-site .site-header.is-open .site-navbar .menu {
        flex-direction: column;
        align-items: stretch;
        width: 100% !important;
    }

    .modern-site .site-header.is-open .site-navbar .menu .menu-li span a {
        padding: 14px 20px !important;
        font-size: 16px !important;
    }

    .modern-site .site-header.is-open .site-navbar .menu .menu-li .ejmenu-box {
        position: static !important;
        width: 100% !important;
        display: block;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        box-shadow: none;
        background: rgba(255, 255, 255, .06) !important;
        border: 0;
        padding: 0 0 4px !important;
    }

    .modern-site .site-header.is-open .site-navbar .menu .menu-li .ejmenu-box .ejmenu-box-li a {
        color: rgba(255, 255, 255, .85) !important;
        padding: 10px 20px 10px 36px !important;
    }

    /* 移动端隐藏 Logo 栏内的搜索（搜索在小屏用导航抽屉里的入口或直接隐藏） */
    .modern-site .site-brandbar .site-actions {
        display: none !important;
    }

    .modern-site .site-brandbar .site-menu-toggle {
        display: inline-flex !important;
        flex-direction: column;
        gap: 5px;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--color-border);
        border-radius: 0;
        background: transparent;
        cursor: pointer;
    }

    .modern-site .site-brandbar .site-menu-toggle span {
        width: 18px;
        height: 2px;
        background: var(--color-primary-900);
    }

    .modern-site .site-header.is-open .site-brandbar .site-menu-toggle span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .modern-site .site-header.is-open .site-brandbar .site-menu-toggle span:nth-child(2) {
        opacity: 0;
    }

    .modern-site .site-header.is-open .site-brandbar .site-menu-toggle span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}

/* 桌面端隐藏汉堡按钮（汉堡仅在移动端显示） */
@media (min-width: 901px) {
    .modern-site .site-brandbar .site-menu-toggle {
        display: none !important;
    }
}

/* PC 平铺菜单自适应：仅在接近移动端断点的窄屏逐级缩小字号/内边距，保证一行放完 */
@media (max-width: 1100px) {
    .modern-site .site-navbar .menu .menu-li span a {
        padding: 16px 6px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 1000px) {
    .modern-site .site-navbar .menu .menu-li span a {
        padding: 14px 4px !important;
        font-size: 15px !important;
    }
}

/* ── 导师阵容页内 tab（农村发展/农业管理）── */
html body.modern-site .cms-mentor-tabs {
    display: flex;
    gap: 0;
    margin: 0 0 28px;
    border-bottom: 2px solid #e5e5e5;
}
html body.modern-site .cms-mentor-tab {
    padding: 10px 24px;
    font-size: 15px;
    color: #666;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color .2s, border-color .2s;
}
html body.modern-site .cms-mentor-tab:hover {
    color: var(--site-primary, #1a6b3c);
}
html body.modern-site .cms-mentor-tab.is-active {
    color: var(--site-primary, #1a6b3c);
    font-weight: 600;
    border-bottom-color: var(--site-primary, #1a6b3c);
}
@media (max-width: 600px) {
    html body.modern-site .cms-mentor-tab {
        padding: 8px 14px;
        font-size: 14px;
    }
}

/* ==========================================================================
   站内搜索页搜索框
   与头部共用同一套“胶囊外壳 + 左放大镜 + 右金黄按钮”设计语言，做到全站统一。
   用更高特异性 + !important 压住 site-modern.css 后段对 .search-form 的强制覆盖
   （浅绿底 / 绿渐变按钮 / 白字 / 窄屏 grid 等）。
   ========================================================================== */
.modern-site .search-page .search-form {
    display: flex !important;
    align-items: center;
    gap: 0;
    height: 58px;
    margin: 0 0 30px !important;
    padding: 6px 6px 6px 22px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(0, 80, 47, .08);
    transition: border-color .25s ease, box-shadow .25s ease;
}

.modern-site .search-page .search-form:focus-within {
    border-color: var(--color-accent-gold) !important;
    box-shadow: 0 0 0 3px rgba(214, 173, 84, .18), 0 14px 36px rgba(0, 80, 47, .12);
}

/* 外壳内左侧放大镜：box-shadow 画柄，避免绝对定位坐标脆弱 */
.modern-site .search-page .search-form::before {
    content: "";
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    border: 2px solid var(--color-primary-700);
    border-radius: 50%;
    box-shadow: 11px 11px 0 -7px var(--color-primary-700);
    transition: border-color .25s ease, box-shadow .25s ease;
}

.modern-site .search-page .search-form:focus-within::before {
    border-color: var(--color-primary-900);
    box-shadow: 11px 11px 0 -7px var(--color-primary-900);
}

.modern-site .search-page .search-form input {
    flex: 1 !important;
    min-width: 0;
    height: 100%;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--color-text) !important;
    font-size: 16px;
    letter-spacing: .3px;
    outline: none;
    box-shadow: none !important;
}

.modern-site .search-page .search-form input::placeholder {
    color: var(--color-text-muted);
}

/* 右嵌金黄渐变胶囊按钮，与头部按钮呼应 */
.modern-site .search-page .search-form button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
    padding: 0 30px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--gradient-gold-line) !important;
    color: var(--color-primary-900) !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(138, 107, 51, .3);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.modern-site .search-page .search-form button:hover,
.modern-site .search-page .search-form button:focus {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(138, 107, 51, .4);
    outline: none;
}

.modern-site .search-page .search-form button:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(138, 107, 51, .3);
}

@media (max-width: 640px) {
    .modern-site .search-page .search-form {
        height: 52px;
        padding: 5px 5px 5px 18px !important;
    }

    .modern-site .search-page .search-form input {
        font-size: 15px;
    }

    .modern-site .search-page .search-form button {
        padding: 0 22px !important;
        font-size: 14px;
        letter-spacing: 1px;
    }
}

/* ==========================================================================
   首页概览底部三栏横排（党的建设 / 团学风采 / 教师风采）
   格式：栏目标题(中+英) + 右侧箭头 + 金色短下划线 + 3:2 配图（复刻设计稿）
   ========================================================================== */
html body.modern-site.home-page .aggregate-band {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px 20px;
    margin-top: 30px;
}

html body.modern-site.home-page .aggregate-band-col {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

html body.modern-site.home-page .aggregate-band-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

html body.modern-site.home-page .aggregate-band-heading {
    position: relative;
    min-width: 0;
    padding-bottom: 10px;
}

html body.modern-site.home-page .aggregate-band-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36px;
    height: 3px;
    background: linear-gradient(90deg, var(--home-gold) 0%, rgba(220, 180, 94, .2) 100%);
}

html body.modern-site.home-page .aggregate-band-kicker {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--home-green);
    font-weight: 700;
}

html body.modern-site.home-page .aggregate-band-title {
    margin: 4px 0 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--home-ink-deep);
}

html body.modern-site.home-page .aggregate-band-arrow {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(8, 112, 68, .25);
    color: var(--home-green);
    transition: background .28s var(--home-ease), color .28s ease, border-color .28s ease;
}

html body.modern-site.home-page .aggregate-band-arrow svg {
    width: 14px;
    height: 14px;
}

html body.modern-site.home-page .aggregate-band-arrow:hover {
    background: var(--home-green);
    border-color: var(--home-green);
    color: #fff;
}

html body.modern-site.home-page .aggregate-band-figure {
    display: block;
    overflow: hidden;
    margin-top: auto;
    background: #eef3ef;
    box-shadow: var(--home-card-shadow);
    transition: transform .5s var(--home-ease), box-shadow .5s var(--home-ease);
}

html body.modern-site.home-page .aggregate-band-figure img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: transform .6s var(--home-ease);
}

html body.modern-site.home-page .aggregate-band-col:hover .aggregate-band-figure {
    transform: translateY(-4px);
    box-shadow: var(--home-card-shadow-strong);
}

html body.modern-site.home-page .aggregate-band-col:hover .aggregate-band-figure img {
    transform: scale(1.05);
}

/* 平板及以下：堆叠单列（与 site-modern 原三栏折叠规则一致） */
@media (max-width: 1100px) {
    html body.modern-site.home-page .aggregate-band {
        grid-template-columns: 1fr !important;
    }
}