/* ========== 共享基础 ========== */

/* 头部主题令牌与基础视觉（桌面、滚动与移动端共用；减弱/分隔线与子菜单色） */
.site-header {
    /* 头部主题色：桌面、滚动状态与移动端共用 */
    --site-header-bg: var(--website-primary);
    --site-header-drawer-bg: var(--website-primary-deep);
    --site-header-text: #fff;
    --site-header-muted-text: rgb(255 255 255 / 82%);
    --site-header-divider: rgb(255 255 255 / 50%);
    /* 下拉菜单表面底色（白色平面面板） */
    --site-header-submenu-bg: var(--website-surface);
    /* 移动端菜单分隔线（白色半透明细线） */
    --site-header-menu-line: rgb(255 255 255 / 20%);
    /* 移动端二级子菜单背景（不透明分级色：primary 混 5% 黑，深一档，避免半透明 alpha 复合） */
    --site-header-menu-level-2-bg: color-mix(in srgb, var(--website-primary) 95%, rgb(0 0 0));
    /* 移动端三级及以上子菜单背景（不透明分级色：primary 混 10% 黑，再深一档；三级封顶） */
    --site-header-menu-level-3-bg: color-mix(in srgb, var(--website-primary) 90%, rgb(0 0 0));

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 80px;
    color: var(--site-header-text);
    background: var(--site-header-bg);
    transition: background-color .3s ease, box-shadow .3s ease;
}

/* 跨页面共享的头部高度变量（80px 基础值，桌面各断点在断点布局段覆盖） */
:root {
    --td-nav-scroll-top: 0px;
    --site-header-height: 80px;
}

/* 头部背景渐变遮罩（固定不透明主题背景不使用横幅渐变，始终隐藏） */
.site-header::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, .68) 0%, rgba(0, 0, 0, .3) 62%, transparent 100%);
    opacity: 0;
    content: "";
    pointer-events: none;
}

/* 头部主容器（定位包含块与通栏高度） */
.site-header .site-header__main {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 头部主容器与内容容器（通栏高度） */
.site-header .site-header__main,
.site-header .site-header__container {
    height: 100%;
}

/* 内容容器（通栏宽度，左右留白在移动端分段补充） */
.site-header .site-header__container {
    width: 100%;
}

/* 头部内层容器（通栏高度、两端布局；桌面分段切成双列网格；桌面左右留白在各断点用 calc(100% - Npx) 宽度挤出并居中） */
.site-header .site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 品牌区（由 Logo 与站名内容撑开，文字与图片垂直居中） */
.site-header .site-header__brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: auto;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    color: var(--site-header-text);
    font-size: 20px;
}

/* 品牌区域（固定宽度的左侧展示区） */
.site-header__brand-window {
    width: 100%;
    height: 100%;
}

/* 品牌区 CMS 内容链路（逐层撑满并左对齐） */
.site-header .site-header__brand > *,
.site-header .site-header__brand > * > *,
.site-header .site-header__brand > * > * > *,
.site-header .site-header__brand > * a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-width: 0;
}

/* 品牌内容行（站名紧随 Logo，组内水平居中；置于上链式规则之后覆盖其左对齐） */
.site-header .site-header__brand a {
    gap: 12px;
    justify-content: center;
}

/* 品牌文字字形（字重、单行与字距；字号按桌面 ∈ 992 分档覆盖） */
.site-header .site-header__brand a span {
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 1px;
}

/* 品牌图片（高度取 Header 高度比例，宽度按原始比例自适应并受各档上限约束） */
.site-header .site-header__brand img {
    display: block;
    width: auto;
    height: 60%;
    max-width: var(--site-header-brand-logo-max-width);
    object-fit: contain;
    object-position: left center;
}

/* 品牌区键盘焦点描边（内收白色描边） */
.site-header .site-header__brand:focus-visible,
.site-header .site-header__brand a:focus-visible {
    outline: 2px solid var(--site-header-text);
    outline-offset: -2px;
}

/* 工具链接与主导航容器（占据品牌外剩余空间，桌面切成两行网格） */
.site-header .site-header__content {
    position: relative;
    display: flex;
    align-content: start;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
}

