/* /Components/Layout/LayoutPreview.razor.rz.scp.css */
.layout-preview[b-8n20ppcf9z] {
    font-size: 9px;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
    border: 2px solid #c0c4cc;
    transition: border .3s linear;
}
    .layout-preview:hover[b-8n20ppcf9z] {
        border: 2px solid #28a745;
    }
    .layout-preview.active[b-8n20ppcf9z] {
        border: 2px solid #28a745;
    }
[b-8n20ppcf9z] .layout {
    --bb-layout-height: 80px;
    --bb-layout-header-height: 16px;
    --bb-layout-footer-height: 12px;
    --bb-layout-sidebar-width: 30%;
    --bb-layout-banner-font-size: 9px;
    --bb-layout-title-color: #fff;
    border: 1px solid var(--bb-layout-header-background);
}
    [b-8n20ppcf9z] .layout .layout-footer,
    [b-8n20ppcf9z] .layout .layout-header {
        justify-content: center;
    }
    [b-8n20ppcf9z] .layout .layout-menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.container[b-6aohvupgx6] {
    --login-max-width: 540px;
    /* 仅调整垂直内边距以减小整体高度（不改变宽度相关变量） */
    --login-padding-x: 1.5rem;
    --login-padding-y: .5rem;
    --bs-border-radius: 18px;
    max-width: var(--login-max-width);
    margin: 0 auto;
    /* 垂直居中：不改变宽度，只让容器在视口内垂直居中显示 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    min-height: 100vh;
}
[b-6aohvupgx6] h4 {
    margin-bottom: 1rem;
}
[b-6aohvupgx6] .form-control {
    --bb-form-control-padding: var(--login-padding-y) var(--login-padding-x);
    font-size: .875rem;
    margin-bottom: .5rem; /* 缩短字段间距 */
}
[b-6aohvupgx6] .btn {
    --bs-btn-padding-x: var(--login-padding-x);
    --bs-btn-padding-y: var(--login-padding-y);
    width: 100%;
    margin-bottom: .5rem; /* 缩短按钮下方间距 */
}
    [b-6aohvupgx6] .btn:first-of-type {
        margin-bottom: 0;
    }
[b-6aohvupgx6] .form-check {
    padding: var(--login-padding-y) var(--login-padding-x);
    margin-bottom: .5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-drawer[b-ffgkzn2bq2] {
    margin-inline-start: .5rem;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.layout-drawer-body[b-ffgkzn2bq2]  .groupbox {
    margin-top: 1rem;
}
.layout-drawer-body[b-ffgkzn2bq2]  .btn-info {
    --bs-info: #0078d4;
    --bs-btn-hover-bg: #1260b0;
    margin-bottom: 1rem;
}
#blazor-error-ui[b-ffgkzn2bq2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
    #blazor-error-ui .dismiss[b-ffgkzn2bq2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/GGBK/GGBK_CangKu.razor.rz.scp.css */
.page-user[b-0g8e1vz8ra] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-0g8e1vz8ra] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-0g8e1vz8ra] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-0g8e1vz8ra] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-0g8e1vz8ra] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/GGBK/GGBK_YuanGong.razor.rz.scp.css */
.page-user[b-s4jf8rr7ll] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-s4jf8rr7ll] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-s4jf8rr7ll] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-s4jf8rr7ll] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-s4jf8rr7ll] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/GGBK/GGBK_YuanGongLvli.razor.rz.scp.css */
.page-user[b-r9mr4e95vm] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-r9mr4e95vm] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-r9mr4e95vm] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-r9mr4e95vm] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-r9mr4e95vm] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/GGBK/Role.razor.rz.scp.css */
.page-user[b-izg6s2kytw] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-izg6s2kytw] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-izg6s2kytw] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-izg6s2kytw] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-izg6s2kytw] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/GGBK/User.razor.rz.scp.css */
.page-user[b-a22tgjg232] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-a22tgjg232] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-a22tgjg232] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-a22tgjg232] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-a22tgjg232] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-item-floating[b-zvsx13fqf4] {
    --login-padding-x: 1rem; /* 不改变横向间距 */
    --bs-border-radius: 10px;
}
    .login-item-floating[b-zvsx13fqf4]  .btn-primary {
        --bs-primary: #4318FF;
        --bs-btn-hover-bg: #4318FF;
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-disabled-bg: var(--bs-primary);
        --bs-btn-disabled-border-color: var(--bs-primary);
        --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
        --bs-btn-active-bg: var(--bs-btn-hover-bg);
        --bs-btn-active-border-color: var(--bs-btn-hover-bg);
    }
 .login-item-avatar h4[b-zvsx13fqf4] {
    margin: .5rem 0 1.5rem 0; /* 缩短标题与头像间距 */
    font-size: 1.05rem;
}
.login-item-avatar[b-zvsx13fqf4]  .avatar {
    margin-top: 1.5rem; /* 缩短头像上方间距 */
}
 .login-item-avatar .d-flex[b-zvsx13fqf4] {
    justify-content: space-between;
}
    .login-item-avatar .d-flex[b-zvsx13fqf4]  .btn {
        margin-bottom: .5rem;
        max-width: 46%;
    }
