/**
 * ============================================================
 *  紧凑头部层 · V14.0 · 2026-11-10
 * ============================================================
 *  V13：把「陈利兵 / 免费测 AI / 7 个频道」并进同一条红底通栏，
 *       页头由三层 152px 压到「28px 工具条 + 50px 红条」= 80px。
 *  V14：用户要求把那条浅灰工具条（欢迎语 / 服务时间 / 网站地图 /
 *       联系我们 / 服务热线）整行搬到页脚，让固定部分再窄一截。
 *       现在页头只剩一条 50px 红通栏（含 2px 底边共 52px）。
 *
 *  做法：CSS 只管版式，HTML 搬移由 _v14_build.py 同步完成
 *       （源码 header.php / footer.php 与静态预览页同源）。
 *    .header 改为单行网格：
 *      50px  一条通栏红底，从左到右：
 *            站名 | 7 个频道（弹性等分） | 免费测 AI | 搜索
 *    .header-inner 用 display:contents「拆盒」，让它的子元素
 *    （logo / CTA / 搜索 / 移动按钮）直接成为 .header 的网格项，
 *    从而与 .gov-navbar 并排落在这唯一一行。红底由 .header 统一提供。
 *    左右用 gutter 列对齐 1100px 版心。
 *
 *  原顶部工具条改在页脚呈现为 .gov-footbar（浅灰信息带，位于
 *  四列之上、深红备案条之前），内容一字不改，仅位置与底色调整。
 *
 *  高度对比：V12 = 32 + 74 + 46 = 152px
 *            V13 = 28 + 50      =  80px
 *            V14 =      50 + 2  =  52px（较 V12 减少 66%）
 *
 *  颜色完全沿用 gov-theme.css 的党政红 #9E1F23，不新增色系。
 *  加载顺序：最后（在 gov-density.css 之后）。
 *  回退：删掉 header.php 中本文件的 <link> 一行，即回到 V12 三层头部。
 * ============================================================
 */

/* ============================================================
   一、页头：单行网格 + 通栏红底
   ============================================================ */
.header {
    display: grid !important;
    grid-template-columns:
        max(24px, calc((100% - 1100px) / 2))   /* 左版心留白 */
        auto                                    /* ① 站名 */
        minmax(0, 1fr)                          /* ② 频道导航（吃掉剩余宽度） */
        auto                                    /* ③ 免费测 AI */
        auto                                    /* ④ 搜索 */
        auto                                    /* ⑤ 移动菜单按钮 */
        max(24px, calc((100% - 1100px) / 2));  /* 右版心留白 */
    grid-template-rows: 50px;
    align-items: stretch;
    background: #9E1F23 !important;            /* 通栏红底 */
    border-bottom: 2px solid #7C161A !important;
    box-shadow: inset 0 3px 0 #C8161D, 0 2px 6px rgba(0, 0, 0, .10) !important;
    z-index: 9999 !important;
    isolation: isolate;
}

/* 站名区拆盒：子元素直接参与网格 */
.header-inner {
    display: contents !important;
}

/* ① 站名：红底白字，隐藏头像，与导航之间一条半透明白竖线 */
.header-inner > .logo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    align-self: stretch !important;
    padding: 0 18px 0 0 !important;
    margin: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .22) !important;
    text-decoration: none !important;
    white-space: nowrap;
}
.header-inner > .logo picture,
.header-inner > .logo .logo-icon { display: none !important; }
.header-inner > .logo .logo-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
}
.header-inner > .logo .logo-text {
    color: #FFFFFF !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: .08em;
}
.header-inner > .logo .logo-sub {
    color: rgba(255, 255, 255, .80) !important;
    font-size: 11px !important;
    letter-spacing: .02em;
}

/* ② 频道导航：占第 3 列，容器不再限宽，7 频道等分 */
.gov-navbar {
    grid-column: 3 !important;
    grid-row: 1 !important;
    height: 50px !important;
    border-top: none !important;
    border-bottom: none !important;
}
.gov-navbar .container {
    max-width: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
}
.main-nav {
    height: 50px !important;
    width: 100% !important;
}
.main-nav .nav-item {
    height: 50px !important;
    font-size: 14px !important;
    padding: 0 10px !important;
}