/* 工具链接项（作为 links-row 的 flex 子项，外对齐交给行容器；尺寸按桌面 ∈ 992 覆盖） */
.site-header .site-header__links {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

/* 工具链接容器（整宽，右/下对齐） */
.site-header .site-header__links-container {
    width: 100%;
    min-height: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/* 工具链接行容器（InfoCycle 生成的链接项排成一行，整体右/底对齐） */
.site-header .site-header__links-row {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
    min-width: 100%;
}

/* CMS 包裹层保底尺寸（避免窗口内容为空或动态渲染时行高/宽度塌陷） */
.site-header .site-header__links-container > div,
.site-header .site-header__links-container > div > div {
    min-width: 100%;
    min-height: 20px;
}

/* 工具链接文字（白色前景、无下划线） */
.site-header .site-header__links a {
    color: var(--site-header-text);
}

/* 工具链接文字与标签（单行、悬停过渡；字号/行高按桌面 ∈ 992 覆盖） */
.site-header .site-header__links a,
.site-header .site-header__links span {
    white-space: nowrap;
    transition: color .2s ease;
}

/* 工具链接悬停/聚焦（顶部主色提亮） */
.site-header__links-container a:hover,
.site-header__links-container a:focus-visible {
    color: var(--website-primary-light);
}

/* 主导航链接悬停/聚焦（顶部主色提亮，视觉与工具链接一致） */
.site-header__nav-link:hover,
.site-header__nav-link:focus-visible {
    color: var(--website-primary-light);
}

/* 工具栏分隔线（默认显示，尺寸按桌面 ∈ 992 覆盖） */
.site-header .site-header__links i {
    display: block;
    width: 1px;
    background: var(--site-header-divider);
}

/* 工具栏分隔线（末项不显示） */
.site-header__links:last-of-type i {
    display: none;
}

/* 主导航容器（默认右对齐，移动端被覆盖为全屏抽屉） */
.site-header .site-header__nav {
    position: static;
    grid-row: 2;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: auto;
}

/* 导航编辑区域（保留 CMS 可编辑容器与现有视觉位置） */
.site-header .site-header__nav-slot {
    position: relative;
    z-index: 10;
}

/* 编辑器态导航区域（虚线标识可编辑容器） */
body.is-editor .site-header .site-header__nav-slot {
    outline: 2px dashed var(--site-header-bg);
    outline-offset: -2px;
}

/* 导航面板与面板内层（通栏宽度） */
.site-header .site-header__nav-panel,
.site-header .site-header__nav-panel-inner {
    width: 100%;
    height: auto;
}

/* 导航 frag 与窗口容器（通栏宽度，桌面参与高度传递） */
.site-header .site-header__nav-frag,
.site-header .site-header__nav-window {
    width: 100%;
    height: auto;
}

/* 主导航列表（桌面横向一行，右对齐；间距按桌面 ∈ 992 覆盖） */
.site-header .site-header__nav-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
}

/* 导航项（相对定位承载指示线与下拉） */
.site-header__nav-item {
    position: relative;
    flex: 0 0 auto;
    height: 100%;
}

/* 下拉菜单悬停桥（由下拉自身伪元素填补与导航项之间的留白，悬停区随下拉盒连续；不依赖导航项 has-children 类，避免类缺失时留白导致反复开合抖动） */
.site-header .site-header__nav-item > .site-header__submenu::before {
    position: absolute;
    right: 0;
    bottom: calc(100% + 3px);
    left: 0;
    height: 12px;
    content: "";
}

/* 导航链接（垂直居中单行文字，悬停过渡；字号/内距按桌面 ∈ 992 覆盖） */
.site-header__nav-link {
    display: inline-flex;
    align-items: center;
    height: 100%;
    color: var(--site-header-text);
    font-weight: 600;
    white-space: nowrap;
    transition: color .2s ease;
}

/* 导航链接默认箭头占位（仅子菜单项启用） */
.site-header__nav-link::after {
    display: none;
}

/* 含子菜单项的下拉箭头（右下三角；尺寸按桌面 ∈ 992 覆盖） */
.site-header__nav-item--has-children > .site-header__nav-link::after {
    display: block;
    border: 2px solid currentColor;
    border-top: 0;
    border-left: 0;
    content: "";
    transform: rotate(45deg);
}

/* 下拉菜单（白色平面面板，右侧定位、细边框与轻阴影；尺寸按桌面 ∈ 992 覆盖） */
.site-header__submenu {
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    visibility: hidden;
    padding: 0;
    border-top: 3px solid var(--site-header-bg);
    z-index: 10;
    background: var(--site-header-submenu-bg);
    box-shadow: 0 10px 24px rgb(0 0 0 / 16%);
    opacity: 0;
    list-style: none;
}

/* 空下拉菜单（无数据时隐藏） */
.site-header__submenu--empty {
    display: none;
}

/* 悬停/聚焦状态的下拉菜单（父项与子项层级标记并存，统一显示） */
.site-header__nav-item--has-children:hover > .site-header__submenu,
.site-header__nav-item--has-children:focus-within > .site-header__submenu,
.site-header__nav-item.has-children:hover > .site-header__submenu,
.site-header__nav-item.has-children:focus-within > .site-header__submenu,
.site-header__submenu-item.has-children:hover > .site-header__submenu,
.site-header__submenu-item.has-children:focus-within > .site-header__submenu,
.site-header__submenu-item.site-header__nav-item--has-children:hover > .site-header__submenu,
.site-header__submenu-item.site-header__nav-item--has-children:focus-within > .site-header__submenu,
.site-header__submenu-item:hover > .site-header__submenu,
.site-header__submenu-item:focus-within > .site-header__submenu {
    visibility: visible;
    opacity: 1;
}

/* 任意深度子菜单项（相对定位承载递归下拉） */
.site-header__submenu-item {
    position: relative;
    z-index: 1;
}

/* 悬停/聚焦的子菜单项（提升层级避免被兄弟遮住） */
.site-header__submenu-item:hover,
.site-header__submenu-item:focus-within {
    z-index: 2;
}

/* 子菜单原生 li（CMS 未输出稳定层级类时补充定位上下文） */
.site-header__submenu > li {
    position: relative;
    z-index: 1;
}

/* 悬停/聚焦的子菜单原生 li（提升层级） */
.site-header__submenu > li:hover,
.site-header__submenu > li:focus-within {
    z-index: 2;
}

/* 子菜单内的下一层子菜单（任意深度：顶部补偿色条、左侧展开、右缘贴触发项左缘） */
.site-header__submenu .site-header__submenu {
    top: -3px;
    right: 100%;
    left: auto;
    margin: 0;
}

/* 任意深度子菜单显示兜底（仅匹配当前菜单项的直属子菜单） */
.site-header__submenu > li:hover > .site-header__submenu,
.site-header__submenu > li:focus-within > .site-header__submenu {
    visibility: visible;
    opacity: 1;
}

/* 子菜单链接（块级全宽，行高承载纵向点按区；字号/行高/内距按桌面 ∈ 992 覆盖） */
.site-header__submenu-link {
    display: block;
    color: var(--website-heading);
    transition: color .2s ease, background-color .2s ease;
}

/* 悬停/聚焦的子菜单链接（主色文字 + 主色淡蓝悬停底色） */
.site-header__submenu-link:hover,
.site-header__submenu-link:focus {
    color: var(--site-header-bg);
    background: var(--website-primary-10);
}

/* 移动端交互控件默认隐藏（菜单按钮、子菜单展开钮与移动端工具链接） */
.site-header .site-header__submenu-toggle,
.site-header .site-header__mobile-links,
.site-header .site-header__menu-toggle {
    display: none;
}

/* 移动端菜单打开时锁定页面滚动 */
html.site-header--nav-open {
    overflow: hidden;
}

/* 移动端菜单打开时的页面主体（固定定位并保留滚动位置） */
body.site-header--nav-open {
    position: fixed;
    top: var(--td-nav-scroll-top);
    right: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}

/* ========== 断点布局 ========== */

/* ---- 桌面基准（992px 及以上） ---- */

/* 跨页面头部高度上限（宽屏基准） */
@media (min-width: 992px) {
    :root {
        --site-header-height: 110px;
    }

    /* 头部主体（桌面基准高度与工具栏/导航高度变量） */
    .site-header {
        --site-header-brand-logo-max-width: 340px;
        --site-header-toolbar-height: 40px;
        --site-header-nav-height: 62px;
        height: 110px;
    }

    /* 品牌图片高度比例（桌面基准：1201px-1399px 档 72%） */
    .site-header .site-header__brand img {
        height: 72%;
    }

    /* 品牌文字字号（桌面基准：1201px-1399px 档） */
    .site-header .site-header__brand a span {
        font-size: 30px;
    }

    /* 导航链接（桌面宽屏基准：字号、行高与纵向内距） */
    .site-header__nav-link {
        padding: 10px 0;
        font-size: 18px;
        line-height: 1;
    }

    /* 主导航列表（桌面宽屏基准：导航项间距） */
    .site-header .site-header__nav-list {
        gap: 10px;
    }

    /* 含子菜单项的下拉箭头（桌面宽屏基准：尺寸与间距） */
    .site-header__nav-item--has-children > .site-header__nav-link::after {
        width: 8px;
        height: 8px;
        margin-left: 10px;
    }

    /* 下拉菜单（桌面宽屏基准：宽度与距导航间距） */
    .site-header__submenu {
        width: 200px;
        margin-top: 12px;
    }

    /* 子菜单链接（桌面宽屏基准：字号、行高与横向内距） */
    .site-header__submenu-link {
        padding: 0 20px;
        font-size: 17px;
        line-height: 48px;
    }

    /* 工具链接项与行（桌面宽屏基准：间距与最小高度） */
    .site-header .site-header__links,
    .site-header .site-header__links-row {
        gap: 14px;
        min-height: 20px;
    }

    /* 工具链接行（桌面宽屏基准：行定位） */
    .site-header .site-header__links-row {
        flex: 0 0 auto;
    }

    /* 工具链接文字与标签（桌面宽屏基准：字号与行高） */
    .site-header .site-header__links a,
    .site-header .site-header__links span {
        font-size: 12px;
        line-height: 20px;
    }

    /* 工具栏分隔线（桌面宽屏基准：高度与左右外距） */
    .site-header .site-header__links i {
        height: 14px;
        margin: 0 2px;
    }

    /* 导航编辑区（参与导航行高度传递） */
    .site-header .site-header__nav-slot {
        min-height: var(--site-header-nav-height);
    }

    /* 主导航容器（桌面导航父级兜底高度，即使 CMS 删除 nav-list 仍保留导航行） */
    .site-header .site-header__nav {
        min-height: var(--site-header-nav-height);
    }

    /* 桌面 CMS 容器（参与导航行高度传递，内容为空时仍保留占位） */
    .site-header .site-header__nav-panel,
    .site-header .site-header__nav-panel-inner,
    .site-header .site-header__nav-frag,
    .site-header .site-header__nav-window {
        display: block;
        width: 100%;
        height: 100%;
        min-height: var(--site-header-nav-height);
    }

    /* 导航窗口子容器（参与导航行高度传递） */
    .site-header .site-header__nav-window > div {
        display: block;
        width: 100%;
        min-height: var(--site-header-nav-height);
    }

    /* 导航列表（桌面固定高度） */
    .site-header .site-header__nav-list {
        height: var(--site-header-nav-height);
        min-width: 0;
    }

    /* 工具链接容器（桌面恢复显示） */
    .site-header .site-header__links-container {
        display: flex;
    }

    /* 头部内层（双列网格，品牌 + 内容区；品牌列按 Logo+站名内容撑开，宽度与左右留白由各桌面断点 calc 口径归口） */
    .site-header .site-header__inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    /* 工具链接与主导航容器（两行网格，工具行 + 导航行） */
    .site-header .site-header__content {
        display: grid;
        grid-template-rows: var(--site-header-toolbar-height) var(--site-header-nav-height);
    }

    /* 工具链接（网格右下角定位） */
    .site-header .site-header__inner .site-header__links {
        position: static;
        align-self: end;
        justify-self: end;
    }

    /* 内层主导航（网格第二行，垂直居中） */
    .site-header .site-header__inner .site-header__nav {
        align-items: center;
        height: var(--site-header-nav-height);
        min-width: 0;
    }

    /* 导航承载层允许深层菜单溢出显示 */
    .site-header .site-header__nav-panel,
    .site-header .site-header__nav-panel-inner,
    .site-header .site-header__nav-frag,
    .site-header .site-header__nav-window {
        overflow: visible;
    }
}

/* ---- 宽屏桌面（>=1400px，header 例外子断点，固定留白） ---- */

/* 宽屏桌面（>=1400px）：header 相对全局五档的例外子断点，内容区宽 = 100% - 左右各 45px，上限 1920px 居中；该例外仅影响 Header，不外溢其他模块 */
@media (min-width: 1400px) {
    .site-header .site-header__inner {
        width: calc(100% - 90px);
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 品牌 Logo 宽度上限（宽屏桌面档，与超宽屏一致） */
    .site-header {
        --site-header-brand-logo-max-width: 400px;
    }

    /* 品牌图片高度比例（宽屏桌面档 80%） */
    .site-header .site-header__brand img {
        height: 80%;
    }

    /* 品牌文字字号（宽屏桌面档） */
    .site-header .site-header__brand a span {
        font-size: 32px;
    }

    /* 主导航列表（宽屏桌面档导航项间距） */
    .site-header .site-header__nav-list {
        gap: 12px;
    }
}

/* ---- 超宽屏桌面（>=1600px） ---- */

/* 超宽屏桌面（>=1600px）：品牌文字字号与导航项间距随宽屏档再放宽，品牌 Logo 与 1400px-1599px 一致；不外溢其他模块 */
@media (min-width: 1600px) {
    /* 品牌文字字号（超宽屏桌面档） */
    .site-header .site-header__brand a span {
        font-size: 40px;
    }

    /* 主导航列表（超宽屏桌面档导航项间距） */
    .site-header .site-header__nav-list {
        gap: 16px;
    }
}

/* ---- 标准桌面（1201px-1399px） ---- */

/* 跨页面头部高度（标准桌面档） */
@media (min-width: 1201px) and (max-width: 1399px) {
    :root {
        --site-header-height: 100px;
    }

    /* 头部主体（标准桌面高度与高度变量） */
    .site-header {
        --site-header-toolbar-height: 36px;
        --site-header-nav-height: 56px;
        height: 100px;
    }

    /* 头部内层（标准桌面 calc 留白宽度，左右各 14px 居中） */
    .site-header .site-header__inner {
        width: calc(100% - 28px);
        margin-left: auto;
        margin-right: auto;
    }

    /* 导航链接字号 */
    .site-header__nav-link {
        font-size: 16px;
    }

    /* 下拉菜单（标准桌面宽度与距导航间距） */
    .site-header__submenu {
        width: 180px;
        margin-top: 12px;
    }

    /* 子菜单链接（标准桌面字号与行高） */
    .site-header__submenu-link {
        font-size: 15px;
        line-height: 42px;
    }

    /* 下拉箭头（标准桌面尺寸与间距） */
    .site-header__nav-item--has-children > .site-header__nav-link::after {
        width: 7px;
        height: 7px;
        margin-left: 8px;
    }
}

/* ---- 紧凑桌面（992px-1200px） ---- */

/* 跨页面头部高度（紧凑桌面档） */
@media (min-width: 992px) and (max-width: 1200px) {
    :root {
        --site-header-height: 90px;
    }

    /* 头部主体（紧凑桌面高度与高度变量） */
    .site-header {
        --site-header-brand-logo-max-width: 240px;
        --site-header-toolbar-height: 32px;
        --site-header-nav-height: 52px;
        height: 90px;
    }

    /* 品牌图片高度比例（紧凑桌面档 60%） */
    .site-header .site-header__brand img {
        height: 60%;
    }

    /* 品牌文字字号（紧凑桌面档） */
    .site-header .site-header__brand a span {
        font-size: 22px;
    }

    /* 头部内层（紧凑桌面 calc 留白宽度，左右各 12px 居中） */
    .site-header .site-header__inner {
        width: calc(100% - 24px);
        margin-left: auto;
        margin-right: auto;
    }

    /* 导航链接字号 */
    .site-header__nav-link {
        font-size: 14px;
    }

    /* 主导航列表（紧凑桌面导航项间距收紧） */
    .site-header .site-header__nav-list {
        gap: 8px;
    }

    /* 下拉菜单（紧凑桌面宽度与距导航间距） */
    .site-header__submenu {
        width: 150px;
        margin-top: 10px;
    }

    /* 悬停桥（紧凑桌面留白收短，与下拉 margin-top 10px 对齐） */
    .site-header .site-header__nav-item > .site-header__submenu::before {
        height: 10px;
    }

    /* 子菜单链接（紧凑桌面字号、行高与内边距） */
    .site-header__submenu-link {
        font-size: 14px;
        line-height: 36px;
        padding: 0 16px;
    }

    /* 下拉箭头（紧凑桌面尺寸与间距） */
    .site-header__nav-item--has-children > .site-header__nav-link::after {
        width: 6px;
        height: 6px;
        margin-left: 6px;
    }
}

/* ---- 移动端（<=991px，平板与手机无视觉差异时合并） ---- */

/* 展开状态沿用主题主蓝背景（与品牌条一致）；平板（768-991px）与手机（<=767px）采用同一移动端结构，本段合并两档 */
@media (max-width: 991px) {
    /* 品牌 Logo 宽度上限（移动端两档统一 180px） */
    .site-header {
        --site-header-brand-logo-max-width: 180px;
    }

    /* 品牌文字字号（移动端两档统一 18px） */
    .site-header .site-header__brand a span {
        font-size: 18px;
    }

    /* 打开态头部撑满整屏并作为唯一滚动容器（滚动条贯穿容器右缘，顶栏不覆盖；隐藏滚动条使内容盒宽=视口，关闭按钮与箭头共享右缘基准；右侧共享基准线与每级 20px 层级缩进标准） */
    .site-header.site-header--nav-open {
        --site-header-icon-column: 42px;
        --site-header-toggle-size: 44px;
        --site-header-menu-indent: 20px;
        --site-header-nav-row: 54px;
        --site-header-submenu-row: 52px;
        --site-header-arrow-size: 24px;
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
        -ms-overflow-style: none;
        background: var(--website-primary);
    }

    /* 打开态头部隐藏 WebKit 滚动条（不占用布局宽度，内容盒=视口） */
    .site-header.site-header--nav-open::-webkit-scrollbar {
        display: none;
    }

    /* 打开态高度链路改回自适应（不被固定 80px 卡死） */
    .site-header.site-header--nav-open .site-header__main,
    .site-header.site-header--nav-open .site-header__container,
    .site-header.site-header--nav-open .site-header__inner,
    .site-header.site-header--nav-open .site-header__content {
        height: auto;
        min-height: 0;
    }

    /* 打开态品牌条 sticky 吸附顶部（不透明遮住滚过的导航；层级高于导航、低于按钮；左侧留白补偿） */
    .site-header.site-header--nav-open .site-header__brand {
        position: sticky;
        top: 0;
        z-index: 2;
        flex: none;
        width: 100%;
        height: 80px;
        padding-left: 20px;
        background: var(--website-primary);
    }

    /* 打开态品牌内容左对齐（关闭态品牌收缩到内容宽天然贴左；打开态因 width:100% 被基础层 justify-content:center 居中，此处拉回左缘与关闭态一致） */
    .site-header.site-header--nav-open .site-header__brand a {
        justify-content: flex-start;
    }

    /* 打开态容器占满整行并取消留白（品牌条、导航项分隔线占满整行无缺口）；视觉间距由品牌条/导航链接内部 padding 承接 */
    .site-header.site-header--nav-open .site-header__container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* 内容容器（通栏宽度收窄居中，左右各 20px 留白；口径与桌面 calc 一致，不使用 padding） */
    .site-header .site-header__container {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    /* 头部内层（通栏宽度） */
    .site-header .site-header__inner {
        width: 100%;
    }

    /* 工具链接与主导航容器（右侧菜单按钮区域） */
    .site-header .site-header__content {
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 44px;
    }

    /* 工具链接（移动端隐藏） */
    .site-header .site-header__links {
        display: none;
    }

    /* 菜单按钮（44px 点按区，触控可用） */
    .site-header .site-header__menu-toggle {
        position: relative;
        display: block;
        flex: 0 0 44px;
        width: 44px;
        min-width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--site-header-text);
    }

    /* 菜单按钮三线图标（三行横线合成） */
    .site-header .site-header__menu-toggle span {
        position: absolute;
        top: 13px;
        left: 7px;
        display: block;
        width: 30px;
        height: 18px;
        background: linear-gradient(var(--site-header-text), var(--site-header-text)) 0 0/30px 2px no-repeat, linear-gradient(var(--site-header-text), var(--site-header-text)) 0 8px/30px 2px no-repeat, linear-gradient(var(--site-header-text), var(--site-header-text)) 0 16px/30px 2px no-repeat;
    }

    /* 打开态菜单图标（清空三线，替换为交叉线占位；上移 6px 对齐品牌居中水平线；右侧基准线对齐箭头列） */
    .site-header .site-header__menu-toggle.site-header__menu-toggle--open span {
        top: 7px;
        left: auto;
        right: calc(var(--site-header-icon-column) - 35px);
        height: 30px;
        background: none;
    }

    /* 打开态交叉线（垂直中线两像素，拼合关闭图标） */
    .site-header .site-header__menu-toggle.site-header__menu-toggle--open span::before,
    .site-header .site-header__menu-toggle.site-header__menu-toggle--open span::after {
        position: absolute;
        top: 14px;
        left: 0;
        display: block;
        width: 30px;
        height: 2px;
        background: var(--site-header-text);
        content: "";
    }

    /* 打开态交叉线第一条（右旋 45 度） */
    .site-header .site-header__menu-toggle.site-header__menu-toggle--open span::before {
        transform: rotate(45deg);
    }

    /* 打开态交叉线第二条（左旋 45 度） */
    .site-header .site-header__menu-toggle.site-header__menu-toggle--open span::after {
        transform: rotate(-45deg);
    }

    /* 主导航（全屏抽屉，关闭态不遮挡正文且暂停交互） */
    .site-header .site-header__nav {
        position: fixed;
        inset: 80px 0 0;
        z-index: 1000;
        display: block;
        width: auto;
        height: auto;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        transition: visibility 0s linear .3s;
    }

    /* 导航高度链路（移动端取消桌面传递的最小高度） */
    .site-header .site-header__nav-slot,
    .site-header .site-header__nav-panel,
    .site-header .site-header__nav-panel-inner,
    .site-header .site-header__nav-frag,
    .site-header .site-header__nav-window {
        min-height: 0;
    }

    /* 抽屉面板（右侧滑入，内部纵向滚动） */
    .site-header .site-header__nav-panel {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--site-header-drawer-bg);
        transform: translateX(100%);
        transition: transform .3s ease;
        overscroll-behavior: contain;
    }

    /* 打开态抽屉面板（滑入可视区域） */
    .site-header .site-header__nav.site-header__nav--open .site-header__nav-panel {
        transform: translateX(0);
    }

    /* 打开态主导航（移动抽屉打开后才接管页面交互） */
    .site-header .site-header__nav.site-header__nav--open {
        pointer-events: auto;
        visibility: visible;
        transition-delay: 0s;
    }

    /* 抽屉面板内层（纵向内容承接） */
    .site-header .site-header__nav-panel-inner {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        height: auto;
    }

    /* 导航列表（纵向铺满） */
    .site-header .site-header__nav-list {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }

    /* 导航项（纵向条目与分隔线） */
    .site-header__nav-item {
        height: auto;
        min-height: var(--site-header-nav-row);
        border-bottom: 1px solid var(--site-header-menu-line);
    }

    /* 导航链接（纵向整行点按区，左留白 20px 与品牌一致；右留白加大避让箭头列 56px） */
    .site-header__nav-link {
        display: flex;
        align-items: center;
        min-height: var(--site-header-nav-row);
        height: auto;
        padding: 15px 56px 15px 20px;
        font-size: 18px;
        line-height: 24px;
    }

    /* 下拉箭头（移动端隐藏，改由子菜单展开按钮表达） */
    .site-header__nav-item--has-children > .site-header__nav-link::after {
        display: none;
    }

    /* 子菜单展开按钮（覆盖所在行高，图标随行居中，不被展开的子菜单拉长；display:block 覆盖基线 display:none；盒中心对齐 icon column，与顶部菜单按钮同轴） */
    .site-header .site-header__submenu-toggle {
        position: absolute;
        top: 0;
        right: calc(var(--site-header-icon-column) - var(--site-header-toggle-size) / 2);
        display: block;
        width: var(--site-header-toggle-size);
        height: var(--site-header-nav-row);
        border: 0;
        background: transparent;
        color: var(--site-header-text);
    }

    /* 二级及以上行的展开按钮（行高 52px，与 submenu-link 行高一致） */
    .site-header .site-header__submenu-item .site-header__submenu-toggle {
        height: var(--site-header-submenu-row);
    }

    /* 子菜单展开箭头（FontAwesome angle-down；尺寸由 --level-arrow 决定，居按钮正中，按钮盒中心又对齐 --site-header-icon-column，故箭头中心恒锁定该列） */
    .site-header .site-header__submenu-toggle .fa-angle-down {
        position: absolute;
        top: 50%;
        right: calc(var(--site-header-toggle-size) / 2 - var(--level-arrow, var(--site-header-arrow-size)) / 2);
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--level-arrow, var(--site-header-arrow-size));
        height: var(--level-arrow, var(--site-header-arrow-size));
        margin-top: calc(var(--level-arrow, var(--site-header-arrow-size)) / -2);
        font-size: var(--level-arrow, var(--site-header-arrow-size));
        line-height: 1;
    }

    /* 二级图标尺寸 22px */
    .site-header .site-header__submenu-item .site-header__submenu-toggle .fa-angle-down {
        --level-arrow: 22px;
    }

    /* 三级及以上图标尺寸 20px */
    .site-header .site-header__submenu-item .site-header__submenu-item .site-header__submenu-toggle .fa-angle-down {
        --level-arrow: 20px;
    }

    /* 展开态箭头（旋转 180 度变为 angle-up） */
    .site-header .site-header__submenu-toggle.site-header__submenu-toggle--active i.fa {
        transform: rotate(180deg);
    }

    /* 子菜单（移动端内嵌纵向展开，二级深色扁幕区分层级） */
    .site-header__submenu {
        position: static;
        display: none;
        visibility: visible;
        width: auto;
        margin: 0;
        padding: 0 0 10px var(--site-header-menu-indent);
        border: 0;
        background: var(--site-header-menu-level-2-bg);
        box-shadow: none;
        opacity: 1;
    }

    /* 悬停桥（移动端下拉为内嵌展开、无留白，禁用桌面悬停桥伪元素） */
    .site-header .site-header__nav-item > .site-header__submenu::before {
        display: none;
    }

    /* 工具链接容器（移动端隐藏桌面工具链接，仅保留导航抽屉内容） */
    .site-header .site-header__links-container {
        display: none;
    }

    /* 任意深度子菜单（移动端统一纵向展开） */
    .site-header__submenu-item > .site-header__submenu {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        width: auto;
        margin: 0;
    }

    /* 三级及以上子菜单（递进加深背景，三级封顶） */
    .site-header__submenu .site-header__submenu {
        background: var(--site-header-menu-level-3-bg);
    }

    /* 打开态子菜单（显示） */
    .site-header__submenu.site-header__submenu--open {
        display: block;
    }

    /* 子菜单链接（移动端弱化文字、行内高度与背景内留白；上下 15px 与一级统一，缩进改由容器 padding 驱动） */
    .site-header__submenu-link {
        padding: 15px 0;
        color: var(--site-header-muted-text);
        font-size: 15px;
        line-height: 22px;
    }

    /* 子菜单链接悬停/聚焦（移动端不设 hover 底色，层级靠背景扁幕区分） */
    .site-header__submenu-link:hover,
    .site-header__submenu-link:focus {
        color: var(--site-header-muted-text);
        background: transparent;
    }

    /* 移动端工具链接（底部两列网格，含抽屉底部留白） */
    .site-header .site-header__mobile-links {
        display: grid;
        flex: 0 0 auto;
        width: 100%;
        min-height: 64px;
        margin-top: 0;
        padding-bottom: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid var(--site-header-menu-line);
    }

    /* 移动端工具链接项（纵向整行点按区） */
    .site-header .site-header__mobile-links a {
        display: flex;
        align-items: center;
        min-height: 56px;
        padding: 12px 20px;
        color: var(--site-header-text);
        font-size: 14px;
        line-height: 22px;
    }

    /* 移动端工具链接标签（纵向整行点按区） */
    .site-header .site-header__mobile-links span {
        display: flex;
        align-items: center;
        min-height: 56px;
        padding: 12px 20px;
        color: var(--site-header-text);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    /* ---- 打开态容器级滚动（z 层级：导航1 < 品牌2 < 按钮3，导航被压到顶栏之下） ---- */

    /* 打开态内层纵向堆叠：品牌条在上，导航内容在下 */
    .site-header.site-header--nav-open .site-header__inner {
        flex-direction: column;
    }

    /* 打开态内容列整宽（纵向堆叠下导航独占一行） */
    .site-header.site-header--nav-open .site-header__content {
        flex: none;
        width: 100%;
    }

    /* 打开态导航回到容器内文档流（不再独立 fixed 抽屉；z-index:1 封层，压到品牌条之下） */
    .site-header.site-header--nav-open .site-header__nav,
    .site-header.site-header--nav-open .site-header__nav-slot {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        overflow: visible;
        visibility: visible;
        pointer-events: auto;
        z-index: 1;
    }

    /* 打开态抽屉面板取消独立定位与自滚（滚动交给头部容器） */
    .site-header.site-header--nav-open .site-header__nav.site-header__nav--open .site-header__nav-panel {
        position: static;
        inset: auto;
        width: 100%;
        height: auto;
        overflow: visible;
        transform: none;
        background: transparent;
        transition: none;
    }

    /* 打开态面板内层高度自适应 */
    .site-header.site-header--nav-open .site-header__nav.site-header__nav--open .site-header__nav-panel-inner {
        height: auto;
        min-height: 0;
    }

    /* 打开态菜单按钮常驻屏幕右上（不随滚动；层级高于品牌条，X 始终可见可点） */
    .site-header.site-header--nav-open .site-header__menu-toggle {
        position: fixed;
        top: 18px;
        right: 20px;
        z-index: 3;
    }
}