/* /Components/Pages/Register.razor.rz.scp.css */
.login-item-floating[b-san55go1uk] {
    --login-padding-x: 1rem; /* 保持横向间距不变 */
    --bs-border-radius: 10px;
}

    .login-item-floating[b-san55go1uk]  .btn-primary {
        --bs-primary: #4318FF;
        --bs-btn-hover-bg: #4318FF;
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-disabled-bg: var(--bs-primary);
        --bs-btn-disabled-border-color: var(--bs-primary);
        --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
        --bs-btn-active-bg: var(--bs-btn-hover-bg);
        --bs-btn-active-border-color: var(--bs-btn-hover-bg);
    }

.login-item-avatar h4[b-san55go1uk] {
    margin: .5rem 0 1.5rem 0; /* 缩短标题与头像间距 */
    font-size: 1.05rem;
}

.login-item-avatar[b-san55go1uk]  .avatar {
    margin-top: 1.5rem; /* 缩短头像上方间距 */
}

.login-item-avatar .d-flex[b-san55go1uk] {
    justify-content: space-between;
}

    .login-item-avatar .d-flex[b-san55go1uk]  .btn {
        margin-bottom: .5rem;
        max-width: 46%;
    }
/* /Components/Pages/UsersTable.razor.rz.scp.css */
.page-user[b-3jata8dard] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-3jata8dard] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-3jata8dard] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-3jata8dard] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-3jata8dard] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/CWGL/JiZhangKeMu.razor.rz.scp.css */
.page-user[b-vad37h8orh] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-vad37h8orh] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-vad37h8orh] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-vad37h8orh] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-vad37h8orh] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/CWGL/ZhangHuMuLu.razor.rz.scp.css */
.page-user[b-ewt85t4cd3] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-ewt85t4cd3] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-ewt85t4cd3] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-ewt85t4cd3] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-ewt85t4cd3] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/HTGL/HeTongBianGeng.razor.rz.scp.css */
.page-user[b-otacvpk1of] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-otacvpk1of] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-otacvpk1of] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-otacvpk1of] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-otacvpk1of] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}

/* 顶部控制区和表头固定（sticky）样式 */
.hetong-selector-wrapper[b-otacvpk1of] {
    /* 仅对该组件内的选择器和 panel 设置 CSS 变量 */
    --hetong-sticky-controls-height: 64px;
}

