/**
 * layout_old 通用样式：顶栏、首页轮播（由 layout_old.html 引入）
 * 勿在 layout 内联 style，避免子模板截断
 */
    /* 介于 container(1170px) 与 container-fluid(100%) 之间的内容宽度，约 1360px 居中 */
    .container-mid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 1360px;
        box-sizing: border-box;
    }
    @media (min-width: 768px) {
        .container-mid { padding-left: 24px; padding-right: 24px; }
    }
    body.group-page.skin-white {
        padding-top: 60px;
    }
    @media (max-width: 768px) {
        body.group-page.skin-white {
            padding-top: 50px;
        }
    }
    .header .navbar.navbar-white {
        background-color: #3F77BC !important;
        border-color: #3F77BC !important;
    }
    .header .navbar-white .navbar-nav > li > a,
    .header .navbar-white .navbar-brand {
        color: #fff !important;
    }
    .header .navbar-white .navbar-nav > li > a:hover,
    .header .navbar-white .navbar-nav > li > a:focus,
    .header .navbar-white .navbar-nav > .active > a,
    .header .navbar-white .navbar-nav > .active > a:hover,
    .header .navbar-white .navbar-nav > .active > a:focus {
        color: rgba(255,255,255,0.95) !important;
    }
    .header .navbar-white .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    .header .navbar-white .navbar-toggle {
        border-color: rgba(255,255,255,0.6) !important;
    }
    .header .navbar-white .navbar-collapse.in {
        border-top-color: rgba(255,255,255,0.2) !important;
    }
    .header .navbar .navbar-collapse .navbar-right {
        position: absolute;
        right: 0;
        background: #3F77BC;
        display: flex;
        align-items: center;
        height: 100%;
        min-height: 60px;
        top: 0;
    }
    .header .navbar-white .dropdown-menu .caret,
    .header .navbar-white .navbar-nav .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    .header .navbar-white .navbar-nav.navbar-right > li {
        display: flex;
        align-items: center;
    }
    .header .navbar-white .navbar-form {
        margin: 0;
        padding: 0 15px;
        border: none;
        display: flex;
        align-items: center;
    }
    .header .navbar-white .form-search {
        display: flex;
        align-items: center;
        position: relative;
    }
    .header .navbar-white .form-search .form-control {
        height: 40px;
        min-height: 40px;
        padding: 8px 36px 8px 12px;
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.4);
        border-radius: 4px;
        font-size: 14px;
        line-height: 1.4;
        width: 180px;
        box-sizing: border-box;
    }
    .header .navbar-white .form-search .form-control::placeholder {
        color: rgba(255, 255, 255, 0.75);
    }
    .header .navbar-white .form-search .form-control:focus {
        background: rgba(255, 255, 255, 0.28);
        border-color: rgba(255, 255, 255, 0.6);
        color: #fff;
        outline: 0;
    }
    .header .navbar-white .form-search .search-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        pointer-events: none;
        filter: brightness(0) invert(1);
    }
    .header .navbar-right .nav-search-trigger {
        padding: 18px 15px;
        color: #fff !important;
    }
    .header .navbar-right .nav-search-trigger:hover,
    .header .navbar-right .nav-search-trigger:focus {
        color: rgba(255,255,255,0.9) !important;
        background: rgba(255,255,255,0.1) !important;
    }
    .header .search-popover-bottom {
        padding: 12px 14px;
        min-width: 300px;
        left: auto;
        right: 0;
        margin-top: 4px;
        border-radius: 4px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    }
    .header .search-popover-form .form-control {
        height: 38px;
        border-radius: 4px 0 0 4px;
    }
    .header .search-popover-form .input-group-btn .btn {
        height: 38px;
        border-radius: 0 4px 4px 0;
    }
    .header .navbar-right .nav-user-trigger:hover,
    .header .navbar-right .nav-user-trigger:focus {
        color: rgba(255,255,255,0.9) !important;
        background: rgba(255,255,255,0.1) !important;
    }
    .header .navbar-userinfo .dropdown-menu {
        margin-top: 4px;
        left: auto;
        right: 0;
    }
    .header .navbar-userinfo:hover .dropdown-menu {
        display: block;
    }
    /* 多语言、联系我们图标 */
    .header .navbar-right .nav-icon-trigger {
        padding: 18px 15px;
        color: #fff !important;
        display: block;
    }
    .header .navbar-right .nav-icon-trigger:hover,
    .header .navbar-right .nav-icon-trigger:focus {
        color: rgba(255,255,255,0.9) !important;
        background: rgba(255,255,255,0.1) !important;
    }
    .header .navbar-right .nav-contact-trigger i {
        color: #FDCF4B !important;
    }
    .header .navbar-right .nav-contact-trigger:hover i {
        color: #f5d84e !important;
    }
    .header .navbar-lang-wrap .dropdown-menu {
        margin-top: 4px;
        left: auto;
        right: 0;
    }
    .header .navbar-lang-wrap:hover .dropdown-menu {
        display: block;
    }
    /* 页脚：与 layout.html 一致，见 20/footer.html；勿在 style 内写模板 include（子模板若含闭合的 style 结束标记会截断本段，且 HTML 解析器会无视 CSS 注释而识别该标记） */
    /* PC 端不显示移动端弹层 */
    .mobile-search-modal,
    .mobile-lang-modal,
    .mobile-user-modal { display: none !important; }
    /* 移动端导航与侧栏统一 #3F77BC，白字，不乱色 */
    @media (max-width: 768px) {
        .header .navbar-white .navbar-collapse,
        .header .navbar-white .navbar-collapse.in {
            background-color: #3F77BC !important;
            border-top-color: rgba(255,255,255,0.2) !important;
        }
        /* 覆盖外部 #fbfbfb：折叠项背景与导航栏一致 */
        .header .navbar .navbar-collapse > .navbar-nav > li {
            background: transparent !important;
            margin-bottom: 5px;
            border-radius: 3px;
            overflow: hidden;
        }
        .header .navbar-collapse .navbar-nav > li > a {
            color: #fff !important;
        }
        /* 移动端：当前页仅金色字，不要灰底（覆盖 Bootstrap .navbar-nav > .active > a） */
        .header .navbar-collapse .navbar-nav > .active > a,
        .header .navbar-collapse .navbar-nav > .active > a:hover,
        .header .navbar-collapse .navbar-nav > .active > a:focus {
            background: transparent !important;
            background-color: transparent !important;
            color: #FDCF4B !important;
        }
        .header .navbar-collapse .dropdown-menu > li.active > a,
        .header .navbar-collapse .dropdown-menu > li.active > a:hover,
        .header .navbar-collapse .dropdown-menu > li.active > a:focus {
            background: transparent !important;
            background-color: transparent !important;
            color: #FDCF4B !important;
        }
        .header .navbar-collapse .navbar-nav > li > a:hover,
        .header .navbar-collapse .navbar-nav > li > a:focus {
            color: rgba(255,255,255,0.9) !important;
            background: rgba(255,255,255,0.1) !important;
        }
        .header .navbar-collapse .navbar-nav .open > a,
        .header .navbar-collapse .navbar-nav .open > a:hover,
        .header .navbar-collapse .navbar-nav .open > a:focus {
            background: rgba(255,255,255,0.1) !important;
            color: #fff !important;
        }
        .header .navbar-white .navbar-nav .open .dropdown-menu,
        .header .navbar-collapse .dropdown-menu {
            background: #1a4290 !important;
            border: none;
        }
        .header .navbar-collapse .dropdown-menu li a {
            color: #fff !important;
        }
        .header .navbar-collapse .dropdown-menu li a:hover {
            background: rgba(255,255,255,0.15) !important;
            color: #fff !important;
        }
        .header .navbar .navbar-collapse .navbar-right {
            position: static;
            height: auto;
            min-height: 0;
        }
        /* 移动端：三个图标（语言/联系/搜索）保持同一行 */
        .header .navbar .navbar-collapse .navbar-right > li {
            flex: 0 0 auto;
            width: auto;
        }
        /* 会员中心/用户信息单独占一行（第4项），避免与图标挤在一起 */
        .header .navbar .navbar-collapse .navbar-right > li:nth-child(4) {
            flex-basis: 100%;
            width: 100%;
        }
        /* 移动端：会员图标下拉（登录/注册）左对齐、占满行宽，不向右溢出导致页面乱 */
        .header .navbar-collapse .navbar-userinfo .dropdown-menu {
            left: 0 !important;
            right: auto !important;
            width: 100% !important;
            min-width: 100% !important;
        }
        /* 移动端：语言下拉左对齐、紧凑宽度，不超出视口，避免把右侧顶走 */
        .header .navbar-collapse .navbar-lang-wrap .dropdown-menu {
            left: 0 !important;
            right: auto !important;
            width: auto !important;
            min-width: 100px !important;
            max-width: min(180px, calc(100vw - 24px)) !important;
        }
        /* 移动端：搜索下拉左对齐、占满行宽，不向右溢出导致页面乱 */
        .header .navbar-collapse .search-popover-bottom {
            left: 0 !important;
            right: auto !important;
            width: 100% !important;
            min-width: 100% !important;
            box-sizing: border-box;
        }
        .header .navbar-collapse .search-popover-form .form-control {
            width: 100% !important;
            max-width: 100%;
            box-sizing: border-box;
        }
        .header .navbar-collapse .search-popover-form .input-group {
            width: 100%;
        }
        .header .navbar-white .navbar-toggle {
            border-color: rgba(255,255,255,0.6) !important;
        }
        .header .navbar-white .navbar-toggle .icon-bar {
            background-color: #fff !important;
        }
        .header .navbar-collapse .nav-user-trigger,
        .header .navbar-collapse .nav-icon-trigger {
            color: #fff !important;
        }
        .header .navbar-collapse .nav-contact-trigger i {
            color: #FDCF4B !important;
        }
        /* 移动端右侧四个图标（语言/联系我们/搜索/会员中心）同一行、均匀分布 */
        .header .navbar-collapse .navbar-nav.navbar-right {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center;
            justify-content: space-between;
        }
        .header .navbar-collapse .navbar-nav.navbar-right > li {
            display: inline-block !important;
            float: none !important;
            flex-shrink: 0;
            margin-bottom: 0 !important;
        }
        /* 移动端不显示导航内下拉，改用弹层（搜索/语言/会员） */
        .header .navbar-collapse .search-popover-bottom,
        .header .navbar-collapse .navbar-lang-wrap .dropdown-menu,
        .header .navbar-collapse .navbar-userinfo .dropdown-menu {
            display: none !important;
        }
        /* 移动端弹层通用 */
        .mobile-search-modal,
        .mobile-lang-modal,
        .mobile-user-modal {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 9999;
            align-items: flex-start;
            justify-content: center;
            padding: 60px 16px 20px;
            box-sizing: border-box;
        }
        .mobile-search-modal.is-open,
        .mobile-lang-modal.is-open,
        .mobile-user-modal.is-open {
            display: flex !important;
        }
        .mobile-lang-modal__backdrop,
        .mobile-user-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.5);
        }
        .mobile-lang-modal__content,
        .mobile-user-modal__content {
            position: relative;
            width: 100%;
            max-width: 360px;
            background: #3F77BC;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.2);
        }
        .mobile-lang-modal__content a,
        .mobile-user-modal__content a {
            display: block;
            padding: 12px 16px;
            color: #fff !important;
            text-decoration: none;
            border-radius: 6px;
        }
        .mobile-lang-modal__content a:hover,
        .mobile-user-modal__content a:hover {
            background: rgba(255,255,255,0.15);
            color: #fff !important;
        }
        .mobile-user-modal__content ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .mobile-user-modal__content ul li {
            margin: 0;
        }
        /* 移动端搜索弹层内容样式 */
        .mobile-search-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.5);
        }
        .mobile-search-modal__content {
            position: relative;
            width: 100%;
            max-width: 360px;
            background: #3F77BC;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.2);
        }
        .mobile-search-modal__form {
            margin: 0;
        }
        .mobile-search-modal__input-wrap {
            display: flex;
            width: 100%;
            border-radius: 8px;
            overflow: hidden;
            background: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.3);
        }
        .mobile-search-modal__input {
            flex: 1;
            min-width: 0;
            height: 44px;
            padding: 0 14px;
            border: none;
            background: transparent;
            color: #fff;
            font-size: 16px;
        }
        .mobile-search-modal__input::placeholder {
            color: rgba(255,255,255,0.6);
        }
        .mobile-search-modal__btn {
            flex-shrink: 0;
            width: 48px;
            height: 44px;
            padding: 0;
            border: none;
            background: rgba(255,255,255,0.2);
            color: #fff;
            cursor: pointer;
        }
    }
    /* 头部与轮播之间零空隙，紧贴 */
    body.group-page.skin-white .main-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .main-content > .index-focus-fullwidth {
        margin-top: 0 !important;
    }
    /* 首页轮播图通栏，避免中间出现白色空白 */
    .index-focus-fullwidth {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0;
        background: #3F77BC;
    }
    .index-focus-fullwidth .carousel-focus,
    .index-focus-fullwidth .carousel-inner,
    .index-focus-fullwidth .carousel-inner .item {
        width: 100%;
    }
    .index-focus-fullwidth .carousel-inner .item {
        background: #3F77BC;
        height: 300px;
    }
    .index-focus-fullwidth .carousel-slide-link {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 300px;
        text-decoration: none;
        color: inherit;
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
        -webkit-tap-highlight-color: transparent;
    }
    .index-focus-fullwidth .carousel-slide-link:hover,
    .index-focus-fullwidth .carousel-slide-link:focus,
    .index-focus-fullwidth .carousel-slide-link:active {
        text-decoration: none;
        color: inherit;
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
    }
    .index-focus-fullwidth .item--linked {
        cursor: pointer;
    }
    .index-focus-fullwidth .item--linked:focus,
    .index-focus-fullwidth .item--linked:active {
        outline: none;
        box-shadow: none;
    }
    .index-focus-fullwidth .carousel-img {
        width: 100%;
        height: 300px;
        min-height: 300px;
        background-color: #3F77BC;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: none !important;
    }
    .index-focus-fullwidth .carousel-inner .item:hover .carousel-img,
    .index-focus-fullwidth .carousel-img:hover,
    .index-focus-fullwidth .carousel-inner .item:hover .carousel-img {
        transform: none !important;
        filter: none !important;
    }
    .index-focus-fullwidth .carousel-inner .item:hover {
        transform: none !important;
    }
    /* 轮播图 caption：参考图1布局，无底块、标题+描述+镂空按钮左对齐，无文字阴影 */
    .index-focus-fullwidth .carousel-caption,
    .index-focus-fullwidth .carousel-caption-left {
        left: 10%;
        right: auto;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        padding: 0;
        max-width: 800px;
        background: none;
        text-shadow: none;
    }
    .index-focus-fullwidth .carousel-caption-left .carousel-title,
    .index-focus-fullwidth .carousel-title {
        font-size: 40px;
        line-height: 70px;
        letter-spacing: 5px;
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 18px 0;
        text-shadow: none;
    }
    .index-focus-fullwidth .carousel-caption-left .carousel-desc,
    .index-focus-fullwidth .carousel-desc {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        line-height: 1.6;
        margin: 0 0 32px 0;
        opacity: 0.98;
        text-shadow: none;
    }
    /* 轮播按钮：默认图1镂空（透明底、白边、白字），悬停图2深绿填充 */
    .index-focus-fullwidth .btn-carousel-outline {
        display: inline-block;
        padding: 14px 32px;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #fff;
        background: transparent !important;
        border: 1px solid #fff;
        border-radius: 0;
        text-decoration: none;
        text-shadow: none;
        outline: none;
        box-shadow: none;
        transition: background 0.25s ease, border-color 0.25s ease;
    }
    .index-focus-fullwidth .btn-carousel-outline:hover,
    .index-focus-fullwidth .btn-carousel-outline:focus,
    .index-focus-fullwidth .carousel-slide-link:active .btn-carousel-outline {
        color: #fff;
        background: #1a5f2a !important;
        border-color: #1a5f2a;
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }
    @media (max-width: 768px) {
        .index-focus-fullwidth .carousel-inner .item {
            height: 150px;
            min-height: 150px;
            aspect-ratio: auto;
        }
        .index-focus-fullwidth .carousel-slide-link {
            min-height: 150px;
        }
        .index-focus-fullwidth .carousel-img {
            height: 150px;
            min-height: 150px;
            aspect-ratio: auto;
        }
        /* 移动端标题小字号 */
        .index-focus-fullwidth .carousel-caption-left .carousel-title,
        .index-focus-fullwidth .carousel-title {
            font-size: 16px;
            line-height: 1.25;
            letter-spacing: 0.02em;
            margin-bottom: 6px;
        }
        .index-focus-fullwidth .carousel-desc {
            font-size: 12px;
            line-height: 1.4;
            margin-bottom: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .index-focus-fullwidth .carousel-caption,
        .index-focus-fullwidth .carousel-caption-left {
            left: 8%;
            max-width: 85%;
        }
    }