@charset "utf-8";

/* ========================================
   Top banner + navbar layout — 零间距版本
   ======================================== */

/* ===== 1. 全局重置：消除所有默认间距 ===== */
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* style.css 第153行的 body:before 伪元素会创建顶部10px阴影条 */
body:before {
    display: none !important;
}

/* header 本身零间距 */
header {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== 2. Banner 区域 ===== */
.site-banner {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* 浅蓝色背景，与banner图片区域融为一体 */
    background-color: #acd8f7 !important;
}

/* Banner 内的 container：保持bootstrap默认左右padding用于内容居中，
   但上下padding必须为0以消除空白 */
.site-banner .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    /* 背景图：logo-text.png 作为banner背景 */
    background-image: url(logo-text.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    aspect-ratio: 1200 / 150;

    /* 关键：上下间距归零，左右保持bootstrap默认15px用于居中 */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ===== 3. 导航栏：紧贴 banner 底部 ===== */
.navbar-underline {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-color: #4a90d9 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ===== 4. 轮播图：紧贴导航栏底部 ===== */
.carousel-figure {
    margin: 0 !important;
    padding: 0 !important;
}

/* 轮播图撑满整屏宽度，左右不留空白（仅作用于首页轮播区，不影响其它 container） */
.carousel-figure .container,
.carousel-figure .row {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 主体内容居中：news 卡片是固定宽 inline-block，原生 text-align:center 受 Bootstrap .row 的 -15px 负 margin 影响会偏左；
   改用 flexbox 并清掉负 margin，确保 4 张卡片在容器内严格水平居中 */
.news .row {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
}

/* 荣誉学子 zturn 轮播：JS 用 $(window).width() 计算每张卡的 left:50% 偏移，
   当前 .pictureSlider 宽度受 .container 约束（max-width:1170px），6 张卡中右侧第 3 张会溢出视口被裁掉。
   让 .pictureSlider 撑满视口宽度并居中，给所有卡片足够铺开空间，避免右侧被裁、整体视觉偏移 */
.student .pictureSlider {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: visible;
}

/* 友情链接部分保持 Bootstrap 容器宽度（约1170px居中），不扩展到屏幕 100% */
.footer-link > .container {
    max-width: 1170px !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===== 5. 右上角"协和学院官网"按钮 ===== */
.site-banner-right {
    position: relative;
    z-index: 2;
    font-size: 14px;
    color: #333;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 15px;
}

.site-banner-right a,
.site-banner-right a:focus {
    color: #666;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.site-banner-right a:hover {
    color: #a40000;
}

.site-banner-divider {
    margin: 0 10px;
}

.site-banner-search {
    font-size: 16px;
}

/* ===== 6. 导航栏菜单样式 ===== */
.navbar-underline .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* 导航项：flex 均分分布，左右两端与 container（页面主体）对齐 */
.navbar-underline-menu > ul.navbar-right {
    float: none !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
}

.navbar-underline-menu > ul.navbar-right > li {
    float: none;
}

.navbar-underline-menu > ul.navbar-right > li > a {
    color: #fff;
}

.navbar-underline-menu .menu-item > img {
    -webkit-filter: none;
    filter: none;
}

.navbar-underline-menu > ul.navbar-right > li > a:hover,
.navbar-underline-menu > ul.navbar-right > li > a:focus,
.navbar-underline-menu > ul.navbar-right > li.open > a {
    color: #fff;
}

/* 下拉菜单 */
.navbar-underline-menu .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
}

.navbar-underline-menu .dropdown-menu > li > a {
    color: #333;
}

.navbar-underline-menu .dropdown-menu > li > a:hover,
.navbar-underline-menu .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #4a90d9;
}

/* ===== 7. 响应式 ===== */
@media (max-width: 767px) {
    .site-banner {
        display: none;
    }

    .navbar-underline-menu > ul.navbar-right {
        float: none !important;
        margin-left: 0;
    }

    .navbar-underline-menu > ul.navbar-right > li {
        float: none;
    }

    .navbar-underline-menu > ul.navbar-right > li > a {
        height: auto;
        line-height: 46px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .site-banner-right {
        font-size: 13px;
        padding: 5px 10px;
    }
}