/* 仅作用于本选择器的浮动面板 */
.hetong-selector-wrapper .selector-panel[b-otacvpk1of] {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 4px;
    width: 900px;
    max-height: 420px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px;
    z-index: 2000;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

/* 仅固定该选择器面板内的工具栏（确定/取消 按钮） */
.hetong-selector-wrapper .selector-panel .selector-panel-toolbar[b-otacvpk1of] {
    position: sticky;
    top: 0;
    z-index: 2010;
    background: #fff;
}

/* 让整个 selector-panel 成为滚动容器，这样工具栏和表头可以使用 sticky 保持可见 */
.hetong-selector-wrapper .selector-panel[b-otacvpk1of] {
    display: flex;
    flex-direction: column;
    max-height: 420px; /* panel 最大高度，由上方的变量控制也可 */
    overflow: auto; /* 整个 panel 滚动，toolbar 与 thead 将相对该容器粘滞 */
}

/* panel 内工具栏固定在顶部（相对于 selector-panel 滚动） */
.hetong-selector-wrapper .selector-panel .selector-panel-toolbar[b-otacvpk1of] {
    position: sticky;
    top: 0;
    z-index: 2020; /* 高于表头 */
    background: #fff;
}

/* 保持 table 为正常表格布局，使用 th 的 sticky 实现表头在 panel 滚动时固定在工具栏下方 */
.hetong-selector-wrapper .selector-panel[b-otacvpk1of]  table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.hetong-selector-wrapper .selector-panel[b-otacvpk1of]  table thead th {
    position: sticky;
    top: calc(var(--hetong-sticky-controls-height, 64px)); /* 停靠在 toolbar 下方 */
    z-index: 2010;
    background: var(--bs-body-bg, #fff);
}

/* tbody 允许自然高度，滚动由 selector-panel 处理；如果需要单独限制 tbody 高度，可改为下面注释的方式：
.hetong-selector-wrapper .selector-panel ::deep table tbody { display: block; max-height: 280px; overflow: auto; }
*/
/* /Components/Pages/XMGL/HTGL/HeTongJieSuan.razor.rz.scp.css */
.page-user[b-mskkybsk62] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-mskkybsk62] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-mskkybsk62] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-mskkybsk62] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-mskkybsk62] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* 强制让 MAUI 的 WebView 内部所有包裹层都严格等于可用高度 100%，消除由于 vh 或 padding 引起的底部越界 ^\s*$  */
html[b-mskkybsk62], body[b-mskkybsk62], #app[b-mskkybsk62], .page[b-mskkybsk62], main[b-mskkybsk62], .content[b-mskkybsk62] {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 以下为您原有的样式 */
.d-flex.flex-nowrap[b-mskkybsk62] {
    white-space: nowrap;
}
.bootstrap-input:focus[b-mskkybsk62],
input:focus[b-mskkybsk62] {
    outline: none !important;
    box-shadow: none !important;
}
.checkbox-row[b-mskkybsk62] {
    margin-bottom: 0.2rem !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}