/* ③ 免费测 AI：白底红字小方块，与红条形成反差 */
.header-inner > .nav-lead-btn {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 10px 0 14px !important;
    padding: 7px 15px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: #FFFFFF !important;
    color: #9E1F23 !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    white-space: nowrap;
    text-decoration: none !important;
    flex-shrink: 0;
}
.header-inner > .nav-lead-btn:hover {
    background: #F7EDEE !important;
    color: #9E1F23 !important;
}

/* ④ 搜索 / 移动按钮：白色图标，不抢视觉 */
.header-inner > .header-search {
    grid-column: 5 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin-right: 6px !important;
}
.header-inner > .header-search .header-search-toggle {
    color: #FFFFFF !important;
    border-radius: 2px !important;
}
.header-inner > .header-search .header-search-toggle:hover {
    background: rgba(255, 255, 255, .16) !important;
    color: #FFFFFF !important;
}
.header-inner > .mobile-toggle {
    grid-column: 6 !important;
    grid-row: 1 !important;
    align-self: center !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, .35) !important;
    box-shadow: none !important;
}
.header-inner > .mobile-toggle span,
.header-inner > .mobile-toggle span::before,
.header-inner > .mobile-toggle span::after { background: #FFFFFF !important; }

/* ============================================================
   二、页脚信息带：原顶部工具条整行搬到这里
       位于页脚四列之上、深红备案条之前；底色略深于页脚浅灰，
       用上/下细边框分层，内容一字未改。
   ============================================================ */
.gov-footbar {
    background: #ECEEF2 !important;
    border-top: 1px solid #DEE1E7 !important;
    border-bottom: 1px solid #D8DCE3 !important;
    color: #4A4A4A !important;
    font-size: 12px !important;
}
.gov-footbar-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.gov-footbar-l, .gov-footbar-r {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.gov-footbar a { color: #4A4A4A !important; text-decoration: none; }
.gov-footbar a:hover { color: #9E1F23 !important; }
.gov-footbar b { color: #9E1F23 !important; font-weight: 700; }
.gov-footbar-sep { color: #C9CDD5; margin: 0 10px; }

/* ============================================================
   三、响应式：窄屏保持单行，导航横向滚动
   ============================================================ */
@media (max-width: 1000px) {
    .header {
        grid-template-columns: 16px auto minmax(0, 1fr) auto 16px !important;
    }
    .header-inner > .logo { grid-column: 2 !important; }
    .gov-navbar { grid-column: 3 !important; }
    .header-inner > .nav-lead-btn { grid-column: 4 !important; }
    .header-inner > .header-search,
    .header-inner > .mobile-toggle { display: none !important; }
    .gov-navbar .container { min-width: 0 !important; }
    .gov-navbar { overflow-x: auto; }
    .main-nav { width: max-content !important; min-width: 100% !important; }
    .main-nav .nav-item { flex: 0 0 auto !important; padding: 0 12px !important; font-size: 13px !important; }
    .gov-footbar-hide-sm { display: none; }
    .gov-footbar-r .gov-footbar-sep { margin: 0 6px; }
}

@media (max-width: 700px) {
    .header { grid-template-rows: 46px !important; }
    .gov-navbar { display: block !important; height: 46px !important; }
    .gov-navbar .container { height: 46px !important; }
    .main-nav { height: 46px !important; }
    .main-nav .nav-item { height: 46px !important; }
    .header-inner > .logo { padding-right: 10px !important; }
    .header-inner > .logo .logo-sub { display: none !important; }
    .header-inner > .logo .logo-text { font-size: 17px !important; }
    .header-inner > .nav-lead-btn { padding: 6px 9px !important; font-size: 12px !important; margin: 0 0 0 8px !important; }
    .gov-footbar-inner { justify-content: flex-start; gap: 6px; padding: 10px 16px; }
    .gov-footbar-l, .gov-footbar-r { flex-wrap: wrap; white-space: normal; }
}