/* ==========================================================================
   header-override.css
   120 周年徽标 + header 板块横向居中 —— 纯「样式覆盖层」
   --------------------------------------------------------------------------
   · 不修改任何源站模板 CSS 文件（style.css / system.css / sudyNav.css 等）。
   · 只在 main.htm 的 </head> 前最后引入本文件，利用 !important 覆盖
     原样式及 HTML 上的 inline style。
   · 复原：删除 main.htm 中的这一行 <link>，或删除本文件即可，原模板零残留。
   · 徽标图片 120th-1.jpg 原始尺寸 174 x 98 px，本表不做任何缩放。
   ========================================================================== */

/* 1) header 板块横向居中
      源站 header 由两个 div.block 组成（.top 快速链接行 / .logo+菜单行），
      原定义 width:1200px; margin:0 auto 已居中，但 .logo 的
      inline margin-left:-100px 把内容拉出容器左侧，视觉上整体左偏。
      这里统一两行宽度并显式居中，保证上下两层左右边界对齐。 */
div.block[style*="height:37px"],
div.block[style*="height:65px"] {
    width: 1500px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2) Logo 区归位，并为左侧徽标让出 174px
      覆盖 inline style="margin-top:-35px;margin-left:-100px" 中的左偏移；
      margin-top:-35px 保留，维持原有垂直位置，避免挤压轮播图。 */
.logo {
    position: relative !important;
    width: 625px !important;          /* 174（徽标）+ 451（原 Logo） */
    margin-left: 0 !important;
    overflow: visible !important;
}

/* 原 Logo 链接右移 174px，紧随徽标之后 */
.logo a[href="/main.htm"] {
    margin-left: 174px !important;
}

/* 3) 120 周年徽标：绝对定位于 Logo 左侧，不参与布局占位 */
.jnu120-badge {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 174px !important;          /* 与图片原始宽度一致，仅约束点击区域 */
    line-height: 0 !important;
}

/* 保持图片原始大小：不设 width/height，并解除任何可能的全局缩放 */
.jnu120-badge img {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    border: 0 !important;
    vertical-align: middle !important;
}

/* 4) 菜单右侧原有 -15px 负边距归零；轻度收紧项间距，
      为左侧新增的 174px 徽标腾出空间，避免与 Logo 重叠或换行。 */
ul.menu {
    margin-right: 0 !important;
}
ul.menu li   { margin: 0 10px !important; }
ul.menu li a { padding: 0 5px 15px !important; }

/* 窄屏自适应：视口越窄，菜单间距越紧，保证不与 Logo 区相撞 */
@media (max-width: 1450px) {
    ul.menu li   { margin: 0 6px !important; }
    ul.menu li a { padding: 0 4px 15px !important; }
}
@media (max-width: 1350px) {
    ul.menu li   { margin: 0 2px !important; }
    ul.menu li a { padding: 0 1px 15px !important; font-size: 14px !important; }
}