/* 修复表格底部最后两行被工具栏挤出屏幕的问题 */
.table-container[b-mskkybsk62] {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.table-toolbar[b-mskkybsk62] {
    flex-shrink: 0 !important; /* 告诉浏览器：给工具栏保留它固有的高度（20或50），绝对不要压缩它 */
}
.table-wrapper[b-mskkybsk62] {
    flex-grow: 1 !important;
    height: 0 !important;
    overflow: auto !important; /* 核心1：把 overflow-y 改为 overflow，允许因为列拉宽而出现横向滚动条 */
}
    /* 核心2：强制允许内部表格撑破 100% 宽度的软限制，否则几十列互相挤压会锁死拖拽行为 */
    .table-wrapper table[b-mskkybsk62] {
        width: max-content !important; /* 让表格的宽度根据每一列的内容自然撑开 */
        min-width: 100% !important; /* 保证列较少时至少能铺满全屏 */
    }
    /* 在我们自定义的滚动容器中，强制表头吸顶 */
    .table-wrapper thead th[b-mskkybsk62] {
        position: sticky !important;
        top: 0 !important; /* 紧贴顶部 */
        z-index: 10 !important; /* 确保表头在数据行之上 */
        background-color: #f8f9fa !important; /* 必须给表头加一个纯色背景色，否则滚动时数据文字会和表头重叠。可根据需要改为 #ffffff 等 */
        box-shadow: inset 0 -1px 0 #dee2e6; /* 用内阴影画一条表头底部的分割线，显得更分明 */
    }
/* 1. 最外层容器接管全局滚动（支持宽列表横向滚动） */
.table-wrapper[b-mskkybsk62] {
    flex-grow: 1 !important;
    height: 0 !important;
    overflow: auto !important;
}
/* 2. 【核心修复】清除框架在单一表格模式下自带的隐藏截断，为我们自己的 sticky 吸顶扫清障碍 */
.fixed-table-container[b-mskkybsk62],
.fixed-table-body[b-mskkybsk62] {
    height: auto !important;
    overflow: visible !important;
}
/* 3. 强制表格允许撑破 100% 宽度的软限制，彻底解锁列宽拖拽 */
.table-wrapper table[b-mskkybsk62] {
    width: max-content !important;
    min-width: 100% !important;
}
/* 4. 原生吸顶：此时头和数据处于同一个物理 table 内网格强绑定，怎么拖拽绝对不会错位 */
.table-wrapper thead th[b-mskkybsk62] {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background-color: #f8f9fa !important;
    box-shadow: inset 0 -1px 0 #dee2e6;
    text-align: center !important; /* 让普通文本居中 */
}
    /* 针对组件框架渲染表头时可能带有 flex 的容器统一设置水平居中 */
    .table-wrapper thead th > div[b-mskkybsk62] {
        justify-content: center !important;
    }
/* ---- 新增的响应式高度容器 ---- */
/* 默认情况（大屏幕 > 704px）：大屏时高度为 calc(100vh - 10px) */
.responsive-page-container[b-mskkybsk62] {
    height: calc(100vh - 10px) !important;
}
/* 小屏幕情况（小于等于 704px）：小屏时高度改为 calc(100vh - 70px) 防止被底部菜单遮挡 */
@@media (max-width: 704px) {
    .responsive-page-container[b-mskkybsk62] {
        height: calc(100vh - 65px) !important;
    }
}
/* /Components/Pages/XMGL/HTGL/HeTongMuLu.razor.rz.scp.css */
.page-user[b-zkg9fpwymi] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-zkg9fpwymi] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-zkg9fpwymi] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-zkg9fpwymi] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-zkg9fpwymi] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/HTGL/HeTongQingBianJieLian.razor.rz.scp.css */
.page-user[b-sdr31b0k7h] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-sdr31b0k7h] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-sdr31b0k7h] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-sdr31b0k7h] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-sdr31b0k7h] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/HTGL/HeTongQingDan.razor.rz.scp.css */
.page-user[b-2seyrjqrae] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-2seyrjqrae] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-2seyrjqrae] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-2seyrjqrae] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-2seyrjqrae] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/HTGL/JingDuJiLiang.razor.rz.scp.css */
.page-user[b-7n1awetork] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-7n1awetork] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-7n1awetork] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-7n1awetork] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-7n1awetork] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}

