.index-module__skeleton__IZaN2 {
    background: linear-gradient(90deg, #f4f5f7 25%, #ebedf0 37%, #f4f5f7 63%);
    background-size: 400% 100%;
    animation: index-module__skeleton-shimmer__We5aQ 1.4s ease infinite;
    border-radius: 4px;
}

@keyframes index-module__skeleton-shimmer__We5aQ {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

.index-module__skeletonLine__mr0h7 {
    height: 14px;
    margin-bottom: 12px;
    border-radius: 4px;
}

.index-module__skeletonLine__mr0h7:last-child {
    margin-bottom: 0;
}

.index-module__skeletonBlock__GksXs {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.index-module__skeletonCircle__og2nP {
    border-radius: 50%;
}

.index-module__skeletonCard__L40gY {
    padding: 16px 20px;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.index-module__skTitle__QyNeu {
    height: 24px;
    width: 200px;
    flex-shrink: 0;
    border-radius: 6px;
}

.index-module__skGrid__kNyXg {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 28px;
    align-content: space-between;
}

.index-module__skField__LpEYg {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.index-module__skLabel__y1leq {
    height: 12px;
    width: 56px;
    border-radius: 3px;
}

.index-module__skInput__Kd9RE {
    height: 32px;
    width: 100%;
    border-radius: 6px;
}

.index-module__skeletonList__rYoNu {
    padding: 12px 16px;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 查询区：4 列字段网格 */
.index-module__skSearch__v3x6z {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 16px;
    padding: 12px;
    background: #fafbfc;
    border-radius: 6px;
}

.index-module__skSearchField__Nad7r {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.index-module__skSearchLabel__gvvkx {
    height: 12px;
    width: 48px;
    border-radius: 3px;
}

.index-module__skSearchInput__ZfADv {
    height: 28px;
    width: 100%;
    border-radius: 4px;
}

/* 按钮栏 */
.index-module__skToolbar__ilV7M {
    display: flex;
    gap: 8px;
}

.index-module__skBtn__SZdYe {
    height: 28px;
    width: 64px;
    border-radius: 4px;
}

/* 表格 */
.index-module__skTable__BYXVu {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: hidden;
    border: 1px solid var(--xw-border-1);
    border-radius: 6px;
    padding: 8px;
}

.index-module__skTableHead__F3weW {
    height: 36px;
    width: 100%;
    border-radius: 4px;
    flex-shrink: 0;
}

.index-module__skTableRow__xwOHR {
    height: 36px;
    width: 100%;
    border-radius: 4px;
}

.index-module__skeletonForm__WRoSr {
    padding: 16px;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
}

.index-module__skeletonForm__WRoSr .index-module__skeletonLine__mr0h7 {
    height: 32px;
    margin-bottom: 16px;
}

.index-module__tabsContainer__GafKQ {
  width: 100%;
  font-family: inherit;
  /* height: 100%; */
  min-height: 0;
}

.index-module__tabsNav__qFaoE {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 16px;

  display: none;
}

.index-module__tabsTab__zYEZT {
  padding: 10px 20px;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  color: #6b7280;
}

.index-module__tabsTab__zYEZT:hover {
  color: #374151;
}

.index-module__tabsTabActive__cdtri {
  border-bottom: 2px solid #1456f0;
  color: #1456f0;
  font-weight: 500;
}

.index-module__tabsContent__lgbrX {
  height: 100%;
  min-height: 0;
}

.index-module__tabsPane__MqRuA {
  display: none;
  height: 100%;
  min-height: 0;
}

.index-module__tabsPaneActive__tjC_N {
  display: flex;
  flex-direction: column;
}

/* ============================================================
   ttx-button — 自研按钮样式
   尺寸 token 参照 tinper-next.css（--ynfw-size-height-btn 等）
   仅复用尺寸/字体/圆角，颜色保持本项目原色板
   ============================================================ */

/* ---------- 尺寸 token（回退值与 tinper-next.css 默认值一致） ---------- */
:root {
    --ttx-btn-height: var(--ynfw-size-height-btn, 28px);
    --ttx-btn-font-size: var(--ynfw-font-size-btn, 12px);
    --ttx-btn-font-weight: var(--ynfw-font-weight-btn, 400);
    --ttx-btn-border-radius: var(--ynfw-border-radius-btn, 4px);
    --ttx-btn-height-xs: var(--ynfw-size-height-xs-btn, 20px);
    --ttx-btn-height-sm: var(--ynfw-size-height-sm-btn, 24px);
    --ttx-btn-height-lg: var(--ynfw-size-height-lg-btn, 32px);
    /* tinper: .wui-button { padding: 0 12px } */
    --ttx-btn-padding-x: 12px;
    --ttx-btn-padding-x-sm: 9px;
    --ttx-btn-padding-x-xs: 8px;
}

/* ---------- 基础 ---------- */
.ttx-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /* inline-flex 垂直居中由 align-items: center 负责，line-height 必须为 1 */
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    outline: none;
    gap: 4px;
    border: 1px solid transparent;
    border-radius: var(--ttx-btn-border-radius);
    font-weight: var(--ttx-btn-font-weight);
    transition: background-color .2s cubic-bezier(0.34, 0.69, 0.1, 1),
        color .2s cubic-bezier(0.34, 0.69, 0.1, 1),
        border-color .2s cubic-bezier(0.34, 0.69, 0.1, 1);
    text-decoration: none;
    /* 默认尺寸 */
    height: var(--ttx-btn-height);
    padding: 0 var(--ttx-btn-padding-x);
    font-size: var(--ttx-btn-font-size);
}

/* ---------- 尺寸（对齐 tinper：xs=20 / sm=24 / md=28 / lg=32） ---------- */
.ttx-button-size-mini {
    height: var(--ttx-btn-height-xs);
    padding: 0 var(--ttx-btn-padding-x-xs);
    font-size: var(--ttx-btn-font-size);
    gap: 3px;
}

.ttx-button-size-small {
    height: var(--ttx-btn-height-sm);
    padding: 0 var(--ttx-btn-padding-x-sm);
    font-size: var(--ttx-btn-font-size);
}

.ttx-button-size-default {
    height: var(--ttx-btn-height);
    padding: 0 var(--ttx-btn-padding-x);
    font-size: var(--ttx-btn-font-size);
}

.ttx-button-size-large {
    height: var(--ttx-btn-height-lg);
    padding: 0 12px;
    font-size: 14px;
}

/* ---------- 仅图标：宽=高，无内边距 ---------- */
.ttx-button-only-icon {
    padding: 0;
}

.ttx-button-size-mini.ttx-button-only-icon {
    width: var(--ttx-btn-height-xs);
}

.ttx-button-size-small.ttx-button-only-icon {
    width: var(--ttx-btn-height-sm);
}

.ttx-button-size-default.ttx-button-only-icon {
    width: var(--ttx-btn-height);
}

.ttx-button-size-large.ttx-button-only-icon {
    width: var(--ttx-btn-height-lg);
}

/* ---------- 类型 type ---------- */

/* default：白底灰边 */
.ttx-button-default {
    background-color: var(--color-bg-2, #fff);
    color: var(--color-text-2, #4e5969);
    border-color: var(--color-border-2, #e5e6eb);
}

.ttx-button-default:hover:not(.ttx-button-disabled) {
    color: var(--color-text-2, #4e5969);
    border-color: var(--color-border-2, #e5e6eb);
    background-color: var(--color-fill-2, #f2f3f5);
}

.ttx-button-default:active:not(.ttx-button-disabled) {
    color: var(--color-text-2, #4e5969);
    border-color: var(--color-border-2, #e5e6eb);
    background-color: var(--color-fill-3, #e5e6eb);
}

/* primary：实心主色 */
.ttx-button-primary {
    background-color: rgb(var(--primary-6, 22, 93, 255));
    color: #fff;
    border-color: transparent;
}

.ttx-button-primary:hover:not(.ttx-button-disabled) {
    background-color: rgb(var(--primary-5, 64, 128, 255));
}

/* secondary：浅灰底 */
.ttx-button-secondary {
    background-color: var(--color-fill-2, #f2f3f5);
    color: var(--color-text-2, #4e5969);
    border-color: transparent;
}

.ttx-button-secondary:hover:not(.ttx-button-disabled) {
    background-color: var(--color-fill-3, #e5e6eb);
}

/* dashed：虚线边框 */
.ttx-button-dashed {
    background-color: var(--color-bg-2, #fff);
    color: var(--color-text-2, #4e5969);
    border-style: dashed;
    border-color: var(--color-border-2, #e5e6eb);
}

.ttx-button-dashed:hover:not(.ttx-button-disabled) {
    color: rgb(var(--primary-6, 22, 93, 255));
    border-color: rgb(var(--primary-6, 22, 93, 255));
}

/* outline：主色描边 */
.ttx-button-outline {
    background-color: transparent;
    color: rgb(var(--primary-6, 22, 93, 255));
    border-color: rgb(var(--primary-6, 22, 93, 255));
}

.ttx-button-outline:hover:not(.ttx-button-disabled) {
    color: rgb(var(--primary-6, 22, 93, 255));
    background-color: rgb(var(--primary-1, 232, 243, 255));
}

/* text：纯文字 */
.ttx-button-text {
    background-color: transparent;
    color: var(--color-text-2, #4e5969);
    border-color: transparent;
}

.ttx-button-text:hover:not(.ttx-button-disabled) {
    background-color: var(--color-fill-2, #f2f3f5);
}

/* ---------- 状态 status ---------- */

/* danger */
.ttx-button-danger {
    color: rgb(var(--danger-6, 245, 63, 63));
    border-color: rgb(var(--danger-6, 245, 63, 63));
    background-color: var(--color-bg-2, #fff);
}

.ttx-button-danger.ttx-button-primary,
.ttx-button-danger.ttx-button-secondary {
    background-color: rgb(var(--danger-6, 245, 63, 63));
    color: #fff;
    border-color: transparent;
}

.ttx-button-danger.ttx-button-text {
    background-color: transparent;
    border-color: transparent;
}

.ttx-button-danger:hover:not(.ttx-button-disabled) {
    color: rgb(var(--danger-5, 247, 101, 96));
    border-color: rgb(var(--danger-5, 247, 101, 96));
}

.ttx-button-danger.ttx-button-primary:hover:not(.ttx-button-disabled),
.ttx-button-danger.ttx-button-secondary:hover:not(.ttx-button-disabled) {
    background-color: rgb(var(--danger-5, 247, 101, 96));
    color: #fff;
}

.ttx-button-danger.ttx-button-text:hover:not(.ttx-button-disabled) {
    background-color: var(--color-fill-2, #f2f3f5);
    border-color: transparent;
}

/* warning */
.ttx-button-warning {
    color: rgb(var(--warning-6, 255, 125, 0));
    border-color: rgb(var(--warning-6, 255, 125, 0));
    background-color: var(--color-bg-2, #fff);
}

.ttx-button-warning.ttx-button-primary,
.ttx-button-warning.ttx-button-secondary {
    background-color: rgb(var(--warning-6, 255, 125, 0));
    color: #fff;
    border-color: transparent;
}

.ttx-button-warning.ttx-button-text {
    background-color: transparent;
    border-color: transparent;
}

.ttx-button-warning:hover:not(.ttx-button-disabled) {
    color: rgb(var(--warning-5, 255, 154, 46));
    border-color: rgb(var(--warning-5, 255, 154, 46));
}

.ttx-button-warning.ttx-button-primary:hover:not(.ttx-button-disabled),
.ttx-button-warning.ttx-button-secondary:hover:not(.ttx-button-disabled) {
    background-color: rgb(var(--warning-5, 255, 154, 46));
    color: #fff;
}

.ttx-button-warning.ttx-button-text:hover:not(.ttx-button-disabled) {
    background-color: var(--color-fill-2, #f2f3f5);
    border-color: transparent;
}

/* success */
.ttx-button-success {
    color: rgb(var(--success-6, 0, 180, 42));
    border-color: rgb(var(--success-6, 0, 180, 42));
    background-color: var(--color-bg-2, #fff);
}

.ttx-button-success.ttx-button-primary,
.ttx-button-success.ttx-button-secondary {
    background-color: rgb(var(--success-6, 0, 180, 42));
    color: #fff;
    border-color: transparent;
}

.ttx-button-success.ttx-button-text {
    background-color: transparent;
    border-color: transparent;
}

.ttx-button-success:hover:not(.ttx-button-disabled) {
    color: rgb(var(--success-5, 35, 195, 67));
    border-color: rgb(var(--success-5, 35, 195, 67));
}

.ttx-button-success.ttx-button-primary:hover:not(.ttx-button-disabled),
.ttx-button-success.ttx-button-secondary:hover:not(.ttx-button-disabled) {
    background-color: rgb(var(--success-5, 35, 195, 67));
    color: #fff;
}

.ttx-button-success.ttx-button-text:hover:not(.ttx-button-disabled) {
    background-color: var(--color-fill-2, #f2f3f5);
    border-color: transparent;
}

/* ---------- 禁用 ---------- */
.ttx-button.ttx-button-disabled,
.ttx-button:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--color-text-4, #c9cdd4);
    background-color: var(--color-fill-2, #f2f3f5);
    border-color: transparent;
    opacity: 1;
}

.ttx-button.ttx-button-disabled.ttx-button-text,
.ttx-button.ttx-button-text:disabled {
    background-color: transparent;
}

/* ---------- 加载中 ---------- */
.ttx-button-loading {
    cursor: wait;
    pointer-events: none;
}

@keyframes index-module__ttx-button-spin__pbmNN {
    to {
        transform: rotate(360deg);
    }
}

.ttx-button-loading-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1.5px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: index-module__ttx-button-spin__pbmNN .6s linear infinite;
}

/* ---------- 形状 shape ---------- */
.ttx-button-shape-circle {
    border-radius: 50%;
    padding: 0;
}

.ttx-button-shape-round {
    border-radius: 14px;
}

/* ---------- 按钮组 ---------- */
.ttx-button-group {
    display: inline-flex;
    align-items: center;
}

/* 相邻按钮边框重叠，避免 2px 粗线 */
.ttx-button-group > * + * {
    margin-left: -1px;
}

/* 第一个按钮：左圆角 */
.ttx-button-group > *:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* 最后一个按钮：右圆角 */
.ttx-button-group > *:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* 中间的按钮：无圆角 */
.ttx-button-group > *:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.index-module__wrapper__K5d11 {
  position: relative;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.index-module__table__Ln7QK {
  --row-height: 32px;
  --header-row-height: 32px;
  --cell-padding: 0 12px;
  --font-size: 14px;
  --header-bgcolor: #f7f8fa;
  --header-color: #1d2129;
  --color: #1d2129;
  --bgcolor: #fff;
  --hover-bgcolor: #f5f8ff;
  --border-color: #e5e6eb;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 0;
}

.index-module__table__Ln7QK .art-table-header-cell,
.index-module__table__Ln7QK .art-table-cell {
  height: 32px;
  white-space: nowrap;
}

.index-module__table__Ln7QK .art-table-header-cell {
  font-weight: 600;
}

.index-module__table__Ln7QK .art-table-row:hover .art-table-cell {
  background: #f5f8ff;
}

.index-module__table__Ln7QK .art-empty-wrapper {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 表格内部滚动条：多列横向滚动 / 多行纵向滚动时使用细窄滚动条，避免系统粗滚动条挤压内容。
   注意：表头（.art-table-header）由 ali-react-table 自带 no-scrollbar 类，这里不再覆盖，
   否则会重新露出表头的同步滚动条，和表体滚动条重复。 */
.index-module__table__Ln7QK .art-table-body,
.index-module__table__Ln7QK .art-table-footer,
.index-module__table__Ln7QK .art-table-sticky-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}

.index-module__table__Ln7QK .art-table-body::-webkit-scrollbar,
.index-module__table__Ln7QK .art-table-footer::-webkit-scrollbar,
.index-module__table__Ln7QK .art-table-sticky-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.index-module__table__Ln7QK .art-table-body::-webkit-scrollbar-track,
.index-module__table__Ln7QK .art-table-footer::-webkit-scrollbar-track,
.index-module__table__Ln7QK .art-table-sticky-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.index-module__table__Ln7QK .art-table-body::-webkit-scrollbar-thumb,
.index-module__table__Ln7QK .art-table-footer::-webkit-scrollbar-thumb,
.index-module__table__Ln7QK .art-table-sticky-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 3px;
}

.index-module__table__Ln7QK .art-table-body::-webkit-scrollbar-thumb:hover,
.index-module__table__Ln7QK .art-table-footer::-webkit-scrollbar-thumb:hover,
.index-module__table__Ln7QK .art-table-sticky-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.32);
  background-clip: padding-box;
}

.index-module__table__Ln7QK .art-table-body::-webkit-scrollbar-corner,
.index-module__table__Ln7QK .art-table-footer::-webkit-scrollbar-corner,
.index-module__table__Ln7QK .art-table-sticky-scroll::-webkit-scrollbar-corner {
  background: transparent;
}

/* wrapper：脱离文档流并覆盖 portal 挂载容器 */
.index-module__wrapper__y3uYV {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}

.index-module__mask__W7ihD {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.index-module__modal__W8JL3 {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
    width: 1000px;
    min-height: 60vh;
    max-height: calc(100vh - 24px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    z-index: 3001;
}
.index-module__header__je_Ks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #e5e6eb;
    flex-shrink: 0;
}
.index-module__title__pn2fY {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    color: #1d2129;
}
.index-module__actions__XKhWB {
    display: flex;
    align-items: center;
    gap: 8px;
}
.index-module__iconBtn__aHtiH {
    font-size: 16px;
    color: #86909c;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, background 0.15s;
}
.index-module__iconBtn__aHtiH:hover {
    color: #1d2129;
    background: #f2f3f5;
}
.index-module__body__N7LMz {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}

.index-module__body__N7LMz::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.index-module__body__N7LMz::-webkit-scrollbar-track {
    background: transparent;
}

.index-module__body__N7LMz::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 3px;
}

.index-module__body__N7LMz::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.32);
    background-clip: padding-box;
}

.index-module__body__N7LMz::-webkit-scrollbar-corner {
    background: transparent;
}

/* 全屏时内容撑满弹窗（页面型弹窗默认带 68vh 固定高度，全屏下需要覆盖） */
.index-module__body__N7LMz[data-fullscreen='true'] > * {
    height: 100% !important;
}
.index-module__referBody__ZjvEq {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 参照表格滚动收敛：
   - 纵向滚动统一交给 art-table-wrapper（表头 sticky 由 ali-react-table 自带）
   - 横向滚动统一由底部粘性滚动条承担（header/body 的滚动条隐藏，避免重复出现）
   目标：参照弹窗内最多只有「一条纵向 + 一条横向」滚动条 */
.index-module__referTableScroll__zQKZf {
    overflow: hidden;
    /* 表格区域最小高度：约 10 行（32px/行 + 表头），窗口变小时不会把表格压扁 */
    min-height: 320px;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper {
    overflow: auto;
    height: 100%;
    /* 滚到边界时不把滚动链传回弹窗/页面，避免出现"滚动穿透" */
    overscroll-behavior: contain;
    /* 纵向滚动条统一收成细窄样式（与底部横向滚动条一致） */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 3px;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.32);
    background-clip: padding-box;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper::-webkit-scrollbar-corner {
    background: transparent;
}

/* 多带一层 .art-table-wrapper 提高优先级：覆盖 AliTable 模块里给 body/footer 设的细滚动条，
   避免样式注入顺序变化时又露出第二条横向滚动条 */
.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-header,
.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-body {
    scrollbar-width: none;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-header::-webkit-scrollbar,
.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-body::-webkit-scrollbar {
    display: none;
}

/* 底部粘性横向滚动条：保留并统一成细窄样式。
   ali-react-table 默认 margin-top:-17px 是为了盖住表体自带的 17px 横向滚动条；
   这里表体滚动条已隐藏，必须把负边距去掉，否则会压住最后一行内容。
   选择器多带一层 .art-table-wrapper，确保优先级高于 ali-react-table 运行时注入的样式。 */
.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-sticky-scroll {
    margin-top: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}

/* 底部默认留白：横向滚动条（外层容器/粘性条）贴着表格底部，会遮挡最后一行数据，
   给表体加 padding-bottom 让末行与滚动条之间留出空隙 */
.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-body {
    padding-bottom: 10px;
    box-sizing: border-box;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-sticky-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-sticky-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-sticky-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 3px;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-sticky-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.32);
    background-clip: padding-box;
}

.index-module__referTableScroll__zQKZf .art-table-wrapper .art-table-sticky-scroll::-webkit-scrollbar-corner {
    background: transparent;
}

.index-module__footer__A6Pmy {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid #e5e6eb;
    flex-shrink: 0;
}

/* Arco 气泡/下拉（.arco-trigger）默认 z-index 是 1000，会被这些层盖住：
   - 本弹窗的遮罩(3000)/弹窗(3001)：表现为「控件点开看不到选项」；
   - 外壳的导航条(4100)、系统级页签(4000)：列表头部/卡片头部的按钮气泡向上弹出时被页签挡住。
   统一抬到所有页面级浮层之上（低于外壳通知弹层 6001）。
   多带一层 html 提升优先级，避免和 arco 样式表的注入顺序相关。 */
html .arco-trigger {
    z-index: 4500;
}

.index-module__mask__yBKQ1 {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: transparent;
    z-index: 100;
    overflow: hidden;
    transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
.index-module__mask__yBKQ1.index-module__show__O8Kkf { background: rgba(0,0,0,0.3); pointer-events: auto; }
.index-module__mask__yBKQ1.index-module__hide__o21BD { background: transparent; pointer-events: none; }

.index-module__drawer__DMYxe {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    background: #fff;
    box-shadow: -4px 0 16px rgba(0,0,0,0.08);
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.index-module__drawer__DMYxe.index-module__show__O8Kkf { transform: translateX(0); }
.index-module__drawer__DMYxe.index-module__hide__o21BD { transform: translateX(100%); }

.index-module__header__JCuQc {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 20px; border-bottom: 1px solid #e5e6eb; flex-shrink: 0;
}
.index-module__title__QyKRl { font-size: 16px; font-weight: 600; color: #1d2129; }
.index-module__close__k1xsG { font-size: 16px; color: #86909c; cursor: pointer; padding: 4px; border-radius: 4px; display: flex; align-items: center; }
.index-module__close__k1xsG:hover { color: #1d2129; background: #f2f3f5; }
.index-module__body__c1_9O { flex: 1 1 0; min-height: 0; overflow: auto; padding: 0; }

.index-module__backbtnContainer__C7Zvp {
    cursor: pointer;
}

.index-module__billHeadInfo__lSDGJ {
    display: flex;
    height: 100%;
    padding: 4px 0;
    box-sizing: border-box;
    min-width: 0;
}

.index-module__billHeadInfoBd__K0EEt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 4px;
    min-width: 0;
}

.index-module__billHeadInfoBdRow___TW6o {
    display: flex;
    align-items: center;
    min-width: 0;
}

.index-module__billHeadInfoIcon__mcC9E {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 100%;
}

.index-module__billHeadInfoIcon__mcC9E img {
    width: 100%;
}

.index-module__billHeadInfoTitle__aXKcL {
    margin-left: 8px;
    display: inline-block;
    height: 100%;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-module__billHeadInfoTag__ZICRL {
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex-wrap: wrap;
}

.index-module__billHeadInfoTag__ZICRL > * + * {
    border-left: 1px solid #e5e6eb;
    padding-left: 12px;
    margin-left: 0;
}

.index-module__workflowStatusWrap__gj1uO {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.index-module__workflowStatusLabel__i7v3t {
    font-size: 12px;
    color: #86909c;
}

.index-module__auxTrigger__hg4bF {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    color: #86909c;
    font-size: 16px;
    flex-shrink: 0;
}

.index-module__auxTrigger__hg4bF:hover {
    background: #f2f3f5;
    color: #4e5969;
}

.index-module__auxPopover__l08XS {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 0;
    min-width: 120px;
}

.index-module__auxPopover__l08XS > * {
    margin-left: 0 !important;
}

.index-module__auxFilterRow__qqiH0 .index-module__arco-checkbox__Tm4tI {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
}

.index-module__auxFilterRow__qqiH0 .index-module__arco-checkbox-text__LwCms {
    margin-right: 0;
    margin-left: 0;
    font-size: 13px;
}

.index-module__btnGroup__E5LSS {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
}

/* 确保按钮组内的按钮和外部单独按钮高度一致 */
.index-module__btnGroup__E5LSS button {
    height: 28px;
}

/* 相邻按钮边框重叠，避免 2px 粗线 */
.index-module__btnGroup__E5LSS > * + * {
    margin-left: -1px;
}

/* 第一个按钮：左圆角 */
.index-module__btnGroup__E5LSS > :first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* 最后一个按钮：右圆角 */
.index-module__btnGroup__E5LSS > :last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* 中间的按钮：无圆角 */
.index-module__btnGroup__E5LSS > :not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

/* 默认按钮：显示可见边框 */
.index-module__defaultBorder__HIiD4 {
    border-color: #c9cdd4 !important;
}
.index-module__defaultBorder__HIiD4:hover {
    border-color: #4e5969 !important;
}

/* 页面次按钮：深灰底色 + 白色文字 */
.index-module__pageSecondary__R6q0J {
    background-color: #4e5969 !important;
    color: #fff !important;
    border-color: #4e5969 !important;
}
.index-module__pageSecondary__R6q0J:hover {
    background-color: #5a6470 !important;
    border-color: #5a6470 !important;
    color: #fff !important;
}

/* 按钮 hover 边框 */
.index-module__hoverBorder__gce78 {
    border: 1px solid transparent !important;
}
.index-module__hoverBorder__gce78:hover {
    border: 1px solid #c9cdd4 !important;
}

.arco-form-item-simple-inner{
    border: none;
}

.arco-form-item-simple-inner input:disabled {
  background-color: transparent;
  color: #333;
  cursor: default;
  opacity: 1;
  box-shadow: none;
  user-select: text;
}
/* Form Item Label 样式 */
.arco-form-item>.arco-form-label-item {
  width: 96px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  font-size: 13px;
}

/* label 文案：超长省略并通过 title 悬浮显示完整名称，避免换行导致整行错位 */
.form-label-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

/* 覆盖 Arco Design label 默认字体大小 */
.arco-form-label-item > label {
  font-size: 13px !important;
}

/* 表单项值字体大小 */
.form-item-content-cust .arco-input,
.form-item-content-cust .arco-textarea,
.form-item-content-cust .arco-select-view-value,
.form-item-content-cust .arco-picker input {
  font-size: var(--xw-font-sm);
}

/* 下拉框 placeholder 渲染在内部 input 上，单独统一其字体大小 */
.form-item-content-cust .arco-select-view input {
  font-size: var(--xw-font-sm) !important;
}

/* 浏览态只读文本字体大小 */
.form-readonly-text {
  font-size: var(--xw-font-sm);
}


/* ====== 输入框/下拉/日期：去掉灰色背景，改为下划线样式 ====== */
/* 通过 CSS 变量覆盖 Arco 的灰色背景 */
.form-item-content-cust {
    --color-fill-2: #fff;
}

.form-item-content-cust .arco-input-wrapper,
.form-item-content-cust .arco-input-inner-wrapper,
.form-item-content-cust .arco-textarea-wrapper,
.form-item-content-cust .arco-select-view,
.form-item-content-cust .arco-picker {
    background-color: #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #c9cdd4 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* hover/聚焦时：下边框变主题色 */
.form-item-content-cust .arco-input-wrapper:hover,
.form-item-content-cust .arco-input-inner-wrapper:hover,
.form-item-content-cust .arco-textarea-wrapper:hover,
.form-item-content-cust .arco-select-view:hover,
.form-item-content-cust .arco-picker:hover,
.form-item-content-cust .arco-input-wrapper.arco-input-focus,
.form-item-content-cust .arco-input-inner-wrapper.arco-input-focus,
.form-item-content-cust .arco-textarea-wrapper.arco-textarea-focus,
.form-item-content-cust .arco-select-view.arco-select-view-focus,
.form-item-content-cust .arco-picker.arco-picker-focus {
    border-bottom-color: var(--xw-accent, #1456f0) !important;
}

/* 必填字段：下边框黄色 */
.form-item-required .arco-input-wrapper,
.form-item-required .arco-input-inner-wrapper,
.form-item-required .arco-textarea-wrapper,
.form-item-required .arco-select-view,
.form-item-required .arco-picker {
    border-bottom-color: rgb(245, 158, 11) !important;
}
.form-item-required .arco-input-wrapper:hover,
.form-item-required .arco-input-inner-wrapper:hover,
.form-item-required .arco-textarea-wrapper:hover,
.form-item-required .arco-select-view:hover,
.form-item-required .arco-picker:hover,
.form-item-required .arco-input-wrapper.arco-input-focus,
.form-item-required .arco-input-inner-wrapper.arco-input-focus,
.form-item-required .arco-textarea-wrapper.arco-textarea-focus,
.form-item-required .arco-select-view.arco-select-view-focus,
.form-item-required .arco-picker.arco-picker-focus {
    border-bottom-color: rgb(245, 158, 11) !important;
}

/* 校验失败：下边框红色，错误提示文字红色 */
.form-item-content-cust.arco-form-item-status-error .arco-input-wrapper,
.form-item-content-cust.arco-form-item-status-error .arco-input-inner-wrapper,
.form-item-content-cust.arco-form-item-status-error .arco-textarea-wrapper,
.form-item-content-cust.arco-form-item-status-error .arco-select-view,
.form-item-content-cust.arco-form-item-status-error .arco-picker {
    border-bottom-color: #f53f3f !important;
}
.form-item-content-cust .arco-form-item-message-error {
    color: #f53f3f;
}

/* 修改picker样式 */
.arco-picker {
  padding: 0 !important;
  padding-right: 2px !important;
}

.arco-picker-input{
  padding-left: 8px;
  margin-right: -8px;
}
.arco-picker input{
  padding-left: 0 !important;
}

.arco-picker-suffix{
  margin-left: 0 !important;
}

.arco-picker-input input{
  /* padding-left: 8px !important; */
}


.base-form-cust .form-item-grid-cust {
    padding-top: 2px;
    margin-bottom: 8px;
}

.base-form-cust .form-item-content-cust {
    min-height: 26px;
    margin-bottom: 0 !important;
    align-items: flex-start;
}

.base-form-cust .form-item-content-cust > .arco-form-label-item {
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 0;
    color: #4e5969;
}

.base-form-cust .form-item-content-cust > .arco-form-label-item > label {
    line-height: 26px;
}

.base-form-cust .form-item-content-cust .arco-form-item-control,
.base-form-cust .form-item-content-cust .arco-form-item-control-children {
    min-height: 26px;
    line-height: 26px;
}

.base-form-cust .form-item-content-cust .arco-input-wrapper,
.base-form-cust .form-item-content-cust .arco-input-inner-wrapper,
.base-form-cust .form-item-content-cust .arco-select-view,
.base-form-cust .form-item-content-cust .arco-picker {
    min-height: 26px !important;
    height: 26px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* 下拉选择框（单选）：文字左右起点与输入框对齐（12px），并垂直居中 */
.base-form-cust .form-item-content-cust .arco-select-single .arco-select-view {
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 1.5715 !important;
    align-items: center;
}

.base-form-cust .form-item-content-cust .arco-textarea-wrapper {
    padding: 3px 8px !important;
}

.base-form-cust .form-item-content-cust .arco-input::placeholder,
.base-form-cust .form-item-content-cust .arco-textarea::placeholder,
.base-form-cust .form-item-content-cust .arco-select-view input::placeholder,
.base-form-cust .form-item-content-cust .arco-picker input::placeholder {
    color: #a9aeb8;
}

.base-form-cust .form-item-content-cust .arco-form-item-message {
    margin-top: 1px;
    font-size: 12px;
    line-height: 16px;
}

.base-form-cust .form-item-content-cust .arco-radio-group,
.base-form-cust .form-item-content-cust .arco-checkbox-group {
    min-height: 26px;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 参照控件（Input + addAfter）：整个输入框组统一为 26px，附加块与下划线输入框对齐 */
.base-form-cust .form-item-content-cust .arco-input-group-wrapper {
    width: 100%;
    height: 26px !important;
    min-height: 26px !important;
    vertical-align: top;
}

.base-form-cust .form-item-content-cust .arco-input-group {
    height: 26px;
}

.base-form-cust .form-item-content-cust .arco-input-group > .arco-input-inner-wrapper {
    height: 26px !important;
    min-height: 26px !important;
}

.base-form-cust .form-item-content-cust .arco-input-group-addafter {
    height: 26px;
    padding: 0 0 0 6px !important;
    line-height: 24px;
    vertical-align: middle;
    background-color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #c9cdd4 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

/* 参照控件聚焦时附加块下划线跟随主题色 */
.base-form-cust .form-item-content-cust .arco-input-group-wrapper:focus-within .arco-input-group-addafter {
    border-bottom-color: var(--xw-accent, #1456f0) !important;
}

.form-item-required .arco-input-group-addafter {
    border-bottom-color: rgb(245, 158, 11) !important;
}

.form-item-content-cust.arco-form-item-status-error .arco-input-group-addafter {
    border-bottom-color: #f53f3f !important;
}

/* 浏览态只读文本 */
.form-readonly-text {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 26px;
    line-height: 26px;
    padding: 0 12px;
    margin: 0;
    color: #1d2129;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    box-sizing: border-box;
    vertical-align: middle;
}

.arco-form-item-control-children .form-readonly-text {
    height: 26px;
    vertical-align: top;
}

/* 联动查询控件：浏览态显示为主题蓝的可点击链接文字 */
.form-readonly-text.form-readonly-link {
    color: var(--xw-primary, #165dff);
    cursor: pointer;
}

.form-readonly-text.form-readonly-link:hover {
    text-decoration: underline;
}

.form-readonly-text[style*="flex-direction: column"] {
    display: flex;
    height: auto;
    min-height: 52px;
    line-height: 24px;
    padding: 0;
}

.form-item-grid-cust {
    width: 100%;
    overflow: hidden;
}

.form-item-content-cust {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.form-item-content-cust .arco-form-item-wrapper {
    flex: 1;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
}

.form-item-content-cust .arco-form-item-control-wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.form-item-content-cust .arco-form-item-control {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.form-item-content-cust .arco-form-item-control-children {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

/* 枚举项为空的提示：去掉 hover 阴影，保留背景渐变 */
.empty-enum-hint.arco-input-wrapper,
.empty-enum-hint.arco-input-wrapper:hover,
.empty-enum-hint.arco-input-wrapper.arco-input-focus {
    background: linear-gradient(to right, #FF7D00, #ffffff) !important;
    border: none !important;
    border-bottom: 1px solid #e5e6eb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 行内表单：表单项右侧间距（覆盖 Arco 默认值） */
.arco-form-layout-inline {
    /* margin-right: 16px; */
    margin-right: 24px;
}

/* 行内表单容器本身不要右边距，避免右侧多出留白导致控件错位 */
.arco-form-layout-inline {
    margin-right: 0 !important;
}

/* 外层 wrapper */
.index-module__wrapper__eki1Z { display: flex; flex-direction: column; align-items: flex-end; }

/* 格子容器上方的工具栏：下载 / 全选 / 删除 */
.index-module__toolbar__vXiKX {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
    width: 100%;
}
.index-module__toolBtn__NELY3 {
    font-size: 13px;
    color: var(--xw-accent, #1456f0);
    cursor: pointer;
    user-select: none;
}
.index-module__toolBtn__NELY3:hover {
    text-decoration: underline;
}
.index-module__toolBtnDanger__sf5IX {
    color: #f53f3f;
}
.index-module__toolBtnDanger__sf5IX:hover {
    color: #cb2727;
}
.index-module__collapseBtn__J5pHj {
    margin-left: auto;
    font-size: 13px;
    color: var(--xw-accent, #1456f0);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.index-module__collapseBtn__J5pHj:hover {
    text-decoration: underline;
}
.index-module__collapseArrow__einwk {
    display: inline-block;
    transition: transform 0.2s;
}
.index-module__collapseArrowUp__snjUZ {
    transform: rotate(180deg);
}

/* 浏览态：空值占位 */
.index-module__empty__RCfWc {
    color: #86909c;
    font-size: 12px;
    line-height: 26px;
}

/* 浏览态：链接样式 */
.index-module__browseLink__DgCDg {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #1456f0;
    cursor: pointer;
}

/* 上传区域虚线框（跟 Image 的 uploadArea 一致） */
.index-module__uploadArea__h9GMY {
    width: 65px;
    height: 65px;
    border: 1px dashed #c9cdd4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.2s;
    display: inline-flex;
}
.index-module__uploadArea__h9GMY:hover {
    border-color: var(--xw-accent, #1456f0);
}
.index-module__uploadAreaDragOver__WiwMX {
    border-color: var(--xw-accent, #1456f0) !important;
    background: rgba(20, 86, 240, 0.06);
}

.index-module__plusIcon__jjYcC {
    font-size: 20px;
    color: #c9cdd4;
}

.index-module__uploadText__z0V2c {
    font-size: var(--xw-font-xs);
    color: #86909c;
    margin-top: 2px;
    user-select: none;
}

/* 加载中 */
.index-module__loading__VbGAF {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #999;
    font-size: 13px;
}

/* 有文件时的展示容器（flex wrap 布局） */
.index-module__fileList__UKjlg {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
    max-height: 1000px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}
.index-module__fileListCollapsed__l1g7m {
    max-height: 0;
    opacity: 0;
}

/* 单个文件项 */
.index-module__fileItem__UfOyd {
    position: relative;
    width: 65px;
    height: 65px;
    border: 1px dashed #e5e6eb;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    background: #f7f8fa;
}

.index-module__fileName__FNT9V {
    width: 100%;
    padding: 2px 4px;
    font-size: var(--xw-font-xs);
    color: #4e5969;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 右上角 checkbox：始终显示 */
.index-module__checkbox__Q_HkE {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 5;
    width: 12px;
    height: 12px;
    cursor: pointer;
    accent-color: var(--xw-accent, #1456f0);
}

/* fileItem 的 hover actions（跟 Image 一致） */
.index-module__actions__SawAc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s;
}
.index-module__fileItem__UfOyd:hover .index-module__actions__SawAc {
    opacity: 1;
}
.index-module__actionBtn__GNDLL {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    padding: 2px;
}
.index-module__actionBtn__GNDLL:hover {
    color: var(--xw-accent, #1456f0);
}

/* 文件类型图标 */
.index-module__fileIconWrap__GJ_Tv {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
}
.index-module__fileExtBadge__u7vUg {
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    padding: 0 3px;
    border-radius: 2px;
    color: #fff;
    font-size: 8px;
    line-height: 11px;
    font-weight: 600;
    white-space: nowrap;
}


.index-module__wrapper__Issty { display: flex; flex-direction: column; align-items: flex-end; }
.index-module__container__tdFwO { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; width: 100%; max-height: 1000px; opacity: 1; overflow: hidden; transition: max-height 0.3s ease, opacity 0.3s ease; }
.index-module__containerCollapsed__d9O5o { max-height: 0; opacity: 0; }

/* 格子容器上方的工具栏：下载 / 全选 / 删除 */
.index-module__toolbar__wdCPB {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
    width: 100%;
}
.index-module__toolBtn__mOMSB {
    font-size: 13px;
    color: var(--xw-accent, #1456f0);
    cursor: pointer;
    user-select: none;
}
.index-module__toolBtn__mOMSB:hover {
    text-decoration: underline;
}
.index-module__toolBtnDanger__mVFTv {
    color: #f53f3f;
}
.index-module__toolBtnDanger__mVFTv:hover {
    color: #cb2727;
}
.index-module__collapseBtn__afVX2 {
    margin-left: auto;
    font-size: 13px;
    color: var(--xw-accent, #1456f0);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.index-module__collapseBtn__afVX2:hover {
    text-decoration: underline;
}
.index-module__collapseArrow__mSxjL {
    display: inline-block;
    transition: transform 0.2s;
}
.index-module__collapseArrowUp__yZBlv {
    transform: rotate(180deg);
}
.index-module__empty__yIR10 { color: #86909c; font-size: 12px; line-height: 26px; }
.index-module__item__wv4mt { position: relative; width: 65px; height: 65px; border: 1px dashed #e5e6eb; border-radius: 4px; overflow: hidden; }
.index-module__img__q3RfU { width: 100%; height: 100%; object-fit: cover; }

/* 右上角 checkbox：始终显示 */
.index-module__checkbox__oJNhG {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 5;
    width: 12px;
    height: 12px;
    cursor: pointer;
    accent-color: var(--xw-accent, #1456f0);
}
.index-module__uploading__QltpX { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #f7f8fa; }
.index-module__placeholder__qXmqf { width: 100%; height: 100%; background: #f7f8fa; }
.index-module__actions__C7Bly { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); display: flex; align-items: center; justify-content: center; gap: 8px; opacity: 0; transition: opacity 0.2s; }
.index-module__item__wv4mt:hover .index-module__actions__C7Bly { opacity: 1; }
.index-module__actionBtn___vl9O { color: #fff; font-size: 16px; cursor: pointer; padding: 2px; }
.index-module__actionBtn___vl9O:hover { color: var(--xw-accent, #1456f0); }
.index-module__uploadArea__gDTMg { width: 65px; height: 65px; border: 1px dashed #c9cdd4; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.2s; }
.index-module__uploadArea__gDTMg:hover { border-color: var(--xw-accent, #1456f0); }
.index-module__uploadAreaDragOver__pw0cu { border-color: var(--xw-accent, #1456f0) !important; background: rgba(20, 86, 240, 0.06); }
.index-module__plusIcon__ixqyf { font-size: 20px; color: #c9cdd4; }
.index-module__text__muJEj { font-size: var(--xw-font-xs); color: #86909c; margin-top: 2px; user-select: none; }

.index-module__calculator__Ssrba {
    width: 220px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    user-select: none;
}

.index-module__display__UQCkm {
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
    color: #1d2129;
    background: #f7f8fa;
    border-bottom: 1px solid #e5e6eb;
    min-height: 36px;
    word-break: break-all;
    line-height: 1.4;
}

.index-module__keypad__a55KU {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 6px;
    background: #f2f3f5;
}

.index-module__key__UK2mj,
.index-module__keyFn__PUFj_,
.index-module__keyOp__iVTrh,
.index-module__keyEq___Bnr6 {
    border: none;
    padding: 10px 0;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
    color: #1d2129;
    border-radius: 6px;
    transition: background 0.12s;
}

.index-module__key__UK2mj:hover,
.index-module__keyFn__PUFj_:hover,
.index-module__keyOp__iVTrh:hover,
.index-module__keyEq___Bnr6:hover {
    background: #e8f0ff;
}

.index-module__key__UK2mj:active,
.index-module__keyFn__PUFj_:active,
.index-module__keyOp__iVTrh:active,
.index-module__keyEq___Bnr6:active {
    background: #d4e4ff;
}

.index-module__keyFn__PUFj_ {
    color: #f53f3f;
    font-size: 15px;
}

.index-module__keyOp__iVTrh {
    color: #1456f0;
    font-weight: 600;
}

.index-module__keyEq___Bnr6 {
    color: #1456f0;
    font-weight: 700;
    background: #e8f0ff;
}

.index-module__keyEq___Bnr6:hover {
    background: #d4e4ff;
}

/* 确认按钮：右侧第4列，跨第2~4行 */
.index-module__confirmBtn__awKHn {
    grid-column: 4;
    grid-row: 2 / span 3;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: #1456f0;
    color: #fff;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-module__confirmBtn__awKHn:hover {
    background: #0f47d8;
}

.index-module__confirmBtn__awKHn:active {
    background: #0a3bc0;
}

.index-module__wrapper__OY_1o {
    position: relative;
    display: inline-flex;
}

.index-module__container__dxWFS {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
}

.index-module__item__P96nU {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e6eb;
    /* 中间项贴在一起：左边框去掉，靠相邻项的右边框；圆角只在两端 */
    border-left: none;
    border-radius: 0;
    background: #fff;
    color: #4e5969;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -1px;
}

/* 第一个：恢复左边框 + 左圆角 */
.index-module__item__P96nU:first-child {
    border-left: 1px solid #e5e6eb;
    margin-left: 0;
    border-radius: 4px 0 0 4px;
}

.index-module__item__P96nU.index-module__active__MJetl:first-child {
    border-left: 1px solid var(--xw-accent, #1456f0);
}

/* 最后一个：右圆角 */
.index-module__item__P96nU:last-child {
    border-radius: 0 4px 4px 0;
    gap: 4px;
}

.index-module__arrowIcon__xkyDS {
    font-size: 12px;
}

.index-module__item__P96nU:hover {
    border-color: var(--xw-accent, #1456f0);
    color: var(--xw-accent, #1456f0);
}

.index-module__active__MJetl {
    background: rgba(20, 86, 240, 0.08);
    border-color: var(--xw-accent, #1456f0);
    border-left: 1px solid var(--xw-accent, #1456f0);
    color: var(--xw-accent, #1456f0);
    position: relative;
    z-index: 1;
}

/* "更多" 项：pointer 改为 default，由 Trigger 接管交互 */
.index-module__hasMore__pzfg8 {
    cursor: default;
}

/* 下拉气泡 — 绝对定位在容器下方，宽度对齐容器 */
.index-module__dropdown__Ee7Cc {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 4px 0;
    z-index: 100;
    margin-top: 4px;
    box-sizing: border-box;
    border: 1px solid #e5e6eb;
}

.index-module__dropdownTags__xFONm {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
    padding: 10px 12px 6px;
}

.index-module__dropdownTag__iACrC {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    background: #fff;
    color: #4e5969;
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.index-module__dropdownTag__iACrC:hover {
    border-color: var(--xw-accent, #1456f0);
    color: var(--xw-accent, #1456f0);
}

.index-module__dropdownTagActive__fWWai {
    background: rgba(20, 86, 240, 0.08);
    border-color: var(--xw-accent, #1456f0);
    color: var(--xw-accent, #1456f0);
}

.index-module__dropdownDivider__dA5Df {
    height: 1px;
    background: #e5e6eb;
    margin: 4px 12px;
}

.index-module__dropdownRange__i2_ci {
    padding: 8px 12px;
}


/* ==================== 布局 ==================== */
.search-root {
    position: relative;
    padding-bottom: 10px;
}

/* 有折叠字段时，为底部展开/收起条预留空间 */
.search-root-has-more {
    padding-bottom: 24px;
}

/* 没有更多字段时，不显示底部装饰小页签 */
.search-root-no-more::after {
    display: none;
}

.float-search {
    right: 0;
    z-index: 1;
}

.search-panel {
    position: relative;
}

.search-root::after {
    content: '';
    position: absolute;
    z-index: 18;
    width: 108px;
    height: 18px;
    bottom: -18px;
    left: 50%;
    margin-left: -54px;
    background: #fff;
    border: 1px solid var(--xw-border-1);
    border-top: 0;
    transform: perspective(32px) rotateX(346deg);
    box-shadow: 0 2px 4px rgba(15, 35, 95, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-root::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid var(--xw-border-1);
    transition: border-color 0.2s ease;
}

.search-root-expanded::before {
    border-bottom-color: var(--xw-accent);
}

.search-root:has(.search-toggle-bar:hover)::before {
    border-bottom-color: var(--xw-accent);
}

.search-root-expanded::after {
    border-color: var(--xw-accent);
    border-top: 0;
    box-shadow: 0 3px 6px rgba(20, 86, 240, 0.14);
}

.search-root:has(.search-toggle-bar:hover)::after {
    border-color: var(--xw-accent);
    border-top: 0;
    box-shadow: 0 3px 6px rgba(20, 86, 240, 0.14);
}

.search-toggle-bar {
    position: absolute;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%);
    width: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin: 0;
    padding: 4px 0;
    font-size: 12px;
    line-height: 1;
    color: var(--color-text-2, #4e5969);
    cursor: pointer;
    user-select: none;
    background: transparent;
    z-index: 19;
    transition: color 0.2s ease;
}

.search-toggle-bar > * {
    position: relative;
    z-index: 20;
    flex: 0 0 auto;
}

.search-toggle-bar span {
    line-height: 1;
    display: block;
}

.search-toggle-bar svg {
    display: block;
}

.search-toggle-bar:hover {
    color: var(--xw-accent);
}

.search-toggle-bar-expanded {
    color: var(--xw-accent);
}

.search-root-expanded .search-toggle-bar,
.search-root:has(.search-toggle-bar:hover) .search-toggle-bar {
    color: var(--xw-accent);
}

.search-form-item {
    height: 32px !important;
}

/* ==================== fieldset（select / input 带 label 容器） ==================== */
.search-select-fieldset {
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    /* padding-bottom: 8px; */
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

/* fieldset hover 时边框高亮 */
.search-select-fieldset:hover {
    border-color: rgb(var(--primary-6));
}

/* fieldset 聚焦时边框高亮为主题色 */
.search-select-fieldset:focus-within {
    border-color: rgb(var(--primary-6));
}

/* 单据日期：平铺枚举条自带边框，不套 fieldset；按 32px 行高与其它查询字段对齐 */
.search-billdate-control {
    display: flex;
    align-items: center;
    height: 32px;
}

.search-select-fieldset legend {
    margin-left: 12px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-text-2, #4e5969);
    border: none;
    width: auto;
}

/* ==================== Input ==================== */
/* 引用控件外层容器：撑满 fieldset，内部 input 才能按 100% 高度对齐其他查询字段 */
.search-select-fieldset .refer-field {
    height: 100%;
}
.search-select-fieldset .arco-input-inner-wrapper,
.search-select-fieldset .arco-input-inner-wrapper-mini,
.search-select-fieldset .arco-input-inner-wrapper-default,
.search-select-fieldset .arco-input-inner-wrapper-large {
    display: flex !important;
    width: 100% !important;
    height: calc(100% + 8px) !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    align-items: center !important;
    padding: 0 8px !important;
}

.search-select-fieldset .arco-input-wrapper {
    display: block !important;
    width: 100% !important;
    height: calc(100% + 8px) !important;
    border: none !important;
    box-sizing: border-box !important;
}

.search-select-fieldset .arco-input,
.search-select-fieldset .arco-input-size-mini,
.search-select-fieldset .arco-input-size-default {
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}

/* fieldset 内 — 聚焦 */
.search-select-fieldset .arco-input:focus,
.search-select-fieldset .arco-input.arco-input-focus {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 普通表单项 — 聚焦 */
.search-form-item .arco-input:focus,
.search-form-item .arco-input.arco-input-focus {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==================== Select ==================== */
/* fieldset 内 — 高度 = fieldset(100%) + 8px 覆盖 legend 区域 */
.search-select-fieldset .arco-select-view,
.search-select-fieldset .arco-select-view-mini,
.search-select-fieldset .arco-select-view-default {
    display: flex !important;
    width: 100% !important;
    height: calc(100% + 8px) !important;
    line-height: normal !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    align-items: center !important;
    padding: 0 8px !important;
}

/* 注意：这里不能给 display 加 !important。
   Arco 在「无值/可搜索」时会给 .arco-select-view-value 打内联 display:none，
   强制显示会把 placeholder 再渲染一遍，输入框中间就会出现重复的字段名
   （如「核实状态核实状态」）。去掉 !important 后内联隐藏依然生效。 */
.search-select-fieldset .arco-select-view-value {
    display: flex;
    align-items: center !important;
    height: 100% !important;
}

/* fieldset 内 — 聚焦 */
.search-select-fieldset .arco-select-view.arco-select-view-focus,
.search-select-fieldset .arco-select.arco-select-focused .arco-select-view {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 普通表单项 — 聚焦 */
.search-form-item .arco-select-view.arco-select-view-focus,
.search-form-item .arco-select.arco-select-focused .arco-select-view {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==================== 枚举下拉面板（base/CheckSelect） ==================== */
/* fieldset 已经提供边框，面板控件只负责文字/图标，高度撑满内容区并对齐其他控件 */
.search-select-fieldset .check-select {
    padding: 0 8px;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* ==================== NumberInput ==================== */
/* .arco-input-inner-wrapper 样式已在 Input 部分统一处理 */

/* fieldset 内 — 聚焦 */
.search-select-fieldset .arco-input-inner-wrapper:focus,
.search-select-fieldset .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 普通表单项 — 聚焦 */
.search-form-item .arco-input-inner-wrapper:focus,
.search-form-item .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==================== Picker ==================== */
/* fieldset 内 — Picker 占满高度 */
.search-select-fieldset .arco-picker,
.search-select-fieldset .arco-picker-mini,
.search-select-fieldset .arco-picker-default {
    display: flex !important;
    width: 100% !important;
    height: calc(100% + 8px) !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: none !important;
}

.search-select-fieldset .arco-picker-input {
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    border: none !important;
}

/* fieldset 内 — 聚焦 */
.search-select-fieldset .arco-picker-focused,
.search-select-fieldset .arco-picker.arco-picker-focused {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 普通表单项 — 聚焦 */
.search-form-item .arco-picker-focused,
.search-form-item .arco-picker.arco-picker-focused {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* ==================== 校验错误态 ==================== */
/* fieldset 包裹的控件 — 只让外框变红，内部控件边框保持透明 */
.arco-form-item-error .search-select-fieldset {
    border-color: #f53f3f !important;
}
.arco-form-item-error .search-select-fieldset .arco-input-wrapper,
.arco-form-item-error .search-select-fieldset .arco-select-view,
.arco-form-item-error .search-select-fieldset .arco-input-inner-wrapper {
    border-color: transparent !important;
}

/* 非 fieldset 包裹的控件 — 自身边框变红 */
.arco-form-item:not(.search-select-item) .arco-input-wrapper.arco-input-error,
.arco-form-item:not(.search-select-item) .arco-select-view.arco-select-view-error {
    border-color: #f53f3f !important;
}

/* 自定义错误状态样式（通过 setErrorFields 设置） */
/* select 类型：外层 fieldset 边框变红，内部控件边框保持透明 */
.search-form-item-error.search-select-item .search-select-fieldset {
    border-color: #f53f3f !important;
}
.search-form-item-error.search-select-item .search-select-fieldset .arco-input-inner-wrapper,
.search-form-item-error.search-select-item .search-select-fieldset .arco-input-wrapper,
.search-form-item-error.search-select-item .search-select-fieldset .arco-select-view {
    border-color: transparent !important;
    height: calc(100% + 8px) !important;
}

/* input 类型：input 边框变红 */
.search-form-item-error:not(.search-select-item) .arco-input-inner-wrapper,
.search-form-item-error:not(.search-select-item) .arco-input-wrapper {
    border-color: #f53f3f !important;
}

/* 错误提示文字 */
.search-form-item-error .arco-form-item-message {
    color: #f53f3f !important;
    font-size: 12px !important;
    margin-top: 2px !important;
}

/* legend 文字变红 */
.search-form-item-error .search-select-fieldset legend {
    color: #f53f3f !important;
}

.index-module__sidebar__ZZ0i2 {
    width: 0;
    overflow: hidden;
    background: #fff;
    transition: width 0.25s ease;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    min-height: 0;
    border-left: none;
    pointer-events: none;
}

.index-module__sidebar__ZZ0i2.index-module__open__sCoVL {
    width: 275px;
    border-left: 1px solid #e5e6eb;
    pointer-events: auto;
}

.index-module__sidebar__ZZ0i2.index-module__fullscreen__UNfo5 {
    width: min(520px, 52vw);
}

.index-module__sidebar__ZZ0i2.index-module__overlay__J8EDw {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.08);
}

.index-module__toggleDock__ogQfX {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    padding: 12px 4px;
    padding-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E8ECF9;
}

.index-module__head__tdVZ8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    min-height: 44px;
    padding: 0 8px 0 10px;
    border-bottom: 1px solid var(--xw-border-1);
    flex-shrink: 0;
    background: #fff;
    gap: 8px;
}

.index-module__headLeft__lYkOe {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 4px;
    flex: 1;
}

.index-module__tabs__jvl8b {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
    overflow: hidden;
}

.index-module__tab__Etpuw {
    padding: 0;
    border: none;
    background: transparent;
    color: #4e5969;
    font-size: 13px;
    line-height: 44px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}

.index-module__tab__Etpuw:hover {
    color: #1d2129;
}

.index-module__tabActive__zUT52 {
    color: #1d2129;
    font-weight: 600;
}

.index-module__actions__mpyNk {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
}

.index-module__actionBtn__pDZWr {
    flex: 0 0 auto;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border-radius: 4px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.index-module__actionBtn__pDZWr:hover {
    background: #f2f3f5;
}

.index-module__actionBtn__pDZWr svg {
    display: block;
    width: 14px;
    height: 14px;
}

.index-module__toggle__XENyC {
    width: 20px !important;
    height: 28px !important;
    min-width: 20px !important;
    padding: 0 !important;
    position: static;
    border-radius: 8px 0 0 8px !important;
}

.index-module__toggleInside__fEtaW {
    position: static;
    margin-left: -10px;
    padding: 0 !important;
    border: none;
    border-radius: 0 8px 8px 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: inherit;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
}

.index-module__pin__pq37G.index-module__pinned__suczT {
    color: #1456f0;
}

.index-module__pinIconActive__Sjt_f {
    transform: rotate(45deg);
}

.index-module__modeLabel__MGEqW {
    margin-left: auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f2f3f5;
    color: #4e5969;
    font-size: 12px;
    line-height: 20px;
    user-select: none;
}

.index-module__body__EUz4I {
    flex: 1;
    min-width: 0;
    padding: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
}

.scrollbar-module__scrollbar__h16wS {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}

/* Webkit */
.scrollbar-module__scrollbar__h16wS::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbar-module__scrollbar__h16wS::-webkit-scrollbar-track {
    background: transparent;
}

.scrollbar-module__scrollbar__h16wS::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

.scrollbar-module__scrollbar__h16wS::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.index-module__body__W5ej4 {
    position: relative;
    overflow: hidden;
    transition: height 0.2s ease;
    will-change: height;
    min-height: 0;
    /* 给底部 toggle 腾空间，避免覆盖最后一个表单项 */
    padding-bottom: 30px;
    box-sizing: border-box;
}

/* 无折叠功能时的样式 */
.index-module__body-no-collapse__hXvNR {
    overflow: hidden;
    transition: none;
    will-change: auto;
    padding-bottom: 0;
}

.index-module__toggle__GDxra {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0 4px;
    font-size: 12px;
    color: var(--color-text-3, #86909c);
    cursor: pointer;
    user-select: none;
    background: linear-gradient(to bottom, transparent, #fff 30%);
}

.index-module__arrow__ka_gw {
    margin-left: 4px;
    transition: transform 0.2s;
}

.index-module__arrowUp__LRrYs {
    transform: rotate(180deg);
}

/* 覆盖 Arco Collapse 默认样式，减少冗余内边距 */
.index-module__subset__C_7HH {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* 让 Arco Collapse 及其展开项沿竖向拉伸，使子表内容能自适应容器高度 */
.index-module__subset__C_7HH .arco-collapse {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.index-module__subset__C_7HH .arco-collapse-item-active {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.index-module__subset__C_7HH .arco-collapse-item-active .arco-collapse-item-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.index-module__subset__C_7HH .arco-collapse-item-active .arco-collapse-item-content-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.index-module__subset__C_7HH .arco-collapse-item-content-box {
    padding: 8px 8px 8px 12px;
    padding: 0 0 0 0 !important;
}

.index-module__subset__C_7HH .arco-collapse-item {
    border-bottom: 1px solid #e5e6eb;
}

.index-module__subset__C_7HH .arco-collapse-item:last-child {
    border-bottom: none;
}

.index-module__tabs__mHVNY {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.index-module__headerBar__uyQNY {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e6eb;
    position: relative;
}

/* 页签头部 */
.index-module__header__YVsIs {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5e6eb;
    flex-shrink: 0;
}

.index-module__extra__wwcd5 {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-right: 8px;
    min-height: 32px;
}

/* 滑动下划线指示器 */
.index-module__indicator__L7ZOL {
    position: absolute;
    bottom: 0;
    height: 2px;
    background: var(--xw-accent);
    transition: left 0.3s ease, width 0.3s ease, opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

/* 单个页签（卡片式） */
.index-module__title__ukQtR {
    position: relative;
    padding: 6px 16px;
    margin: 0;
    margin-bottom: -1px;
    font-size: 14px;
    color: #4e5969;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    border: 1px solid transparent;
    border-bottom: none;
    background: #f7f8fa;
    transition: all 0.2s;
    user-select: none;
    white-space: nowrap;
}

.index-module__title__ukQtR:hover {
    color: #1d2129;
    background: var(--xw-bg-hover);
}

/* 选中态：主题色文字 + 下划线 */
.index-module__active__iC0HI {
    color: var(--xw-accent);
    background: #f7f8fa;
}

.index-module__active__iC0HI:hover {
    color: var(--xw-accent);
    background: #f7f8fa;
}

/* 禁用态 */
.index-module__disabled__R46Lt {
    color: #c9cdd4;
    cursor: not-allowed;
}

.index-module__disabled__R46Lt:hover {
    background: #f7f8fa;
    color: #c9cdd4;
}

/* 页签角标：跟随标题右侧展示，数字居中，无外层白底圆 */
.index-module__badge__ma54f {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    margin-left: 6px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #f53f3f;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.index-module__active__iC0HI .index-module__badge__ma54f {
    background: var(--xw-accent);
    color: #fff;
}

/* 内容区 */
.index-module__content__uRyqJ {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.index-module__pane__cH1n1 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.index-module__paneHidden__g3b67 {
    position: absolute;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
}

/* 覆盖 Arco Tabs 默认样式 */
.index-module__tabs__hkzfP .arco-tabs-content {
    padding-top: 0;
}

.index-module__tabs__hkzfP .arco-tabs-nav {
    margin-bottom: 0;
}

.index-module__tabs__hkzfP .arco-tabs-tabpane {
    padding: 0;
}

/* GroupContainer 默认不撑满剩余空间（在 JS 内联样式中设 flex: '0 1 auto'） */

/* 转单列表容器 */
.index-module__container__HFklm {
    width: 220px;
    flex-shrink: 0;
    /* 用 align-self:stretch 撑满父级 flex row 的交叉轴（中间区域，已减去卡片头高度）。
       不用 height:100%——它在 flex item 子元素上会回退相对更外层（含卡片头），导致底部超出。 */
    align-self: stretch;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e5e6eb;
    background: #f2f4f9;
    overflow: hidden;
    margin-top: 4px;
}

/* 列表区 */
.index-module__list__BKxz9 {
    flex: 1;
    overflow: auto;
    min-height: 0;
    padding: 6px;
}

/* 列表区滚动条优化 */
.index-module__list__BKxz9::-webkit-scrollbar {
    width: 4px;
}
.index-module__list__BKxz9::-webkit-scrollbar-track {
    background: transparent;
}
.index-module__list__BKxz9::-webkit-scrollbar-thumb {
    background: #c9cdd4;
    border-radius: 2px;
}
.index-module__list__BKxz9::-webkit-scrollbar-thumb:hover {
    background: #a8abb2;
}

/* 单行 */
.index-module__row__ZgJzU {
    padding: 8px;
    cursor: pointer;
    border-radius: 6px;
    margin-bottom: 4px;
    transition: background 0.15s, border-color 0.15s;
    background: #fff;
    border: 1px solid transparent;
    line-height: 20px;
    user-select: none;
}
.index-module__row__ZgJzU:hover {
    background: var(--xw-bg-hover);
}

/* 激活行 */
.index-module__rowActive__vdH6e {
    background: var(--xw-accent-light, #e8f3ff);
    border-color: var(--xw-accent, #1456f0);
}
/* 激活态 hover 保持激活背景，不被 .row:hover 覆盖 */
.index-module__rowActive__vdH6e:hover {
    background: var(--xw-accent-light, #e8f3ff);
}

/* 单元格 */
.index-module__cell__G6UEt {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1d2129;
    font-weight: 400;
}
.index-module__cellActive__T2lUz {
    color: var(--xw-accent, #1456f0);
    font-weight: 600;
}

/* 字段 label（冒号前的字段名） */
.index-module__label__mZujZ {
    display: inline-block;
    color: #86909c;
    font-weight: 400;
    text-align: right;
    margin-right: 4px;
}

.index-module__viewer__R4JCW {
    position: absolute;
    inset: 0;
    z-index: 300;
    display: flex;
    flex-direction: column;
    background: #f7f8fa;
}

.index-module__header__w0y6U {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 12px;
    border-bottom: 1px solid #e5e6eb;
    background: #fff;
    flex-shrink: 0;
}

.index-module__title__zAk_R {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.index-module__titleMain__dKByS {
    font-size: 14px;
    font-weight: 600;
    color: #1d2129;
    line-height: 18px;
}

.index-module__titleSub__Q7mD1 {
    font-size: 10px;
    color: #86909c;
    line-height: 14px;
}

.index-module__content__m7WHI {
    flex: 1;
    min-height: 0;
    display: flex;
}

.index-module__sidebar__ONqUp {
    width: 264px;
    border-right: 1px solid #e5e6eb;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex-shrink: 0;
    transition: width .18s ease;
}

.index-module__listHeader__HqEbs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid #f2f3f5;
    font-size: 13px;
    color: #4e5969;
    flex-shrink: 0;
}

.index-module__listHeaderRight__ostF2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.index-module__collapseBtn__Qu3mN {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #86909c;
    cursor: pointer;
}

.index-module__collapseBtn__Qu3mN:hover {
    background: #f2f3f5;
    color: #1d2129;
}

/* 收起态：只保留一条窄栏，点击后恢复版本列表 */
.index-module__sidebarCollapsed__G4wXS {
    width: 36px;
}

.index-module__sidebarExpand__TEUpI {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    height: 100%;
    padding: 16px 0;
    border: none;
    background: transparent;
    color: #86909c;
    cursor: pointer;
}

.index-module__sidebarExpand__TEUpI:hover {
    background: #f7f8fa;
    color: #1d2129;
}

.index-module__sidebarExpandText__NEjIe {
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 1;
}

.index-module__listCount__fPYse {
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background: #f2f3f5;
    color: #86909c;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
}

.index-module__list__pD39_ {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 8px;
}

/* 版本小卡片：信息更完整，单卡高度约 88px；content-visibility 降低长列表渲染成本 */
.index-module__versionItem__o6NkT {
    display: block;
    width: 100%;
    min-height: 88px;
    text-align: left;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    padding: 10px 12px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    content-visibility: auto;
    contain-intrinsic-size: 88px;
}

.index-module__versionItem__o6NkT:hover {
    border-color: #c9cdd4;
    background: #fafbfc;
}

.index-module__versionItemActive__N3igN {
    background: #f5f8ff;
}

.index-module__versionHead__adUGK {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.index-module__versionTitle__kyUo5 {
    font-size: 13px;
    font-weight: 600;
    color: #1d2129;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-module__versionTime__PlZmy {
    font-size: 11px;
    color: #86909c;
    line-height: 16px;
    white-space: nowrap;
    flex-shrink: 0;
}

.index-module__versionMeta__dphFT {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.index-module__versionOperator__jZvXq {
    font-size: 12px;
    color: #4e5969;
}

/* 创建人 / 修改人（业务对象预置审计字段） */
.index-module__versionPeople__YL7zD {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2px;
    font-size: 11px;
    line-height: 16px;
    color: #86909c;
}

.index-module__versionBadge__U0tdH {
    font-size: 11px;
    line-height: 16px;
    padding: 0 6px;
    border-radius: 4px;
    background: #f2f3f5;
    color: #4e5969;
}

.index-module__versionRemark__PIvRZ {
    margin-top: 4px;
    font-size: 11px;
    line-height: 16px;
    color: #86909c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-module__main__AI9aU {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.index-module__summary__EXT1r {
    padding: 10px 16px;
    background: #fff;
    border-bottom: 1px solid #e5e6eb;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    flex-shrink: 0;
}

.index-module__summaryTag__WMZ1S,
.index-module__summaryTagDanger__oUhlP,
.index-module__summaryTagWarn__iijHz,
.index-module__summaryTagMuted__fvskn {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    white-space: nowrap;
}

.index-module__summaryTag__WMZ1S {
    background: #f2f3f5;
    color: #4e5969;
}

.index-module__summaryTagDanger__oUhlP {
    background: #fff1f0;
    color: #cb2634;
}

.index-module__summaryTagWarn__iijHz {
    background: #fff7e8;
    color: #d25f00;
}

.index-module__summaryTagMuted__fvskn {
    background: #f2f3f5;
    color: #86909c;
}

.index-module__summaryRemark__cetMJ {
    flex: 1;
    min-width: 120px;
    font-size: 12px;
    color: #86909c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== 变更明细面板 ===== */
.index-module__detailPanel__ox6qb {
    background: #fff;
    border-bottom: 1px solid #e5e6eb;
    flex-shrink: 0;
}

.index-module__detailHeader__fJjgN {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: #1d2129;
}

.index-module__detailTitle__OrFu2 {
    font-size: 13px;
    font-weight: 600;
}

.index-module__detailSub__Nu76c {
    font-size: 11px;
    color: #86909c;
}

.index-module__detailBody__Zql4g {
    max-height: 208px;
    overflow: auto;
    padding: 0 16px 10px;
}

.index-module__detailGroup__JT_WQ {
    padding: 8px 10px;
    border: 1px solid #f2f3f5;
    border-radius: 6px;
    background: #fafbfc;
    margin-bottom: 8px;
}

.index-module__detailGroupTitle__NF82K {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #1d2129;
    margin-bottom: 6px;
}

.index-module__tagAdd__ltxUJ {
    color: #00a870;
    background: #e8ffea;
    border-radius: 4px;
    padding: 0 6px;
    font-weight: 400;
}

.index-module__tagRemove__JpK4T {
    color: #cb2634;
    background: #ffece8;
    border-radius: 4px;
    padding: 0 6px;
    font-weight: 400;
}

.index-module__tagUpdate__HK_gt {
    color: #d25f00;
    background: #fff7e8;
    border-radius: 4px;
    padding: 0 6px;
    font-weight: 400;
}

.index-module__detailRow__gJb07 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    padding: 3px 0;
    font-size: 12px;
    color: #4e5969;
    line-height: 18px;
}

.index-module__rowAction_insert__BgmZr,
.index-module__rowAction_delete__wgDEp,
.index-module__rowAction_update__Zgzzm {
    flex-shrink: 0;
    border-radius: 4px;
    padding: 0 6px;
    font-size: 11px;
}

.index-module__rowAction_insert__BgmZr {
    color: #00a870;
    background: #e8ffea;
}

.index-module__rowAction_delete__wgDEp {
    color: #cb2634;
    background: #ffece8;
}

.index-module__rowAction_update__Zgzzm {
    color: #d25f00;
    background: #fff7e8;
}

.index-module__rowLabel__AdKBZ {
    font-weight: 500;
    color: #1d2129;
}

.index-module__rowFields__y_ddw {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.index-module__rowField__LS9jK {
    color: #4e5969;
}

.index-module__rowField__LS9jK b {
    margin-left: 4px;
    font-weight: 500;
}

.index-module__rowGrand__BVQDe {
    width: 100%;
    padding-left: 8px;
    color: #86909c;
    font-size: 11px;
}

.index-module__preview__Uwy3E {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 12px;
    /* 历史预览只读：允许选中文字复制 */
    user-select: text;
}

/* 预览里的按钮/链接不响应操作，光标也提示不可点 */
.index-module__preview__Uwy3E button,
.index-module__preview__Uwy3E a,
.index-module__preview__Uwy3E [role="button"] {
    cursor: default;
}

.index-module__empty__i1tE1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #86909c;
    height: 100%;
}

#meta-simple{
    /* padding: 12px; */
    /* background-color: #ffffff; */
}

.meta-simple-view {
    position: relative;
}
.height-100{
    height: 100%;
    min-height: 0;
}

.tabs-content{
    height: 100%;
    min-height: 0;
}
.tabs-pane{
    height: 100%;
    min-height: 0;
}
.container-browse-mode{
    height: 100%;
    min-height: 0;
}
.ncc-flex-container{
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.list-header-container{
    flex: 1;
    padding: 4px;
    overflow-y: auto;
    background-color: #f3f4fb;
}
.search-container{
    width: 100%;
}

/* ===== 全屏模式 ===== */
.workbench-fullscreen .xw_navbar {
    display: none;
}

.workbench-fullscreen #workbench {
    margin-top: 0;
    height: 100vh;
}

.workbench-fullscreen .meta-simple-view {
    height: 100%;
}

.workbench-fullscreen #workbench > div[data-type="simple"] {
    height: 100%;
}

.workbench-fullscreen .tabs-content {
    padding: 0;
}

/* ===== ServiceTabs 系统级多标签栏（矩形页签风格） ===== */

.index-module__container__ZzyHO {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    background: var(--xw-accent-light, #dee1e6);
    /* background: #252c38; */
    border-bottom: 1px solid var(--xw-accent-light, #dee1e6);
    /* border-bottom: 1px solid #252c38; */
    flex-shrink: 0;
    /* 高于页面内模态框（自研 Modal 3000 / ttx.modal 动态层级），避免页签右键菜单被盖住 */
    z-index: 4000;
    padding-right: 4px;
}

/* 标签导航区：横向滚动，隐藏滚动条 */
.index-module__nav__Zs9gH {
    display: flex;
    align-items: flex-end;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    min-width: 0;
}
.index-module__nav__Zs9gH::-webkit-scrollbar {
    display: none;
}

/* nav 两端内边距占位 */
.index-module__navPadLeft__qsZWL {
    min-width: 8px;
    flex-shrink: 0;
}
.index-module__navPadRight__tAHLP {
    min-width: 8px;
    flex-shrink: 0;
}

/* ===== 左右滚动箭头 ===== */
.index-module__arrowBtn__ZxVWW {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: #4e5969;
    flex-shrink: 0;
    user-select: none;
    transition: color 0.15s;
    margin-bottom: 0;
}
.index-module__arrowBtn__ZxVWW:hover {
    color: #1d2129;
}
.index-module__arrowLeft__TRmSj {
    position: relative;
    margin-right: 4px;
}
.index-module__arrowLeft__TRmSj::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background: rgba(0, 0, 0, 0.12);
}
.index-module__arrowRight__wgdj8 {
    position: relative;
    margin-left: 4px;
}

/* 右侧按钮组左边的分割线（加在第一个右侧按钮：全屏按钮左边） */
.index-module__fullscreenBtn__Q3QBH {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: #4e5969;
    transition: color 0.15s;
    flex-shrink: 0;
    user-select: none;
    position: relative;
    margin-left: 4px;
}
.index-module__fullscreenBtn__Q3QBH::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background: rgba(0, 0, 0, 0.12);
}
.index-module__fullscreenBtn__Q3QBH:hover {
    color: #1d2129;
}
.index-module__fullscreenBtn__Q3QBH svg {
    font-size: 16px;
}

/* 单个标签：矩形风格，左上角 + 右侧上下圆角 */
.index-module__tab__o2HdQ {
    display: inline-flex;
    align-items: center;
    min-width: 80px;
    max-width: 220px;
    height: 28px;
    padding: 0 14px;
    margin-right: 2px;
    cursor: pointer;
    position: relative;
    z-index: 0; /* 建立层叠上下文，让 ::after 背景层位于标题/关闭按钮等内容之下 */
    color: #4e5969;
    /* color: rgba(255, 255, 255, 0.78);（深色背景版本） */
    font-size: 12px;
    white-space: nowrap;
    background: transparent;
    transition: color 0.15s;
    user-select: none;
    flex-shrink: 0;
}

/* 背景层：仅顶部两角保留 4px 圆角，底部不圆角，置于内容下方（不裁剪标题/图钉/关闭按钮）
   非激活态保留浅色填充，让页签轮廓始终可见，避免页签看起来像悬空的文字 */
.index-module__tab__o2HdQ::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.42);
    border-radius: 4px 4px 0 0;
    transition: background 0.15s;
}

.index-module__tab__o2HdQ:hover {
    color: #1d2129;
}
.index-module__tab__o2HdQ:hover::after {
    background: rgba(255, 255, 255, 0.75);
}

/* 激活标签：纯白背景并压在其他页签之上，与下方内容区连成一体 */
.index-module__tabActive__qN2qW {
    color: #1d2129;
    z-index: 2;
}
.index-module__tabActive__qN2qW::after {
    background: #fff;
}
.index-module__tabActive__qN2qW:hover {
    color: #1d2129;
}
.index-module__tabActive__qN2qW:hover::after {
    background: #fff;
}

/* 页签之间的浅色分割线：仅相邻两个非激活页签之间显示（激活页签白色背景两侧不画线） */
.index-module__tab__o2HdQ:not(.index-module__tabActive__qN2qW) + .index-module__tab__o2HdQ:not(.index-module__tabActive__qN2qW)::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
    width: 1px;
    /* background: rgba(255, 255, 255, 0.2); */
    background: rgba(0, 0, 0, 0.12);
}

/* 拖拽中：跟随鼠标。阴影用 drop-shadow 而非 box-shadow，
   否则阴影是矩形，与页签轮廓不一致 */
.index-module__tabDragging__OfTyH {
    cursor: grabbing;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.18));
}

/* 拖拽让位动画 */
.index-module__tab__o2HdQ {
    will-change: transform;
}

/* 标签标题 */
.index-module__tabTitle__cOGiX {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    text-align: left;
}

/* 关闭按钮 */
.index-module__closeBtn__s5plY {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    border-radius: 50%;
    color: #86909c;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}
.index-module__closeBtn__s5plY:hover {
    color: #1d2129;
    background: var(--xw-bg-hover);
}
.index-module__closeBtn__s5plY svg {
    display: block;
}

/* 图钉图标（固定页签的右上角小图标） */
.index-module__pinIcon__ZhESt {
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    opacity: 0.55;
    pointer-events: none;
}

.index-module__pinIcon__ZhESt svg {
    font-size: 14px;
}

/* 激活页签的图钉高亮 */
.index-module__pinIconActive__ZGxMv {
    opacity: 1;
    color: #1456f0;
}

/* + 号新增页签按钮：默认仅显示图标，hover 出现圆形背景 */
.index-module__plusTab__PwwSG {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    margin-bottom: 3px;
    cursor: pointer;
    color: #4e5969;
    background: transparent;
    transition: background 0.15s, color 0.15s, border-radius 0.15s;
    flex-shrink: 0;
    user-select: none;
}
.index-module__plusTab__PwwSG:hover {
    color: #1d2129;
    background: var(--xw-bg-hover);
    border-radius: 50%;
}
.index-module__plusTabActive__H55lf {
    color: #1d2129;
    background: var(--xw-bg-hover);
    border-radius: 50%;
}
.index-module__plusTab__PwwSG svg {
    display: block;
}

/* ===== 右键菜单 ===== */
.index-module__contextMenu__os3du {
    position: fixed;
    min-width: 100px;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    padding: 4px 0;
    z-index: 510;
}

.index-module__menuItem__wFLdJ {
    padding: 6px 12px;
    font-size: 13px;
    color: #1d2129;
    cursor: pointer;
    text-align: center;
    transition: background 0.15s;
}
.index-module__menuItem__wFLdJ:hover {
    background: var(--xw-bg-hover);
    color: var(--xw-accent);
}

/* ===== + 号气泡搜索面板（由 Arco Popover 承载定位） ===== */
.index-module__plusPopover__hA6eT .arco-popover-popup-content {
    padding: 0 !important;
}
/* Popover 容器 z-index 需高于 loading(500)，否则 loading 蒙层会盖住下拉菜单 */
.index-module__plusPopover__hA6eT,
.index-module__overflowPopover__Pbs7Z {
    z-index: 510 !important;
}
.index-module__searchPopover__QLOFp {
    width: 280px;
    background: #fff;
    overflow: hidden;
}
.index-module__searchBox__mm6WZ {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid var(--xw-border-1);
}
.index-module__searchIcon__hkHNo {
    color: #86909c;
    flex-shrink: 0;
    margin-right: 8px;
}
.index-module__searchInput__NGKbM {
    flex: 1;
    border: none;
    outline: none;
    font-size: 13px;
    color: #1d2129;
    background: transparent;
    min-width: 0;
}
.index-module__searchInput__NGKbM::placeholder {
    color: #c0c4cc;
}
.index-module__clearBtn__hdrcd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    border-radius: 4px;
    color: #86909c;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}
.index-module__clearBtn__hdrcd:hover {
    color: #1d2129;
    background: var(--xw-bg-hover);
}
.index-module__searchResults__G9_7s {
    max-height: 320px;
    overflow-y: auto;
    padding: 4px 0;
}
.index-module__searchResults__G9_7s::-webkit-scrollbar {
    width: 6px;
}
.index-module__searchResults__G9_7s::-webkit-scrollbar-thumb {
    background: #d4d5d9;
    border-radius: 3px;
}
.index-module__resultItem__b01Qw {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.15s;
}
.index-module__resultItem__b01Qw:hover {
    background: var(--xw-accent-light);
}
.index-module__resultContent__xH9dH {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.index-module__resultTitle__zkCfq {
    font-size: 13px;
    color: #1d2129;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-module__resultItem__b01Qw:hover .index-module__resultTitle__zkCfq {
    color: var(--xw-accent);
}
.index-module__resultPath__nNkz2 {
    font-size: var(--xw-font-xs);
    color: #86909c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-module__noResult__NwL7s {
    padding: 20px 12px;
    text-align: center;
    font-size: 13px;
    color: #c0c4cc;
}

/* ===== 全屏切换按钮 ===== */
/* ===== 溢出页签下拉 ===== */
.index-module__overflowBtn__Wsdtj {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: #4e5969;
    transition: color 0.15s, background 0.15s;
    flex-shrink: 0;
    user-select: none;
}
.index-module__overflowBtn__Wsdtj:hover {
    color: #1d2129;
}
.index-module__overflowBtn__Wsdtj svg {
    font-size: 16px;
    transition: transform 0.2s;
}
.index-module__overflowBtnActive__P2QtB svg {
    transform: rotate(180deg);
}

.index-module__overflowList__omTcm {
    max-height: 300px;
    overflow-y: auto;
    padding: 4px 0;
    min-width: 150px;
}

.index-module__overflowItem__jT2sK {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}
.index-module__overflowItem__jT2sK:hover {
    background: var(--xw-bg-hover);
}
.index-module__overflowItemActive__SrNYb {
    color: var(--xw-accent, #1456f0);
    font-weight: 500;
}

.index-module__overflowTitle__dRvim {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-module__overflowClose__g8JWp {
    margin-left: 8px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #86909c;
    font-size: 14px;
    transition: background 0.15s, color 0.15s;
}
.index-module__overflowClose__g8JWp:hover {
    background: var(--xw-bg-hover);
    color: #1d2129;
}

.index-module__root__DK2d4 {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-self: stretch;
}

.index-module__panelSlot__PvUJx {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

.index-module__panelSlotOpen__lsUgG > div {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    transition: border-radius 0.25s ease;
}

.index-module__icons__rkxG2 {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
    background: #f7f8fa;
    border-left: 1px solid #e5e6eb;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    z-index: 11;
    transition: border-radius 0.25s ease;
}

.index-module__iconsFlat__H1fs5 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.index-module__icon__Z75rW {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #86909c;
    cursor: pointer;
}

.index-module__icon__Z75rW:hover {
    color: #1456f0;
    background: #e8f0ff;
}

.index-module__iconActive__gxSVe {
    color: #1456f0;
    background: #e8f0ff;
}

/* ===== 浅色三栏大面板：应用面板 + 菜单列 + 内容分组区 ===== */

/* ---------- 左侧常用菜单快捷栏（深色图标栏 + 悬浮收藏面板） ---------- */
/* 挂在 #workbench-rail 内做 flex 占位：与右侧助手同层，顶部对齐页签栏之下，不遮挡内容 */
.index-module__rail__pM_4S {
    position: relative; /* 吸附面板的定位基准 */
    z-index: 50; /* 建立层叠上下文，确保吸附面板盖住右侧内容区/表格控件 */
    order: -1; /* 排到内容区左侧 */
    width: 44px;
    flex-shrink: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 6px;
    box-sizing: border-box;
    background: #17212b;
}
.index-module__railBtn___fbMT {
    width: 34px;
    height: 34px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #cfd8e3;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease, color 0.15s ease;
}
.index-module__railBtn___fbMT:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.index-module__railBtnStar__F5miU { color: #f7ba1e; }
.index-module__railBtnStar__F5miU:hover { color: #ffc53d; }

/* 吸附式展开面板：紧贴快捷栏右缘、与快捷栏连体同背景（非悬浮弹窗） */
.index-module__railFlyout__Dl9F9 {
    position: absolute;
    left: 44px;
    top: 0;
    bottom: 0;
    width: 232px;
    overflow-y: auto;
    background: #17212b;
    padding: 10px 8px;
    box-sizing: border-box;
    animation: index-module__railFlyoutIn__d3ojM 0.15s ease;
    scrollbar-width: thin;
    scrollbar-color: #3a4a5c transparent;
}
.index-module__railFlyout__Dl9F9::-webkit-scrollbar { width: 4px; }
.index-module__railFlyout__Dl9F9::-webkit-scrollbar-thumb { background: #3a4a5c; border-radius: 2px; }
@keyframes index-module__railFlyoutIn__d3ojM {
    from { transform: translateX(-8px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* 面板顶部搜索框 */
.index-module__railFlyoutSearch__ou5rg {
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 6px;
    padding: 0 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #8fa2b5;
}
.index-module__railFlyoutSearchInput__QI8P8 {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0 8px;
    font-size: 13px;
    color: #fff;
}
.index-module__railFlyoutSearchInput__QI8P8::placeholder { color: #8fa2b5; }

.index-module__railFlyoutHeader__jJ4sG {
    display: flex;
    align-items: center;
    padding: 6px 10px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.index-module__railFlyoutStar__fj0pd { color: #f7ba1e; margin-right: 8px; font-size: 14px; }
.index-module__railFlyoutItem__r9Kvh {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 10px;
    border-radius: 6px;
    color: #dfe6ee;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: background 0.12s ease, color 0.12s ease;
}
.index-module__railFlyoutItem__r9Kvh:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
.index-module__railFlyoutIcon__H28dY {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    flex-shrink: 0;
}
.index-module__railFlyoutIcon__H28dY svg { width: 15px; height: 15px; }
.index-module__railFlyoutLabel__EUT5_ {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-module__railFlyoutEmpty__DPxi6 {
    padding: 18px 10px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    text-align: center;
}

/* 面板底部：全部收藏和历史入口 */
.index-module__railFlyoutFooter__sBEEN {
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding: 10px;
    border-radius: 6px;
    color: #dfe6ee;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    transition: background 0.12s ease;
}
.index-module__railFlyoutFooter__sBEEN:hover { background: rgba(255, 255, 255, 0.1); }
.index-module__railFlyoutFooterIcon__fTYVR { color: #f7ba1e; margin-right: 10px; }
.index-module__railFlyoutFooterArrow__Swl3P { margin-left: auto; color: #8fa2b5; }

/* ---------- 左侧抽屉弹层：透明遮罩 + 面板本体 ---------- */

/* 遮罩：覆盖视口（导航栏以下），点击空白处收回；透明不遮挡视觉 */
.index-module__drawerBackdrop__dj6ZQ {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--xw-navbar-height, 35px);
    bottom: 0;
    z-index: 4200;
    background: rgba(29, 33, 41, 0.45);
}

/* 抽屉面板：固定在视口左侧、导航栏以下，宽度固定为屏幕的 2/3（最小 720px），带滑入动画和投影 */
.index-module__sideRoot__oiJ4b {
    position: fixed;
    left: 0; /* 独立组件：贴屏幕最左侧展开，盖过快捷栏 */
    top: var(--xw-navbar-height, 35px);
    bottom: 0;
    z-index: 4201;
    display: flex;
    flex-direction: row;
    width: calc(100vw * 2 / 3);
    min-width: 720px;
    min-height: 0;
    background: #f5f6fa;
    box-shadow: 4px 0 20px rgba(29, 33, 41, 0.16);
    border-right: 1px solid #eceef1;
    border-top-right-radius: 10px;
    animation: index-module__drawerIn__vAFJC 0.22s ease;
    box-sizing: border-box;
}
@keyframes index-module__drawerIn__vAFJC {
    from { transform: translateX(-100%); opacity: 0.4; }
    to { transform: translateX(0); opacity: 1; }
}

/* ---------- 面板一：应用列表 ---------- */
.index-module__menuWrap__LFEUH {
    display: flex;
    flex-direction: column;
    width: 236px;
    flex-shrink: 0;
    height: 100%;
    box-sizing: border-box;
    background: #f5f6fa;
    padding: 8px;
    gap: 8px;
}

/* 顶部搜索框（白底圆角卡片） */
.index-module__panelSearch__XYNhw {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eceef1;
    height: 36px;
    padding: 0 10px;
    box-shadow: 0 1px 2px rgba(31, 42, 55, 0.04);
}
.index-module__panelSearchIcon__A2xQO { color: #c9cdd4; flex-shrink: 0; }
.index-module__panelSearchInput__Vbu_K {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0 8px;
    font-size: 13px;
    color: #1d2129;
}
.index-module__panelSearchInput__Vbu_K::placeholder { color: #c9cdd4; }

/* 应用卡片列表（滚动区域） */
.index-module__menu__e_9LC {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #d4d7de transparent;
}
.index-module__menu__e_9LC::-webkit-scrollbar { width: 4px; }
.index-module__menu__e_9LC::-webkit-scrollbar-track { background: transparent; }
.index-module__menu__e_9LC::-webkit-scrollbar-thumb { background: #d4d7de; border-radius: 2px; }
.index-module__menu__e_9LC::-webkit-scrollbar-thumb:hover { background: #b8bcc4; }

.index-module__panelEmpty__xY8Bt {
    padding: 24px 12px;
    color: #86909c;
    font-size: 12px;
    text-align: center;
}

/* 应用卡片：白底圆角，头部（图标+名称+箭头），展开后显示二级两列 */
.index-module__appCard__jE6e8 {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eceef1;
    box-shadow: 0 1px 2px rgba(31, 42, 55, 0.04);
    overflow: hidden;
}
.index-module__appCardHeader__XTG4E {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    color: #1d2129;
    transition: background 0.15s ease;
}
.index-module__appCardHeader__XTG4E:hover { background: #f7f8fa; }
.index-module__appCardHeaderOpen__oZ1Kz { background: #f2f7ff; }
/* 选中的一级菜单：浅蓝底 + 高亮描边（跟随卡片顶部圆角） */
.index-module__appCardHeaderActive__y0gfO {
    font-weight: 600;
    background: #e8f3ff;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 0 0 1.5px #94bfff;
}
/* 折叠态（头部即整卡）：四角全圆，避免下边两角缺角 */
.index-module__appCardHeaderSolo__kEyg9.index-module__appCardHeaderActive__y0gfO {
    border-radius: 8px;
}
.index-module__appIcon__AryIb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    flex-shrink: 0;
}
.index-module__appIcon__AryIb svg { width: 16px; height: 16px; }
.index-module__appTitle__vaYkA {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 应用卡片展开箭头（> 收起 / v 展开），点击头部切换 */
.index-module__appArrow__sBc3U {
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #a9aeb8;
    border-bottom: 1.5px solid #a9aeb8;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
    margin-left: 8px;
}
.index-module__appArrowOpen__D9RNN { transform: rotate(45deg); }

/* 应用卡片展开区：二级菜单两列平铺 */
.index-module__appCardBody__ezJHC {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 8px;
    padding: 4px 10px 10px;
}
.index-module__appCardItem__GgLV6 {
    display: flex;
    align-items: center;
    min-height: 26px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    color: #4e5969;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.12s ease, background 0.12s ease;
}
.index-module__appCardItem__GgLV6:hover { color: #165dff; background: #f2f7ff; }

/* ---------- 面板二：当前应用的二级菜单列 ---------- */
.index-module__subSidebar__z1H_r {
    display: flex;
    flex-direction: column;
    width: 190px;
    flex-shrink: 0;
    height: 100%;
    min-height: 0;
    background: #fff;
    border-right: 1px solid #eceef1;
    overflow: hidden;
}

/* 二级菜单列表（滚动区域） */
.index-module__subList__jZwdz {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 8px;
    scrollbar-width: thin;
    scrollbar-color: #d4d7de transparent;
}
.index-module__subList__jZwdz::-webkit-scrollbar { width: 4px; }
.index-module__subList__jZwdz::-webkit-scrollbar-track { background: transparent; }
.index-module__subList__jZwdz::-webkit-scrollbar-thumb { background: #d4d7de; border-radius: 2px; }
.index-module__subList__jZwdz::-webkit-scrollbar-thumb:hover { background: #b8bcc4; }

/* 二级菜单项：叶子直接打开；分组点击选中（红字 + 左侧红色竖条 + 浅灰底） */
.index-module__subGroupItem__ODOl5 {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 14px;
    border-radius: 6px;
    color: #1d2129;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 3px solid transparent;
    transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease;
}
.index-module__subGroupItem__ODOl5:hover { color: #f53f3f; background: #f7f8fa; }
.index-module__subGroupItemActive__lvvlI {
    color: #f53f3f;
    font-weight: 600;
    background: #f2f3f5;
    border-left-color: #f53f3f;
}

/* ---------- 面板三：内容分组区 ---------- */
.index-module__contentPanel__WGfwj {
    flex: 1;
    min-width: 0;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    padding: 18px 24px;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #d4d7de transparent;
}
.index-module__contentPanel__WGfwj::-webkit-scrollbar { width: 4px; }
.index-module__contentPanel__WGfwj::-webkit-scrollbar-track { background: transparent; }
.index-module__contentPanel__WGfwj::-webkit-scrollbar-thumb { background: #d4d7de; border-radius: 2px; }
.index-module__contentPanel__WGfwj::-webkit-scrollbar-thumb:hover { background: #b8bcc4; }

/* 分组：标题（红色竖条 + 加粗）+ 菜单项竖排（每行一个） */
.index-module__groupSection__nfNti {
    margin-bottom: 18px;
    /* 书签定位时与容器顶部留出间距 */
    scroll-margin-top: 12px;
}
.index-module__groupSection__nfNti:last-child { margin-bottom: 0; }
.index-module__groupTitle__YyN5E {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #1d2129;
    margin-bottom: 4px;
}
.index-module__groupTitle__YyN5E::before {
    content: '';
    width: 3px;
    height: 15px;
    background: #f53f3f;
    border-radius: 2px;
    margin-right: 8px;
    flex-shrink: 0;
}
.index-module__groupItems__gj24a {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px 16px;
}
.index-module__groupItem___Pl0h {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 4px 8px;
    border-radius: 4px;
    color: #4e5969;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.12s ease, background 0.12s ease;
}
.index-module__groupItem___Pl0h:hover { color: #f53f3f; background: #f7f8fa; }

/* 顶部导航业务日期：Arco DatePicker 融入导航栏样式 */
#navDate {
    padding: 0;
    cursor: pointer;
}

#navDate .xw-nav-date-picker.arco-picker {
    width: 132px;
    height: 28px;
    padding: 0 8px;
    background: transparent;
    border-color: transparent;
    border-radius: 4px;
    transition: background-color .2s ease, border-color .2s ease;
}

#navDate .xw-nav-date-picker.arco-picker:hover,
#navDate .xw-nav-date-picker.arco-picker.arco-picker-focused,
#navDate .xw-nav-date-picker.arco-picker:focus-within {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

#navDate .xw-nav-date-picker .arco-picker-input input {
    color: var(--xw_text-default-color);
    font-size: 13px;
}

#navDate .xw-nav-date-picker .arco-picker-suffix-icon,
#navDate .xw-nav-date-picker .arco-picker-prefix {
    color: var(--xw_text-default-color);
}

/* 非默认主题（彩色/深色导航栏）：日期文字与图标为白色 */
html[data-color-theme]:not([data-color-theme="#1456f0"]) #navDate .xw-nav-date-picker .arco-picker-input input,
html[data-color-theme]:not([data-color-theme="#1456f0"]) #navDate .xw-nav-date-picker .arco-picker-suffix-icon,
html[data-color-theme]:not([data-color-theme="#1456f0"]) #navDate .xw-nav-date-picker .arco-picker-prefix {
    color: #ffffff;
}

/* 日期面板层级需高于顶部导航(4100)与系统级页签容器(4000) */
.arco-picker-container,
.arco-picker-popup {
    z-index: 6000 !important;
}