/* 顶部控制区和表头固定（sticky）样式 */
.hetong-selector-wrapper[b-7n1awetork] {
    /* 仅对该组件内的选择器和 panel 设置 CSS 变量 */
    --hetong-sticky-controls-height: 64px;
}

    /* 仅作用于本选择器的浮动面板 */
    .hetong-selector-wrapper .selector-panel[b-7n1awetork] {
        position: absolute;
        left: 0;
        top: 100%;
        margin-top: 4px;
        width: 900px;
        max-height: 420px;
        overflow: auto;
        background: #fff;
        border: 1px solid #ddd;
        padding: 8px;
        z-index: 2000;
        box-shadow: 0 4px 12px rgba(0,0,0,.15);
    }

        /* 仅固定该选择器面板内的工具栏（确定/取消 按钮） */
        .hetong-selector-wrapper .selector-panel .selector-panel-toolbar[b-7n1awetork] {
            position: sticky;
            top: 0;
            z-index: 2010;
            background: #fff;
        }

    /* 让整个 selector-panel 成为滚动容器，这样工具栏和表头可以使用 sticky 保持可见 */
    .hetong-selector-wrapper .selector-panel[b-7n1awetork] {
        display: flex;
        flex-direction: column;
        max-height: 420px; /* panel 最大高度，由上方的变量控制也可 */
        overflow: auto; /* 整个 panel 滚动，toolbar 与 thead 将相对该容器粘滞 */
    }

        /* panel 内工具栏固定在顶部（相对于 selector-panel 滚动） */
        .hetong-selector-wrapper .selector-panel .selector-panel-toolbar[b-7n1awetork] {
            position: sticky;
            top: 0;
            z-index: 2020; /* 高于表头 */
            background: #fff;
        }

        /* 保持 table 为正常表格布局，使用 th 的 sticky 实现表头在 panel 滚动时固定在工具栏下方 */
        .hetong-selector-wrapper .selector-panel[b-7n1awetork]  table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

            .hetong-selector-wrapper .selector-panel[b-7n1awetork]  table thead th {
                position: sticky;
                top: calc(var(--hetong-sticky-controls-height, 64px)); /* 停靠在 toolbar 下方 */
                z-index: 2010;
                background: var(--bs-body-bg, #fff);
            }

/* tbody 允许自然高度，滚动由 selector-panel 处理；如果需要单独限制 tbody 高度，可改为下面注释的方式：
.hetong-selector-wrapper .selector-panel ::deep table tbody { display: block; max-height: 280px; overflow: auto; }
*/
/* /Components/Pages/XMGL/HTGL/KeHuDengJi.razor.rz.scp.css */
.page-user[b-0mnvkopx5l] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-0mnvkopx5l] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-0mnvkopx5l] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-0mnvkopx5l] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-0mnvkopx5l] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/HTGL/KeHuZhangHu.razor.rz.scp.css */
.page-user[b-k178gv96ur] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-k178gv96ur] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-k178gv96ur] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-k178gv96ur] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-k178gv96ur] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/HTGL/ShiTiFenJie.razor.rz.scp.css */
.page-user[b-k007sq09mp] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}

.user-demo-address[b-k007sq09mp] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}

[b-k007sq09mp] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}

[b-k007sq09mp] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}

[b-k007sq09mp] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/SBGL/SBGL_SheBeiMuLu.razor.rz.scp.css */
.page-user[b-se71yo3k2p] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-se71yo3k2p] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-se71yo3k2p] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-se71yo3k2p] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-se71yo3k2p] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/STXM/ShiTiMuLu.razor.rz.scp.css */
.page-user[b-oh3ff97wqd] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-oh3ff97wqd] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-oh3ff97wqd] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-oh3ff97wqd] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-oh3ff97wqd] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XMGL/STXM/XiangMuMuLu.razor.rz.scp.css */
.page-user[b-i747jprrw7] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-i747jprrw7] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-i747jprrw7] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-i747jprrw7] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-i747jprrw7] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XTKF/XTKF_KeHuQiYe.razor.rz.scp.css */
.page-user[b-cnmo81ec9v] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-cnmo81ec9v] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-cnmo81ec9v] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-cnmo81ec9v] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-cnmo81ec9v] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}
/* /Components/Pages/XTKF/XTKF_Menu.razor.rz.scp.css */
.page-user[b-tnj24xq2h7] {
    height: calc(100vh - 2rem - var(--bb-layout-footer-height) - var(--bb-layout-header-height) - var(--bb-tabs-item-height, 0));
    display: flex;
    flex-direction: column;
}
.user-demo-address[b-tnj24xq2h7] {
    margin-top: .25rem;
    font-size: 86%;
    color: #c0c4cc;
}
[b-tnj24xq2h7] .table-users {
    flex: 1;
    height: 1%;
    min-height: 0;
}
[b-tnj24xq2h7] .table-cell img {
    width: 46px;
    border-radius: var(--bs-border-radius);
}
[b-tnj24xq2h7] .table-cell .progress {
    height: 6px;
    margin-top: .5rem;
}