/* Local UI overrides. Keep changes here so the downloaded build stays easy to compare. */

/* 登录页：去掉账号和密码输入框前置图标。 */
html body #root .login-panel__form .login-field__icon {
  display: none !important;
}

html body #root .login-panel__form .login-field__control input {
  padding-left: 0.75rem !important;
}

/* 仓位汇总表格：表头与数据按同一列轨道左对齐。 */
.ratio-position-table {
  --ratio-position-table-min-width: 1744px;
  --ratio-position-table-grid: 92px repeat(5, 68px) repeat(7, 112px) repeat(3, 132px) minmax(132px, 1fr);
  table-layout: fixed !important;
  width: 100% !important;
  min-width: var(--ratio-position-table-min-width) !important;
  background: #ffffff !important;
}

/* 交易明细表格：下级 / 本级 / 上级分组底色。 */
html body #root .deal-history-sticky-table thead tr:first-child th:nth-child(2),
html body #root .deal-history-sticky-table thead tr:nth-child(2) th:nth-child(n+16):nth-child(-n+19) {
  background: #F8FCFA !important;
}

html body #root .deal-history-sticky-table thead tr:first-child th:nth-child(3),
html body #root .deal-history-sticky-table thead tr:nth-child(2) th:nth-child(n+20):nth-child(-n+23) {
  background: #F5FAFD !important;
}

html body #root .deal-history-sticky-table thead tr:first-child th:nth-child(4),
html body #root .deal-history-sticky-table thead tr:nth-child(2) th:nth-child(n+24):nth-child(-n+27) {
  background: #FFFCF4 !important;
}

html body #root .deal-history-sticky-table tbody tr:not(:last-child) td:nth-child(n+16):nth-child(-n+19),
html body #root .deal-history-sticky-table tbody tr:last-child td:nth-child(n+6):nth-child(-n+9) {
  background: #F8FCFA !important;
}

html body #root .deal-history-sticky-table tbody tr:not(:last-child) td:nth-child(n+20):nth-child(-n+23),
html body #root .deal-history-sticky-table tbody tr:last-child td:nth-child(n+10):nth-child(-n+13) {
  background: #F5FAFD !important;
}

html body #root .deal-history-sticky-table tbody tr:not(:last-child) td:nth-child(n+24):nth-child(-n+27),
html body #root .deal-history-sticky-table tbody tr:last-child td:nth-child(n+14):nth-child(-n+17) {
  background: #FFFCF4 !important;
}

/* 持仓订单表格：仅本级分组底色。 */
html body #root table.daily-position-sticky-table > thead > tr:first-child > *:nth-child(3),
html body #root table.daily-position-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+16):nth-child(-n+20) {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
  box-shadow: inset 0 0 0 9999px #F5FAFD, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.daily-position-sticky-table > tbody > tr > *:nth-child(n+17):nth-child(-n+21) {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
}

/* 持仓历史表格：下级 / 本级 / 上级分组底色。 */
html body #root table.position-history-sticky-table > thead > tr:first-child > *:nth-child(2),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+16):nth-child(-n+18) {
  background: #F8FCFA !important;
  background-color: #F8FCFA !important;
  background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
  box-shadow: inset 0 0 0 9999px #F8FCFA, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.position-history-sticky-table > thead > tr:first-child > *:nth-child(3),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+19):nth-child(-n+21) {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
  box-shadow: inset 0 0 0 9999px #F5FAFD, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.position-history-sticky-table > thead > tr:first-child > *:nth-child(4),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+22):nth-child(-n+24) {
  background: #FFFCF4 !important;
  background-color: #FFFCF4 !important;
  background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
  box-shadow: inset 0 0 0 9999px #FFFCF4, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.position-history-sticky-table > tbody > tr > *:nth-child(n+16):nth-child(-n+18) {
  background: #F8FCFA !important;
  background-color: #F8FCFA !important;
  background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
}

html body #root table.position-history-sticky-table > tbody > tr > *:nth-child(n+19):nth-child(-n+21) {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
}

html body #root table.position-history-sticky-table > tbody > tr > *:nth-child(n+22):nth-child(-n+24) {
  background: #FFFCF4 !important;
  background-color: #FFFCF4 !important;
  background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
}

html body #root .ratio-position-table thead,
html body #root .ratio-position-table tbody {
  display: block !important;
  width: 100% !important;
  min-width: var(--ratio-position-table-min-width) !important;
  background: #ffffff !important;
}

html body #root .ratio-position-table thead tr,
html body #root .ratio-position-table tbody tr {
  display: grid !important;
  grid-template-columns: var(--ratio-position-table-grid);
  width: 100% !important;
  min-width: var(--ratio-position-table-min-width) !important;
}

html body #root .ratio-position-table thead th,
html body #root .ratio-position-table tbody td {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 12px 12px !important;
  text-align: left !important;
}

html body #root .ratio-position-table thead th:first-child,
html body #root .ratio-position-table tbody td:first-child {
  padding-left: 14px !important;
}

html body #root .ratio-position-table thead th:not(:first-child),
html body #root .ratio-position-table tbody td:not(:first-child) {
  padding-left: 4px !important;
}

html body #root .ratio-position-table thead th > button,
html body #root .ratio-position-table thead th > div,
html body #root .ratio-position-table tbody td > div,
html body #root .ratio-position-table tbody td > button {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  min-width: 0 !important;
  text-align: left !important;
  width: auto !important;
}

html body #root .ratio-position-table thead th > button > span {
  order: 1;
}

html body #root .ratio-position-table thead th > button > svg {
  flex: 0 0 auto;
  margin-left: 2px;
  order: 2;
}

/* 仓位汇总数量列：买数量为蓝色，卖数量为红色，包含合计行。 */
html body #root .ratio-position-table tbody td:nth-child(3),
html body #root .ratio-position-table tbody td:nth-child(3) * {
  color: #2563eb !important;
}

html body #root .ratio-position-table tbody td:nth-child(4),
html body #root .ratio-position-table tbody td:nth-child(4) * {
  color: #ef4444 !important;
}

/* 仓位汇总表格外框铺满页面卡片宽度。 */
html body #root .space-y-5 > .page-table-card:has(.ratio-position-table) {
  box-sizing: border-box !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
  width: auto !important;
  max-width: none !important;
  background: #ffffff !important;
}

html body #root .space-y-5 > .page-table-card:has(.ratio-position-table) > .overflow-x-auto {
  width: 100% !important;
  max-width: 100% !important;
  background: #ffffff !important;
}

/* 超宽屏：表格内容宽度不足以铺满视口时，连同外框一起居中显示。 */
@media (min-width: 1900px) {
  html body #root .space-y-5 > .page-table-card:has(.ratio-position-table) {
    margin-left: auto !important;
    margin-right: auto !important;
    width: var(--ratio-position-table-min-width, 1744px) !important;
    max-width: var(--ratio-position-table-min-width, 1744px) !important;
  }

  html body #root .space-y-5 > .page-surface-card:has(.tradingview-widget-container) {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: var(--ratio-position-table-min-width, 1744px) !important;
    max-width: var(--ratio-position-table-min-width, 1744px) !important;
  }

  html body #root .space-y-5 > .page-table-card:has(.ratio-position-table) > .overflow-x-auto,
  html body #root .ratio-position-table,
  html body #root .ratio-position-table thead,
  html body #root .ratio-position-table tbody,
  html body #root .ratio-position-table thead tr,
  html body #root .ratio-position-table tbody tr {
    width: var(--ratio-position-table-min-width, 1744px) !important;
    max-width: var(--ratio-position-table-min-width, 1744px) !important;
  }
}

/* 交易明细表头最终覆盖：压过组件自带背景与 sticky 行背景。 */
html body #root table.deal-history-sticky-table > thead > tr:first-child > *:nth-child(2),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+16):nth-child(-n+19) {
  background: #F8FCFA !important;
  background-color: #F8FCFA !important;
  background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
  box-shadow: inset 0 0 0 9999px #F8FCFA, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.deal-history-sticky-table > thead > tr:first-child > *:nth-child(3),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+20):nth-child(-n+23) {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
  box-shadow: inset 0 0 0 9999px #F5FAFD, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.deal-history-sticky-table > thead > tr:first-child > *:nth-child(4),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+24):nth-child(-n+27) {
  background: #FFFCF4 !important;
  background-color: #FFFCF4 !important;
  background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
  box-shadow: inset 0 0 0 9999px #FFFCF4, inset 0 -1px 0 #d6dde8 !important;
}

/* 交易明细 sticky 表头边框：滚动时用内阴影保留分隔线。 */
html body #root table.deal-history-sticky-table > thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  background: #f9fafb !important;
}

html body #root table.deal-history-sticky-table > thead > tr {
  box-shadow: inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.deal-history-sticky-table > thead > tr > th {
  border-bottom: 1px solid #d6dde8 !important;
  background-clip: padding-box !important;
  isolation: isolate !important;
  position: relative !important;
  z-index: 41 !important;
}

html body #root table.deal-history-sticky-table > thead > tr:first-child > th:nth-child(1),
html body #root table.deal-history-sticky-table > thead > tr:first-child > th:nth-child(2),
html body #root table.deal-history-sticky-table > thead > tr:first-child > th:nth-child(3) {
  border-right: 1px solid #d6dde8 !important;
}

html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > th:nth-child(19),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > th:nth-child(23) {
  border-right: 1px solid #d6dde8 !important;
}

/* 通用 sticky 表头边框：滚动时用内阴影保留表头底线，避免被数据行覆盖。 */
html body #root table.fixed-data-table > thead,
html body #root table.deal-history-sticky-table > thead,
html body #root table.daily-position-sticky-table > thead,
html body #root table.position-history-sticky-table > thead,
html body #root table.account-summary-table > thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  background: #f9fafb !important;
}

html body #root table.fixed-data-table > thead > tr,
html body #root table.deal-history-sticky-table > thead > tr,
html body #root table.daily-position-sticky-table > thead > tr,
html body #root table.position-history-sticky-table > thead > tr,
html body #root table.account-summary-table > thead > tr {
  background-clip: padding-box !important;
  box-shadow: inset 0 -1px 0 #d6dde8, 0 1px 0 #d6dde8 !important;
  position: sticky !important;
  z-index: 61 !important;
}

html body #root table.fixed-data-table > thead > tr:first-child,
html body #root table.deal-history-sticky-table > thead > tr:first-child,
html body #root table.daily-position-sticky-table > thead > tr:first-child,
html body #root table.position-history-sticky-table > thead > tr:first-child,
html body #root table.account-summary-table > thead > tr:first-child {
  top: 0 !important;
}

html body #root table.fixed-data-table > thead > tr:nth-child(2),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2),
html body #root table.daily-position-sticky-table > thead > tr:nth-child(2),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2),
html body #root table.account-summary-table > thead > tr:nth-child(2) {
  top: 36px !important;
}

html body #root table.fixed-data-table > thead > tr > th,
html body #root table.deal-history-sticky-table > thead > tr > th,
html body #root table.daily-position-sticky-table > thead > tr > th,
html body #root table.position-history-sticky-table > thead > tr > th,
html body #root table.account-summary-table > thead > tr > th {
  background-clip: padding-box !important;
  border-bottom: 1px solid #d6dde8 !important;
  box-shadow: inset 0 -1px 0 #d6dde8 !important;
  isolation: isolate !important;
  position: relative !important;
  z-index: 62 !important;
}

html body #root table.daily-position-sticky-table > thead > tr:first-child > th:nth-child(1),
html body #root table.daily-position-sticky-table > thead > tr:first-child > th:nth-child(2),
html body #root table.daily-position-sticky-table > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.position-history-sticky-table > thead > tr:first-child > th:nth-child(1),
html body #root table.position-history-sticky-table > thead > tr:first-child > th:nth-child(2),
html body #root table.position-history-sticky-table > thead > tr:first-child > th:nth-child(3),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > th:nth-child(18),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > th:nth-child(21) {
  border-right: 1px solid #d6dde8 !important;
}

/* 账户汇总的表头由 thead 整体固定，避免双行表头单独 sticky 后互相覆盖。 */
html body #root table.account-summary-table > thead > tr {
  position: static !important;
  top: auto !important;
}

html body #root table.account-summary-table > tfoot > tr > * {
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid #d6dde8 !important;
}

/* Radix 弹层要高于 sticky 表头，避免列设置菜单被表头遮挡。 */
html body [data-radix-popper-content-wrapper],
html body [data-radix-menu-content],
html body [data-radix-popover-content],
html body .account-summary-column-menu,
html body .contribution-column-menu {
  z-index: 100010 !important;
}

/* 消息管理：所有消息列表和设置表统一左对齐。 */
html body #root table.message-management-table th,
html body #root table.message-management-table td {
  text-align: left !important;
}

html body #root table.message-management-table th > *,
html body #root table.message-management-table td > *,
html body #root table.message-management-table th div,
html body #root table.message-management-table td div {
  justify-content: flex-start !important;
  text-align: left !important;
}

html body #root table.message-management-table .text-center,
html body #root table.message-management-table [class*="text-center"],
html body #root table.message-management-table th button,
html body #root table.message-management-table td button,
html body #root table.message-management-table th [role="button"],
html body #root table.message-management-table td [role="button"] {
  text-align: left !important;
  justify-content: flex-start !important;
}

html body #root table.message-management-table .justify-center,
html body #root table.message-management-table [class*="justify-center"] {
  justify-content: flex-start !important;
}

html body #root table.message-management-table .mx-auto,
html body #root table.message-management-table input,
html body #root table.message-management-table [role="switch"] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* 兼容消息管理实际渲染出的 trading-table selector，确保表头和数据都不被主表格样式居中覆盖。 */
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full th,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full td,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full th *,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full td * {
  text-align: left !important;
}

html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full th > *,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full td > *,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full th div,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full td div,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full th button,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full td button {
  justify-content: flex-start !important;
  align-items: center !important;
}

html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full .mx-auto,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full input,
html body #root .message-management-card > div.px-5.pb-5 > div.relative.w-full > table.trading-table.w-full [role="switch"] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* 消息管理：宽屏下固定列边界，避免表头在被拉宽的单元格里居中。 */
html body #root .message-management-card table.trading-table.message-management-table {
  table-layout: fixed !important;
  width: 100% !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th,
html body #root .message-management-card table.trading-table.message-management-table tbody td {
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  vertical-align: middle !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th > .flex,
html body #root .message-management-card table.trading-table.message-management-table thead th > button,
html body #root .message-management-card table.trading-table.message-management-table thead th > div,
html body #root .message-management-card table.trading-table.message-management-table tbody td > .flex,
html body #root .message-management-card table.trading-table.message-management-table tbody td > button,
html body #root .message-management-card table.trading-table.message-management-table tbody td > div {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th:nth-child(1),
html body #root .message-management-card table.trading-table.message-management-table tbody td:nth-child(1) {
  width: 220px !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th:nth-child(2),
html body #root .message-management-card table.trading-table.message-management-table tbody td:nth-child(2) {
  width: 160px !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th:nth-child(3),
html body #root .message-management-card table.trading-table.message-management-table tbody td:nth-child(3) {
  width: 160px !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th:last-child,
html body #root .message-management-card table.trading-table.message-management-table tbody td:last-child {
  width: auto !important;
}

/* 消息管理页签：按列数使用固定网格列，确保表头与数据左边界完全一致。 */
html body #root .message-management-card div.relative.w-full:has(> table.trading-table.message-management-table) {
  overflow-x: auto !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child),
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child),
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) {
  display: block !important;
  table-layout: auto !important;
  min-width: 100% !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) thead,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) tbody,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) thead,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) tbody,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) thead,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) tbody {
  display: block !important;
  width: 100% !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) tr,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) tr,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) tr {
  display: grid !important;
  width: 100% !important;
  align-items: center !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) tr {
  grid-template-columns: 220px 160px 160px minmax(0, 1fr) !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) tr {
  grid-template-columns: 220px 160px 160px 160px minmax(0, 1fr) !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) tr {
  grid-template-columns: 240px 170px 220px minmax(260px, 0.8fr) 160px minmax(320px, 1fr) !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child),
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) {
  display: block !important;
  table-layout: auto !important;
  min-width: 100% !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) thead,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) tbody,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) thead,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) tbody {
  display: block !important;
  width: 100% !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) tr,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) tr {
  display: grid !important;
  width: 100% !important;
  align-items: center !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) tr {
  grid-template-columns: 220px 160px 160px 160px 160px 180px minmax(0, 1fr) !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) tr {
  grid-template-columns: 220px 160px 160px 160px 160px 160px 180px minmax(0, 1fr) !important;
}

/* 日志查询 6 列表格：设备终端列保持单行，避免这一列换行后看起来错位。 */
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) th:nth-child(4),
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) td:nth-child(4),
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) th:nth-child(4) *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) td:nth-child(4) * {
  white-space: nowrap !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) th,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) td,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) th,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) td,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) th,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) td,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) th,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) td,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) th,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) td {
  display: flex !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) th > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(4):last-child) td > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) th > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(5):last-child) td > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) th > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(6):last-child) td > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) th > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(7):last-child) td > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) th > *,
html body #root .message-management-card table.trading-table.message-management-table:has(thead th:nth-child(8):last-child) td > * {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* 表格统一：交易 / 订单 / 历史 / 报表 / 账户汇总 / 贡献表按 A 类业务表格观感处理。 */
html body #root table.fixed-data-table,
html body #root table.account-summary-table,
html body #root table.contribution-table,
html body #root table.reports-table,
html body #root table.account-admin-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
}

html body #root table.contribution-table > thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  background: #f9fafb !important;
}

html body #root table.fixed-data-table > thead > tr > th,
html body #root table.account-summary-table > thead > tr > th,
html body #root table.contribution-table > thead > tr > th,
html body #root table.reports-table > thead > tr > th,
html body #root table.account-admin-table > thead > tr > th {
  height: 36px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #d6dde8 !important;
  background-clip: padding-box !important;
  color: #1a1a2e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

html body #root table.fixed-data-table > tbody > tr > td,
html body #root table.fixed-data-table > tfoot > tr > td,
html body #root table.account-summary-table > tbody > tr > td,
html body #root table.account-summary-table > tfoot > tr > td,
html body #root table.contribution-table > tbody > tr > td,
html body #root table.reports-table > tbody > tr > td,
html body #root table.account-admin-table > tbody > tr > td {
  min-height: 44px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

html body #root table.contribution-table > thead > tr,
html body #root table.contribution-table > tbody > tr {
  border-bottom: 1px solid #e2e8f0 !important;
}

html body #root .account-summary-column-menu,
html body #root .contribution-column-menu {
  min-width: 176px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 6px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

html body #root .account-summary-column-menu [role="menuitem"],
html body #root .contribution-column-menu [role="menuitem"] {
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* 轻量表格：消息设置、规则、参数、个人日志、跟单表格保留轻量结构，但对齐、字体、边框、行高跟 A 类一致。 */
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
}

html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) thead th,
html body #root .page-mini-th {
  height: 36px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #d6dde8 !important;
  background: #f9fafb !important;
  color: #1a1a2e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) tbody td,
html body #root .page-mini-td {
  min-height: 44px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  vertical-align: middle !important;
}

html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) thead th > *,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) tbody td > *,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) thead th button,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) tbody td button {
  justify-content: flex-start !important;
  text-align: left !important;
}

html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) .text-center,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) [class*="text-center"],
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) .justify-center,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) [class*="justify-center"] {
  text-align: left !important;
  justify-content: flex-start !important;
}

html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) .mx-auto,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) input,
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table) [role="switch"] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* 消息/日志表最终覆盖：放在通用轻量表格规则之后，确保只保留单条行边框。 */
html body #root .message-management-card table.trading-table.message-management-table thead tr {
  border-bottom: 1px solid #d6dde8 !important;
  box-shadow: none !important;
}

html body #root .message-management-card table.trading-table.message-management-table tbody tr {
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}

html body #root .message-management-card table.trading-table.message-management-table thead th,
html body #root .message-management-card table.trading-table.message-management-table tbody td {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* 账号管理新增/修改页：参数表会按已选功能动态隐藏列，必须覆盖组件内部的居中类。 */
html body table.account-parameter-table th,
html body table.account-parameter-table td,
html body table.account-admin-table th,
html body table.account-admin-table td {
  text-align: left !important;
}

html body table.account-parameter-table th > *,
html body table.account-parameter-table td > *,
html body table.account-parameter-table th button,
html body table.account-parameter-table td button,
html body table.account-parameter-table th [role="button"],
html body table.account-parameter-table td [role="button"],
html body table.account-admin-table th > *,
html body table.account-admin-table td > *,
html body table.account-admin-table th button,
html body table.account-admin-table td button,
html body table.account-admin-table th [role="button"],
html body table.account-admin-table td [role="button"] {
  justify-content: flex-start !important;
  text-align: left !important;
}

html body table.account-parameter-table .text-center,
html body table.account-parameter-table [class*="text-center"],
html body table.account-admin-table .text-center,
html body table.account-admin-table [class*="text-center"] {
  text-align: left !important;
}

html body table.account-parameter-table .justify-center,
html body table.account-parameter-table [class*="justify-center"],
html body table.account-admin-table .justify-center,
html body table.account-admin-table [class*="justify-center"] {
  justify-content: flex-start !important;
}

html body table.account-parameter-table .mx-auto,
html body table.account-parameter-table [class*="mx-auto"],
html body table.account-admin-table .mx-auto,
html body table.account-admin-table [class*="mx-auto"] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html body table.account-parameter-table input,
html body table.account-admin-table input {
  text-align: left !important;
}

/* 账号管理参数表最终覆盖：新增/修改页功能列动态变化时，表头和控件都从列左边界开始。 */
html body #root table.trading-table.account-parameter-table {
  table-layout: auto !important;
}

html body #root table.trading-table.account-parameter-table > thead > tr > th,
html body #root table.trading-table.account-parameter-table > tbody > tr > td {
  text-align: left !important;
  justify-content: flex-start !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

html body #root table.trading-table.account-parameter-table > thead > tr > th.text-center,
html body #root table.trading-table.account-parameter-table > thead > tr > th[class*="text-center"],
html body #root table.trading-table.account-parameter-table > tbody > tr > td.text-center,
html body #root table.trading-table.account-parameter-table > tbody > tr > td[class*="text-center"] {
  text-align: left !important;
}

html body #root table.trading-table.account-parameter-table > thead > tr > th > *,
html body #root table.trading-table.account-parameter-table > tbody > tr > td > *,
html body #root table.trading-table.account-parameter-table > thead > tr > th button,
html body #root table.trading-table.account-parameter-table > tbody > tr > td button,
html body #root table.trading-table.account-parameter-table > thead > tr > th div,
html body #root table.trading-table.account-parameter-table > tbody > tr > td div {
  justify-content: flex-start !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

html body #root table.trading-table.account-parameter-table > tbody > tr > td .mx-auto,
html body #root table.trading-table.account-parameter-table > tbody > tr > td [class*="mx-auto"] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html body #root table.trading-table.account-parameter-table > tbody > tr > td .justify-center,
html body #root table.trading-table.account-parameter-table > tbody > tr > td [class*="justify-center"] {
  justify-content: flex-start !important;
}

html body #root table.trading-table.account-parameter-table > tbody > tr > td input {
  text-align: left !important;
}

/* 左侧菜单：支持展开/只显示图标的折叠状态，默认展开。 */
html body #root .layout-sidebar {
  transition: width 0.18s ease, padding 0.18s ease;
}

html body #root .layout-sidebar__brand {
  position: relative;
}

html body #root .sidebar-collapse-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: var(--art-text-secondary);
  background: #ffffffcc;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

html body #root .sidebar-collapse-toggle:hover {
  color: var(--primary);
  border-color: rgba(0, 132, 255, 0.28);
  background: #ffffff;
}

html body #root .sidebar-collapse-toggle svg {
  width: 16px;
  height: 16px;
  transition: transform 0.18s ease;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar {
  width: 82px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 16px !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__brand {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__brand-copy,
html.mt5-sidebar-collapsed body #root .layout-sidebar__item-label,
html.mt5-sidebar-collapsed body #root .layout-sidebar__item-count,
html.mt5-sidebar-collapsed body #root .layout-sidebar__chevron,
html.mt5-sidebar-collapsed body #root .layout-sidebar__children,
html.mt5-sidebar-collapsed body #root .layout-sidebar__footer {
  display: none !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__brand-mark {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
}

html.mt5-sidebar-collapsed body #root .sidebar-collapse-toggle {
  position: absolute;
  right: -28px;
  top: 13px;
  z-index: 20;
  width: 28px;
  height: 28px;
  border-radius: 999px;
}

html.mt5-sidebar-collapsed body #root .sidebar-collapse-toggle svg {
  transform: rotate(180deg);
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__nav {
  align-items: center !important;
  gap: 10px !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__section {
  width: 100% !important;
  align-items: center !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__item {
  width: 46px !important;
  min-height: 46px !important;
  justify-content: center !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 14px !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__item-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__item-icon svg {
  width: 18px !important;
  height: 18px !important;
}

html.mt5-sidebar-collapsed body #root .layout-sidebar__item.is-active,
html.mt5-sidebar-collapsed body #root .layout-sidebar__section.is-active .layout-sidebar__item--section {
  background: linear-gradient(135deg, rgba(0, 132, 255, 0.16), rgba(0, 194, 255, 0.1)) !important;
  border-color: rgba(0, 132, 255, 0.18) !important;
}

html body #root .layout-sidebar__section.mt5-sidebar-section-collapsed > .layout-sidebar__children {
  display: none !important;
}

html body #root .layout-sidebar__section.mt5-sidebar-section-collapsed .layout-sidebar__chevron {
  transform: rotate(-90deg) !important;
}

/* 弹窗层级：避免持仓订单 sticky 表头压到批量补货等 Dialog 内容上方。 */
html body [data-state="open"].fixed.inset-0 {
  z-index: 100000 !important;
}

html body [role="dialog"][data-state="open"],
html body [role="dialog"].fixed {
  z-index: 100001 !important;
}

/* 账号新增/修改页：去除卡片标题下方说明文字。 */
html body #root .account-edit-section-head .account-edit-section-copy {
  display: none !important;
}

/* 账号新增/修改页：去除表单区域重复的“基本资料”小标题。 */
html body #root .account-edit-section-body > h2.font-bold.mb-4 {
  display: none !important;
}

/* 账号新增/修改页：操作按钮放入对应卡片标题行。 */
html body #root .account-edit-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html body #root .account-edit-section-head > div:first-child {
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

html body #root .account-edit-title-actions {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

html body #root .account-edit-title-actions::-webkit-scrollbar {
  display: none !important;
}

html body #root .account-edit-title-actions button {
  white-space: nowrap !important;
}

html body #root .account-edit-form-grid > .mt5-parent-account-fields {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  align-items: center !important;
  gap: 12px 24px !important;
  width: 100% !important;
  padding: 2px 0 4px !important;
}

html body #root .mt5-parent-account-field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body #root .mt5-parent-account-label {
  flex: 0 0 auto !important;
  color: hsl(var(--muted-foreground)) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

html body #root .mt5-parent-account-select {
  flex: 0 1 150px !important;
  min-width: 118px !important;
  height: 34px !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 10px !important;
  background: #f7f8fb !important;
  color: #111827 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  outline: none !important;
  padding: 0 30px 0 10px !important;
}

html body #root .mt5-parent-account-select:focus {
  border-color: #0a84ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
}

html body #root .mt5-parent-account-display {
  flex: 0 1 150px !important;
  min-width: 118px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #111827 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0 10px !important;
}

html body #root .mt5-parent-account-balance {
  min-width: 0 !important;
  color: #0a84ff !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body #root .account-edit-form-grid > .mt5-member-first-row {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
}

html body #root .mt5-member-first-row > * {
  width: 100% !important;
  min-width: 0 !important;
  grid-column: auto !important;
}

html body #root .mt5-member-first-row > * input,
html body #root .mt5-member-first-row > * select {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

html body #root .mt5-member-first-row > .mt5-member-add-account-field > input:first-of-type {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

html body #root .mt5-member-first-row > .mt5-member-add-password-field > input:first-of-type,
html body #root .mt5-member-first-row > .mt5-member-add-name-field > input:first-of-type {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

html body #root .account-edit-form-grid.mt5-member-credit-layout-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

html body #root .account-edit-form-grid > .mt5-member-remark-field {
  grid-column: 7 / span 2 !important;
  width: 100% !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid > .mt5-member-credit-field {
  grid-column: 1 / span 3 !important;
  width: 100% !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid > .mt5-member-balance-field {
  grid-column: 4 / span 3 !important;
  width: 100% !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid > .mt5-member-liquidation-field {
  grid-column: span 4 / span 4 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 32px !important;
}

html body #root .account-edit-form-grid > .mt5-member-ip-binding-field {
  grid-column: span 4 / span 4 !important;
  width: 100% !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid > .mt5-member-ip-binding-field input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body #root .mt5-member-liquidation-label,
html body #root .mt5-member-liquidation-ratio-label,
html body #root .mt5-member-liquidation-ratio-unit {
  color: #5f7187 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

html body #root .mt5-member-liquidation-select,
html body #root .mt5-member-liquidation-ratio-input {
  height: 32px !important;
  border: 1px solid rgba(166, 190, 213, 0.92) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(239, 248, 255, 0.96), rgba(223, 238, 251, 0.9)) !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 6px 16px rgba(73, 113, 149, 0.08) !important;
}

html body #root .mt5-member-liquidation-select {
  min-width: 76px !important;
  padding: 0 28px 0 12px !important;
}

html body #root .mt5-member-liquidation-ratio {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #root .mt5-member-liquidation-ratio[hidden] {
  display: none !important;
}

html body #root .mt5-member-liquidation-ratio-input {
  width: 96px !important;
  padding: 0 10px !important;
}

html body #root .mt5-position-mode-field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 32px !important;
}

html body #root .mt5-position-mode-title {
  color: var(--muted-foreground) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html body #root .mt5-position-mode-select {
  flex: 1 1 auto !important;
  min-width: 96px !important;
  height: 34px !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 10px !important;
  background: #f7f8fb !important;
  color: #111827 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  outline: none !important;
  padding: 0 30px 0 10px !important;
}

html body #root .mt5-member-first-row .mt5-position-mode-select {
  flex: 0 0 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

html body #root .mt5-position-mode-select:focus {
  border-color: #0a84ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
}

html body #root .mt5-position-mode-help-wrap {
  display: inline-flex !important;
  position: relative !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body #root .mt5-position-mode-help {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-bottom: 1px dashed #0a84ff !important;
  background: transparent !important;
  color: #0a84ff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  cursor: help !important;
}

html body #root .mt5-position-mode-tooltip {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  z-index: 100100 !important;
  display: none !important;
  width: min(520px, 78vw) !important;
  max-width: 78vw !important;
  border: 1px solid rgba(0, 132, 255, 0.18) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  padding: 12px 14px !important;
  text-align: left !important;
  white-space: pre-line !important;
}

html body > .mt5-position-mode-tooltip-portal {
  position: fixed !important;
  z-index: 100300 !important;
  display: none;
  width: min(520px, 78vw) !important;
  max-width: 78vw !important;
  border: 1px solid rgba(0, 132, 255, 0.18) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  padding: 12px 14px !important;
  text-align: left !important;
  white-space: pre-line !important;
  pointer-events: none !important;
}

html body #root .mt5-member-liquidation-help-wrap {
  flex: 0 0 auto !important;
}

html body #root .mt5-account-max-members-help-wrap,
html body #root .mt5-account-feature-help-wrap,
html body #root .mt5-account-product-help-wrap,
html body #root .mt5-head-office-currency-help-wrap,
html body #root .mt5-account-credit-help-wrap,
html body #root .mt5-account-balance-help-wrap {
  flex: 0 0 auto !important;
}

html body > .mt5-account-max-members-tooltip-portal,
html body > .mt5-account-feature-tooltip-portal,
html body > .mt5-account-product-tooltip-portal,
html body > .mt5-head-office-currency-tooltip-portal,
html body > .mt5-account-credit-tooltip-portal,
html body > .mt5-account-balance-tooltip-portal {
  width: min(640px, 82vw) !important;
  max-width: 82vw !important;
  max-height: min(420px, 68vh) !important;
  overflow: auto !important;
}

html body > .mt5-member-liquidation-tooltip-portal {
  width: min(760px, 86vw) !important;
  max-width: 86vw !important;
  max-height: min(620px, 72vh) !important;
  overflow: auto !important;
}

html body #root .mt5-position-mode-help-wrap:hover .mt5-position-mode-tooltip,
html body #root .mt5-position-mode-help-wrap:focus-within .mt5-position-mode-tooltip {
  display: block !important;
}

html body #root .mt5-member-margin-input {
  width: 96px !important;
  height: 34px !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 10px !important;
  background: #f7f8fb !important;
  color: #111827 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  outline: none !important;
  padding: 0 10px !important;
}

html body #root .mt5-member-margin-input::-webkit-outer-spin-button,
html body #root .mt5-member-margin-input::-webkit-inner-spin-button {
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body #root .mt5-member-margin-unit {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 6px !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body #root .mt5-member-margin-input:focus {
  border-color: #0a84ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
}

@media (max-width: 640px) {
  html body #root .account-edit-section-head {
    gap: 8px !important;
  }

  html body #root .account-edit-title-actions {
    gap: 6px !important;
  }

  html body #root .account-edit-title-actions button {
    height: 34px !important;
    padding-inline: 9px !important;
    font-size: 12px !important;
  }

  html body #root .account-edit-form-grid > .mt5-parent-account-fields {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body #root .mt5-parent-account-field {
    flex-wrap: wrap !important;
  }

  html body #root .mt5-parent-account-select {
    flex: 1 1 140px !important;
  }

  html body #root .mt5-parent-account-display {
    flex: 1 1 140px !important;
  }

  html body #root .mt5-parent-account-balance {
    flex-basis: 100% !important;
    padding-left: 0 !important;
  }
}

/* 交易明细：表设置和分页控件按 Art Design Pro 风格。 */
html body #root .art-table-footer {
  border-top: 1px solid #e5e7eb !important;
  background: #fff !important;
}

html body #root .art-table-footer-inner {
  min-height: 58px !important;
  gap: 14px !important;
}

html body #root .art-table-footer-left,
html body #root .art-table-footer-right {
  display: flex !important;
  align-items: center !important;
}

html body #root .art-pagination-total {
  color: #606266 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

html body #root .art-pagination-total span {
  color: #303133 !important;
  font-weight: 500 !important;
}

html body #root .art-table-tool-button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgba(226, 232, 240, 0.55) !important;
  color: #4b5563 !important;
  box-shadow: none !important;
}

html body #root .art-table-tool-button:hover {
  background: #e2e8f0 !important;
  color: #0a84ff !important;
}

html body #root .art-table-tool-button > svg {
  display: none !important;
}

html body #root .art-table-tool-button::before {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  content: "" !important;
  -webkit-mask: var(--art-tool-icon) center / contain no-repeat !important;
  mask: var(--art-tool-icon) center / contain no-repeat !important;
}

html body #root .art-table-tool-button[aria-label="导出"] {
  --art-tool-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 5v8.17l3.59-3.58L18 11l-6 6-6-6 1.41-1.41L11 13.17V5h2Zm-8 14h14v2H5v-2Z'/%3E%3C/svg%3E");
}

html body #root .art-table-tool-button[aria-label="列设置"] {
  --art-tool-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3V4h18v2Zm0 7H9v-2h12v2Zm0 7H3v-2h18v2Z'/%3E%3C/svg%3E");
}

html body #root .art-table-tool-button[aria-label="表格设置"] {
  --art-tool-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.43 12.98c.04-.32.07-.65.07-.98s-.02-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1a7.28 7.28 0 0 0-1.69-.98L14.5 2.42A.5.5 0 0 0 14 2h-4a.5.5 0 0 0-.5.42L9.12 5.07c-.61.24-1.18.56-1.69.98l-2.49-1a.5.5 0 0 0-.61.22l-2 3.46a.5.5 0 0 0 .12.64l2.11 1.65a7.93 7.93 0 0 0 0 1.96l-2.11 1.65a.5.5 0 0 0-.12.64l2 3.46c.13.22.39.31.61.22l2.49-1c.51.4 1.08.73 1.69.98l.38 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.38-2.65c.61-.25 1.18-.58 1.69-.98l2.49 1c.22.09.48 0 .61-.22l2-3.46a.5.5 0 0 0-.12-.64l-2.12-1.65ZM12 15.5A3.5 3.5 0 1 1 12 8a3.5 3.5 0 0 1 0 7.5Z'/%3E%3C/svg%3E");
}

html body .art-table-menu {
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 8px 10px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
}

html body .art-column-option-row {
  min-height: 40px !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 22px !important;
}

html body .art-column-option-row:hover {
  background: rgba(0, 132, 255, 0.08) !important;
}

html body .art-column-option {
  display: inline-flex !important;
  min-width: 0 !important;
  align-items: center !important;
  width: 100% !important;
  gap: 10px !important;
}

html body .art-column-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #606266 !important;
  font-weight: 500 !important;
}

html body .art-column-checkbox.is-checked + .art-column-label {
  color: #0a84ff !important;
}

html body .art-column-checkbox-input {
  position: relative !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .art-column-checkbox-input:checked {
  border-color: #0a84ff !important;
  background: #0a84ff !important;
}

html body .art-column-checkbox-input:checked::after {
  position: absolute !important;
  top: 2px !important;
  left: 6px !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  content: "" !important;
  transform: rotate(45deg) !important;
}

html body .art-column-checkbox-input:checked + .art-column-label {
  color: #0a84ff !important;
}

html body .art-column-checkbox {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease, background-color 0.15s ease !important;
}

html body .art-column-checkbox.is-checked {
  border-color: #0a84ff !important;
  background: #0a84ff !important;
}

html body .art-column-checkbox.is-checked::after {
  position: absolute !important;
  top: 2px !important;
  left: 6px !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  content: "" !important;
  transform: rotate(45deg) !important;
}

html body #root table.deal-history-sticky-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td {
  background-color: #f8fafc !important;
}

html body #root table.deal-history-sticky-table.is-zebra > tbody > tr:not(:last-child):nth-child(even):hover > td {
  background-color: #f1f5f9 !important;
}

html body #root table.deal-history-sticky-table.is-bordered > thead > tr > th,
html body #root table.deal-history-sticky-table.is-bordered > tbody > tr > td {
  border-right: 1px solid #e5e7eb !important;
}

html body #root table.deal-history-sticky-table.is-bordered > thead > tr > th:last-child,
html body #root table.deal-history-sticky-table.is-bordered > tbody > tr > td:last-child {
  border-right: 0 !important;
}

html body #root table.fixed-data-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.account-summary-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.contribution-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td {
  background-color: #f8fafc !important;
}

html body #root table.fixed-data-table.is-zebra > tbody > tr:not(:last-child):nth-child(even):hover > td,
html body #root table.account-summary-table.is-zebra > tbody > tr:not(:last-child):nth-child(even):hover > td,
html body #root table.contribution-table.is-zebra > tbody > tr:not(:last-child):nth-child(even):hover > td {
  background-color: #f1f5f9 !important;
}

html body #root table.fixed-data-table.is-bordered > thead > tr > th,
html body #root table.fixed-data-table.is-bordered > tbody > tr > td,
html body #root table.account-summary-table.is-bordered > thead > tr > th,
html body #root table.account-summary-table.is-bordered > tbody > tr > td,
html body #root table.contribution-table.is-bordered > thead > tr > th,
html body #root table.contribution-table.is-bordered > tbody > tr > td {
  border-right: 1px solid #e5e7eb !important;
}

html body #root table.fixed-data-table.is-bordered > thead > tr > th:last-child,
html body #root table.fixed-data-table.is-bordered > tbody > tr > td:last-child,
html body #root table.account-summary-table.is-bordered > thead > tr > th:last-child,
html body #root table.account-summary-table.is-bordered > tbody > tr > td:last-child,
html body #root table.contribution-table.is-bordered > thead > tr > th:last-child,
html body #root table.contribution-table.is-bordered > tbody > tr > td:last-child {
  border-right: 0 !important;
}

html body #root table.ratio-position-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td {
  background-color: #f8fafc !important;
}

html body #root table.ratio-position-table.is-zebra > tbody > tr:not(:last-child):nth-child(even):hover > td {
  background-color: #f1f5f9 !important;
}

html body #root table.ratio-position-table.is-bordered > thead > tr > th,
html body #root table.ratio-position-table.is-bordered > tbody > tr > td {
  border-right: 1px solid #e5e7eb !important;
}

html body #root table.ratio-position-table.is-bordered > thead > tr > th:last-child,
html body #root table.ratio-position-table.is-bordered > tbody > tr > td:last-child {
  border-right: 0 !important;
}

html body #root .art-pagination {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}

html body #root .art-pagination-btn {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #606266 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html body #root .art-pagination-btn:hover:not(:disabled) {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

html body #root .art-pagination-btn.is-active {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  color: #fff !important;
}

html body #root .art-pagination-btn:disabled {
  cursor: not-allowed !important;
  opacity: 0.45 !important;
}

html body #root .art-pagination-ellipsis {
  min-width: 24px !important;
  color: #909399 !important;
  font-size: 13px !important;
  text-align: center !important;
}

html body #root .art-page-size-trigger {
  width: 102px !important;
  height: 32px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 6px !important;
  background: transparent !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

html body #root .art-pagination-jumper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #606266 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

html body #root .art-pagination-jumper-input {
  width: 48px !important;
  height: 32px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 6px !important;
  background: #fff !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* 账号管理：分公司、股东、总代、代理、会员数据统一用蓝色。 */
html body #root table.account-admin-table > tbody > tr > td:nth-child(4),
html body #root table.account-admin-table > tbody > tr > td:nth-child(5),
html body #root table.account-admin-table > tbody > tr > td:nth-child(6),
html body #root table.account-admin-table > tbody > tr > td:nth-child(7),
html body #root table.account-admin-table > tbody > tr > td:nth-child(8) {
  color: #0a84ff !important;
}

/* 账号管理层级列表：基于账号表的静态下级账号页面。 */
html body #root .account-hierarchy-card {
  overflow: hidden !important;
}

html body #root .account-hierarchy-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px 10px !important;
}

html body #root .account-hierarchy-title-row h1 {
  margin: 0 !important;
  color: #1a1a2e !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

html body #root .account-hierarchy-toolbar-title {
  flex: 0 0 auto !important;
  min-width: 96px !important;
  margin-right: 8px !important;
  white-space: nowrap !important;
}

html body #root .account-hierarchy-toolbar-title h1 {
  margin: 0 !important;
  color: #1a1a2e !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

html body #root .account-hierarchy-crumb {
  display: block !important;
  margin-top: 6px !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body #root .account-hierarchy-toolbar {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 12px 20px !important;
  border-top: 1px solid #eef2f7 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
}

html body #root .account-hierarchy-toolbar--single {
  border-top: 0 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

html body #root .account-hierarchy-toolbar button,
html body #root .account-hierarchy-toolbar a,
html body #root .account-hierarchy-toolbar select,
html body #root .account-hierarchy-toolbar input {
  height: 36px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body #root .account-hierarchy-primary,
html body #root .account-hierarchy-outline,
html body #root .account-hierarchy-query {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #0a84ff !important;
  background: #0a84ff !important;
  color: #ffffff !important;
  padding: 0 16px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body #root .account-hierarchy-filter,
html body #root .account-hierarchy-search-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body #root .account-hierarchy-toolbar select,
html body #root .account-hierarchy-toolbar input {
  border: 1px solid #d9e1ec !important;
  background: #ffffff !important;
  color: #111827 !important;
  padding: 0 10px !important;
}

html body #root .account-hierarchy-toolbar input {
  min-width: 220px !important;
}

html body #root .account-hierarchy-total {
  margin-left: auto !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body #root .account-hierarchy-total strong {
  color: #111827 !important;
}

html body #root .account-hierarchy-parent-filter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0, 132, 255, 0.18) !important;
  border-radius: 8px !important;
  background: rgba(0, 132, 255, 0.08) !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body #root .account-hierarchy-parent-filter span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body #root .account-hierarchy-parent-filter strong {
  color: #0a84ff !important;
}

html body #root .account-hierarchy-table-wrap {
  overflow: auto !important;
  max-width: 100% !important;
}

html body #root table.account-hierarchy-table {
  min-width: 1320px !important;
}

html body #root table.account-hierarchy-table > thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  background: #f9fafb !important;
}

html body #root table.account-hierarchy-table th,
html body #root table.account-hierarchy-table td {
  text-align: left !important;
  white-space: nowrap !important;
}

html body #root table.account-hierarchy-table td[data-account-nav] {
  cursor: pointer !important;
}

html body #root table.account-hierarchy-table > thead > tr > th {
  background: #f9fafb !important;
}

html body #root table.account-hierarchy-table > thead > tr > th.account-hierarchy-sort-th {
  cursor: pointer !important;
}

html body #root table.account-hierarchy-table > thead > tr > th.account-hierarchy-status-filter-th {
  position: relative !important;
  overflow: visible !important;
  z-index: 40 !important;
}

html body #root table.account-hierarchy-table > tbody > tr:hover > td {
  background: #f8fafc !important;
}

html body #root table.account-sub-account-table .account-sub-account-input,
html body #root table.account-sub-account-table .account-sub-account-select {
  height: 28px !important;
  border: 1px solid #b8c4d4 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  box-shadow: none !important;
}

html body #root table.account-sub-account-table .account-sub-account-input {
  width: 128px !important;
  padding: 0 8px !important;
}

html body #root table.account-sub-account-table .account-sub-account-select {
  width: 76px !important;
  padding: 0 6px !important;
}

html body #root table.account-sub-account-table .account-sub-account-input:focus,
html body #root table.account-sub-account-table .account-sub-account-select:focus {
  outline: 2px solid rgba(0, 132, 255, 0.18) !important;
  border-color: #0a84ff !important;
}

html body #root .account-sub-account-add-card .account-sub-account-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 22px 24px !important;
}

html body #root .account-sub-account-form-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body #root .account-sub-account-form-field input {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #111827 !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body #root .account-sub-account-form-field input:focus {
  outline: 2px solid rgba(0, 132, 255, 0.18) !important;
  border-color: #0a84ff !important;
  background: #ffffff !important;
}

html body #root .account-sub-account-form-field input[readonly] {
  color: #6b7280 !important;
  background: #f1f5f9 !important;
}

html body #root .account-sub-account-form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 0 24px 24px !important;
}

html body #root .account-sub-account-form-actions button,
html body #root .account-sub-account-form-actions a {
  height: 38px !important;
  border-radius: 8px !important;
  padding: 0 18px !important;
}

html body #root .account-hierarchy-sort,
html body #root .account-hierarchy-account,
html body #root .account-hierarchy-count,
html body #root .account-hierarchy-action {
  display: inline-flex !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #0a84ff !important;
  font: inherit !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

html body #root .account-hierarchy-sort {
  color: #1a1a2e !important;
  gap: 4px !important;
  transition: color 0.15s ease !important;
}

html body #root .account-hierarchy-sort-label {
  display: inline-flex !important;
  align-items: center !important;
}

html body #root .account-hierarchy-sort.is-active {
  color: #0a84ff !important;
}

html body #root .account-hierarchy-sort-arrow {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: 12px !important;
  height: 12px !important;
  color: currentColor !important;
}

html body #root .account-hierarchy-status-filter-head {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body #root .account-hierarchy-status-filter-menu {
  position: relative !important;
  display: inline-flex !important;
}

html body #root .account-hierarchy-status-filter-menu > summary {
  list-style: none !important;
}

html body #root .account-hierarchy-status-filter-menu > summary::-webkit-details-marker {
  display: none !important;
}

html body #root .account-hierarchy-status-filter-trigger {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #64748b !important;
  cursor: pointer !important;
}

html body #root .account-hierarchy-status-filter-trigger:hover,
html body #root .account-hierarchy-status-filter-menu[open] .account-hierarchy-status-filter-trigger {
  background: #dbeafe !important;
  color: #0a84ff !important;
}

html body #root .account-hierarchy-status-filter-trigger svg {
  width: 14px !important;
  height: 14px !important;
}

html body #root .account-hierarchy-status-filter-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 1000 !important;
  min-width: 128px !important;
  padding: 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
}

html body #root .account-hierarchy-status-option {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  padding: 4px 6px !important;
  border-radius: 7px !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

html body #root .account-hierarchy-status-option:hover {
  background: #f8fafc !important;
}

html body #root .account-hierarchy-status-option input {
  width: 14px !important;
  height: 14px !important;
  accent-color: #0a84ff !important;
  cursor: pointer !important;
}

html body #root .account-hierarchy-count[disabled],
html body #root .account-hierarchy-zero {
  color: #94a3b8 !important;
  font-weight: 700 !important;
}

html body #root .account-hierarchy-dot {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #d1d5db !important;
}

html body #root .account-hierarchy-normal {
  color: #2563eb !important;
  font-weight: 800 !important;
}

html body #root .account-hierarchy-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  border-radius: 6px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body #root .account-hierarchy-separator {
  color: #d1d5db !important;
  margin: 0 5px !important;
}

html body #root .account-hierarchy-empty {
  padding: 36px 16px !important;
  color: #6b7280 !important;
  text-align: center !important;
}

html body #root .account-hierarchy-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 14px 20px !important;
  border-top: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body #root .account-hierarchy-pagination button,
html body #root .account-hierarchy-pagination select {
  height: 34px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111827 !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body #root .account-hierarchy-pagination button:disabled {
  cursor: not-allowed !important;
  opacity: 0.45 !important;
}

html body #root .account-hierarchy-page-indicator {
  color: #111827 !important;
  font-weight: 800 !important;
}

html body #root .mt5-profile-profit-display-row {
  margin-top: 8px !important;
}

html body #root .mt5-profile-profit-display-select {
  height: 32px !important;
  min-width: 96px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111827 !important;
  padding: 0 30px 0 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  outline: none !important;
}

html body #root .mt5-profile-profit-display-select:focus {
  border-color: #0a84ff !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.14) !important;
}

html body #root .mt5-profile-profit-display-save {
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #0a84ff !important;
  border-radius: 8px !important;
  background: #0a84ff !important;
  color: #ffffff !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html body #root .mt5-profile-profit-display-save:hover {
  background: #0878e7 !important;
  border-color: #0878e7 !important;
}

html body #root .mt5-profile-profit-display-note {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body #root .mt5-profile-profit-display-note .mt5-profit-text {
  color: #2563eb !important;
}

/* 已平报表：根据代理关系和持仓历史生成的静态报表。 */
html body #root .closed-report-title {
  min-width: 156px !important;
}

html body #root .closed-report-total-extra {
  display: inline-flex !important;
  margin-left: 10px !important;
  color: #64748b !important;
}

html body #root .closed-report-symbol-label select {
  min-width: 118px !important;
}

html body #root .closed-report-date-label {
  position: relative !important;
}

html body #root .closed-report-date-picker {
  position: relative !important;
  display: inline-flex !important;
}

html body #root .closed-report-date-button {
  display: inline-flex !important;
  height: 40px !important;
  width: 220px !important;
  min-width: 220px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 16px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease !important;
}

html body #root .closed-report-date-button.has-value {
  color: #111827 !important;
  font-weight: 600 !important;
}

html body #root .closed-report-date-button:hover,
html body #root .closed-report-date-button:focus-visible,
html body #root .closed-report-date-picker.is-open .closed-report-date-button {
  border-color: rgba(0, 132, 255, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
  color: #111827 !important;
  outline: none !important;
}

html body #root .closed-report-date-icon {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  color: #64748b !important;
}

html body .closed-report-date-popover {
  position: fixed !important;
  z-index: 100020 !important;
  width: min(544px, calc(100vw - 24px)) !important;
  height: min(405px, calc(100vh - 16px)) !important;
  max-height: min(405px, calc(100vh - 16px)) !important;
  overflow: auto !important;
  padding: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18) !important;
}

html body .closed-report-date-preset-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html body .closed-report-date-preset-row button {
  height: 36px !important;
  min-width: 62px !important;
  padding: 0 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body .closed-report-date-preset-row button:hover {
  border-color: rgba(0, 132, 255, 0.45) !important;
  color: #0a84ff !important;
}

html body .closed-report-date-preset-row button.is-clear {
  margin-left: auto !important;
  border-color: transparent !important;
  color: #64748b !important;
}

html body .closed-report-calendar-shell {
  position: relative !important;
  padding: 20px 12px 22px !important;
}

html body .closed-report-calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 252px)) !important;
  justify-content: center !important;
  gap: 16px !important;
}

html body .closed-report-calendar-month {
  min-width: 0 !important;
}

html body .closed-report-calendar-month h3 {
  margin: 0 0 14px !important;
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

html body .closed-report-calendar-weekdays,
html body .closed-report-calendar-week {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

html body .closed-report-calendar-weekdays {
  margin-bottom: 10px !important;
}

html body .closed-report-calendar-weekdays span {
  display: inline-flex !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html body .closed-report-calendar-days {
  display: grid !important;
  gap: 8px !important;
}

html body .closed-report-calendar-day {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 38px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease !important;
}

html body .closed-report-calendar-day:hover {
  background: #f1f5f9 !important;
  color: #0a84ff !important;
}

html body .closed-report-calendar-day.is-outside {
  color: #b4bbc7 !important;
}

html body .closed-report-calendar-day.is-in-range {
  background: rgba(0, 132, 255, 0.10) !important;
  color: #0878e7 !important;
}

html body .closed-report-calendar-day.is-selected {
  border-color: #0a84ff !important;
  background: rgba(0, 132, 255, 0.14) !important;
  color: #0878e7 !important;
  box-shadow: inset 0 0 0 2px #0a84ff !important;
}

html body .closed-report-calendar-day.is-today:not(.is-selected) {
  border-color: #0a84ff !important;
  background: rgba(0, 132, 255, 0.10) !important;
  color: #0a84ff !important;
  box-shadow: inset 0 0 0 2px #0a84ff !important;
}

html body .closed-report-calendar-nav {
  position: absolute !important;
  top: 28px !important;
  z-index: 1 !important;
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #94a3b8 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  cursor: pointer !important;
}

html body .closed-report-calendar-nav:hover {
  border-color: rgba(0, 132, 255, 0.35) !important;
  color: #0a84ff !important;
}

html body .closed-report-calendar-nav svg {
  width: 16px !important;
  height: 16px !important;
}

html body .closed-report-calendar-nav.is-prev {
  left: 12px !important;
}

html body .closed-report-calendar-nav.is-next {
  right: 12px !important;
}

/* 2026-05-03 收口统一：账号管理 / 报表复用交易主表的视觉体系，仓位汇总保持独立。 */
html body {
  --mt5-art-card-radius: 16px;
  --mt5-art-card-border: #e5e7eb;
  --mt5-art-card-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  --mt5-art-head-bg: #f9fafb;
  --mt5-art-head-border: #d6dde8;
  --mt5-art-row-border: #e2e8f0;
  --mt5-art-row-height: 52px;
  --mt5-art-head-height: 46px;
  --mt5-popover-z: 100080;
}

html body #root .account-hierarchy-card,
html body #root .closed-report-card,
html body #root .message-management-card,
html body #root .page-surface-card:has(table.trading-table:not(.ratio-position-table)) {
  border: 1px solid var(--mt5-art-card-border) !important;
  border-radius: var(--mt5-art-card-radius) !important;
  box-shadow: var(--mt5-art-card-shadow) !important;
}

html body #root .account-hierarchy-card,
html body #root .closed-report-card {
  overflow: visible !important;
  padding: 0 !important;
}

html body #root .account-hierarchy-table-wrap,
html body #root .closed-report-root .account-hierarchy-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
  border-top: 0 !important;
  background: #ffffff !important;
}

html body #root table.mt5-main-data-table,
html body #root table.account-hierarchy-table,
html body #root table.closed-report-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-variant-numeric: tabular-nums !important;
}

html body #root table.account-hierarchy-table > thead,
html body #root table.closed-report-table > thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  background: var(--mt5-art-head-bg) !important;
}

html body #root table.account-hierarchy-table > thead > tr,
html body #root table.closed-report-table > thead > tr {
  background-clip: padding-box !important;
  box-shadow: inset 0 -1px 0 var(--mt5-art-head-border), 0 1px 0 var(--mt5-art-head-border) !important;
}

html body #root table.account-hierarchy-table > thead > tr > th,
html body #root table.closed-report-table > thead > tr > th,
html body #root table.account-hierarchy-table > tbody > tr > td,
html body #root table.closed-report-table > tbody > tr > td {
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

html body #root table.account-hierarchy-table > thead > tr > th,
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th,
html body #root table.closed-report-table > thead > tr.closed-report-history-head > th {
  height: var(--mt5-art-head-height) !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--mt5-art-head-border) !important;
  background: var(--mt5-art-head-bg) !important;
  color: #1a1a2e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th {
  height: 36px !important;
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--mt5-art-row-border) !important;
  border-right: 1px solid var(--mt5-art-row-border) !important;
  color: #1a1a2e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-column-head > th {
  top: 36px !important;
}

html body #root table.account-hierarchy-table > tbody > tr > td,
html body #root table.closed-report-table > tbody > tr > td {
  height: var(--mt5-art-row-height) !important;
  min-height: var(--mt5-art-row-height) !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--mt5-art-row-border) !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html body #root table.closed-report-table > tbody > tr.closed-report-history-row > td {
  height: 74px !important;
  min-height: 74px !important;
}

html body #root table.account-hierarchy-table > thead > tr > th > *,
html body #root table.closed-report-table > thead > tr > th > *,
html body #root table.account-hierarchy-table > tbody > tr > td > *,
html body #root table.closed-report-table > tbody > tr > td > * {
  justify-content: flex-start !important;
  text-align: left !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="下级"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="下级"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="下级"] {
  background: #F8FCFA !important;
  background-color: #F8FCFA !important;
  background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="本级"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="本级"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="本级"] {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="上级"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="上级"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="上级"] {
  background: #FFFCF4 !important;
  background-color: #FFFCF4 !important;
  background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
}

html body #root .account-hierarchy-footer,
html body #root .closed-report-footer {
  border-top: 1px solid #e5e7eb !important;
  background: #ffffff !important;
}

html body #root .account-hierarchy-footer-inner,
html body #root .closed-report-footer-inner {
  display: flex !important;
  min-height: 58px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px 20px !important;
}

html body #root .account-hierarchy-footer .account-hierarchy-pagination,
html body #root .closed-report-footer .account-hierarchy-pagination {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #606266 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

html body #root .account-hierarchy-footer .art-pagination-btn,
html body #root .closed-report-footer .art-pagination-btn,
html body #root .closed-report-footer .account-hierarchy-pagination button {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #606266 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html body #root .account-hierarchy-footer .art-pagination-btn:disabled,
html body #root .closed-report-footer .art-pagination-btn:disabled,
html body #root .closed-report-footer .account-hierarchy-pagination button:disabled {
  cursor: not-allowed !important;
  opacity: 0.45 !important;
}

html body #root .account-hierarchy-footer .art-page-size-trigger,
html body #root .closed-report-footer .art-page-size-trigger,
html body #root .closed-report-footer .account-hierarchy-pagination select {
  width: 102px !important;
  height: 32px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #111827 !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body .art-table-menu,
html body #root .closed-report-menu-panel,
html body #root .account-hierarchy-status-filter-panel,
html body .closed-report-fee-popover,
html body .closed-report-member-popover,
html body .closed-report-date-popover,
html body [data-radix-popover-content],
html body [data-radix-menu-content],
html body [data-radix-popper-content-wrapper] {
  z-index: var(--mt5-popover-z) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
}

html body .closed-report-fee-popover,
html body .closed-report-member-popover {
  z-index: calc(var(--mt5-popover-z) + 20) !important;
}

html body .closed-report-date-popover {
  position: fixed !important;
  width: min(544px, calc(100vw - 24px)) !important;
  max-width: min(544px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: min(405px, calc(100vh - 16px)) !important;
  overflow: auto !important;
  padding: 0 !important;
}

html body #root .closed-report-date-button {
  width: 220px !important;
  min-width: 220px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #64748b !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body .closed-report-date-preset-row {
  display: flex !important;
  gap: 8px !important;
  padding: 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html body .closed-report-date-preset-row button {
  height: 28px !important;
  min-width: 56px !important;
  padding: 0 12px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body .closed-report-calendar-shell {
  padding: 12px !important;
}

html body .closed-report-calendar-grid {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

html body .closed-report-calendar-month {
  width: 252px !important;
  min-width: 252px !important;
}

html body .closed-report-calendar-caption,
html body .closed-report-calendar-month h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
}

html body .closed-report-calendar-month table {
  width: 252px !important;
  border-collapse: collapse !important;
}

html body .closed-report-calendar-month th {
  width: 36px !important;
  height: 20px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
}

html body .closed-report-calendar-week {
  display: flex !important;
  margin-top: 8px !important;
  gap: 0 !important;
}

html body .closed-report-calendar-cell,
html body .closed-report-calendar-day {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

html body .closed-report-calendar-day {
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  box-shadow: none !important;
}

html body .closed-report-calendar-day.is-selected,
html body .closed-report-calendar-day.is-today:not(.is-selected) {
  background: rgba(0, 132, 255, 0.14) !important;
  color: #0878e7 !important;
  box-shadow: inset 0 0 0 2px #0a84ff !important;
}

html body .closed-report-calendar-day.is-in-range {
  background: rgba(0, 132, 255, 0.10) !important;
  color: #0878e7 !important;
}

html body .closed-report-calendar-nav {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

html body .closed-report-calendar-nav.closed-report-calendar-nav--month {
  top: 0 !important;
}

@media (max-width: 620px) {
  html body .closed-report-calendar-grid {
    flex-direction: column !important;
  }
}

html body .closed-report-calendar-nav.closed-report-calendar-nav--month {
  top: 0 !important;
}

html body .closed-report-calendar-nav.closed-report-calendar-nav--month.is-prev {
  left: 0 !important;
}

html body .closed-report-calendar-nav.closed-report-calendar-nav--month.is-next {
  right: 0 !important;
}

@media (max-width: 560px) {
  html body .closed-report-date-popover {
    width: calc(100vw - 16px) !important;
  }

  html body .closed-report-calendar-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  html body .closed-report-calendar-nav {
    top: 28px !important;
  }
}

html body #root table.closed-report-table {
  min-width: 1680px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
}

html body #root table.closed-report-table.closed-report-table--member-detail {
  min-width: 760px !important;
}

html body #root table.closed-report-table.closed-report-table--history-detail {
  min-width: 1880px !important;
}

html body #root .closed-report-root.is-member-detail .account-hierarchy-table-wrap {
  overflow-x: auto !important;
}

html body #root table.closed-report-table > thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  background: #ffffff !important;
}

html body #root table.closed-report-table > thead > tr {
  box-shadow: inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.closed-report-table > tbody > tr > td {
  height: 52px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

html body #root table.closed-report-table > tbody > tr.closed-report-summary-row > td {
  border-top: 2px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-history-head > th {
  height: 46px !important;
  border-bottom: 1px solid #d6dde8 !important;
  background: #f8fafc !important;
  color: #111827 !important;
}

html body #root table.closed-report-table > tbody > tr.closed-report-history-row > td {
  height: 74px !important;
  padding: 12px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
}

html body #root .closed-report-history-direction,
html body #root .closed-report-history-source {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 54px !important;
  height: 26px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body #root .closed-report-history-date {
  display: inline-block !important;
  color: #111827 !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

html body #root .closed-report-history-direction--buy {
  border: 1px solid #bfdbfe !important;
  background: #dbeafe !important;
  color: #2563eb !important;
}

html body #root .closed-report-history-direction--sell {
  border: 1px solid #fecaca !important;
  background: #fee2e2 !important;
  color: #ef4444 !important;
}

html body #root .closed-report-history-source {
  border: 1px solid #e2e8f0 !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}

html body #root .closed-report-history-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body #root .closed-report-history-stop-wrap {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  line-height: 1.05 !important;
}

html body #root .closed-report-history-stop {
  display: block !important;
  font-weight: 800 !important;
}

html body #root .closed-report-history-stop--loss {
  color: #ef4444 !important;
}

html body #root .closed-report-history-stop--profit {
  color: #2563eb !important;
}

html body #root .closed-report-history-fee {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #64748b !important;
  font-weight: 800 !important;
}

html body #root .closed-report-history-fee .closed-report-fee-icon {
  width: 14px !important;
  height: 14px !important;
  color: #64748b !important;
}

html body #root .closed-report-history-profit {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

html body #root .closed-report-member-profile-trigger {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #0a84ff !important;
  font: inherit !important;
  font-weight: 800 !important;
  line-height: inherit !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body #root .closed-report-member-profile-trigger:hover,
html body #root .closed-report-member-profile-trigger:focus-visible {
  color: #0878e7 !important;
  outline: 2px solid rgba(0, 132, 255, 0.24) !important;
  outline-offset: 2px !important;
}

html body .closed-report-member-popover {
  position: fixed !important;
  z-index: 100040 !important;
  width: 318px !important;
  max-width: calc(100vw - 16px) !important;
  padding: 14px 16px 16px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16) !important;
}

html body .closed-report-member-popover-title {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

html body .closed-report-member-popover-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 16px !important;
}

html body .closed-report-member-popover-row {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html body .closed-report-member-popover-row span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html body .closed-report-member-popover-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .closed-report-member-popover-row.is-status strong {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;
}

html body #root .closed-report-empty-mark {
  display: inline-flex !important;
  align-items: center !important;
  color: #94a3b8 !important;
  font-weight: 800 !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th {
  height: 34px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  background: #f9fafb !important;
  color: #1a1a2e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th:last-child {
  border-right: 0 !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-column-head > th {
  top: 34px !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="下级"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="下级"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="下级"] {
  background: #F8FCFA !important;
  background-color: #F8FCFA !important;
  background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
  box-shadow: inset 0 0 0 9999px #F8FCFA, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="本级"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="本级"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="本级"] {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
  box-shadow: inset 0 0 0 9999px #F5FAFD, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="上级"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="上级"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="上级"] {
  background: #FFFCF4 !important;
  background-color: #FFFCF4 !important;
  background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
  box-shadow: inset 0 0 0 9999px #FFFCF4, inset 0 -1px 0 #d6dde8 !important;
}

html body #root table.closed-report-table.is-zebra > tbody > tr:not(.closed-report-summary-row):nth-child(even) > td[data-closed-group="会员"] {
  background-color: #f8fafc !important;
  background-image: linear-gradient(#f8fafc, #f8fafc) !important;
}

html body #root table.closed-report-table.is-zebra > tbody > tr:not(.closed-report-summary-row):nth-child(even):hover > td[data-closed-group="会员"] {
  background-color: #f1f5f9 !important;
  background-image: linear-gradient(#f1f5f9, #f1f5f9) !important;
}

html body #root table.closed-report-table.is-bordered > thead > tr > th,
html body #root table.closed-report-table.is-bordered > tbody > tr > td {
  border-right: 1px solid #e5e7eb !important;
}

html body #root table.closed-report-table.is-bordered > thead > tr > th:last-child,
html body #root table.closed-report-table.is-bordered > tbody > tr > td:last-child {
  border-right: 0 !important;
}

html body #root .closed-report-footer {
  border-top: 1px solid #e5e7eb !important;
  background: #ffffff !important;
  overflow: visible !important;
}

html body #root .closed-report-footer-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  min-height: 58px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px 20px !important;
  overflow: visible !important;
}

html body #root .closed-report-footer-right,
html body #root .closed-report-table-tools {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body #root .closed-report-footer-right {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html body #root .closed-report-table-tools,
html body #root .closed-report-pagination {
  flex: 0 0 auto !important;
}

html body #root .closed-report-pagination {
  gap: 8px !important;
  overflow-x: visible !important;
  padding: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

html body #root .closed-report-tool-menu {
  position: relative !important;
  display: inline-flex !important;
}

html body #root .closed-report-tool-menu > summary {
  list-style: none !important;
}

html body #root .closed-report-tool-menu > summary::-webkit-details-marker {
  display: none !important;
}

html body #root .closed-report-tool-menu > summary.art-table-tool-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #root .closed-report-tool-menu[open] > summary.art-table-tool-button {
  background: #e2e8f0 !important;
  color: #0a84ff !important;
}

html body #root .closed-report-menu-panel {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: calc(100% + 8px) !important;
  z-index: 90 !important;
  min-width: 190px !important;
  max-height: 320px !important;
  overflow: auto !important;
}

html body #root .closed-report-profit {
  color: #111827 !important;
  font-weight: 800 !important;
}

html body #root .closed-report-profit--positive {
  color: #2563eb !important;
}

html body #root .closed-report-profit--negative {
  color: #ef4444 !important;
}

html body #root .closed-report-fee-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 22px !important;
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  padding: 0 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  cursor: pointer !important;
}

html body #root .closed-report-fee-trigger:hover,
html body #root .closed-report-fee-trigger:focus-visible {
  color: #111827 !important;
  outline: none !important;
}

html body #root .closed-report-fee-icon {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  color: currentColor !important;
}

html body #root .closed-report-fee-value {
  color: #64748b !important;
}

html body #root .closed-report-fee-trigger:hover .closed-report-fee-value,
html body #root .closed-report-fee-trigger:focus-visible .closed-report-fee-value {
  color: #111827 !important;
}

html body .closed-report-fee-popover {
  position: fixed !important;
  z-index: 9999 !important;
  width: 260px !important;
  padding: 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
}

html body .closed-report-fee-popover-title {
  margin-bottom: 8px !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body .closed-report-fee-popover-body {
  display: grid !important;
  gap: 6px !important;
}

html body .closed-report-fee-popover-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .closed-report-fee-popover-row strong {
  color: #111827 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-weight: 800 !important;
}

html body .closed-report-fee-popover-row.is-total {
  margin-top: 4px !important;
  padding-top: 8px !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #111827 !important;
}

html body #root .mt5-profile-profit-display-note .mt5-loss-text {
  color: #ef4444 !important;
}

/* 总公司新增/修改页：参数设定表头和数据统一贴左，覆盖组件内的 text-center / mx-auto。 */
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > thead > tr > th,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td {
  text-align: left !important;
  justify-content: flex-start !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > thead > tr > th.text-center,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > thead > tr > th[class*="text-center"],
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td.text-center,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td[class*="text-center"] {
  text-align: left !important;
}

html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > thead > tr > th > *,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td > *,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td button,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td input,
html body #root table.trading-table.account-parameter-table.mt5-head-office-parameter-table > tbody > tr > td [role="combobox"] {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

@media (max-width: 768px) {
  html body #root .account-hierarchy-title-row {
    padding: 14px 16px 8px !important;
  }

  html body #root .account-hierarchy-toolbar,
  html body #root .account-hierarchy-pagination {
    justify-content: flex-start !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body #root .account-hierarchy-total {
    margin-left: 0 !important;
  }

  html body #root .account-hierarchy-toolbar input {
    min-width: 180px !important;
  }
}

/* 账号新增/修改页：占成三列使用轻量百分比下拉，默认像数字，悬停/打开时显示选择图标。 */
html body #root table.trading-table.account-parameter-table.mt5-share-percent-table > tbody > tr > td.mt5-share-percent-cell {
  min-width: 92px !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 78px !important;
  min-width: 78px !important;
  height: 30px !important;
  min-height: 30px !important;
  gap: 3px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 0 23px 0 8px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  background-color: transparent !important;
  background-image: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  box-shadow: none !important;
  color: #111827 !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: left !important;
  outline: none !important;
  cursor: pointer !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger:hover,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger:focus,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger:focus-visible,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger[data-state="open"],
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger[aria-expanded="true"] {
  border-color: rgba(0, 170, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 0 0 3px rgba(0, 170, 255, 0.16), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger > span:not(.mt5-share-percent-unit):not(.mt5-share-percent-spinner) {
  min-width: 18px !important;
  color: #111827 !important;
  text-align: left !important;
  pointer-events: none !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-unit {
  display: none !important;
  align-items: center !important;
  color: #111827 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger > svg {
  display: none !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-spinner {
  position: absolute !important;
  top: 50% !important;
  right: 7px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 12px !important;
  height: 18px !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-spinner::before,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-spinner::after {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  margin: 1px auto !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-spinner::before {
  border-bottom: 6px solid #8a8f98 !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-spinner::after {
  border-top: 6px solid #8a8f98 !important;
}

html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger:hover .mt5-share-percent-spinner,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger:focus .mt5-share-percent-spinner,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger:focus-visible .mt5-share-percent-spinner,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger[data-state="open"] .mt5-share-percent-spinner,
html body #root table.trading-table.account-parameter-table .mt5-share-percent-trigger[aria-expanded="true"] .mt5-share-percent-spinner {
  opacity: 1 !important;
}

html body [data-radix-popper-content-wrapper] {
  z-index: 9999 !important;
}

/* 账号新增/修改页：交易量/净仓位输入时显示最大值提示。 */
html body #root table.trading-table.account-parameter-table.mt5-trade-limit-table > tbody > tr > td.mt5-trade-limit-cell {
  position: relative !important;
  overflow: visible !important;
  min-width: 112px !important;
}

html body #root table.trading-table.account-parameter-table .mt5-trade-limit-input {
  position: relative !important;
  z-index: 2 !important;
}

html body #root table.trading-table.account-parameter-table .mt5-trade-limit-cell:focus-within::after {
  content: "最大值：10" !important;
  position: absolute !important;
  top: calc(100% - 2px) !important;
  left: 12px !important;
  z-index: 10000 !important;
  min-width: 88px !important;
  padding: 4px 12px !important;
  border: 1px solid rgba(80, 183, 255, 0.95) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #dff2ff 0%, #bfe5ff 100%) !important;
  background-color: #d3edff !important;
  background-image: linear-gradient(180deg, #dff2ff 0%, #bfe5ff 100%) !important;
  box-shadow: 0 8px 18px rgba(10, 132, 255, 0.18) !important;
  color: #075fb8 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* 统一工具栏和弹层规范：时间段 / 搜索 / 查询 / 导出 / 列设置 / 表格设置。 */
html body {
  --mt5-toolbar-height: 40px;
  --mt5-toolbar-radius: 10px;
  --mt5-toolbar-gap: 12px;
  --mt5-control-border: #d9e1ec;
  --mt5-control-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12);
  --mt5-overlay-z: 100060;
  --mt5-overlay-border: #e2e8f0;
  --mt5-overlay-radius: 12px;
  --mt5-overlay-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
}

html body #root .trading-filter-bar.page-toolbar-strip,
html body #root .account-hierarchy-toolbar.page-toolbar-strip {
  align-items: center !important;
  gap: var(--mt5-toolbar-gap) !important;
}

html body #root .trading-filter-bar.page-toolbar-strip button,
html body #root .trading-filter-bar.page-toolbar-strip input,
html body #root .trading-filter-bar.page-toolbar-strip select,
html body #root .account-hierarchy-toolbar.page-toolbar-strip button,
html body #root .account-hierarchy-toolbar.page-toolbar-strip a,
html body #root .account-hierarchy-toolbar.page-toolbar-strip input,
html body #root .account-hierarchy-toolbar.page-toolbar-strip select,
html body #root .closed-report-date-button {
  height: var(--mt5-toolbar-height) !important;
  min-height: var(--mt5-toolbar-height) !important;
  border-radius: var(--mt5-toolbar-radius) !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body #root .account-hierarchy-toolbar.page-toolbar-strip input,
html body #root .trading-filter-bar.page-toolbar-strip input {
  min-width: 220px !important;
}

html body #root .account-hierarchy-query,
html body #root .account-hierarchy-primary,
html body #root .account-hierarchy-outline {
  min-width: 72px !important;
  padding: 0 18px !important;
}

html body #root .closed-report-root .closed-report-title {
  order: 0 !important;
}

html body #root .closed-report-root .account-hierarchy-outline {
  order: 5 !important;
}

html body #root .closed-report-root .closed-report-date-label {
  order: 10 !important;
}

html body #root .closed-report-root .account-hierarchy-search-label:not(.closed-report-date-label):not(.closed-report-symbol-label) {
  order: 20 !important;
}

html body #root .closed-report-root .closed-report-symbol-label {
  order: 30 !important;
}

html body #root .closed-report-root .account-hierarchy-query {
  order: 40 !important;
}

html body #root .closed-report-root .account-hierarchy-total {
  order: 90 !important;
}

html body #root .closed-report-table-tools {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #root .closed-report-table-tools > .art-table-tool-button,
html body #root .closed-report-table-tools > .closed-report-tool-menu {
  flex: 0 0 auto !important;
}

html body .art-table-menu,
html body .closed-report-menu-panel,
html body #root .account-hierarchy-status-filter-panel,
html body .closed-report-fee-popover,
html body .closed-report-member-popover,
html body [data-radix-menu-content],
html body [data-radix-popover-content] {
  border: 1px solid var(--mt5-overlay-border) !important;
  border-radius: var(--mt5-overlay-radius) !important;
  background: #ffffff !important;
  box-shadow: var(--mt5-overlay-shadow) !important;
}

html body .art-table-menu,
html body .closed-report-menu-panel,
html body #root .account-hierarchy-status-filter-panel,
html body [data-radix-menu-content],
html body [data-radix-popover-content],
html body [data-radix-popper-content-wrapper] {
  z-index: var(--mt5-overlay-z) !important;
}

html body .closed-report-fee-popover,
html body .closed-report-member-popover {
  z-index: calc(var(--mt5-overlay-z) + 10) !important;
}

html body .closed-report-date-popover {
  z-index: var(--mt5-overlay-z) !important;
  width: min(544px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: min(405px, calc(100vh - 16px)) !important;
  overflow: auto !important;
}

html body #root .account-hierarchy-status-filter-panel,
html body #root .closed-report-menu-panel {
  min-width: 168px !important;
  padding: 8px !important;
}

html body #root .art-column-option-row,
html body #root .account-hierarchy-status-option {
  border-radius: 8px !important;
}

/* 报表日期选择器复用交易明细按钮 / Radix Popover / DayPicker 的结构尺寸。 */
html body #root .closed-report-date-button {
  width: 220px !important;
  min-width: 220px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  border-color: #e2e8f0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 16px !important;
  box-shadow: none !important;
}

html body #root .closed-report-date-button:hover,
html body #root .closed-report-date-button:focus-visible,
html body #root .closed-report-date-picker.is-open .closed-report-date-button {
  border-color: rgba(0, 132, 255, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
  color: #111827 !important;
}

html body .closed-report-date-popover {
  width: min(544px, calc(100vw - 24px)) !important;
  max-height: min(405px, calc(100vh - 16px)) !important;
  padding: 0 !important;
  border: 1px solid var(--border) !important;
  border-radius: calc(var(--radius) - 2px) !important;
  background: var(--popover) !important;
  color: var(--popover-foreground) !important;
  box-shadow: var(--mt5-overlay-shadow) !important;
}

html body .closed-report-date-preset-row {
  gap: 8px !important;
  padding: 12px !important;
  border-bottom: 1px solid var(--border) !important;
}

html body .closed-report-date-preset-row button {
  height: 28px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  border: 1px solid var(--input) !important;
  border-radius: calc(var(--radius) - 4px) !important;
  background: transparent !important;
  color: var(--foreground) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

html body .closed-report-date-preset-row button:hover {
  background: var(--accent) !important;
  color: var(--accent-foreground) !important;
}

html body .closed-report-date-preset-row button.is-clear {
  margin-left: auto !important;
}

html body .closed-report-calendar-shell {
  padding: 12px !important;
}

html body .closed-report-calendar-grid {
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

html body .closed-report-calendar-month {
  width: 252px !important;
  min-width: 252px !important;
}

html body .closed-report-calendar-caption {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-align: center !important;
}

html body .closed-report-calendar-month table {
  width: 252px !important;
  border-collapse: collapse !important;
}

html body .closed-report-calendar-month th {
  width: 36px !important;
  height: 19.2px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--muted-foreground) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  line-height: 19.2px !important;
  text-align: center !important;
}

html body .closed-report-calendar-week {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin-top: 8px !important;
}

html body .closed-report-calendar-cell {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

html body .closed-report-calendar-day {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  aspect-ratio: auto !important;
  border: 1px solid transparent !important;
  border-radius: calc(var(--radius) - 4px) !important;
  background: transparent !important;
  color: var(--foreground) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  box-shadow: none !important;
}

html body .closed-report-calendar-day:hover {
  background: var(--accent) !important;
  color: var(--accent-foreground) !important;
}

html body .closed-report-calendar-day.is-outside {
  color: var(--muted-foreground) !important;
  opacity: 0.5 !important;
}

html body .closed-report-calendar-cell.is-in-range,
html body .closed-report-calendar-day.is-in-range {
  background: rgba(0, 132, 255, 0.12) !important;
  color: var(--accent-foreground) !important;
}

html body .closed-report-calendar-day.is-selected,
html body .closed-report-calendar-day.is-today:not(.is-selected) {
  background: var(--accent) !important;
  color: var(--accent-foreground) !important;
  box-shadow: inset 0 0 0 2px #0a84ff !important;
}

html body .closed-report-calendar-nav {
  top: 16px !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid var(--input) !important;
  border-radius: calc(var(--radius) - 4px) !important;
  background: transparent !important;
  color: var(--muted-foreground) !important;
  box-shadow: none !important;
  opacity: 0.5 !important;
}

html body .closed-report-calendar-nav:hover {
  background: var(--accent) !important;
  color: var(--accent-foreground) !important;
  opacity: 1 !important;
}

html body .closed-report-calendar-nav.is-prev {
  left: 12px !important;
}

html body .closed-report-calendar-nav.is-next {
  right: 12px !important;
}

/* 2026-05-04 报表分组竖边框：会员 / 下级 / 本级 / 上级。 */
html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group] {
  border-left: 1px solid var(--mt5-art-head-border, #d6dde8) !important;
  border-right: 1px solid var(--mt5-art-head-border, #d6dde8) !important;
  background-clip: padding-box !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="subordinateLots"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="selfShareLots"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="superiorLots"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="subordinateLots"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="selfShareLots"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="superiorLots"] {
  border-left: 1px solid var(--mt5-art-row-border, #e2e8f0) !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="customerProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="subordinateProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="selfShareTotalProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="superiorProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="customerProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="subordinateProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="selfShareTotalProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="superiorProfit"] {
  border-right: 1px solid var(--mt5-art-row-border, #e2e8f0) !important;
}

/* 2026-05-04 消息管理 / 日志查询页签：复用查询按钮的蓝色主色和控件尺寸。 */
html body #root .message-management-card > .border-b.bg-white {
  background: #f8fafc !important;
  padding: 14px 20px !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap {
  align-items: center !important;
  gap: var(--mt5-toolbar-gap, 12px) !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button {
  height: var(--mt5-toolbar-height, 40px) !important;
  min-height: var(--mt5-toolbar-height, 40px) !important;
  border: 1px solid var(--mt5-control-border, #d9e1ec) !important;
  border-radius: var(--mt5-toolbar-radius, 10px) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: #4b5563 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0 18px !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button:hover {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
  color: #0878e7 !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button[class*="bg-[#2563EB]"] {
  border-color: #0a84ff !important;
  background: #0a84ff !important;
  box-shadow: 0 8px 18px rgba(0, 132, 255, 0.18) !important;
  color: #ffffff !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button span[class*="rounded-full"] {
  background: #dbeafe !important;
  color: #0a84ff !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button[class*="bg-[#2563EB]"] span[class*="rounded-full"] {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

html body #root .layout-sidebar__item-count {
  background: #dbeafe !important;
  color: #0a84ff !important;
}

html body #root .layout-sidebar__item.is-active .layout-sidebar__item-count {
  background: #0a84ff !important;
  color: #ffffff !important;
}

/* 2026-05-05 Tech glass rebuild: light gray frosted panels with blue luminous focus. */
html {
  min-height: 100% !important;
  background:
    linear-gradient(118deg, rgba(26, 34, 46, 0.90) 0%, rgba(108, 122, 140, 0.50) 25%, rgba(234, 239, 245, 0.98) 54%, rgba(187, 198, 211, 0.90) 100%) fixed !important;
}

html body {
  --primary: #0a84ff;
  --primary-foreground: #ffffff;
  --sidebar-primary: #0a84ff;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #dbeafe;
  --sidebar-accent-foreground: #075fbd;
  --sidebar-ring: #0a84ff;
  --chart-2: #0a84ff;
  --ring: rgba(0, 170, 255, 0.34);
  --background: #e8edf3;
  --foreground: #101827;
  --mt5-border-line: rgba(126, 151, 181, 0.34);
  --mt5-border-line-soft: rgba(126, 151, 181, 0.24);
  --mt5-border-line-strong: rgba(111, 140, 171, 0.34);
  --mt5-border-table-head: rgba(111, 140, 171, 0.30);
  --mt5-border-table-row: rgba(127, 151, 178, 0.22);
  --mt5-border-control: rgba(132, 157, 185, 0.42);
  --mt5-border-overlay: rgba(170, 195, 220, 0.58);
  --mt5-border-active: rgba(0, 170, 255, 0.82);
  --mt5-border-primary: rgba(96, 210, 255, 0.70);
  --mt5-border-primary-hover: rgba(124, 229, 255, 0.92);
  --border: var(--mt5-border-line-soft);
  --input: var(--mt5-border-control);
  --accent: rgba(0, 136, 255, 0.12);
  --accent-foreground: #075fbd;
  --popover: rgba(239, 245, 251, 0.88);
  --popover-foreground: #101827;
  --muted: rgba(226, 234, 243, 0.78);
  --muted-foreground: #5d6a7c;
  --art-card-border: var(--mt5-border-line);
  --art-card-shadow: 0 28px 80px rgba(13, 25, 42, 0.20), 0 8px 26px rgba(8, 113, 204, 0.12);
  --art-card-shadow-sm: 0 14px 36px rgba(13, 25, 42, 0.12);
  --art-surface-muted: rgba(225, 233, 243, 0.66);
  --art-text-primary: #101827;
  --art-text-secondary: #5a6678;
  --mt5-tech-blue: #0a84ff;
  --mt5-tech-blue-2: #00c2ff;
  --mt5-tech-cyan: #68f0ff;
  --mt5-tech-panel: rgba(235, 242, 249, 0.72);
  --mt5-tech-panel-strong: rgba(243, 248, 252, 0.86);
  --mt5-tech-border: var(--mt5-border-line);
  --mt5-tech-line: var(--mt5-border-line-soft);
  --mt5-tech-shadow: 0 30px 90px rgba(10, 20, 34, 0.26), 0 12px 30px rgba(0, 132, 255, 0.12);
  --mt5-tech-glow: 0 0 0 1px rgba(118, 230, 255, 0.28), 0 0 28px rgba(0, 194, 255, 0.26);
  --mt5-art-card-radius: 14px;
  --mt5-art-card-border: var(--mt5-border-line);
  --mt5-art-card-shadow: var(--mt5-tech-shadow);
  --mt5-art-head-bg: rgba(228, 238, 249, 0.86);
  --mt5-art-head-border: var(--mt5-border-table-head);
  --mt5-art-row-border: var(--mt5-border-table-row);
  --mt5-control-border: var(--mt5-border-control);
  --mt5-control-shadow: 0 0 0 3px rgba(0, 132, 255, 0.16), 0 0 22px rgba(0, 194, 255, 0.16);
  --mt5-overlay-border: var(--mt5-border-overlay);
  --mt5-overlay-shadow: 0 24px 70px rgba(10, 20, 34, 0.22), 0 0 30px rgba(0, 194, 255, 0.14);
  background:
    linear-gradient(118deg, rgba(26, 34, 46, 0.90) 0%, rgba(108, 122, 140, 0.50) 25%, rgba(234, 239, 245, 0.98) 54%, rgba(187, 198, 211, 0.90) 100%) !important;
  color: var(--foreground) !important;
  position: relative !important;
}

html body ::selection {
  color: #075fbd !important;
  background: #dbeafe !important;
}

html body::before {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  content: "" !important;
  background:
    linear-gradient(132deg, transparent 0%, transparent 22%, rgba(255, 255, 255, 0.46) 39%, rgba(0, 194, 255, 0.12) 45%, transparent 64%, transparent 100%),
    linear-gradient(156deg, rgba(10, 18, 30, 0.36) 0%, transparent 30%, rgba(255, 255, 255, 0.20) 74%, rgba(255, 255, 255, 0.02) 100%) !important;
}

html body::after {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  content: "" !important;
  opacity: 0.34 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.15) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  mask-image: linear-gradient(115deg, transparent 4%, #000 38%, #000 72%, transparent 100%) !important;
}

html body #root,
html body #root .login-page,
html body #root .app-layout,
html body #root #app-main {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

html body #root,
html body #root .login-page,
html body #root .app-layout {
  position: relative !important;
  z-index: 1 !important;
}

html body #root,
html body #root h1,
html body #root h2,
html body #root h3,
html body #root h4,
html body #root h5,
html body #root h6,
html body #root button,
html body #root input,
html body #root select,
html body #root textarea {
  letter-spacing: 0 !important;
}

html body #root .login-page,
html body #root .app-layout {
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body #root .login-page {
  perspective: 1200px !important;
}

html body #root .login-page::before,
html body #root .app-layout::before {
  position: absolute !important;
  inset: -16% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  content: "" !important;
  background:
    linear-gradient(128deg, rgba(255, 255, 255, 0.52) 0%, transparent 32%, rgba(0, 194, 255, 0.14) 46%, transparent 66%, rgba(18, 31, 47, 0.18) 100%),
    linear-gradient(34deg, transparent 0%, rgba(255, 255, 255, 0.24) 47%, transparent 62%) !important;
  transform: rotate(-5deg) !important;
}

html body #root .login-page > *,
html body #root .app-layout > * {
  position: relative !important;
  z-index: 1 !important;
}

html body #root .login-panel {
  position: relative !important;
  width: min(468px, calc(100vw - 36px)) !important;
  overflow: hidden !important;
  border: 1px solid var(--mt5-tech-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(246, 250, 255, 0.82), rgba(215, 226, 239, 0.62)) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.22) !important;
  backdrop-filter: blur(28px) saturate(1.22) !important;
  box-shadow: var(--mt5-tech-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.78), inset 0 -1px 0 rgba(104, 240, 255, 0.18) !important;
  transform: perspective(1200px) rotateX(2deg) rotateY(-3deg) translateY(-4px) !important;
}

html body #root .login-panel::before {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  content: "" !important;
  background:
    linear-gradient(132deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.20) 26%, transparent 44%),
    linear-gradient(315deg, rgba(0, 194, 255, 0.10), transparent 34%) !important;
}

html body #root .login-panel::after {
  position: absolute !important;
  top: -1px !important;
  right: -1px !important;
  width: 42% !important;
  height: 46% !important;
  pointer-events: none !important;
  content: "" !important;
  border-top: 1px solid rgba(104, 240, 255, 0.88) !important;
  border-right: 1px solid rgba(104, 240, 255, 0.74) !important;
  border-radius: 0 24px 0 0 !important;
  box-shadow: 18px -18px 44px rgba(0, 194, 255, 0.28), inset -1px 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html body #root .login-panel__brand,
html body #root .login-panel__form {
  position: relative !important;
  z-index: 1 !important;
}

html body #root .login-panel__mark,
html body #root .layout-sidebar__brand-mark {
  background: linear-gradient(145deg, #14b8ff 0%, #0a84ff 54%, #075ed6 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  box-shadow: 0 16px 34px rgba(0, 132, 255, 0.34), 0 0 28px rgba(0, 194, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

html body #root .login-panel__brand h1,
html body #root .layout-sidebar__brand-copy strong {
  color: #101827 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body #root .login-field__control,
html body #root input,
html body #root select,
html body #root textarea,
html body #root .closed-report-date-button,
html body #root .art-page-size-trigger,
html body #root .art-pagination-jumper-input {
  border-color: rgba(132, 157, 185, 0.42) !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root .login-field__control:focus-within,
html body #root input:focus,
html body #root input:focus-visible,
html body #root select:focus,
html body #root textarea:focus,
html body #root .closed-report-date-button:hover,
html body #root .closed-report-date-button:focus-visible,
html body #root .closed-report-date-picker.is-open .closed-report-date-button {
  border-color: rgba(0, 170, 255, 0.82) !important;
  outline: none !important;
  box-shadow: var(--mt5-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body #root .login-panel__submit,
html body #root .account-hierarchy-primary,
html body #root .account-hierarchy-query,
html body #root .mt5-profile-profit-display-save,
html body #root button[class*="bg-[#2563EB]"],
html body #root [class*="bg-[#7c3aed]"],
html body #root [class*="bg-[#6d28d9]"],
html body #root [class*="bg-violet-600"],
html body #root [class*="bg-violet-700"],
html body #root [class*="bg-purple-500"],
html body #root [class*="bg-purple-600"],
html body #root [class*="bg-purple-700"],
html body #root button[class*="bg-primary"] {
  border: 1px solid rgba(96, 210, 255, 0.70) !important;
  background: linear-gradient(180deg, #18b9ff 0%, #0a84ff 55%, #0567df 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 132, 255, 0.30), 0 0 26px rgba(0, 194, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  text-shadow: 0 1px 1px rgba(4, 33, 80, 0.32) !important;
}

html body #root .login-panel__submit:hover,
html body #root .account-hierarchy-primary:hover,
html body #root .account-hierarchy-query:hover,
html body #root .mt5-profile-profit-display-save:hover {
  border-color: rgba(124, 229, 255, 0.92) !important;
  background: linear-gradient(180deg, #2dccff 0%, #1295ff 52%, #0870e8 100%) !important;
  box-shadow: 0 18px 40px rgba(0, 132, 255, 0.36), 0 0 34px rgba(0, 194, 255, 0.28) !important;
}

html body #root .app-layout {
  min-height: 100vh !important;
}

html body #root .layout-sidebar {
  border-right: 1px solid rgba(255, 255, 255, 0.46) !important;
  background: linear-gradient(165deg, rgba(239, 245, 252, 0.78), rgba(207, 220, 236, 0.60)) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.18) !important;
  backdrop-filter: blur(26px) saturate(1.18) !important;
  box-shadow: 18px 0 48px rgba(11, 24, 40, 0.16), inset -1px 0 0 rgba(104, 240, 255, 0.16) !important;
}

html body #root .layout-sidebar__brand {
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

html body #root .layout-sidebar__item,
html body #root .layout-sidebar__child {
  color: #526173 !important;
}

html body #root .layout-sidebar__item:hover,
html body #root .layout-sidebar__child:hover,
html body #root .layout-sidebar__section.is-active .layout-sidebar__item--section {
  border-color: rgba(0, 132, 255, 0.20) !important;
  background: rgba(255, 255, 255, 0.34) !important;
  color: #101827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

html body #root .layout-sidebar__item.is-active,
html body #root .layout-sidebar__child.is-active {
  border-color: rgba(0, 170, 255, 0.52) !important;
  background: linear-gradient(135deg, rgba(16, 159, 255, 0.20), rgba(255, 255, 255, 0.46)) !important;
  color: #075fbd !important;
  box-shadow: var(--mt5-tech-glow), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html body #root .layout-sidebar__item-count,
html body #root .layout-sidebar__item.is-active .layout-sidebar__item-count {
  background: linear-gradient(180deg, rgba(18, 149, 255, 0.22), rgba(0, 194, 255, 0.13)) !important;
  color: #075fbd !important;
}

html body #root .layout-topbar {
  padding: 16px 22px 0 !important;
}

html body #root .layout-status-chip,
html body #root .page-surface-card,
html body #root .page-table-card,
html body #root .account-hierarchy-card,
html body #root .closed-report-card,
html body #root .message-management-card,
html body #root .rounded-2xl.border,
html body #root .rounded-\[18px\].border {
  border-color: rgba(255, 255, 255, 0.52) !important;
  background: linear-gradient(145deg, rgba(246, 250, 255, 0.78), rgba(216, 228, 241, 0.60)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
  backdrop-filter: blur(22px) saturate(1.16) !important;
  box-shadow: var(--mt5-art-card-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

html body #root .page-surface-card,
html body #root .page-table-card,
html body #root .account-hierarchy-card,
html body #root .closed-report-card,
html body #root .message-management-card {
  border-radius: 14px !important;
  overflow: hidden !important;
}

html body #root .layout-status-chip__icon {
  background: rgba(0, 132, 255, 0.14) !important;
  color: #0878e7 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 170, 255, 0.24) !important;
}

html body #root .trading-filter-bar.page-toolbar-strip,
html body #root .account-hierarchy-toolbar.page-toolbar-strip,
html body #root .account-hierarchy-toolbar,
html body #root .message-management-card > .border-b.bg-white {
  border-color: rgba(126, 151, 181, 0.22) !important;
  background: linear-gradient(180deg, rgba(238, 245, 252, 0.78), rgba(220, 231, 243, 0.58)) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
}

html body #root .account-hierarchy-outline,
html body #root .art-pagination-btn,
html body #root .art-table-tool-button,
html body #root .trading-tab,
html body #root .closed-report-date-preset-row button,
html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button {
  border-color: rgba(132, 157, 185, 0.42) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(219, 230, 242, 0.50)) !important;
  color: #4d5b6f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(11, 24, 40, 0.06) !important;
}

html body #root .account-hierarchy-outline:hover,
html body #root .art-pagination-btn:hover:not(:disabled),
html body #root .art-table-tool-button:hover,
html body #root .trading-tab:hover,
html body #root .closed-report-date-preset-row button:hover,
html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button:hover {
  border-color: rgba(0, 170, 255, 0.64) !important;
  background: rgba(0, 132, 255, 0.10) !important;
  color: #075fbd !important;
  box-shadow: var(--mt5-tech-glow) !important;
}

html body #root table.trading-table,
html body #root table.mt5-main-data-table,
html body #root table.account-hierarchy-table,
html body #root table.closed-report-table {
  background: rgba(244, 248, 252, 0.70) !important;
  color: #101827 !important;
}

html body #root table.trading-table > thead,
html body #root table.fixed-data-table > thead,
html body #root table.deal-history-sticky-table > thead,
html body #root table.daily-position-sticky-table > thead,
html body #root table.position-history-sticky-table > thead,
html body #root table.account-summary-table > thead,
html body #root table.account-hierarchy-table > thead,
html body #root table.closed-report-table > thead {
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.94), rgba(211, 225, 240, 0.92)) !important;
}

html body #root table.trading-table > thead > tr > th,
html body #root table.fixed-data-table > thead > tr > th,
html body #root table.deal-history-sticky-table > thead > tr > th,
html body #root table.daily-position-sticky-table > thead > tr > th,
html body #root table.position-history-sticky-table > thead > tr > th,
html body #root table.account-summary-table > thead > tr > th,
html body #root table.account-hierarchy-table > thead > tr > th,
html body #root table.closed-report-table > thead > tr > th {
  border-color: rgba(111, 140, 171, 0.30) !important;
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.96), rgba(213, 228, 243, 0.92)) !important;
  color: #1b2a3d !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body #root table.trading-table > tbody > tr > td,
html body #root table.fixed-data-table > tbody > tr > td,
html body #root table.deal-history-sticky-table > tbody > tr > td,
html body #root table.daily-position-sticky-table > tbody > tr > td,
html body #root table.position-history-sticky-table > tbody > tr > td,
html body #root table.account-summary-table > tbody > tr > td,
html body #root table.account-hierarchy-table > tbody > tr > td,
html body #root table.closed-report-table > tbody > tr > td {
  border-color: rgba(127, 151, 178, 0.20) !important;
  background-color: rgba(247, 250, 253, 0.62) !important;
}

html body #root table.trading-table > tbody > tr:hover > td,
html body #root table.fixed-data-table > tbody > tr:hover > td,
html body #root table.account-hierarchy-table > tbody > tr:hover > td,
html body #root table.closed-report-table > tbody > tr:hover > td {
  background-color: rgba(0, 132, 255, 0.08) !important;
}

html body #root .ratio-position-table {
  background: rgba(244, 248, 252, 0.70) !important;
}

html body #root .ratio-position-table thead,
html body #root .ratio-position-table tbody,
html body #root .space-y-5 > .page-table-card:has(.ratio-position-table),
html body #root .space-y-5 > .page-table-card:has(.ratio-position-table) > .overflow-x-auto {
  background: transparent !important;
}

html body #root .account-hierarchy-count,
html body #root .account-hierarchy-action,
html body #root .account-hierarchy-sort.is-active,
html body #root .account-hierarchy-normal,
html body #root .mt5-profile-profit-display-note .mt5-profit-text,
html body #root .closed-report-member-profile-trigger,
html body #root [class*="text-[#7c3aed]"],
html body #root [class*="text-violet"],
html body #root [class*="text-purple"],
html body #root .art-column-checkbox-input:checked + .art-column-label,
html body #root .art-column-checkbox.is-checked + .art-column-label {
  color: #0878e7 !important;
}

html body #root [class*="border-[#7c3aed]"],
html body #root [class*="border-violet"],
html body #root [class*="border-purple"] {
  border-color: rgba(0, 170, 255, 0.58) !important;
}

html body #root [class*="bg-violet-50"],
html body #root [class*="bg-purple-50"],
html body #root [class*="bg-[#ede9fe]"],
html body #root [class*="bg-[#faf5ff]"] {
  background: rgba(0, 132, 255, 0.10) !important;
}

html body #root .art-column-checkbox-input:checked,
html body #root .art-column-checkbox.is-checked,
html body #root .art-pagination-btn.is-active,
html body #root .trading-tab.active {
  border-color: #0a84ff !important;
  background: linear-gradient(180deg, #18b9ff 0%, #0a84ff 55%, #0567df 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 132, 255, 0.28), 0 0 24px rgba(0, 194, 255, 0.18) !important;
}

html body .art-table-menu,
html body .closed-report-menu-panel,
html body #root .account-hierarchy-status-filter-panel,
html body .closed-report-fee-popover,
html body .closed-report-member-popover,
html body .closed-report-date-popover,
html body [data-radix-popover-content],
html body [data-radix-menu-content],
html body [data-radix-popper-content-wrapper] {
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: linear-gradient(145deg, rgba(246, 250, 255, 0.90), rgba(218, 230, 243, 0.78)) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.16) !important;
  backdrop-filter: blur(24px) saturate(1.16) !important;
  box-shadow: var(--mt5-overlay-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body .closed-report-calendar-day.is-selected,
html body .closed-report-calendar-day.is-today:not(.is-selected) {
  background: rgba(0, 132, 255, 0.16) !important;
  color: #075fbd !important;
  box-shadow: inset 0 0 0 2px #0a84ff, 0 0 18px rgba(0, 194, 255, 0.20) !important;
}

html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button[class*="bg-[#2563EB]"],
html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button[class*="bg-primary"] {
  border-color: rgba(96, 210, 255, 0.72) !important;
  background: linear-gradient(180deg, #18b9ff 0%, #0a84ff 55%, #0567df 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 132, 255, 0.30), 0 0 26px rgba(0, 194, 255, 0.20) !important;
}

@media (max-width: 760px) {
  html body #root .login-page {
    padding: 16px !important;
  }

  html body #root .login-panel {
    width: 100% !important;
    max-width: calc(100vw - 32px) !important;
    transform: none !important;
    border-radius: 20px !important;
  }

  html body #root .layout-topbar {
    padding: 12px 14px 0 !important;
  }

  html body #root .page-surface-card,
  html body #root .page-table-card,
  html body #root .account-hierarchy-card,
  html body #root .closed-report-card,
  html body #root .message-management-card {
    border-radius: 12px !important;
  }
}

/* 2026-05-05 报表会员表头：与会员列底色保持一致。 */
html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="会员"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="会员"] {
  background: rgba(247, 250, 253, 0.62) !important;
  background-color: rgba(247, 250, 253, 0.62) !important;
  background-image: linear-gradient(rgba(247, 250, 253, 0.62), rgba(247, 250, 253, 0.62)) !important;
  box-shadow: inset 0 0 0 9999px rgba(247, 250, 253, 0.62), inset 0 -1px 0 rgba(127, 151, 178, 0.20) !important;
}

/* 2026-05-05 全站输入框：统一为交易明细筛选栏输入框样式。 */
html body #root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body #root select,
html body #root textarea,
html body #root [role="combobox"],
html body #root .login-field__control,
html body #root .closed-report-date-button,
html body #root .art-page-size-trigger,
html body #root .art-pagination-jumper-input {
  box-sizing: border-box !important;
  height: var(--mt5-toolbar-height, 40px) !important;
  min-height: var(--mt5-toolbar-height, 40px) !important;
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: var(--mt5-toolbar-radius, 10px) !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  outline: none !important;
  padding: 0 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root select,
html body #root [role="combobox"],
html body #root .closed-report-date-button,
html body #root .art-page-size-trigger {
  padding-right: 34px !important;
}

html body #root textarea {
  height: auto !important;
  min-height: 80px !important;
  line-height: 1.5 !important;
  padding: 10px 14px !important;
  resize: vertical !important;
}

html body #root .login-field__control {
  align-items: center !important;
  padding: 0 !important;
}

html body #root .login-field__control input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 14px !important;
}

html body #root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
html body #root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus-visible,
html body #root select:focus,
html body #root select:focus-visible,
html body #root textarea:focus,
html body #root textarea:focus-visible,
html body #root [role="combobox"]:focus,
html body #root [role="combobox"]:focus-visible,
html body #root [role="combobox"][aria-expanded="true"],
html body #root .login-field__control:focus-within,
html body #root .closed-report-date-button:hover,
html body #root .closed-report-date-button:focus-visible,
html body #root .closed-report-date-picker.is-open .closed-report-date-button,
html body #root .art-page-size-trigger:focus-visible,
html body #root .art-pagination-jumper-input:focus,
html body #root .art-pagination-jumper-input:focus-visible {
  border-color: rgba(0, 170, 255, 0.82) !important;
  outline: none !important;
  box-shadow: var(--mt5-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html body #root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])::placeholder,
html body #root textarea::placeholder {
  color: #64748b !important;
  opacity: 0.82 !important;
}

html body #root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):disabled,
html body #root select:disabled,
html body #root textarea:disabled,
html body #root [role="combobox"][aria-disabled="true"],
html body #root .closed-report-date-button:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
}

/* 2026-05-05 高优先级页面筛选控件：压过报表和分页下拉的旧样式。 */
html body #root .trading-filter-bar.page-toolbar-strip input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body #root .trading-filter-bar.page-toolbar-strip select,
html body #root .account-hierarchy-toolbar.page-toolbar-strip input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body #root .account-hierarchy-toolbar.page-toolbar-strip select,
html body #root .closed-report-root .account-hierarchy-toolbar select,
html body #root .closed-report-root .account-hierarchy-pagination select,
html body #root select[data-closed-symbol],
html body #root select[data-closed-page-size],
html body #root .message-management-card input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body #root .message-management-card select {
  box-sizing: border-box !important;
  height: var(--mt5-toolbar-height, 40px) !important;
  min-height: var(--mt5-toolbar-height, 40px) !important;
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: var(--mt5-toolbar-radius, 10px) !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  outline: none !important;
  padding: 0 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root .trading-filter-bar.page-toolbar-strip select,
html body #root .account-hierarchy-toolbar.page-toolbar-strip select,
html body #root .closed-report-root .account-hierarchy-toolbar select,
html body #root .closed-report-root .account-hierarchy-pagination select,
html body #root select[data-closed-symbol],
html body #root select[data-closed-page-size],
html body #root .message-management-card select {
  padding-right: 34px !important;
}

html body #root .trading-filter-bar.page-toolbar-strip input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
html body #root .trading-filter-bar.page-toolbar-strip select:focus,
html body #root .account-hierarchy-toolbar.page-toolbar-strip input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
html body #root .account-hierarchy-toolbar.page-toolbar-strip select:focus,
html body #root .closed-report-root .account-hierarchy-toolbar select:focus,
html body #root .closed-report-root .account-hierarchy-pagination select:focus,
html body #root select[data-closed-symbol]:focus,
html body #root select[data-closed-page-size]:focus,
html body #root .message-management-card input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
html body #root .message-management-card select:focus {
  border-color: rgba(0, 170, 255, 0.82) !important;
  outline: none !important;
  box-shadow: var(--mt5-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* 2026-05-05 时间段选择框：所有日期范围触发按钮统一为报表样式。 */
html body #root .closed-report-date-button,
html body #root .trading-filter-bar.page-toolbar-strip button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"],
html body #root .message-management-card button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"] {
  box-sizing: border-box !important;
  width: 220px !important;
  min-width: 220px !important;
  height: var(--mt5-toolbar-height, 40px) !important;
  min-height: var(--mt5-toolbar-height, 40px) !important;
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: var(--mt5-toolbar-radius, 10px) !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 34px 0 14px !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root .closed-report-date-button:hover,
html body #root .closed-report-date-button:focus-visible,
html body #root .closed-report-date-picker.is-open .closed-report-date-button,
html body #root .trading-filter-bar.page-toolbar-strip button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"]:hover,
html body #root .trading-filter-bar.page-toolbar-strip button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"]:focus-visible,
html body #root .trading-filter-bar.page-toolbar-strip button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"][data-state="open"],
html body #root .message-management-card button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"]:hover,
html body #root .message-management-card button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"]:focus-visible,
html body #root .message-management-card button[aria-haspopup="dialog"][class*="justify-start"][class*="text-left"][data-state="open"] {
  border-color: rgba(0, 170, 255, 0.82) !important;
  color: #101827 !important;
  outline: none !important;
  box-shadow: var(--mt5-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* 2026-05-05 报表数据区域：降低白底突兀感，改为浅蓝灰协调底色。 */
html body {
  --mt5-report-data-bg: rgba(235, 244, 252, 0.76);
  --mt5-report-data-bg-solid: #edf5fc;
  --mt5-report-data-hover-bg: rgba(218, 235, 250, 0.84);
  --mt5-report-surface-bg: rgba(226, 238, 249, 0.70);
  --mt5-report-summary-bg: rgba(224, 237, 249, 0.86);
}

html body #root .closed-report-root .account-hierarchy-table-wrap,
html body #root .closed-report-footer {
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.78), rgba(222, 235, 248, 0.68)) !important;
}

html body #root table.closed-report-table,
html body #root table.closed-report-table > tbody {
  background: var(--mt5-report-surface-bg) !important;
  background-color: var(--mt5-report-surface-bg) !important;
}

html body #root table.closed-report-table > tbody > tr > td:not([data-closed-group]),
html body #root table.closed-report-table > tbody > tr > td[data-closed-group="会员"] {
  background: var(--mt5-report-data-bg) !important;
  background-color: var(--mt5-report-data-bg) !important;
  background-image: linear-gradient(var(--mt5-report-data-bg), var(--mt5-report-data-bg)) !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="会员"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="会员"] {
  background: var(--mt5-report-data-bg) !important;
  background-color: var(--mt5-report-data-bg) !important;
  background-image: linear-gradient(var(--mt5-report-data-bg), var(--mt5-report-data-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-report-data-bg), inset 0 -1px 0 rgba(127, 151, 178, 0.22) !important;
}

html body #root table.closed-report-table > tbody > tr.closed-report-summary-row > td {
  background: var(--mt5-report-summary-bg) !important;
  background-color: var(--mt5-report-summary-bg) !important;
  background-image: linear-gradient(var(--mt5-report-summary-bg), var(--mt5-report-summary-bg)) !important;
}

html body #root table.closed-report-table > tbody > tr:hover > td:not([data-closed-group]),
html body #root table.closed-report-table > tbody > tr:hover > td[data-closed-group="会员"] {
  background: var(--mt5-report-data-hover-bg) !important;
  background-color: var(--mt5-report-data-hover-bg) !important;
  background-image: linear-gradient(var(--mt5-report-data-hover-bg), var(--mt5-report-data-hover-bg)) !important;
}

/* 2026-05-05 其他页面表格数据区域：同步为协调的浅蓝灰底色。 */
html body {
  --mt5-table-surface-bg: rgba(226, 238, 249, 0.70);
  --mt5-table-data-bg: rgba(235, 244, 252, 0.76);
  --mt5-table-zebra-bg: rgba(228, 240, 251, 0.80);
  --mt5-table-hover-bg: rgba(218, 235, 250, 0.84);
  --mt5-table-footer-bg: rgba(226, 238, 249, 0.72);
}

html body #root .page-table-card:not(:has(table.closed-report-table)) > .overflow-x-auto,
html body #root .page-table-card:not(:has(table.closed-report-table)) .overflow-x-auto,
html body #root .account-hierarchy-root:not(.closed-report-root) .account-hierarchy-table-wrap,
html body #root .message-management-card > .px-5.pb-5.pt-4,
html body #root .art-table-footer:not(.closed-report-footer),
html body #root .account-hierarchy-footer:not(.closed-report-footer) {
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.78), var(--mt5-table-footer-bg)) !important;
  background-color: var(--mt5-table-footer-bg) !important;
}

html body #root table.trading-table:not(.closed-report-table),
html body #root table.fixed-data-table:not(.closed-report-table),
html body #root table.mt5-main-data-table:not(.closed-report-table),
html body #root table.account-hierarchy-table:not(.closed-report-table),
html body #root table.account-summary-table,
html body #root table.contribution-table,
html body #root table.ratio-position-table,
html body #root table.message-management-table,
html body #root .ratio-position-table thead,
html body #root .ratio-position-table tbody {
  background: var(--mt5-table-surface-bg) !important;
  background-color: var(--mt5-table-surface-bg) !important;
}

html body #root table.trading-table:not(.closed-report-table) > tbody > tr,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr,
html body #root table.mt5-main-data-table:not(.closed-report-table) > tbody > tr,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr,
html body #root table.account-summary-table > tbody > tr,
html body #root table.contribution-table > tbody > tr,
html body #root table.ratio-position-table > tbody > tr,
html body #root table.message-management-table > tbody > tr {
  background: var(--mt5-table-data-bg) !important;
  background-color: var(--mt5-table-data-bg) !important;
}

html body #root table.trading-table:not(.closed-report-table) > tbody > tr > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr > td,
html body #root table.mt5-main-data-table:not(.closed-report-table) > tbody > tr > td,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr > td,
html body #root table.account-summary-table > tbody > tr > td,
html body #root table.contribution-table > tbody > tr > td,
html body #root table.ratio-position-table > tbody > tr > td,
html body #root table.message-management-table > tbody > tr > td {
  background: var(--mt5-table-data-bg) !important;
  background-color: var(--mt5-table-data-bg) !important;
  background-image: linear-gradient(var(--mt5-table-data-bg), var(--mt5-table-data-bg)) !important;
}

html body #root table.trading-table:not(.closed-report-table).is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.fixed-data-table:not(.closed-report-table).is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.account-hierarchy-table:not(.closed-report-table).is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.account-summary-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.contribution-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td,
html body #root table.ratio-position-table.is-zebra > tbody > tr:not(:last-child):nth-child(even) > td {
  background: var(--mt5-table-zebra-bg) !important;
  background-color: var(--mt5-table-zebra-bg) !important;
  background-image: linear-gradient(var(--mt5-table-zebra-bg), var(--mt5-table-zebra-bg)) !important;
}

html body #root table.trading-table:not(.closed-report-table) > tbody > tr:hover > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr:hover > td,
html body #root table.mt5-main-data-table:not(.closed-report-table) > tbody > tr:hover > td,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr:hover > td,
html body #root table.account-summary-table > tbody > tr:hover > td,
html body #root table.contribution-table > tbody > tr:hover > td,
html body #root table.ratio-position-table > tbody > tr:hover > td,
html body #root table.message-management-table > tbody > tr:hover > td {
  background: var(--mt5-table-hover-bg) !important;
  background-color: var(--mt5-table-hover-bg) !important;
  background-image: linear-gradient(var(--mt5-table-hover-bg), var(--mt5-table-hover-bg)) !important;
}

html body #root table.deal-history-sticky-table tbody tr:not(:last-child) td:nth-child(n+16):nth-child(-n+19),
html body #root table.deal-history-sticky-table tbody tr:last-child td:nth-child(n+6):nth-child(-n+9),
html body #root table.position-history-sticky-table > tbody > tr > *:nth-child(n+16):nth-child(-n+18) {
  background: #F8FCFA !important;
  background-color: #F8FCFA !important;
  background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
}

html body #root table.deal-history-sticky-table tbody tr:not(:last-child) td:nth-child(n+20):nth-child(-n+23),
html body #root table.deal-history-sticky-table tbody tr:last-child td:nth-child(n+10):nth-child(-n+13),
html body #root table.daily-position-sticky-table > tbody > tr > *:nth-child(n+17):nth-child(-n+21),
html body #root table.position-history-sticky-table > tbody > tr > *:nth-child(n+19):nth-child(-n+21) {
  background: #F5FAFD !important;
  background-color: #F5FAFD !important;
  background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
}

html body #root table.deal-history-sticky-table tbody tr:not(:last-child) td:nth-child(n+24):nth-child(-n+27),
html body #root table.deal-history-sticky-table tbody tr:last-child td:nth-child(n+14):nth-child(-n+17),
html body #root table.position-history-sticky-table > tbody > tr > *:nth-child(n+22):nth-child(-n+24) {
  background: #FFFCF4 !important;
  background-color: #FFFCF4 !important;
  background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
}

/* 2026-05-05 其他页面表格底层：补齐表格本体和内容容器，避免露出白色。 */
html body #root .page-table-card:not(:has(table.closed-report-table)) > div[class*="px-5"][class*="pb-5"][class*="pt-4"],
html body #root .page-table-card:not(:has(table.closed-report-table)) > div[class*="overflow-x-auto"],
html body #root .message-management-card > div[class*="px-5"][class*="pb-5"][class*="pt-4"] {
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.78), var(--mt5-table-footer-bg)) !important;
  background-color: var(--mt5-table-footer-bg) !important;
}

html body #root .page-table-card:not(:has(table.closed-report-table)) table.trading-table,
html body #root .page-table-card:not(:has(table.closed-report-table)) table.fixed-data-table,
html body #root .page-table-card:not(:has(table.closed-report-table)) table.deal-history-sticky-table,
html body #root .page-table-card:not(:has(table.closed-report-table)) table.daily-position-sticky-table,
html body #root .page-table-card:not(:has(table.closed-report-table)) table.position-history-sticky-table,
html body #root .page-table-card:not(:has(table.closed-report-table)) table.ratio-position-table,
html body #root .message-management-card table.trading-table.message-management-table {
  background: var(--mt5-table-surface-bg) !important;
  background-color: var(--mt5-table-surface-bg) !important;
  background-image: linear-gradient(var(--mt5-table-surface-bg), var(--mt5-table-surface-bg)) !important;
}

/* 2026-05-05 高特异度白底表格覆盖：压过旧的 trading-table 白底规则。 */
html body #root table.trading-table:not(.fixed-data-table):not(.ratio-position-table):not(.account-summary-table):not(.contribution-table):not(.reports-table):not(.closed-report-table) {
  background: var(--mt5-table-surface-bg) !important;
  background-color: var(--mt5-table-surface-bg) !important;
  background-image: linear-gradient(var(--mt5-table-surface-bg), var(--mt5-table-surface-bg)) !important;
}

/* 2026-05-05 全站白色背景替换：把残留 bg-white / card / popover 统一成协调浅蓝灰。 */
html body {
  --mt5-global-panel-bg: linear-gradient(145deg, rgba(241, 247, 253, 0.82), rgba(222, 235, 248, 0.68));
  --mt5-global-soft-bg: rgba(235, 244, 252, 0.76);
  --mt5-global-soft-bg-solid: #edf5fc;
  --mt5-global-popover-bg: linear-gradient(145deg, rgba(239, 246, 252, 0.94), rgba(223, 236, 248, 0.88));
  --mt5-global-header-bg: linear-gradient(180deg, rgba(235, 244, 252, 0.86), rgba(222, 235, 248, 0.72));
}

html body,
html body #root {
  background-color: #dfeaf5 !important;
}

html body #root .page-content,
html body #root .layout-content,
html body #root .page-stack {
  background: transparent !important;
}

html body #root .bg-white,
html body #root [class~="bg-white"],
html body #root [class*="bg-white/"],
html body #root [class*="bg-[#fff"],
html body #root [class*="bg-[#ffffff"],
html body #root [class*="bg-card"],
html body #root [class*="bg-background"],
html body #root .border.bg-white,
html body #root .rounded-md.border.bg-white,
html body #root .rounded-lg.border.bg-white,
html body #root .rounded-xl.border.bg-white,
html body #root .rounded-2xl.border.bg-white {
  background: var(--mt5-global-soft-bg) !important;
  background-color: var(--mt5-global-soft-bg) !important;
  background-image: linear-gradient(var(--mt5-global-soft-bg), var(--mt5-global-soft-bg)) !important;
}

html body #root .page-surface-card,
html body #root .page-table-card,
html body #root .account-hierarchy-card,
html body #root .closed-report-card,
html body #root .message-management-card,
html body #root .rounded-2xl.border,
html body #root .rounded-\[18px\].border,
html body #root .login-panel {
  border-color: rgba(255, 255, 255, 0.52) !important;
  background: var(--mt5-global-panel-bg) !important;
  background-color: rgba(232, 242, 252, 0.74) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
  backdrop-filter: blur(22px) saturate(1.16) !important;
}

html body #root .trading-filter-bar.page-toolbar-strip,
html body #root .trading-filter-bar,
html body #root .account-hierarchy-toolbar.page-toolbar-strip,
html body #root .account-hierarchy-toolbar,
html body #root .message-management-card > .border-b,
html body #root .message-management-card > .border-b.bg-white,
html body #root .art-table-footer,
html body #root .account-hierarchy-footer,
html body #root .closed-report-footer {
  background: var(--mt5-global-header-bg) !important;
  background-color: rgba(226, 238, 249, 0.76) !important;
}

html body .art-table-menu,
html body .closed-report-menu-panel,
html body #root .account-hierarchy-status-filter-panel,
html body .closed-report-fee-popover,
html body .closed-report-member-popover,
html body .closed-report-date-popover,
html body [data-radix-popover-content],
html body [data-radix-menu-content],
html body [data-radix-popper-content-wrapper] {
  background: var(--mt5-global-popover-bg) !important;
  background-color: rgba(239, 246, 252, 0.94) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
}

/* 2026-05-05 订单管理表头筛选：改成报表工具按钮的同款蒙版图标，避免输入框规则把 SVG 压成 0 宽。 */
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] {
  --art-tool-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 3H2l8 9.46V19l4 2v-8.54L22 3Z'/%3E%3C/svg%3E");
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(219, 230, 242, 0.50)) !important;
  color: #4d5b6f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(11, 24, 40, 0.06) !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg {
  display: none !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  content: "" !important;
  -webkit-mask: var(--art-tool-icon) center / contain no-repeat !important;
  mask: var(--art-tool-icon) center / contain no-repeat !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][data-state="open"],
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"] {
  border-color: rgba(0, 170, 255, 0.64) !important;
  background: rgba(0, 132, 255, 0.10) !important;
  color: #075fbd !important;
  outline: none !important;
  box-shadow: var(--mt5-tech-glow) !important;
}

/* 2026-05-05 表头小筛选按钮：统一换成筛选图标，避免被全站 combobox 输入框样式撑成空方块。 */
html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] {
  --mt5-table-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 3H2l8 9.46V19l4 2v-8.54L22 3Z'/%3E%3C/svg%3E");
  display: inline-flex !important;
  flex: 0 0 32px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(219, 230, 242, 0.50)) !important;
  color: #4d5b6f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(11, 24, 40, 0.06) !important;
}

html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg {
  display: none !important;
}

html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  content: "" !important;
  -webkit-mask: var(--mt5-table-filter-icon) center / contain no-repeat !important;
  mask: var(--mt5-table-filter-icon) center / contain no-repeat !important;
}

html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"] {
  border-color: rgba(0, 170, 255, 0.64) !important;
  background: rgba(0, 132, 255, 0.10) !important;
  color: #075fbd !important;
  outline: none !important;
  box-shadow: var(--mt5-tech-glow) !important;
}

/* 2026-05-05 表头筛选图标：对齐仓位汇总页的透明 lucide-filter 小图标。 */
html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"],
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] {
  display: inline-flex !important;
  flex: 0 0 24px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #5d6a7c !important;
  box-shadow: none !important;
}

html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg {
  display: block !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  color: currentColor !important;
}

html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
}

html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.trading-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.fixed-data-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.daily-position-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.position-history-sticky-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.account-summary-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"],
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.contribution-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"] {
  background: rgba(226, 232, 240, 0.72) !important;
  color: #1b2a3d !important;
  outline: none !important;
  box-shadow: none !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] {
  display: inline-flex !important;
  flex: 0 0 24px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #5d6a7c !important;
  box-shadow: none !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg {
  display: block !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  color: currentColor !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
}

html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][data-state="open"],
html body #root table.trading-table.fixed-data-table:not(.daily-position-sticky-table):not(.position-history-sticky-table):not(.account-admin-table) thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"] {
  background: rgba(226, 232, 240, 0.72) !important;
  color: #1b2a3d !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 2026-05-05 仓位汇总表头 / 汇总区域：把残留白底统一成协调浅蓝灰。 */
html body {
  --mt5-ratio-head-bg: rgba(224, 237, 249, 0.90);
  --mt5-ratio-head-bg-strong: rgba(214, 230, 245, 0.94);
  --mt5-ratio-summary-bg: rgba(221, 235, 248, 0.92);
  --mt5-ratio-summary-hover-bg: rgba(212, 231, 247, 0.96);
}

html body #root .trading-summary-bar {
  border-color: rgba(126, 151, 181, 0.24) !important;
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.92), rgba(218, 232, 246, 0.86)) !important;
  background-color: var(--mt5-ratio-summary-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 12px 30px rgba(13, 25, 42, 0.08) !important;
}

html body #root .ratio-position-table > thead,
html body #root .ratio-position-table > thead > tr,
html body #root .ratio-position-table > thead > tr > th {
  background: linear-gradient(180deg, var(--mt5-ratio-head-bg), var(--mt5-ratio-head-bg-strong)) !important;
  background-color: var(--mt5-ratio-head-bg) !important;
  background-image: linear-gradient(180deg, var(--mt5-ratio-head-bg), var(--mt5-ratio-head-bg-strong)) !important;
}

html body #root .ratio-position-table > thead > tr > th,
html body #root .ratio-position-table > thead > tr > th.bg-slate-50 {
  box-shadow: inset 0 0 0 9999px rgba(224, 237, 249, 0.30), inset 0 -1px 0 rgba(111, 140, 171, 0.30) !important;
}

html body #root .ratio-position-table > tbody > tr.summary-row,
html body #root .ratio-position-table > tbody > tr.summary-row > td {
  background: var(--mt5-ratio-summary-bg) !important;
  background-color: var(--mt5-ratio-summary-bg) !important;
  background-image: linear-gradient(var(--mt5-ratio-summary-bg), var(--mt5-ratio-summary-bg)) !important;
  box-shadow: inset 0 1px 0 rgba(111, 140, 171, 0.26) !important;
}

html body #root .ratio-position-table > tbody > tr.summary-row:hover,
html body #root .ratio-position-table > tbody > tr.summary-row:hover > td {
  background: var(--mt5-ratio-summary-hover-bg) !important;
  background-color: var(--mt5-ratio-summary-hover-bg) !important;
  background-image: linear-gradient(var(--mt5-ratio-summary-hover-bg), var(--mt5-ratio-summary-hover-bg)) !important;
}

html body #root table.trading-table.ratio-position-table > thead,
html body #root table.trading-table.ratio-position-table > thead > tr,
html body #root table.trading-table.ratio-position-table > thead > tr > th,
html body #root table.trading-table.ratio-position-table > thead > tr > th.bg-slate-50 {
  background: linear-gradient(180deg, var(--mt5-ratio-head-bg), var(--mt5-ratio-head-bg-strong)) !important;
  background-color: var(--mt5-ratio-head-bg) !important;
  background-image: linear-gradient(180deg, var(--mt5-ratio-head-bg), var(--mt5-ratio-head-bg-strong)) !important;
}

html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row,
html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row > td {
  background: var(--mt5-ratio-summary-bg) !important;
  background-color: var(--mt5-ratio-summary-bg) !important;
  background-image: linear-gradient(var(--mt5-ratio-summary-bg), var(--mt5-ratio-summary-bg)) !important;
}

html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row:hover,
html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row:hover > td {
  background: var(--mt5-ratio-summary-hover-bg) !important;
  background-color: var(--mt5-ratio-summary-hover-bg) !important;
  background-image: linear-gradient(var(--mt5-ratio-summary-hover-bg), var(--mt5-ratio-summary-hover-bg)) !important;
}

html body #root table.trading-table.ratio-position-table > thead > tr > th,
html body #root table.trading-table.ratio-position-table > thead > tr > th[style],
html body #root table.trading-table.ratio-position-table > thead > tr > th.bg-slate-50 {
  box-shadow: inset 0 0 0 9999px rgba(224, 237, 249, 0.88), inset 0 -1px 0 rgba(111, 140, 171, 0.30) !important;
}

html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row,
html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row > td,
html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row > td[style] {
  box-shadow: inset 0 0 0 9999px rgba(221, 235, 248, 0.92), inset 0 1px 0 rgba(111, 140, 171, 0.26) !important;
}

html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row:hover,
html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row:hover > td,
html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row:hover > td[style] {
  box-shadow: inset 0 0 0 9999px rgba(212, 231, 247, 0.96), inset 0 1px 0 rgba(111, 140, 171, 0.26) !important;
}

/* 2026-05-05 全界面巡检补丁：压掉剩余表头、合计行、交易配置表和弹层里的纯白 / 近白底。 */
html body {
  --mt5-audit-head-bg: rgba(224, 237, 249, 0.92);
  --mt5-audit-head-bg-strong: rgba(214, 230, 245, 0.94);
  --mt5-audit-summary-bg: rgba(221, 235, 248, 0.92);
  --mt5-audit-wrap-bg: rgba(226, 238, 249, 0.72);
  --mt5-audit-popover-bg: linear-gradient(145deg, rgba(239, 246, 252, 0.96), rgba(223, 236, 248, 0.90));
}

html body #root table.trading-table:not(.closed-report-table) > thead,
html body #root table.fixed-data-table:not(.closed-report-table) > thead,
html body #root table.deal-history-sticky-table > thead,
html body #root table.daily-position-sticky-table > thead,
html body #root table.position-history-sticky-table > thead,
html body #root table.account-summary-table > thead,
html body #root table.account-hierarchy-table:not(.closed-report-table) > thead,
html body #root table.contribution-table > thead,
html body #root table.message-management-table > thead,
html body #root table.account-parameter-table > thead,
html body #root table.reports-table > thead {
  background: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
  background-color: var(--mt5-audit-head-bg) !important;
  background-image: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
}

html body #root table.trading-table:not(.closed-report-table) > thead > tr,
html body #root table.fixed-data-table:not(.closed-report-table) > thead > tr,
html body #root table.deal-history-sticky-table > thead > tr,
html body #root table.daily-position-sticky-table > thead > tr,
html body #root table.position-history-sticky-table > thead > tr,
html body #root table.account-summary-table > thead > tr,
html body #root table.account-hierarchy-table:not(.closed-report-table) > thead > tr,
html body #root table.contribution-table > thead > tr,
html body #root table.message-management-table > thead > tr,
html body #root table.account-parameter-table > thead > tr,
html body #root table.reports-table > thead > tr {
  background: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
  background-color: var(--mt5-audit-head-bg) !important;
  background-image: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
}

html body #root table.trading-table:not(.closed-report-table) > thead > tr > th,
html body #root table.fixed-data-table:not(.closed-report-table) > thead > tr > th,
html body #root table.deal-history-sticky-table > thead > tr > th,
html body #root table.daily-position-sticky-table > thead > tr > th,
html body #root table.position-history-sticky-table > thead > tr > th,
html body #root table.account-summary-table > thead > tr > th,
html body #root table.account-hierarchy-table:not(.closed-report-table) > thead > tr > th,
html body #root table.contribution-table > thead > tr > th,
html body #root table.message-management-table > thead > tr > th,
html body #root table.account-parameter-table > thead > tr > th,
html body #root table.reports-table > thead > tr > th {
  background: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
  background-color: var(--mt5-audit-head-bg) !important;
  background-image: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
  box-shadow: inset 0 -1px 0 rgba(111, 140, 171, 0.28) !important;
}

html body #root table.trading-table:not(.closed-report-table) > tbody > tr.summary-row,
html body #root table.trading-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.trading-table:not(.closed-report-table) > tfoot > tr,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr.summary-row,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.fixed-data-table:not(.closed-report-table) > tfoot > tr,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.account-hierarchy-table:not(.closed-report-table) > tfoot > tr,
html body #root table.contribution-table > tbody > tr[class~="bg-slate-50"],
html body #root table.contribution-table > tfoot > tr,
html body #root table.message-management-table > tbody > tr[class~="bg-slate-50"],
html body #root table.message-management-table > tfoot > tr {
  background: var(--mt5-audit-summary-bg) !important;
  background-color: var(--mt5-audit-summary-bg) !important;
  background-image: linear-gradient(var(--mt5-audit-summary-bg), var(--mt5-audit-summary-bg)) !important;
}

html body #root table.trading-table:not(.closed-report-table) > tbody > tr.summary-row > td,
html body #root table.trading-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.trading-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr.summary-row > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.contribution-table > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.contribution-table > tfoot > tr > td,
html body #root table.message-management-table > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.message-management-table > tfoot > tr > td {
  background: var(--mt5-audit-summary-bg) !important;
  background-color: var(--mt5-audit-summary-bg) !important;
  background-image: linear-gradient(var(--mt5-audit-summary-bg), var(--mt5-audit-summary-bg)) !important;
  box-shadow: inset 0 1px 0 rgba(111, 140, 171, 0.24) !important;
}

html body #root .trading-table-wrap,
html body #root .account-parameter-table,
html body #root .mt5-head-office-parameter-table {
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.78), var(--mt5-audit-wrap-bg)) !important;
  background-color: var(--mt5-audit-wrap-bg) !important;
  background-image: linear-gradient(180deg, rgba(232, 241, 250, 0.78), var(--mt5-audit-wrap-bg)) !important;
}

html body .art-table-menu,
html body #root .art-table-menu,
html body .closed-report-menu-panel,
html body #root .closed-report-menu-panel,
html body #root .account-hierarchy-status-filter-panel,
html body .closed-report-fee-popover,
html body .closed-report-member-popover,
html body .closed-report-date-popover,
html body [data-radix-popover-content],
html body [data-radix-menu-content],
html body [data-radix-popper-content-wrapper] {
  background: var(--mt5-audit-popover-bg) !important;
  background-color: rgba(239, 246, 252, 0.96) !important;
  background-image: var(--mt5-audit-popover-bg) !important;
}

/* 2026-05-05 全界面巡检补丁二：覆盖构建包里强制 #f9fafb 的通用表头和合计行。 */
html body #root table.trading-table:not(.closed-report-table) > thead > tr > th,
html body #root table.trading-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.fixed-data-table:not(.closed-report-table) > thead > tr > th,
html body #root table.fixed-data-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr > th,
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr > th,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr > th,
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.account-summary-table:not(.closed-report-table) > thead > tr > th,
html body #root table.account-summary-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.account-hierarchy-table:not(.closed-report-table) > thead > tr > th,
html body #root table.account-hierarchy-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.contribution-table:not(.closed-report-table) > thead > tr > th,
html body #root table.contribution-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.message-management-table:not(.closed-report-table) > thead > tr > th,
html body #root table.message-management-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.account-parameter-table:not(.closed-report-table) > thead > tr > th,
html body #root table.account-parameter-table:not(.closed-report-table) > thead > tr > th[style],
html body #root table.reports-table:not(.closed-report-table) > thead > tr > th,
html body #root table.reports-table:not(.closed-report-table) > thead > tr > th[style] {
  background: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  background-color: rgba(224, 237, 249, 0.96) !important;
  background-image: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  box-shadow: inset 0 0 0 9999px rgba(224, 237, 249, 0.90), inset 0 -1px 0 rgba(111, 140, 171, 0.30) !important;
}

html body #root table.trading-table:not(.closed-report-table) > tbody > tr.summary-row,
html body #root table.trading-table:not(.closed-report-table) > tbody > tr.summary-row > td,
html body #root table.trading-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.trading-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.trading-table:not(.closed-report-table) > tfoot > tr,
html body #root table.trading-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr.summary-row,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr.summary-row > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.fixed-data-table:not(.closed-report-table) > tfoot > tr,
html body #root table.fixed-data-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.account-hierarchy-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tfoot > tr,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.contribution-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.contribution-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.contribution-table:not(.closed-report-table) > tfoot > tr,
html body #root table.contribution-table:not(.closed-report-table) > tfoot > tr > td,
html body #root table.message-management-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"],
html body #root table.message-management-table:not(.closed-report-table) > tbody > tr[class~="bg-slate-50"] > td,
html body #root table.message-management-table:not(.closed-report-table) > tfoot > tr,
html body #root table.message-management-table:not(.closed-report-table) > tfoot > tr > td {
  background: rgba(221, 235, 248, 0.92) !important;
  background-color: rgba(221, 235, 248, 0.92) !important;
  background-image: linear-gradient(rgba(221, 235, 248, 0.92), rgba(221, 235, 248, 0.92)) !important;
  box-shadow: inset 0 0 0 9999px rgba(221, 235, 248, 0.92), inset 0 1px 0 rgba(111, 140, 171, 0.24) !important;
}

/* 2026-05-05 全界面巡检补丁三：顶部毛玻璃控件减少纯白高光，保持浅蓝灰统一感。 */
html body #root .layout-status-chip,
html body #root .page-surface-card,
html body #root .page-table-card,
html body #root .account-hierarchy-card,
html body #root .closed-report-card,
html body #root .message-management-card,
html body #root .rounded-2xl.border,
html body #root .rounded-\[18px\].border {
  background: linear-gradient(145deg, rgba(234, 244, 252, 0.84), rgba(215, 229, 242, 0.66)) !important;
  background-color: rgba(224, 237, 249, 0.76) !important;
}

html body #root .account-hierarchy-outline,
html body #root .art-pagination-btn,
html body #root .art-table-tool-button,
html body #root .trading-tab,
html body #root .closed-report-date-preset-row button,
html body #root .message-management-card > .border-b.bg-white > .flex.flex-wrap > button {
  background: linear-gradient(180deg, rgba(232, 242, 252, 0.82), rgba(215, 229, 243, 0.66)) !important;
  background-color: rgba(224, 237, 249, 0.74) !important;
}

/* 2026-05-05 账号弹窗：账号字体统一蓝色，并把打开弹窗的表格行提升到数据行之上。 */
html body #root table.trading-table button[class*="text-[#7C3AED]"],
html body #root table.fixed-data-table button[class*="text-[#7C3AED]"],
html body #root table.daily-position-sticky-table button[class*="text-[#7C3AED]"],
html body #root table.deal-history-sticky-table button[class*="text-[#7C3AED]"],
html body #root table.position-history-sticky-table button[class*="text-[#7C3AED]"] {
  color: #0a84ff !important;
  text-decoration-color: rgba(10, 132, 255, 0.54) !important;
}

html body #root table.trading-table button[class*="text-[#7C3AED]"]:hover,
html body #root table.fixed-data-table button[class*="text-[#7C3AED]"]:hover,
html body #root table.daily-position-sticky-table button[class*="text-[#7C3AED]"]:hover,
html body #root table.deal-history-sticky-table button[class*="text-[#7C3AED]"]:hover,
html body #root table.position-history-sticky-table button[class*="text-[#7C3AED]"]:hover,
html body #root table.trading-table button[class*="text-[#7C3AED]"][data-state="open"],
html body #root table.fixed-data-table button[class*="text-[#7C3AED]"][data-state="open"],
html body #root table.daily-position-sticky-table button[class*="text-[#7C3AED]"][data-state="open"],
html body #root table.deal-history-sticky-table button[class*="text-[#7C3AED]"][data-state="open"],
html body #root table.position-history-sticky-table button[class*="text-[#7C3AED]"][data-state="open"] {
  color: #0567df !important;
}

html body #root table.trading-table tr:has(button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.fixed-data-table tr:has(button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.daily-position-sticky-table tr:has(button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.deal-history-sticky-table tr:has(button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.position-history-sticky-table tr:has(button[class*="text-[#7C3AED]"][data-state="open"]) {
  position: relative !important;
  z-index: 100080 !important;
}

html body #root table.trading-table td:has(> button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.fixed-data-table td:has(> button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.daily-position-sticky-table td:has(> button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.deal-history-sticky-table td:has(> button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.position-history-sticky-table td:has(> button[class*="text-[#7C3AED]"][data-state="open"]),
html body #root table.trading-table td:has([data-radix-popper-content-wrapper]),
html body #root table.fixed-data-table td:has([data-radix-popper-content-wrapper]),
html body #root table.daily-position-sticky-table td:has([data-radix-popper-content-wrapper]),
html body #root table.deal-history-sticky-table td:has([data-radix-popper-content-wrapper]),
html body #root table.position-history-sticky-table td:has([data-radix-popper-content-wrapper]) {
  position: relative !important;
  z-index: 100090 !important;
  overflow: visible !important;
}

html body #root .page-surface-card:has(table.trading-table [data-radix-popper-content-wrapper]),
html body #root .page-table-card:has(table.trading-table [data-radix-popper-content-wrapper]),
html body #root div[class*="overflow-hidden"]:has(table.trading-table [data-radix-popper-content-wrapper]) {
  overflow: visible !important;
}

html body #root table.trading-table [data-radix-popper-content-wrapper],
html body #root table.fixed-data-table [data-radix-popper-content-wrapper],
html body #root table.daily-position-sticky-table [data-radix-popper-content-wrapper],
html body #root table.deal-history-sticky-table [data-radix-popper-content-wrapper],
html body #root table.position-history-sticky-table [data-radix-popper-content-wrapper] {
  z-index: 100100 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}

html body #root table.trading-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.fixed-data-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.daily-position-sticky-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.deal-history-sticky-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.position-history-sticky-table [data-radix-popper-content-wrapper] > [data-state="open"] {
  position: relative !important;
  z-index: 100101 !important;
  background: linear-gradient(145deg, rgba(239, 246, 252, 0.98), rgba(221, 235, 248, 0.96)) !important;
  color: #101827 !important;
  box-shadow: 0 24px 60px rgba(10, 20, 34, 0.24), 0 0 26px rgba(0, 194, 255, 0.16) !important;
}

/* 2026-05-06 告警 toast：浅色提示上统一使用深色文字，避免白字不可读。 */
html body [data-sonner-toast],
html body [data-sonner-toast] *,
html body .toaster [data-sonner-toast],
html body .toaster [data-sonner-toast] * {
  color: #101827 !important;
  text-shadow: none !important;
}

html body [data-sonner-toast],
html body .toaster [data-sonner-toast] {
  background: linear-gradient(145deg, rgba(239, 246, 252, 0.98), rgba(221, 235, 248, 0.96)) !important;
  border-color: rgba(111, 140, 171, 0.30) !important;
}

/* 2026-05-06 分组表格：表头、数据列、汇总行按下级 / 本级 / 上级保持同组底色。 */
html body #root {
  --mt5-group-sub-bg: #F8FCFA;
  --mt5-group-self-bg: #F5FAFD;
  --mt5-group-super-bg: #FFFCF4;
  --mt5-group-line: #d6dde8;
}

html body #root table.daily-position-sticky-table > thead > tr:first-child > *:nth-child(3),
html body #root table.daily-position-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+16):nth-child(-n+20),
html body #root table.daily-position-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+17):nth-child(-n+21),
html body #root table.daily-position-sticky-table > tbody > tr:last-child > *:nth-child(n+17):nth-child(-n+21),
html body #root table.daily-position-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+17):nth-child(-n+21),
html body #root table.daily-position-sticky-table > tfoot > tr > *:nth-child(n+17):nth-child(-n+21) {
  background: var(--mt5-group-self-bg) !important;
  background-color: var(--mt5-group-self-bg) !important;
  background-image: linear-gradient(var(--mt5-group-self-bg), var(--mt5-group-self-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-self-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.position-history-sticky-table > thead > tr:first-child > *:nth-child(2),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+16):nth-child(-n+18),
html body #root table.position-history-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+16):nth-child(-n+18),
html body #root table.position-history-sticky-table > tbody > tr:last-child > *:nth-child(n+16):nth-child(-n+18),
html body #root table.position-history-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+16):nth-child(-n+18),
html body #root table.position-history-sticky-table > tfoot > tr > *:nth-child(n+16):nth-child(-n+18),
html body #root table.deal-history-sticky-table > thead > tr:first-child > *:nth-child(2),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+16):nth-child(-n+19),
html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+16):nth-child(-n+19),
html body #root table.deal-history-sticky-table > tbody > tr:last-child > *:nth-child(n+6):nth-child(-n+9),
html body #root table.deal-history-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+6):nth-child(-n+9),
html body #root table.deal-history-sticky-table > tfoot > tr > *:nth-child(n+6):nth-child(-n+9) {
  background: var(--mt5-group-sub-bg) !important;
  background-color: var(--mt5-group-sub-bg) !important;
  background-image: linear-gradient(var(--mt5-group-sub-bg), var(--mt5-group-sub-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-sub-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.position-history-sticky-table > thead > tr:first-child > *:nth-child(3),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+19):nth-child(-n+21),
html body #root table.position-history-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+19):nth-child(-n+21),
html body #root table.position-history-sticky-table > tbody > tr:last-child > *:nth-child(n+19):nth-child(-n+21),
html body #root table.position-history-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+19):nth-child(-n+21),
html body #root table.position-history-sticky-table > tfoot > tr > *:nth-child(n+19):nth-child(-n+21),
html body #root table.deal-history-sticky-table > thead > tr:first-child > *:nth-child(3),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+20):nth-child(-n+23),
html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+20):nth-child(-n+23),
html body #root table.deal-history-sticky-table > tbody > tr:last-child > *:nth-child(n+10):nth-child(-n+13),
html body #root table.deal-history-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+10):nth-child(-n+13),
html body #root table.deal-history-sticky-table > tfoot > tr > *:nth-child(n+10):nth-child(-n+13) {
  background: var(--mt5-group-self-bg) !important;
  background-color: var(--mt5-group-self-bg) !important;
  background-image: linear-gradient(var(--mt5-group-self-bg), var(--mt5-group-self-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-self-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.position-history-sticky-table > thead > tr:first-child > *:nth-child(4),
html body #root table.position-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+22):nth-child(-n+24),
html body #root table.position-history-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+22):nth-child(-n+24),
html body #root table.position-history-sticky-table > tbody > tr:last-child > *:nth-child(n+22):nth-child(-n+24),
html body #root table.position-history-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+22):nth-child(-n+24),
html body #root table.position-history-sticky-table > tfoot > tr > *:nth-child(n+22):nth-child(-n+24),
html body #root table.deal-history-sticky-table > thead > tr:first-child > *:nth-child(4),
html body #root table.deal-history-sticky-table > thead > tr:nth-child(2) > *:nth-child(n+24):nth-child(-n+27),
html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > *:nth-child(n+24):nth-child(-n+27),
html body #root table.deal-history-sticky-table > tbody > tr:last-child > *:nth-child(n+14):nth-child(-n+17),
html body #root table.deal-history-sticky-table > tbody > tr[class~="bg-slate-50"] > *:nth-child(n+14):nth-child(-n+17),
html body #root table.deal-history-sticky-table > tfoot > tr > *:nth-child(n+14):nth-child(-n+17) {
  background: var(--mt5-group-super-bg) !important;
  background-color: var(--mt5-group-super-bg) !important;
  background-image: linear-gradient(var(--mt5-group-super-bg), var(--mt5-group-super-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-super-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

/* 2026-05-06 分组表头高权重覆盖：压过通用表头巡检补丁。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3)[style],
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+20),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+20)[style],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3)[style],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+19):nth-child(-n+21),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+19):nth-child(-n+21)[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3)[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+20):nth-child(-n+23),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+20):nth-child(-n+23)[style] {
  background: var(--mt5-group-self-bg) !important;
  background-color: var(--mt5-group-self-bg) !important;
  background-image: linear-gradient(var(--mt5-group-self-bg), var(--mt5-group-self-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-self-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2)[style],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+18),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+18)[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2)[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+19),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+19)[style] {
  background: var(--mt5-group-sub-bg) !important;
  background-color: var(--mt5-group-sub-bg) !important;
  background-image: linear-gradient(var(--mt5-group-sub-bg), var(--mt5-group-sub-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-sub-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4)[style],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+22):nth-child(-n+24),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+22):nth-child(-n+24)[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4)[style],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+24):nth-child(-n+27),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+24):nth-child(-n+27)[style] {
  background: var(--mt5-group-super-bg) !important;
  background-color: var(--mt5-group-super-bg) !important;
  background-image: linear-gradient(var(--mt5-group-super-bg), var(--mt5-group-super-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-super-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

/* 2026-05-06 二级页面白底兜底：公共按钮、卡片、表格体、分页控件统一转为浅蓝灰。 */
html body {
  --mt5-secondary-surface: rgba(232, 242, 252, 0.82);
  --mt5-secondary-surface-solid: #e8f2fc;
  --mt5-secondary-surface-soft: rgba(238, 246, 252, 0.82);
  --mt5-secondary-surface-strong: rgba(221, 235, 248, 0.94);
  --mt5-secondary-data-bg: rgba(237, 246, 252, 0.88);
  --mt5-secondary-data-alt-bg: rgba(229, 240, 250, 0.82);
}

html body #root .bg-white,
html body #root [class~="bg-white"],
html body #root [class*="bg-white/"],
html body #root .bg-slate-50,
html body #root [class~="bg-slate-50"],
html body #root [class*="bg-slate-50/"],
html body #root [class*="bg-[#F9FAFB"],
html body #root [class*="bg-[#f9fafb"],
html body #root [class*="bg-[#FFFFFF"],
html body #root [class*="bg-[#ffffff"],
html body #root [style*="background: rgb(255, 255, 255)"],
html body #root [style*="background-color: rgb(255, 255, 255)"],
html body #root [style*="background:#fff"],
html body #root [style*="background: #fff"] {
  background: var(--mt5-secondary-surface-soft) !important;
  background-color: var(--mt5-secondary-surface-soft) !important;
  background-image: linear-gradient(var(--mt5-secondary-surface-soft), var(--mt5-secondary-surface-soft)) !important;
}

html body #root .layout-topbar__status > button,
html body #root .sidebar-collapse-toggle,
html body #root .art-page-size-trigger,
html body #root select.art-page-size-trigger,
html body #root .account-hierarchy-pagination select,
html body #root .closed-report-footer select,
html body #root .art-pagination select {
  background: linear-gradient(145deg, var(--mt5-secondary-surface-soft), var(--mt5-secondary-surface-strong)) !important;
  background-color: var(--mt5-secondary-surface-solid) !important;
  background-image: linear-gradient(145deg, var(--mt5-secondary-surface-soft), var(--mt5-secondary-surface-strong)) !important;
  border-color: rgba(111, 140, 171, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 10px 24px rgba(50, 84, 120, 0.10) !important;
}

html body #root .layout-topbar__status > button:hover,
html body #root .sidebar-collapse-toggle:hover,
html body #root .art-page-size-trigger:hover,
html body #root select.art-page-size-trigger:hover,
html body #root .account-hierarchy-pagination select:hover,
html body #root .closed-report-footer select:hover,
html body #root .art-pagination select:hover {
  background: linear-gradient(145deg, rgba(225, 239, 251, 0.96), rgba(205, 225, 244, 0.90)) !important;
  background-color: rgba(225, 239, 251, 0.96) !important;
  border-color: rgba(44, 139, 230, 0.46) !important;
}

html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table),
html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table),
html body #root table.account-summary-table,
html body #root table.contribution-table,
html body #root table.reports-table,
html body #root table.account-parameter-table,
html body #root table.mt5-head-office-parameter-table,
html body #root table.message-management-table {
  background: var(--mt5-secondary-data-bg) !important;
  background-color: var(--mt5-secondary-data-bg) !important;
  background-image: linear-gradient(var(--mt5-secondary-data-bg), var(--mt5-secondary-data-bg)) !important;
}

html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]),
html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]) > td,
html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]),
html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]) > td,
html body #root table.account-summary-table > tbody > tr:not([class~="bg-slate-50"]),
html body #root table.account-summary-table > tbody > tr:not([class~="bg-slate-50"]) > td,
html body #root table.contribution-table > tbody > tr:not([class~="bg-slate-50"]),
html body #root table.contribution-table > tbody > tr:not([class~="bg-slate-50"]) > td,
html body #root table.reports-table > tbody > tr:not([class~="bg-slate-50"]),
html body #root table.reports-table > tbody > tr:not([class~="bg-slate-50"]) > td,
html body #root table.message-management-table > tbody > tr:not([class~="bg-slate-50"]),
html body #root table.message-management-table > tbody > tr:not([class~="bg-slate-50"]) > td {
  background: var(--mt5-secondary-data-bg) !important;
  background-color: var(--mt5-secondary-data-bg) !important;
  background-image: linear-gradient(var(--mt5-secondary-data-bg), var(--mt5-secondary-data-bg)) !important;
}

html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead,
html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr,
html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr > th,
html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead,
html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr,
html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr > th,
html body #root table.account-summary-table > thead,
html body #root table.account-summary-table > thead > tr,
html body #root table.account-summary-table > thead > tr > th,
html body #root table.contribution-table > thead,
html body #root table.contribution-table > thead > tr,
html body #root table.contribution-table > thead > tr > th,
html body #root table.reports-table > thead,
html body #root table.reports-table > thead > tr,
html body #root table.reports-table > thead > tr > th,
html body #root table.message-management-table > thead,
html body #root table.message-management-table > thead > tr,
html body #root table.message-management-table > thead > tr > th {
  background: linear-gradient(180deg, var(--mt5-secondary-surface), var(--mt5-secondary-surface-strong)) !important;
  background-color: var(--mt5-secondary-surface-solid) !important;
  background-image: linear-gradient(180deg, var(--mt5-secondary-surface), var(--mt5-secondary-surface-strong)) !important;
  box-shadow: inset 0 0 0 9999px rgba(232, 242, 252, 0.80), inset 0 -1px 0 rgba(111, 140, 171, 0.26) !important;
}

@layer components {
  html body #root .layout-topbar__status > .layout-status-action,
  html body #root .layout-topbar__status > button.layout-status-action,
  html body #root .layout-sidebar .sidebar-collapse-toggle {
    background: linear-gradient(145deg, rgba(238, 246, 252, 0.96), rgba(221, 235, 248, 0.92)) !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(145deg, rgba(238, 246, 252, 0.96), rgba(221, 235, 248, 0.92)) !important;
    border-color: rgba(111, 140, 171, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 10px 24px rgba(50, 84, 120, 0.10) !important;
  }

  html body #root .layout-topbar__status > .layout-status-action:hover,
  html body #root .layout-topbar__status > button.layout-status-action:hover,
  html body #root .layout-sidebar .sidebar-collapse-toggle:hover {
    background: linear-gradient(145deg, rgba(225, 239, 251, 0.96), rgba(205, 225, 244, 0.90)) !important;
    background-color: #e1effb !important;
    border-color: rgba(44, 139, 230, 0.46) !important;
  }

  html body #root .art-table-footer,
  html body #root .art-table-footer-inner,
  html body #root .art-pagination-total,
  html body #root .art-page-size-trigger,
  html body #root select.art-page-size-trigger,
  html body #root .account-hierarchy-pagination select,
  html body #root .closed-report-footer select,
  html body #root .art-pagination select {
    background: linear-gradient(145deg, rgba(238, 246, 252, 0.94), rgba(221, 235, 248, 0.88)) !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(145deg, rgba(238, 246, 252, 0.94), rgba(221, 235, 248, 0.88)) !important;
    border-color: rgba(111, 140, 171, 0.34) !important;
  }

  html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead,
  html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr,
  html body #root table.trading-table:not(.ratio-position-table):not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr > th,
  html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead,
  html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr,
  html body #root table.fixed-data-table:not(.daily-position-sticky-table):not(.deal-history-sticky-table):not(.position-history-sticky-table):not(.closed-report-table) > thead > tr > th,
  html body #root table.account-hierarchy-table:not(.closed-report-table) > thead,
  html body #root table.account-hierarchy-table:not(.closed-report-table) > thead > tr,
  html body #root table.account-hierarchy-table:not(.closed-report-table) > thead > tr > th,
  html body #root table.account-summary-table > thead,
  html body #root table.account-summary-table > thead > tr,
  html body #root table.account-summary-table > thead > tr > th,
  html body #root table.contribution-table > thead,
  html body #root table.contribution-table > thead > tr,
  html body #root table.contribution-table > thead > tr > th,
  html body #root table.reports-table > thead,
  html body #root table.reports-table > thead > tr,
  html body #root table.reports-table > thead > tr > th,
  html body #root table.message-management-table > thead,
  html body #root table.message-management-table > thead > tr,
  html body #root table.message-management-table > thead > tr > th {
    background: linear-gradient(180deg, rgba(232, 242, 252, 0.94), rgba(221, 235, 248, 0.92)) !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(180deg, rgba(232, 242, 252, 0.94), rgba(221, 235, 248, 0.92)) !important;
    box-shadow: inset 0 0 0 9999px rgba(232, 242, 252, 0.86), inset 0 -1px 0 rgba(111, 140, 171, 0.26) !important;
  }

  html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row,
  html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row > td,
  html body #root table.trading-table.ratio-position-table > tbody > tr.summary-row > td[style] {
    background: rgba(221, 235, 248, 0.94) !important;
    background-color: rgba(221, 235, 248, 0.94) !important;
    background-image: linear-gradient(rgba(221, 235, 248, 0.94), rgba(221, 235, 248, 0.94)) !important;
    box-shadow: inset 0 0 0 9999px rgba(221, 235, 248, 0.94), inset 0 1px 0 rgba(111, 140, 171, 0.26) !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+20),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+19):nth-child(-n+21),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+20):nth-child(-n+23) {
    background: #F5FAFD !important;
    background-color: #F5FAFD !important;
    background-image: linear-gradient(#F5FAFD, #F5FAFD) !important;
    box-shadow: inset 0 0 0 9999px #F5FAFD, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+18),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+19) {
    background: #F8FCFA !important;
    background-color: #F8FCFA !important;
    background-image: linear-gradient(#F8FCFA, #F8FCFA) !important;
    box-shadow: inset 0 0 0 9999px #F8FCFA, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+22):nth-child(-n+24),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+24):nth-child(-n+27) {
    background: #FFFCF4 !important;
    background-color: #FFFCF4 !important;
    background-image: linear-gradient(#FFFCF4, #FFFCF4) !important;
    box-shadow: inset 0 0 0 9999px #FFFCF4, inset 0 -1px 0 #d6dde8 !important;
  }
}

@layer utilities {
  html body #root .bg-white,
  html body #root [class~="bg-white"],
  html body #root [class*="bg-white/"],
  html body #root .bg-slate-50,
  html body #root [class~="bg-slate-50"],
  html body #root [class*="bg-slate-50/"] {
    background: rgba(238, 246, 252, 0.88) !important;
    background-color: rgba(238, 246, 252, 0.88) !important;
    background-image: linear-gradient(rgba(238, 246, 252, 0.88), rgba(238, 246, 252, 0.88)) !important;
  }
}

@layer components {
  html body #root table.trading-table.ratio-position-table > thead,
  html body #root table.trading-table.ratio-position-table > thead > tr,
  html body #root table.trading-table.ratio-position-table > thead > tr > th,
  html body #root table.trading-table.ratio-position-table > thead > tr > th.bg-slate-50 {
    background: linear-gradient(180deg, rgba(232, 242, 252, 0.94), rgba(221, 235, 248, 0.92)) !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(180deg, rgba(232, 242, 252, 0.94), rgba(221, 235, 248, 0.92)) !important;
    box-shadow: inset 0 0 0 9999px rgba(232, 242, 252, 0.88), inset 0 -1px 0 rgba(111, 140, 171, 0.26) !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead,
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr,
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(-n+2),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(-n+15),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead,
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr,
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child,
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(-n+15),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead,
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr,
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child,
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(-n+15) {
    background: #e8f2fc !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(#e8f2fc, #e8f2fc) !important;
    box-shadow: inset 0 0 0 9999px #e8f2fc, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+20),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(n+17):nth-child(-n+21),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > th:nth-child(n+17):nth-child(-n+21),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+19):nth-child(-n+21),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(n+19):nth-child(-n+21),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+20):nth-child(-n+23),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(n+20):nth-child(-n+23),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+10):nth-child(-n+13) {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+18),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(n+16):nth-child(-n+18),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+19),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(n+16):nth-child(-n+19),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+6):nth-child(-n+9) {
    background: #eef8f4 !important;
    background-color: #eef8f4 !important;
    background-image: linear-gradient(#eef8f4, #eef8f4) !important;
    box-shadow: inset 0 0 0 9999px #eef8f4, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+22):nth-child(-n+24),
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(n+22):nth-child(-n+24),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+24):nth-child(-n+27),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(n+24):nth-child(-n+27),
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+14):nth-child(-n+17) {
    background: #fff4dc !important;
    background-color: #fff4dc !important;
    background-image: linear-gradient(#fff4dc, #fff4dc) !important;
    box-shadow: inset 0 0 0 9999px #fff4dc, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.account-parameter-table .mt5-share-percent-trigger,
  html body #root table.account-parameter-table .mt5-share-percent-cell > button,
  html body #root .mt5-profile-profit-display-select {
    background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
    background-color: transparent !important;
    background-image: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
    border-color: rgba(132, 157, 185, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
  }

  html body #root table.account-summary-table > tfoot,
  html body #root table.account-summary-table > tfoot > tr,
  html body #root table.account-summary-table > tfoot > tr > td {
    background: #ddebf8 !important;
    background-color: #ddebf8 !important;
    background-image: linear-gradient(#ddebf8, #ddebf8) !important;
    box-shadow: inset 0 0 0 9999px #ddebf8, inset 0 1px 0 rgba(111, 140, 171, 0.26) !important;
  }

  html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="下级"],
  html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="下级"],
  html body #root table.closed-report-table > tbody > tr > td[data-closed-group="下级"] {
    background: #eef8f4 !important;
    background-color: #eef8f4 !important;
    background-image: linear-gradient(#eef8f4, #eef8f4) !important;
    box-shadow: inset 0 0 0 9999px #eef8f4, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="本级"],
  html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="本级"],
  html body #root table.closed-report-table > tbody > tr > td[data-closed-group="本级"] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.closed-report-table > thead > tr.closed-report-group-head > th[data-closed-group="上级"],
  html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-group="上级"],
  html body #root table.closed-report-table > tbody > tr > td[data-closed-group="上级"] {
    background: #fff4dc !important;
    background-color: #fff4dc !important;
    background-image: linear-gradient(#fff4dc, #fff4dc) !important;
    box-shadow: inset 0 0 0 9999px #fff4dc, inset 0 -1px 0 #d6dde8 !important;
  }
}

/* 2026-05-06 标注修复：补齐买卖占比明细行、日报勾选框、账号编辑头部和选择框底色。 */
@layer components {
  html body #root table.trading-table.ratio-position-table > tbody,
  html body #root table.trading-table.ratio-position-table > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]),
  html body #root table.trading-table.ratio-position-table > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]) > td,
  html body #root table.trading-table.ratio-position-table > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]) > td[style] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.trading-table.ratio-position-table > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]):nth-child(even),
  html body #root table.trading-table.ratio-position-table > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]):nth-child(even) > td,
  html body #root table.trading-table.ratio-position-table > tbody > tr:not(.summary-row):not([class~="bg-slate-50"]):nth-child(even) > td[style] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child,
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child[style] {
    position: sticky !important;
    left: 0 !important;
    z-index: 4800 !important;
    isolation: isolate !important;
    contain: none !important;
    overflow: visible !important;
    background: #e8f2fc !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(#e8f2fc, #e8f2fc) !important;
    box-shadow: inset 0 0 0 9999px #e8f2fc, inset -1px 0 0 #d6dde8, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) button[role="checkbox"].peer {
    position: relative !important;
    z-index: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border: 2px solid #0a84ff !important;
    border-radius: 6px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #0a84ff !important;
    opacity: 1 !important;
    box-shadow: inset 0 0 0 2px rgba(232, 242, 252, 0.95), 0 0 0 1px rgba(10, 132, 255, 0.14), 0 2px 8px rgba(10, 132, 255, 0.18) !important;
    transform: none !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) button[role="checkbox"].peer[data-state="unchecked"] > span,
  html body #root table.daily-position-sticky-table:not(.closed-report-table) button[role="checkbox"].peer[data-state="unchecked"] svg {
    display: none !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) button[role="checkbox"].peer[data-state="checked"] {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #0a84ff !important;
    color: #0a84ff !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) button[role="checkbox"].peer[data-state="checked"] svg {
    width: 13px !important;
    height: 13px !important;
    stroke-width: 3 !important;
    color: #0a84ff !important;
  }

  html body #root .account-edit-section-head,
  html body #root section.page-surface-card > .account-edit-section-head,
  html body #root section.art-card-sm.page-surface-card > .account-edit-section-head {
    background: linear-gradient(145deg, rgba(219, 236, 249, 0.96), rgba(199, 222, 242, 0.92)) !important;
    background-color: #dbeefa !important;
    background-image: linear-gradient(145deg, rgba(219, 236, 249, 0.96), rgba(199, 222, 242, 0.92)) !important;
    border-color: rgba(111, 140, 171, 0.30) !important;
    box-shadow: inset 0 0 0 9999px rgba(219, 236, 249, 0.74), inset 0 -1px 0 rgba(111, 140, 171, 0.24) !important;
  }

  html body #root table.account-sub-account-table .account-sub-account-select,
  html body #root table.account-sub-account-table select.account-sub-account-select,
  html body #root .account-hierarchy-table select,
  html body #root .account-admin-table select,
  html body #root table.account-parameter-table select,
  html body #root .page-surface-card select:not(.art-page-size-trigger):not(.mt5-profile-profit-display-select) {
    background: linear-gradient(145deg, rgba(238, 246, 252, 0.96), rgba(221, 235, 248, 0.90)) !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(145deg, rgba(238, 246, 252, 0.96), rgba(221, 235, 248, 0.90)) !important;
    border-color: rgba(111, 140, 171, 0.38) !important;
    color: #101827 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 8px 18px rgba(50, 84, 120, 0.08) !important;
  }

  html body #root table.account-sub-account-table .account-sub-account-select:focus,
  html body #root table.account-sub-account-table select.account-sub-account-select:focus,
  html body #root .account-hierarchy-table select:focus,
  html body #root .account-admin-table select:focus,
  html body #root table.account-parameter-table select:focus,
  html body #root .page-surface-card select:not(.art-page-size-trigger):not(.mt5-profile-profit-display-select):focus {
    border-color: rgba(10, 132, 255, 0.62) !important;
    box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
    outline: none !important;
  }
}

/* 2026-05-06 搜索框：移除前置图标，只保留输入文字。 */
@layer components {
  html body #root div.relative:has(> input.flex.border) > svg,
  html body #root div.relative:has(> input[placeholder*="搜索"]) > svg,
  html body #root div.relative:has(> input[placeholder*="查询"]) > svg,
  html body #root div.relative:has(> input[placeholder*="账号"]) > svg,
  html body #root div.relative:has(> input[placeholder*="ID"]) > svg,
  html body #root div.relative:has(> input[placeholder*="关键"]) > svg {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body #root div.relative:has(> input.flex.border) > input,
  html body #root div.relative:has(> input[placeholder*="搜索"]) > input,
  html body #root div.relative:has(> input[placeholder*="查询"]) > input,
  html body #root div.relative:has(> input[placeholder*="账号"]) > input,
  html body #root div.relative:has(> input[placeholder*="ID"]) > input,
  html body #root div.relative:has(> input[placeholder*="关键"]) > input {
    padding-left: 18px !important;
  }
}

/* 2026-05-06 日报标注修复：表头勾选框、弹窗输入图标、合计行和会员/本级分界。 */
@layer components {
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child {
    z-index: 4800 !important;
    isolation: isolate !important;
    contain: none !important;
    overflow: visible !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 5000 !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    outline: none !important;
    outline-offset: 0 !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer::before {
    content: none !important;
    display: none !important;
  }

  html body [data-radix-popper-content-wrapper] div.flex.items-center:has(> input) > svg,
  html body [data-radix-popover-content] div.flex.items-center:has(> input) > svg,
  html body [id^="radix-"] div.flex.items-center:has(> input) > svg {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body [data-radix-popper-content-wrapper] div.flex.items-center:has(> input) > input,
  html body [data-radix-popover-content] div.flex.items-center:has(> input) > input,
  html body [id^="radix-"] div.flex.items-center:has(> input) > input {
    padding-left: 12px !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child,
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td,
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[style] {
    background: rgba(235, 244, 252, 0.76) !important;
    background-color: rgba(235, 244, 252, 0.76) !important;
    background-image: linear-gradient(rgba(235, 244, 252, 0.76), rgba(235, 244, 252, 0.76)) !important;
    box-shadow: inset 0 -1px 0 rgba(111, 140, 171, 0.22) !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+17):nth-child(-n+21),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+17):nth-child(-n+21)[style] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(16) {
    border-right: 2px solid rgba(92, 132, 169, 0.42) !important;
    box-shadow: inset -1px 0 0 rgba(92, 132, 169, 0.32), inset 0 -1px 0 rgba(111, 140, 171, 0.18) !important;
  }
}

/* 2026-05-06 表头首列层级兜底：未分层规则压过 @layer 时仍保持勾选框不被遮挡。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child {
  z-index: 4800 !important;
  isolation: isolate !important;
  contain: none !important;
  overflow: visible !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 5000 !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  clip-path: none !important;
  isolation: isolate !important;
  outline: none !important;
  outline-offset: 0 !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer::before {
  content: none !important;
  display: none !important;
}

/* 2026-05-10 持仓订单：全选勾选框选中态层级和方框样式兜底。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child[style] {
  overflow: visible !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child {
  position: sticky !important;
  z-index: 8200 !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child[style] {
  position: sticky !important;
  left: 0 !important;
  z-index: 8600 !important;
  isolation: isolate !important;
  contain: none !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) {
  z-index: 6100 !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer[data-state="checked"],
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer[data-state="indeterminate"] {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 9000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 2px solid #0a84ff !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #0a84ff !important;
  outline: none !important;
  outline-offset: 0 !important;
  clip-path: none !important;
  overflow: visible !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: inset 0 0 0 2px rgba(232, 242, 252, 0.95), 0 0 0 1px rgba(10, 132, 255, 0.14), 0 2px 8px rgba(10, 132, 255, 0.18) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer::before,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer::after {
  content: none !important;
  display: none !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer svg {
  width: 13px !important;
  height: 13px !important;
  stroke-width: 3 !important;
  color: #0a84ff !important;
}

/* 2026-05-06 账号编辑标注修复：首行列宽、参数控件和出入金按钮。 */
html body #root .account-edit-form-grid > div.flex.items-center.gap-2:first-child:has(> label:first-child + input + div.flex.items-center) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

html body #root .account-edit-form-grid > div.flex.items-center.gap-2:first-child:has(> label:first-child + input + div.flex.items-center) > label:first-child {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body #root .account-edit-form-grid > div.flex.items-center.gap-2:first-child:has(> label:first-child + input + div.flex.items-center) > input {
  flex: 0 1 calc(25% - 42px) !important;
  width: calc(25% - 42px) !important;
  min-width: 88px !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid > div.flex.items-center.gap-2:first-child:has(> label:first-child + input + div.flex.items-center) > div.flex.items-center {
  flex: 0 1 25% !important;
  width: 25% !important;
  min-width: 132px !important;
  max-width: none !important;
  margin-left: 0 !important;
}

html body #root .account-edit-form-grid > div.flex.items-center.gap-2:first-child:has(> label:first-child + input + div.flex.items-center) > div.flex.items-center > button,
html body #root .account-edit-form-grid > div.flex.items-center.gap-2:first-child:has(> label:first-child + input + div.flex.items-center) > div.flex.items-center > select {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body #root table.account-parameter-table .mt5-share-percent-trigger,
html body #root table.account-parameter-table .mt5-share-percent-cell > button {
  background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  background-color: transparent !important;
  background-image: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  border-color: rgba(132, 157, 185, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root table.account-parameter-table .mt5-share-percent-trigger:hover,
html body #root table.account-parameter-table .mt5-share-percent-trigger:focus,
html body #root table.account-parameter-table .mt5-share-percent-trigger:focus-visible,
html body #root table.account-parameter-table .mt5-share-percent-trigger[data-state="open"],
html body #root table.account-parameter-table .mt5-share-percent-trigger[aria-expanded="true"] {
  border-color: rgba(0, 170, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 0 0 3px rgba(0, 170, 255, 0.16), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body #root table.trading-table.account-parameter-table .mt5-trade-limit-cell:focus-within::after {
  border-color: rgba(80, 183, 255, 0.95) !important;
  background: linear-gradient(180deg, #dff2ff 0%, #bfe5ff 100%) !important;
  background-color: #d3edff !important;
  background-image: linear-gradient(180deg, #dff2ff 0%, #bfe5ff 100%) !important;
  box-shadow: 0 8px 18px rgba(10, 132, 255, 0.18) !important;
  color: #075fb8 !important;
}

html body #root .account-edit-form-grid > div.col-span-3.flex.items-center:has(> input[placeholder="金额"]) > button {
  min-width: 52px !important;
  border: 1px solid rgba(92, 187, 255, 0.92) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #16baff 0%, #078cf5 48%, #006fe6 100%) !important;
  background-color: #0a84ff !important;
  background-image: linear-gradient(180deg, #16baff 0%, #078cf5 48%, #006fe6 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(0, 42, 98, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 10px 22px rgba(10, 132, 255, 0.24) !important;
}

html body #root .account-edit-form-grid > div.col-span-3.flex.items-center:has(> input[placeholder="金额"]) > button:hover {
  background: linear-gradient(180deg, #30c4ff 0%, #0e98ff 48%, #0078ee 100%) !important;
  background-color: #0a8fff !important;
  background-image: linear-gradient(180deg, #30c4ff 0%, #0e98ff 48%, #0078ee 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 12px 24px rgba(10, 132, 255, 0.30) !important;
}

/* 2026-05-08 会员修改页字段按 1/2 + 1/4 比例重排。 */
html body #root .account-edit-form-grid.mt5-member-modify-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  align-items: center !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field {
  grid-column: span 4 / span 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field > label:first-child,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field > span:first-child {
  flex: 0 0 auto !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field > input {
  flex: 0 1 128px !important;
  width: 128px !important;
  min-width: 82px !important;
  max-width: 150px !important;
}

html body #root .mt5-account-status-select-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body #root .mt5-account-status-select-label {
  color: #5f7187 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

html body #root .mt5-account-status-select {
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 32px !important;
  border: 1px solid rgba(166, 190, 213, 0.92) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(239, 248, 255, 0.96), rgba(223, 238, 251, 0.9)) !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
  padding: 0 30px 0 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 6px 16px rgba(73, 113, 149, 0.08) !important;
}

html body #root .mt5-account-status-select:focus {
  border-color: #0a84ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
}

html body #root .mt5-account-status-native {
  display: none !important;
}

html body #root .mt5-account-balance-action-select-wrap {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body #root .mt5-account-balance-action-select {
  flex: 0 0 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 32px !important;
  border: 1px solid rgba(166, 190, 213, 0.92) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(239, 248, 255, 0.96), rgba(223, 238, 251, 0.9)) !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
  padding: 0 28px 0 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 6px 16px rgba(73, 113, 149, 0.08) !important;
}

html body #root .mt5-account-balance-action-select:focus {
  border-color: #0a84ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.12) !important;
}

html body #root .mt5-account-balance-action-native {
  display: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field > div.flex.items-center {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field > div.flex.items-center > button,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-account-status-field > div.flex.items-center > select {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-password-field,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-name-field,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-funds-field {
  grid-column: span 2 / span 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-credit-field {
  grid-column: 1 / span 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-balance-field {
  grid-column: 4 / span 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-remark-field {
  grid-column: 7 / span 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-funds-field {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  grid-column: 1 / span 2 !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-funds-field > input[placeholder="金额"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-member-only-modify-grid > .mt5-member-modify-password-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-member-only-modify-grid > .mt5-member-modify-name-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-member-only-modify-grid > .mt5-member-modify-funds-field > input[placeholder="金额"] {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-row-spacer {
  grid-column: span 6 / span 6 !important;
  height: 0 !important;
  min-height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-liquidation-field {
  grid-column: 1 / span 4 !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-ip-binding-field {
  grid-column: span 4 / span 4 !important;
}

/* 2026-05-08 总公司修改页：出入金保留左侧，可开会员数对齐备注右半区。 */
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-max-members-field {
  grid-column: 5 / span 4 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-max-members-field {
  grid-row: 3 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-member-ip-binding-field {
  grid-column: 1 / span 4 !important;
  grid-row: 4 / span 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-network-name-field {
  grid-column: 5 / span 2 !important;
  grid-row: 4 / span 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-security-code-field {
  grid-column: 7 / span 2 !important;
  grid-row: 4 / span 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-member-modify-funds-field {
  grid-column: 1 / span 2 !important;
  grid-row: 3 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-network-name-field > input,
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-security-code-field > input,
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-member-ip-binding-field > input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-max-members-field > input {
  flex: 0 0 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  text-align: center !important;
}

/* 2026-05-08 新增总公司页：基本资料按八等分行列排列。 */
html body #root .account-edit-form-grid.mt5-head-office-add-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  align-items: center !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field {
  grid-column: 1 / span 4 !important;
  grid-row: 1 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 24px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field > label:first-child {
  grid-column: 1 / span 1 !important;
  grid-row: 1 / span 1 !important;
  align-self: center !important;
  justify-self: start !important;
  z-index: 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field > input:first-of-type {
  grid-column: 1 / span 1 !important;
  grid-row: 1 / span 1 !important;
  align-self: center !important;
  width: calc(100% - 42px) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 42px !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-currency-field {
  grid-column: 3 / span 2 !important;
  grid-row: 1 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field > .mt5-head-office-add-currency-field {
  grid-column: 2 / span 1 !important;
  grid-row: 1 / span 1 !important;
  align-self: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field > .mt5-head-office-add-currency-field > button[role="combobox"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > div.flex.items-center.gap-2.mt5-head-office-add-account-field:first-child:has(> label:first-child + input + div.flex.items-center) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 24px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > div.flex.items-center.gap-2.mt5-head-office-add-account-field:first-child:has(> label:first-child + input + div.flex.items-center) > input:first-of-type {
  flex: initial !important;
  grid-column: 1 / span 1 !important;
  grid-row: 1 / span 1 !important;
  width: calc(100% - 42px) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 42px !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > div.flex.items-center.gap-2.mt5-head-office-add-account-field:first-child:has(> label:first-child + input + div.flex.items-center) > div.flex.items-center.mt5-head-office-add-currency-field {
  flex: initial !important;
  grid-column: 2 / span 1 !important;
  grid-row: 1 / span 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > div.flex.items-center.gap-2.mt5-head-office-add-account-field:first-child:has(> label:first-child + input + div.flex.items-center) > div.flex.items-center.mt5-head-office-add-currency-field > button[role="combobox"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-password-field {
  grid-column: 5 / span 2 !important;
  grid-row: 1 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-name-field {
  grid-column: 7 / span 2 !important;
  grid-row: 1 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-member-credit-field {
  grid-column: 1 / span 3 !important;
  grid-row: 2 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-member-balance-field {
  grid-column: 4 / span 3 !important;
  grid-row: 2 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-member-remark-field {
  grid-column: 7 / span 2 !important;
  grid-row: 2 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-max-members-field {
  grid-column: 1 / span 4 !important;
  grid-row: 3 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-ip-binding-field {
  grid-column: 1 / span 4 !important;
  grid-row: 4 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-network-name-field {
  grid-column: 5 / span 2 !important;
  grid-row: 4 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-security-code-field {
  grid-column: 7 / span 2 !important;
  grid-row: 4 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-currency-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-password-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-name-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-member-credit-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-member-balance-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-member-remark-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-max-members-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-ip-binding-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-network-name-field,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-security-code-field {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-ip-binding-field > input,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-network-name-field > input,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-security-code-field > input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* 账号新增/修改页：非会员层级的可交易品种、功能固定为底部两行。 */
html body #root .account-edit-form-grid.mt5-account-product-feature-grid > .mt5-account-product-row,
html body #root .account-edit-form-grid.mt5-account-product-feature-grid > .mt5-account-feature-row {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
}

html body #root .account-edit-form-grid.mt5-account-product-feature-grid > .mt5-account-product-row {
  order: 98 !important;
}

html body #root .account-edit-form-grid.mt5-account-product-feature-grid > .mt5-account-feature-row {
  order: 99 !important;
}

/* 2026-05-08 新增分公司/股东/总代/代理页：保留上级行，资料区按指定行列排列。 */
html body #root .account-edit-form-grid.mt5-downline-add-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  align-items: center !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-parent-account-fields {
  grid-column: 1 / -1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-account-field {
  grid-column: 1 / span 2 !important;
  grid-row: 2 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-password-field {
  grid-column: 5 / span 2 !important;
  grid-row: 2 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-name-field {
  grid-column: 7 / span 2 !important;
  grid-row: 2 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-member-credit-field {
  grid-column: 1 / span 3 !important;
  grid-row: 3 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-member-balance-field {
  grid-column: 4 / span 3 !important;
  grid-row: 3 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-member-remark-field {
  grid-column: 7 / span 2 !important;
  grid-row: 3 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-max-members-field {
  grid-column: 1 / span 1 !important;
  grid-row: 4 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-ip-binding-field {
  grid-column: 5 / span 4 !important;
  grid-row: 4 / span 1 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-account-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-password-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-name-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-member-credit-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-member-balance-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-member-remark-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-max-members-field,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-ip-binding-field {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > div.flex.items-center.gap-2.mt5-downline-add-account-field:has(> label:first-child + input) > input:first-of-type {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > div.flex.items-center.gap-2.mt5-agent-add-account-field:has(> label:first-child + input) > input:first-of-type {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-ip-binding-field > input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* 2026-05-09 账号新增/修改页：指定输入框统一 200px。 */
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-currency-field > button[role="combobox"],
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-account-field > .mt5-head-office-add-currency-field > button[role="combobox"],
html body #root .account-edit-form-grid.mt5-head-office-add-grid > div.flex.items-center.gap-2.mt5-head-office-add-account-field:first-child:has(> label:first-child + input + div.flex.items-center) > input:first-of-type,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > div.flex.items-center.gap-2.mt5-head-office-add-account-field:first-child:has(> label:first-child + input + div.flex.items-center) > div.flex.items-center.mt5-head-office-add-currency-field > button[role="combobox"],
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-password-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-name-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-downline-add-grid > div.flex.items-center.gap-2.mt5-downline-add-account-field:has(> label:first-child + input) > input:first-of-type,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-password-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-downline-add-grid > .mt5-downline-add-name-field > input:first-of-type,
html body #root .mt5-member-first-row > .mt5-member-add-password-field > input:first-of-type,
html body #root .mt5-member-first-row > .mt5-member-add-name-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-password-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-name-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid > .mt5-member-modify-funds-field > input[placeholder="金额"],
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-network-name-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-head-office-add-grid > .mt5-head-office-add-security-code-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-network-name-field > input:first-of-type,
html body #root .account-edit-form-grid.mt5-member-modify-grid.mt5-head-office-modify-grid > .mt5-head-office-security-code-field > input:first-of-type {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

/* 2026-05-06 出入金确认弹窗。 */
html body .mt5-funds-confirm-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 30000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(15, 38, 64, 0.28) !important;
  backdrop-filter: blur(8px) !important;
}

html body .mt5-funds-confirm-dialog {
  width: min(420px, calc(100vw - 42px)) !important;
  border: 1px solid rgba(111, 161, 201, 0.44) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(236, 248, 255, 0.98), rgba(207, 229, 247, 0.96)) !important;
  color: #101827 !important;
  padding: 22px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 22px 52px rgba(25, 61, 96, 0.24) !important;
}

html body .mt5-funds-confirm-title {
  color: #101827 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin-bottom: 14px !important;
}

html body .mt5-funds-confirm-message {
  border: 1px solid rgba(80, 183, 255, 0.42) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(223, 242, 255, 0.92), rgba(190, 225, 249, 0.86)) !important;
  color: #075fb8 !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
}

html body .mt5-funds-confirm-password-label {
  display: block !important;
  color: #51657c !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  margin: 0 0 8px !important;
}

html body .mt5-funds-confirm-password {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: 14px !important;
  background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  outline: none !important;
  padding: 0 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body .mt5-funds-confirm-password::placeholder {
  color: rgba(93, 106, 124, 0.78) !important;
}

html body .mt5-funds-confirm-password:focus {
  border-color: rgba(0, 170, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 0 0 3px rgba(0, 170, 255, 0.16), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

html body .mt5-funds-confirm-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

html body .mt5-funds-confirm-cancel,
html body .mt5-funds-confirm-submit {
  height: 40px !important;
  min-width: 84px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

html body .mt5-funds-confirm-cancel {
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
}

html body .mt5-funds-confirm-submit {
  border: 1px solid rgba(92, 187, 255, 0.92) !important;
  background: linear-gradient(180deg, #16baff 0%, #078cf5 48%, #006fe6 100%) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0, 42, 98, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 10px 22px rgba(10, 132, 255, 0.24) !important;
}

/* 2026-05-06 数值输入框：移除浏览器原生上下微调箭头。 */
html body input[type="number"],
html body [data-radix-popper-content-wrapper] input[type="number"],
html body [data-radix-popover-content] input[type="number"],
html body [id^="radix-"] input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

html body input[type="number"]::-webkit-outer-spin-button,
html body input[type="number"]::-webkit-inner-spin-button,
html body [data-radix-popper-content-wrapper] input[type="number"]::-webkit-outer-spin-button,
html body [data-radix-popper-content-wrapper] input[type="number"]::-webkit-inner-spin-button,
html body [data-radix-popover-content] input[type="number"]::-webkit-outer-spin-button,
html body [data-radix-popover-content] input[type="number"]::-webkit-inner-spin-button,
html body [id^="radix-"] input[type="number"]::-webkit-outer-spin-button,
html body [id^="radix-"] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}

/* 2026-05-06 订单管理合计行：背景色与数据行一致。 */
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child,
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td,
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[style] {
  background: #eaf4fb !important;
  background-color: #eaf4fb !important;
  background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
  box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
}

/* 2026-05-06 持仓历史会员合计行：会员基础列背景色与数据行一致。 */
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child,
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(-n+15),
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(-n+15)[style] {
  background: rgba(235, 244, 252, 0.76) !important;
  background-color: rgba(235, 244, 252, 0.76) !important;
  background-image: linear-gradient(rgba(235, 244, 252, 0.76), rgba(235, 244, 252, 0.76)) !important;
  box-shadow: none !important;
}

/* 2026-05-06 消息设置：开启 / 关闭开关使用不同颜色。 */
html body #root .message-management-card table.message-management-table [role="switch"][data-state="checked"],
html body #root .message-management-card table.message-management-table [role="switch"][aria-checked="true"] {
  background: linear-gradient(180deg, #18b9ff 0%, #0a84ff 55%, #0567df 100%) !important;
  background-color: #0a84ff !important;
  background-image: linear-gradient(180deg, #18b9ff 0%, #0a84ff 55%, #0567df 100%) !important;
  border-color: rgba(96, 210, 255, 0.70) !important;
  box-shadow: 0 16px 34px rgba(0, 132, 255, 0.30), 0 0 26px rgba(0, 194, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html body #root .message-management-card table.message-management-table [role="switch"][data-state="unchecked"],
html body #root .message-management-card table.message-management-table [role="switch"][aria-checked="false"] {
  background: linear-gradient(180deg, #d8e4ef 0%, #bdccdc 58%, #aebfd1 100%) !important;
  background-color: #bdccdc !important;
  background-image: linear-gradient(180deg, #d8e4ef 0%, #bdccdc 58%, #aebfd1 100%) !important;
  border-color: rgba(128, 151, 176, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 5px 12px rgba(69, 90, 115, 0.12) !important;
}

html body #root .message-management-card table.message-management-table [role="switch"] > span {
  background: linear-gradient(180deg, #f8fbff 0%, #e7f0f8 100%) !important;
  box-shadow: 0 5px 12px rgba(35, 52, 74, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

/* 2026-05-10 消息设置：Telegram 改为客户自建 Bot 的 Token + Chat ID 绑定模式。 */
html.mt5-messages-route body #root .mt5-message-binding-grid {
  align-items: start !important;
}

html.mt5-messages-route body #root .mt5-email-binding,
html.mt5-messages-route body #root .mt5-telegram-bot-binding {
  align-self: start !important;
  margin-top: 0 !important;
  min-width: 0 !important;
}

html.mt5-messages-route body #root .mt5-email-binding-label-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  height: 18px !important;
  min-height: 18px !important;
  line-height: 1.25 !important;
}

html.mt5-messages-route body #root .mt5-email-binding-title {
  color: #5a6678 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html.mt5-messages-route body #root .mt5-email-binding-help {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1px dashed #0a84ff !important;
  color: #0a84ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: help !important;
}

html.mt5-messages-route body #root .mt5-telegram-bot-binding {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-binding-label-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-binding-title {
  color: #5a6678 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html.mt5-messages-route body #root .mt5-telegram-binding-help {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-bottom: 1px dashed #0a84ff !important;
  background: transparent !important;
  color: #0a84ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  cursor: help !important;
}

html.mt5-messages-route body #root .mt5-telegram-binding-hint {
  margin: 0 !important;
  color: #6b7788 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

html.mt5-messages-route body #root .mt5-telegram-bot-fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) !important;
  gap: 10px !important;
  align-items: end !important;
  min-width: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-bot-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-bot-field-label {
  color: #5a6678 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html.mt5-messages-route body #root .mt5-telegram-bot-token-input,
html.mt5-messages-route body #root .mt5-telegram-chat-id-display {
  width: 100% !important;
  height: 42px !important;
  min-width: 0 !important;
  border: 1px solid var(--mt5-control-border, rgba(132, 157, 185, 0.42)) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 12px rgba(20, 34, 52, 0.05) !important;
}

html.mt5-messages-route body #root .mt5-telegram-chat-id-display {
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 0 12px !important;
  font-family: var(--font-mono, monospace) !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.mt5-messages-route body #root .mt5-telegram-chat-id-display[data-empty="true"] {
  color: #7a8796 !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-bot-token-input:focus {
  border-color: rgba(0, 170, 255, 0.82) !important;
  outline: none !important;
  box-shadow: var(--mt5-control-shadow, 0 0 0 3px rgba(0, 132, 255, 0.16)), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-controls {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-button {
  height: 34px !important;
  min-width: 92px !important;
  border: 1px solid rgba(96, 210, 255, 0.58) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(235, 248, 255, 0.92), rgba(208, 234, 252, 0.76)) !important;
  color: #075fbd !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 6px 14px rgba(0, 132, 255, 0.10) !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-button:hover {
  border-color: rgba(0, 170, 255, 0.78) !important;
  background: linear-gradient(180deg, rgba(225, 246, 255, 0.98), rgba(190, 226, 250, 0.84)) !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-button:disabled {
  opacity: 0.62 !important;
  cursor: wait !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-status {
  min-height: 18px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: #6b7788 !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-status:empty {
  display: none !important;
  min-height: 0 !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-status[data-state="success"] {
  color: #075fbd !important;
}

html.mt5-messages-route body #root .mt5-telegram-test-status[data-state="error"] {
  color: #d93232 !important;
}

html body > .mt5-telegram-binding-tooltip-portal {
  width: min(520px, 78vw) !important;
  white-space: pre-line !important;
}

@media (min-width: 700px) and (max-width: 1023px) {
  html.mt5-messages-route body #root .mt5-message-binding-grid {
    grid-template-columns: minmax(220px, 0.9fr) minmax(360px, 1.4fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
  }

  html.mt5-messages-route body #root .mt5-message-binding-save {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  html.mt5-messages-route body #root .mt5-message-binding-grid {
    align-items: end !important;
  }
}

html.mt5-telegram-tutorial-open {
  overflow: hidden !important;
}

html body > .mt5-telegram-tutorial-portal[hidden] {
  display: none !important;
}

html body > .mt5-telegram-tutorial-portal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-backdrop {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(11, 24, 40, 0.34) !important;
  backdrop-filter: blur(8px) !important;
  cursor: default !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-panel {
  position: relative !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow: auto !important;
  border: 1px solid rgba(104, 139, 178, 0.38) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(244, 250, 255, 0.98), rgba(223, 237, 250, 0.96)) !important;
  box-shadow: 0 22px 60px rgba(17, 35, 56, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid rgba(111, 140, 171, 0.28) !important;
}

html body > .mt5-telegram-tutorial-portal h3,
html body > .mt5-telegram-tutorial-portal h4,
html body > .mt5-telegram-tutorial-portal p {
  margin: 0 !important;
}

html body > .mt5-telegram-tutorial-portal h3 {
  color: #122033 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-head p {
  margin-top: 5px !important;
  color: #637084 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-close {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(112, 148, 188, 0.42) !important;
  border-radius: 8px !important;
  background: rgba(245, 250, 255, 0.82) !important;
  color: #2a3a50 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-body {
  display: flex !important;
  justify-content: center !important;
  padding: 16px 18px 18px !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-video-wrap {
  width: min(390px, 100%) !important;
  border: 1px solid rgba(97, 145, 188, 0.36) !important;
  border-radius: 16px !important;
  background: rgba(10, 26, 42, 0.08) !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 12px 22px rgba(17, 45, 74, 0.12) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 172px) !important;
  background: #07111d !important;
  object-fit: contain !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-stage {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-phone {
  min-height: 420px !important;
  border: 1px solid rgba(97, 145, 188, 0.36) !important;
  border-radius: 18px !important;
  background: #f6fbff !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 12px 22px rgba(17, 45, 74, 0.10) !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-phone-top {
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1px solid rgba(115, 151, 187, 0.26) !important;
  color: #1a2a3f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-phone-screen {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 382px !important;
  padding: 10px !important;
  background: rgba(238, 247, 255, 0.78) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-document-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 360px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(17, 45, 74, 0.14) !important;
  animation: mt5TelegramDocImageIn 0.46s ease both !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message {
  max-width: 88% !important;
  border-radius: 10px !important;
  padding: 9px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  box-shadow: 0 4px 10px rgba(27, 61, 83, 0.10) !important;
  opacity: 0 !important;
  transform: translateY(10px) scale(0.98) !important;
  animation: mt5TelegramMessageIn 0.52s ease forwards !important;
  animation-delay: calc(var(--message-index, 0) * 0.32s) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-receive {
  align-self: flex-start !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #223044 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-send {
  align-self: flex-end !important;
  background: #d8f7c9 !important;
  color: #0f4f2b !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-token {
  align-self: flex-start !important;
  border: 2px solid rgba(247, 63, 63, 0.82) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #1a2a3f !important;
  font-family: var(--font-mono, monospace) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-search {
  align-self: stretch !important;
  max-width: none !important;
  border: 1px solid rgba(112, 148, 188, 0.36) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #657287 !important;
  font-family: var(--font-mono, monospace) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-search::before {
  content: "Search " !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-result {
  align-self: stretch !important;
  max-width: none !important;
  border: 1px solid rgba(111, 146, 184, 0.28) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #1d2e45 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-result::before {
  content: "OK " !important;
  color: #0a84ff !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-action {
  align-self: center !important;
  max-width: 94% !important;
  border: 1px dashed rgba(0, 132, 255, 0.55) !important;
  background: rgba(232, 247, 255, 0.94) !important;
  color: #0d5fa8 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-system {
  align-self: center !important;
  max-width: 94% !important;
  border-radius: 999px !important;
  background: rgba(109, 142, 171, 0.20) !important;
  color: #496077 !important;
  font-size: 11px !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-send:last-child,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-token:last-child,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-message-action:last-child {
  animation-name: mt5TelegramMessageIn, mt5TelegramActivePulse !important;
  animation-duration: 0.52s, 2.2s !important;
  animation-delay: calc(var(--message-index, 0) * 0.32s), calc((var(--message-index, 0) * 0.32s) + 0.6s) !important;
  animation-fill-mode: forwards, none !important;
  animation-iteration-count: 1, infinite !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-current {
  grid-column: 1 / -1 !important;
  border: 1px solid rgba(0, 132, 255, 0.20) !important;
  border-radius: 12px !important;
  background: rgba(238, 248, 255, 0.82) !important;
  padding: 14px !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-current h4 {
  color: #0d5fa8 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-current p {
  margin-top: 7px !important;
  color: #34445a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(111, 146, 184, 0.26) !important;
  border-radius: 10px !important;
  background: rgba(250, 253, 255, 0.64) !important;
  padding: 9px !important;
  cursor: pointer !important;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step[data-active="true"] {
  border-color: rgba(0, 132, 255, 0.66) !important;
  background: rgba(227, 245, 255, 0.92) !important;
  transform: translateX(-2px) !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step-number {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(208, 230, 248, 0.95) !important;
  color: #0d5fa8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step[data-active="true"] .mt5-telegram-tutorial-step-number {
  background: linear-gradient(180deg, #1bbdff, #0788ee) !important;
  color: #fff !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step-copy strong {
  color: #24354c !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step-copy em {
  color: #607087 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

@keyframes mt5TelegramMessageIn {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mt5TelegramDocImageIn {
  from { opacity: 0; transform: translateY(8px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mt5TelegramActivePulse {
  0%, 100% { box-shadow: 0 4px 10px rgba(27, 61, 83, 0.10); filter: brightness(1); }
  50% { box-shadow: 0 8px 20px rgba(0, 132, 255, 0.22); filter: brightness(1.05); }
}

@media (max-width: 720px) {
  html.mt5-messages-route body #root .mt5-telegram-bot-fields {
    grid-template-columns: 1fr !important;
  }

  html body > .mt5-telegram-tutorial-portal {
    align-items: flex-start !important;
    padding: 14px !important;
  }

  html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-body,
  html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-stage {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-05-08 个人资料页：参考修改会员页的卡片标题、参数表和数值控件风格。 */
html.mt5-profile-info-route body #root .mt5-profile-info-card,
html.mt5-profile-info-route body #root .mt5-profile-parameter-card {
  padding: 0 !important;
  border: 1px solid rgba(111, 140, 171, 0.30) !important;
  border-radius: 14px !important;
  background: var(--default-box-color) !important;
  box-shadow: var(--art-card-shadow-sm) !important;
  overflow: hidden !important;
}

html.mt5-profile-info-route body #root .mt5-profile-section-head {
  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(111, 140, 171, 0.24) !important;
}

html.mt5-profile-info-route body #root .mt5-profile-section-head .account-edit-section-title {
  margin: 0 !important;
  color: #1a1a2e !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body {
  margin: 0 !important;
  padding: 16px 20px 18px !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body > div {
  min-width: 0 !important;
  min-height: 34px !important;
  margin-top: 0 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body label {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body span:not(.mt5-profile-profit-display-note):not(.mt5-profit-text):not(.mt5-loss-text) {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body .mt5-profile-profit-display-note {
  color: #64748b !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body .mt5-profile-profit-display-note .mt5-profit-text {
  color: #2563eb !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body .mt5-profile-profit-display-note .mt5-loss-text {
  color: #ef4444 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body input[readonly] {
  border-color: rgba(132, 157, 185, 0.42) !important;
  background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-basic-body button,
html.mt5-profile-info-route body #root .mt5-profile-profit-display-save {
  border-radius: 8px !important;
  font-weight: 800 !important;
}

html.mt5-profile-info-route body #root .mt5-profile-parameter-card .trading-table-wrap {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.78), rgba(226, 238, 249, 0.72)) !important;
  box-shadow: none !important;
  overflow-x: auto !important;
}

html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table {
  min-width: 880px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > thead,
html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > thead > tr,
html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > thead > tr > th {
  background: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  background-color: rgba(224, 237, 249, 0.96) !important;
  background-image: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
}

html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > thead > tr > th,
html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > tbody > tr > td {
  height: 48px !important;
  padding: 9px 12px !important;
  border-bottom: 1px solid rgba(111, 140, 171, 0.22) !important;
  color: #1a1a2e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > tbody > tr > td:first-child {
  min-width: 90px !important;
  font-weight: 900 !important;
}

html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > tbody > tr:hover > td {
  background: rgba(235, 244, 252, 0.80) !important;
}

html.mt5-profile-info-route body #root .mt5-profile-param-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 64px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 0 9px !important;
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: 8px !important;
  background: linear-gradient(rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #111827 !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

@media (max-width: 768px) {
  html.mt5-profile-info-route body #root .mt5-profile-basic-body {
    padding: 14px 16px 16px !important;
  }

  html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table {
    min-width: 820px !important;
  }
}

/* 2026-05-09 风格统一补丁：补齐残留白底 / 统一蓝色文本 / 修补输入框、tab pill 与表头筛选 / 滚动条与 toast 协调。 */
html body {
  --default-box-color: var(--mt5-global-soft-bg);
  --mt5-stat-card-bg: linear-gradient(145deg, rgba(238, 247, 255, 0.92), rgba(218, 232, 247, 0.78));
  --mt5-stat-card-border: var(--mt5-border-line);
  --mt5-tab-pill-bg: rgba(218, 232, 247, 0.74);
  --mt5-tab-pill-border: var(--mt5-border-line-soft);
  --mt5-tab-pill-active-bg: linear-gradient(180deg, #18b9ff 0%, #0a84ff 60%, #0567df 100%);
  --mt5-secondary-action-bg: linear-gradient(180deg, rgba(238, 246, 252, 0.94), rgba(218, 232, 247, 0.82));
  --mt5-action-strip-bg: linear-gradient(180deg, rgba(232, 242, 252, 0.78), rgba(220, 233, 247, 0.86));
  --mt5-blue-text: #0a84ff;
  --mt5-blue-text-hover: #075fbd;
}

/* 跟单管理 KPI 卡：用统一面板色替换近白渐变。 */
html body #root .page-stat-card {
  border: 1px solid var(--mt5-stat-card-border) !important;
  background: var(--mt5-stat-card-bg) !important;
  background-color: rgba(232, 242, 252, 0.84) !important;
  background-image: var(--mt5-stat-card-bg) !important;
  box-shadow: var(--art-card-shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html body #root .page-stat-card__label {
  color: #5a6678 !important;
}

html body #root .page-stat-card__value {
  color: #101827 !important;
}

html body #root .page-stat-card__hint {
  color: #64748b !important;
}

/* 账号编辑卡底部按钮区：替换近白渐变 footer。 */
html body #root .account-edit-section-actions {
  border-top: 1px solid rgba(111, 140, 171, 0.24) !important;
  background: var(--mt5-action-strip-bg) !important;
  background-color: rgba(226, 238, 249, 0.78) !important;
  background-image: var(--mt5-action-strip-bg) !important;
}

/* 段落切换 pill：去掉冷灰凹槽与紫色高亮，统一蓝色族。 */
html body #root .trading-tab-group {
  background: var(--mt5-tab-pill-bg) !important;
  background-color: var(--mt5-tab-pill-bg) !important;
  background-image: linear-gradient(var(--mt5-tab-pill-bg), var(--mt5-tab-pill-bg)) !important;
  border: 1px solid var(--mt5-tab-pill-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), inset 0 -1px 0 rgba(126, 151, 181, 0.16) !important;
}

html body #root .trading-tab-group .trading-tab {
  color: #1a1a2e !important;
}

html body #root .trading-tab-group .trading-tab.active,
html body #root .trading-tab-group .trading-tab[aria-selected="true"],
html body #root .trading-tab-group .trading-tab[data-state="active"] {
  color: #ffffff !important;
  background: var(--mt5-tab-pill-active-bg) !important;
  background-image: var(--mt5-tab-pill-active-bg) !important;
  box-shadow: 0 8px 18px rgba(0, 132, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  text-shadow: 0 1px 1px rgba(4, 33, 80, 0.32) !important;
}

html body #root .trading-tab-group .trading-tab:not(.active):hover {
  color: #075fbd !important;
  background: rgba(255, 255, 255, 0.42) !important;
}

/* 残余 CSS-only 白底组件：哪怕未被当前 JSX 挂载也先补好。 */
html body #root .trading-popover {
  background: var(--mt5-global-popover-bg) !important;
  background-color: rgba(239, 246, 252, 0.94) !important;
  background-image: var(--mt5-global-popover-bg) !important;
  border-color: rgba(170, 195, 220, 0.58) !important;
  box-shadow: var(--mt5-overlay-shadow) !important;
}

html body #root .trading-filter-btn,
html body #root .btn-secondary {
  background: var(--mt5-secondary-action-bg) !important;
  background-color: rgba(232, 242, 252, 0.84) !important;
  background-image: var(--mt5-secondary-action-bg) !important;
  border-color: rgba(132, 157, 185, 0.42) !important;
  color: #1a1a2e !important;
}

html body #root .trading-filter-btn:hover,
html body #root .btn-secondary:hover {
  border-color: rgba(0, 170, 255, 0.46) !important;
  background: linear-gradient(180deg, rgba(225, 239, 251, 0.96), rgba(205, 225, 244, 0.90)) !important;
  color: #075fbd !important;
}

/* 全站蓝色文本统一：把 #2563EB / #1D4ED8 收敛到主蓝色族。 */
html body #root [class*="text-[#2563EB]"],
html body #root [class*="text-[#2563eb]"],
html body #root .text-\[\#2563EB\],
html body #root .text-\[\#2563eb\],
html body #root [class*="text-blue-600"],
html body #root [class*="text-blue-700"] {
  color: var(--mt5-blue-text) !important;
}

html body #root [class*="text-[#1D4ED8]"],
html body #root [class*="text-[#1d4ed8]"] {
  color: var(--mt5-blue-text-hover) !important;
}

html body #root [class*="hover:text-[#1D4ED8]"]:hover,
html body #root [class*="hover:text-[#1d4ed8]"]:hover {
  color: var(--mt5-blue-text-hover) !important;
}

/* 仓位汇总顶栏的"今日盈亏"等数值用 inline style.color="#2563EB"；用属性选择器收敛。 */
html body #root .trading-summary-bar [style*="color: rgb(37, 99, 235)"],
html body #root .trading-summary-bar [style*="color:#2563EB"],
html body #root .trading-summary-bar [style*="color:#2563eb"],
html body #root .trading-summary-bar [style*="color: #2563EB"],
html body #root .trading-summary-bar [style*="color: #2563eb"] {
  color: var(--mt5-blue-text) !important;
}

/* 输入框双样式收敛：input.bg-white 仍走渐变玻璃，避免一表两貌。 */
html body #root input.bg-white,
html body #root input[class~="bg-white"],
html body #root textarea.bg-white,
html body #root textarea[class~="bg-white"],
html body #root select.bg-white,
html body #root select[class~="bg-white"] {
  border-color: rgba(132, 157, 185, 0.42) !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  background-color: transparent !important;
  background-image: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #101827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 14px rgba(20, 34, 52, 0.06) !important;
}

/* 全站滚动条：浅蓝灰轨道 + 主蓝渐变滑块，覆盖 macOS 默认白条。 */
html body,
html body * {
  scrollbar-color: rgba(10, 132, 255, 0.62) rgba(220, 232, 246, 0.40);
  scrollbar-width: thin;
}

html body *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html body *::-webkit-scrollbar-track {
  background: rgba(220, 232, 246, 0.40);
  border-radius: 8px;
}

html body *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(46, 173, 255, 0.66), rgba(10, 132, 255, 0.62));
  border: 2px solid rgba(232, 242, 252, 0.72);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

html body *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(46, 173, 255, 0.90), rgba(10, 132, 255, 0.86));
}

html body *::-webkit-scrollbar-corner {
  background: transparent;
}

/* 账户管理 admin 表头筛选按钮：补图标蒙版（4996 段没把 account-admin-table 列入白名单）。 */
html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] {
  --mt5-table-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 3H2l8 9.46V19l4 2v-8.54L22 3Z'/%3E%3C/svg%3E");
  display: inline-flex !important;
  flex: 0 0 32px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(219, 230, 242, 0.50)) !important;
  color: #4d5b6f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 6px 16px rgba(11, 24, 40, 0.06) !important;
}

html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"] > svg {
  display: none !important;
}

html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]::before {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  content: "" !important;
  -webkit-mask: var(--mt5-table-filter-icon) center / contain no-repeat !important;
  mask: var(--mt5-table-filter-icon) center / contain no-repeat !important;
}

html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:hover,
html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"]:focus-visible,
html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][data-state="open"],
html body #root table.account-admin-table thead button[role="combobox"][class~="h-5"][class~="w-5"][class~="p-0"][class~="border-0"][aria-expanded="true"] {
  border-color: rgba(0, 170, 255, 0.64) !important;
  background: rgba(0, 132, 255, 0.10) !important;
  color: #075fbd !important;
  outline: none !important;
  box-shadow: var(--mt5-tech-glow) !important;
}

/* toast 颜色变体：保证 destructive / success / warning 在浅底上仍有可读字色。 */
html body [data-sonner-toast][data-type="error"],
html body [data-sonner-toast][data-type="error"] *,
html body [data-sonner-toast][data-type="error"] [data-content],
html body [data-sonner-toast][data-type="error"] [data-title],
html body [data-sonner-toast][data-type="error"] [data-description] {
  color: #b91c1c !important;
}

html body [data-sonner-toast][data-type="error"] {
  background: linear-gradient(145deg, rgba(254, 230, 230, 0.96), rgba(252, 213, 213, 0.92)) !important;
  border: 1px solid rgba(220, 38, 38, 0.42) !important;
  box-shadow: 0 18px 42px rgba(159, 18, 57, 0.14), 0 0 22px rgba(220, 38, 38, 0.18) !important;
}

html body [data-sonner-toast][data-type="success"],
html body [data-sonner-toast][data-type="success"] *,
html body [data-sonner-toast][data-type="success"] [data-content],
html body [data-sonner-toast][data-type="success"] [data-title],
html body [data-sonner-toast][data-type="success"] [data-description] {
  color: #166534 !important;
}

html body [data-sonner-toast][data-type="success"] {
  background: linear-gradient(145deg, rgba(220, 252, 231, 0.96), rgba(187, 247, 208, 0.92)) !important;
  border: 1px solid rgba(22, 163, 74, 0.42) !important;
  box-shadow: 0 18px 42px rgba(20, 83, 45, 0.14), 0 0 22px rgba(22, 163, 74, 0.16) !important;
}

html body [data-sonner-toast][data-type="warning"],
html body [data-sonner-toast][data-type="warning"] *,
html body [data-sonner-toast][data-type="warning"] [data-content],
html body [data-sonner-toast][data-type="warning"] [data-title],
html body [data-sonner-toast][data-type="warning"] [data-description] {
  color: #854d0e !important;
}

html body [data-sonner-toast][data-type="warning"] {
  background: linear-gradient(145deg, rgba(254, 243, 199, 0.96), rgba(253, 224, 153, 0.92)) !important;
  border: 1px solid rgba(202, 138, 4, 0.42) !important;
}

/* 18px 圆角卡片对齐到 14px，避免规则页 / 跟单详情等冒出比兄弟卡片更大的圆角。 */
html body #root .rounded-\[18px\].border {
  border-radius: 14px !important;
}

/* 2026-05-09b 默认会员资料弹窗：套用修改会员页的视觉体系。
   弹窗由 Radix Portal 直接挂在 <body> 下，不在 #root 内，因此原先所有 html body #root 选择器都到不了，必须在这里复刻。 */

/* 弹窗外壳：缩小默认 padding，标题区收紧。 */
html body [role="dialog"]:has(.account-edit-card) > div[class*="max-h-[85vh]"] {
  padding: 22px 22px 18px !important;
}

html body [role="dialog"]:has(.account-edit-card) > div[class*="max-h-[85vh]"] > div.mb-4 {
  margin-bottom: 12px !important;
}

html body [role="dialog"]:has(.account-edit-card) > div[class*="max-h-[85vh]"] > .space-y-4 > * + * {
  margin-top: 14px !important;
}

/* 卡片本体：复用 account-edit-card 同款面板渐变（#root 选择器在弹窗里不命中，这里再写一遍）。 */
html body [role="dialog"]:has(.account-edit-card) .account-edit-card {
  border: 1px solid rgba(126, 151, 181, 0.32) !important;
  border-radius: 14px !important;
  background: var(--mt5-global-panel-bg) !important;
  background-color: rgba(232, 242, 252, 0.78) !important;
  background-image: var(--mt5-global-panel-bg) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
  backdrop-filter: blur(22px) saturate(1.16) !important;
  box-shadow: var(--art-card-shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  overflow: hidden !important;
}

/* 标题区：渐变蓝灰 + 强对比标题；副文案保留。 */
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-head {
  border-bottom: 1px solid rgba(111, 140, 171, 0.24) !important;
  background: linear-gradient(180deg, rgba(232, 242, 252, 0.86), rgba(218, 232, 247, 0.74)) !important;
  background-color: rgba(228, 238, 249, 0.86) !important;
  background-image: linear-gradient(180deg, rgba(232, 242, 252, 0.86), rgba(218, 232, 247, 0.74)) !important;
  padding: 14px 18px !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-title {
  color: #101827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-copy {
  color: #5a6678 !important;
  font-size: 12px !important;
  margin-top: 4px !important;
  display: block !important;
}

/* Body：与修改会员一致的 padding。 */
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-body {
  padding: 16px 20px 18px !important;
}

/* "可交易品种"复选区：每个品种做成胶囊状 chip，选中态变蓝。 */
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-body > .flex.flex-wrap.items-center.justify-between {
  align-items: center !important;
  gap: 12px 14px !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-body > .flex.flex-wrap.items-center.justify-between > .flex.flex-wrap.items-center.gap-3 > span:first-child {
  flex: 0 0 auto !important;
  margin-right: 6px !important;
  color: #5a6678 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-body label.flex.items-center {
  padding: 6px 12px !important;
  border: 1px solid rgba(132, 157, 185, 0.36) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  background-image: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #1a1a2e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), 0 2px 8px rgba(20, 34, 52, 0.04) !important;
  transition: border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  cursor: pointer !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-body label.flex.items-center:has(button[data-state="checked"]) {
  border-color: rgba(0, 170, 255, 0.62) !important;
  background: linear-gradient(180deg, rgba(214, 234, 255, 0.86), rgba(180, 211, 245, 0.74)) !important;
  color: #075fbd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 0 0 3px rgba(0, 132, 255, 0.12), 0 6px 16px rgba(11, 24, 40, 0.06) !important;
}

/* 参数表外框：覆盖 trading-table-wrap 的 #fff 背景。 */
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .trading-table-wrap {
  background: linear-gradient(180deg, rgba(232, 241, 250, 0.78), rgba(226, 238, 249, 0.72)) !important;
  background-color: rgba(226, 238, 249, 0.72) !important;
  background-image: linear-gradient(180deg, rgba(232, 241, 250, 0.78), rgba(226, 238, 249, 0.72)) !important;
}

/* 参数表表头：弹窗内联 style="background:#F9FAFB" 在 tr 上，box-shadow inset 把整个 th 重涂为蓝色。 */
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr[style] {
  background: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  background-color: rgba(224, 237, 249, 0.96) !important;
  background-image: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  border-top: 2px solid rgba(111, 140, 171, 0.30) !important;
  border-bottom: 1px solid rgba(111, 140, 171, 0.24) !important;
}

html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr > th,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr > th[style] {
  background: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  background-color: rgba(224, 237, 249, 0.96) !important;
  background-image: linear-gradient(180deg, rgba(224, 237, 249, 0.96), rgba(214, 230, 245, 0.94)) !important;
  box-shadow: inset 0 0 0 9999px rgba(224, 237, 249, 0.90), inset 0 -1px 0 rgba(111, 140, 171, 0.30) !important;
  color: #1a1a2e !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* 参数表数据行：覆盖内联 1px solid #E5E7EB 边框 + bg-gray-50 hover。 */
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr[style] {
  background: rgba(237, 246, 252, 0.82) !important;
  background-color: rgba(237, 246, 252, 0.82) !important;
  background-image: linear-gradient(rgba(237, 246, 252, 0.82), rgba(237, 246, 252, 0.82)) !important;
  border-bottom: 1px solid rgba(127, 151, 178, 0.22) !important;
  transition: background-color .15s ease !important;
}

html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr.hover\:bg-gray-50:hover,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr:hover {
  background: rgba(218, 234, 250, 0.88) !important;
  background-color: rgba(218, 234, 250, 0.88) !important;
  background-image: linear-gradient(rgba(218, 234, 250, 0.88), rgba(218, 234, 250, 0.88)) !important;
}

html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td[style] {
  color: #1a1a2e !important;
  font-weight: 700 !important;
}

/* 参数表"占成 / 利息差"等只读小数值（I0 组件渲染的 mx-auto bg-white 小盒子）：换成 input-like 玻璃盒。 */
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td > div.mx-auto,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td .rounded-md.border.bg-white {
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  background-color: transparent !important;
  background-image: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #111827 !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 12px rgba(20, 34, 52, 0.05) !important;
}

/* 保证金 input：跟修改会员 input 风格一致。 */
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table input[type="number"] {
  border: 1px solid rgba(132, 157, 185, 0.42) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  background-image: linear-gradient(180deg, rgba(246, 250, 255, 0.72), rgba(221, 231, 243, 0.58)) !important;
  color: #111827 !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 4px 12px rgba(20, 34, 52, 0.05) !important;
}

html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table input[type="number"]:focus,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table input[type="number"]:focus-visible {
  border-color: rgba(0, 170, 255, 0.82) !important;
  outline: none !important;
  box-shadow: var(--mt5-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* 空状态（"请先勾选可交易品种"）：用面板内同色块降低突兀感。 */
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td[colspan] {
  background: rgba(232, 242, 252, 0.50) !important;
  background-color: rgba(232, 242, 252, 0.50) !important;
  background-image: linear-gradient(rgba(232, 242, 252, 0.50), rgba(232, 242, 252, 0.50)) !important;
  color: #5a6678 !important;
  font-weight: 700 !important;
}

/* 底部"保存参数设定"区：复用 4.3 但补上 dialog scope，避免被 4.3 之外的旧规则覆盖。 */
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-actions {
  border-top: 1px solid rgba(111, 140, 171, 0.24) !important;
  background: var(--mt5-action-strip-bg) !important;
  background-color: rgba(226, 238, 249, 0.78) !important;
  background-image: var(--mt5-action-strip-bg) !important;
  padding: 12px 18px 16px !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-actions > button {
  border: 1px solid rgba(96, 210, 255, 0.70) !important;
  background: linear-gradient(180deg, #18b9ff 0%, #0a84ff 55%, #0567df 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 132, 255, 0.30), 0 0 26px rgba(0, 194, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  text-shadow: 0 1px 1px rgba(4, 33, 80, 0.32) !important;
  font-weight: 700 !important;
}

html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-actions > button:hover {
  border-color: rgba(124, 229, 255, 0.92) !important;
  background: linear-gradient(180deg, #2dccff 0%, #1295ff 52%, #0870e8 100%) !important;
  box-shadow: 0 18px 40px rgba(0, 132, 255, 0.36), 0 0 34px rgba(0, 194, 255, 0.28) !important;
}

/* 弹窗主标题（"默认会员资料"）：放大字号、加粗、对齐感跟修改会员页头部一致。 */
html body [role="dialog"]:has(.account-edit-card) > div[class*="max-h-[85vh]"] > div.mb-4 > * {
  color: #101827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

/* 2026-05-09c 修复消息管理选中 Tab 徽标白底白字：
   原本"蓝按钮 + 半透明白徽标 + 白字"被 bg-white 兜底压成了"白底白字"。
   规则：白底（bg-white / bg-white/* 全系列）上的 text-white 一律改为主蓝字，
   再把徽标本体钉成实色白 + 浅蓝描边，保证清晰。 */
html body #root [class~="bg-white"][class~="text-white"],
html body #root [class*="bg-white/"][class~="text-white"],
html body #root [class*="bg-white\/"][class~="text-white"],
html body #root [class*="bg-[#fff"][class~="text-white"],
html body #root [class*="bg-[#ffffff"][class~="text-white"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(#ffffff, #ffffff) !important;
  color: #0a84ff !important;
  text-shadow: none !important;
  border: 1px solid rgba(0, 132, 255, 0.34) !important;
  box-shadow: 0 2px 6px rgba(11, 24, 40, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* 消息管理 / 日志查询：选中态蓝按钮内的数字徽标，强制锁死"白底 + 主蓝字"。
   这条特意写得最具体（按钮带 bg-[#2563EB] + 子 span 带 bg-white/20 + text-white），
   保证不会被其它 bg-white 规则打回去。 */
html body #root .message-management-card button[class*="bg-[#2563EB]"] span[class*="bg-white"][class~="text-white"],
html body #root .message-management-card button[class*="bg-[#2563eb]"] span[class*="bg-white"][class~="text-white"],
html body #root .message-management-card button.bg-\[\#2563EB\] span.bg-white\/20.text-white,
html body #root .message-management-card button.bg-\[\#2563eb\] span.bg-white\/20.text-white {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(#ffffff, #ffffff) !important;
  color: #0a84ff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  border: 1px solid rgba(0, 132, 255, 0.42) !important;
  box-shadow: 0 2px 6px rgba(11, 24, 40, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  min-width: 22px !important;
  height: 18px !important;
  padding: 0 6px !important;
}

/* 兜底：未选中态的徽标（"bg-[#DBEAFE] text-[#2563EB]"）已经是浅蓝底 + 蓝字，保持原样即可，但锁一下颜色避免被全局 text-[#2563EB] 改色规则下偏。 */
html body #root .message-management-card button span[class*="bg-[#DBEAFE]"],
html body #root .message-management-card button span[class*="bg-[#dbeafe]"] {
  color: #0a84ff !important;
  background: #dbeafe !important;
  background-color: #dbeafe !important;
  background-image: linear-gradient(#dbeafe, #dbeafe) !important;
  border: 1px solid rgba(0, 132, 255, 0.22) !important;
  font-weight: 800 !important;
}

/* 2026-05-10 边框线统一：只改已有边框的颜色，不新增 border 宽度或样式。 */
html body #root .login-panel,
html body #root .layout-status-chip,
html body #root .layout-status-action,
html body #root .layout-sidebar__brand,
html body #root .page-surface-card,
html body #root .page-stat-card,
html body #root .trading-tab-group,
html body #root .trading-popover,
html body #root .page-table-card,
html body #root .account-edit-card,
html body #root .mt5-profile-info-card,
html body #root .mt5-profile-parameter-card,
html body #root .rounded-\[18px\].border,
html body [role="dialog"]:has(.account-edit-card) .account-edit-card,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-panel,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-video-wrap,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-phone,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-current,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step,
html body .mt5-funds-confirm-dialog {
  border-color: var(--mt5-border-line) !important;
}

html body #root .page-toolbar-strip,
html body #root .layout-sidebar,
html body #root .layout-sidebar__footer,
html body #root .account-edit-section-actions,
html body #root .mt5-profile-section-head,
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-head,
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-actions,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-head,
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-phone-top {
  border-color: var(--mt5-border-line-soft) !important;
}

html body #root .login-field__control,
html body #root input:not([type="checkbox"]):not([type="radio"]),
html body #root select,
html body #root textarea,
html body #root .closed-report-date-button,
html body #root .art-page-size-trigger,
html body #root .art-pagination-jumper-input,
html body #root .trading-filter-btn,
html body #root .btn-secondary,
html body #root .mt5-profile-param-value,
html body #root table.account-parameter-table .mt5-share-percent-cell > button,
html body #root .mt5-account-status-select,
html body #root .mt5-account-balance-action-select,
html body #root .mt5-telegram-bot-token-input,
html body #root .mt5-telegram-chat-id-display,
html body .mt5-funds-confirm-password,
html body .mt5-funds-confirm-cancel,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table input[type="number"],
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td > div.mx-auto,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr > td .rounded-md.border.bg-white {
  border-color: var(--mt5-border-control) !important;
}

html body #root .login-field__control:focus-within,
html body #root input:not([type="checkbox"]):not([type="radio"]):focus,
html body #root input:not([type="checkbox"]):not([type="radio"]):focus-visible,
html body #root select:focus,
html body #root textarea:focus,
html body #root .closed-report-date-button:hover,
html body #root .closed-report-date-button:focus-visible,
html body #root .closed-report-date-picker.is-open .closed-report-date-button,
html body #root table.account-parameter-table .mt5-share-percent-trigger:hover,
html body #root table.account-parameter-table .mt5-share-percent-trigger:focus,
html body #root table.account-parameter-table .mt5-share-percent-trigger:focus-visible,
html body #root table.account-parameter-table .mt5-share-percent-trigger[data-state="open"],
html body #root table.account-parameter-table .mt5-share-percent-trigger[aria-expanded="true"],
html body #root .mt5-account-status-select:focus,
html body #root .mt5-account-balance-action-select:focus,
html body #root .mt5-telegram-bot-token-input:focus,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table input[type="number"]:focus,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table input[type="number"]:focus-visible,
html body .mt5-funds-confirm-password:focus {
  border-color: var(--mt5-border-active) !important;
}

html body #root .login-panel__submit,
html body #root .account-hierarchy-primary,
html body #root .account-hierarchy-query,
html body #root .mt5-profile-profit-display-save,
html body #root button[class*="bg-[#2563EB]"],
html body #root [class*="bg-[#7c3aed]"],
html body #root [class*="bg-[#6d28d9]"],
html body #root [class*="bg-violet-600"],
html body #root [class*="bg-violet-700"],
html body #root [class*="bg-purple-500"],
html body #root [class*="bg-purple-600"],
html body #root [class*="bg-purple-700"],
html body #root button[class*="bg-primary"],
html body #root .mt5-telegram-test-button,
html body .mt5-funds-confirm-submit,
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-actions > button {
  border-color: var(--mt5-border-primary) !important;
}

html body #root .login-panel__submit:hover,
html body #root .account-hierarchy-primary:hover,
html body #root .account-hierarchy-query:hover,
html body #root .mt5-profile-profit-display-save:hover,
html body #root .mt5-telegram-test-button:hover,
html body [role="dialog"]:has(.account-edit-card) .account-edit-card .account-edit-section-actions > button:hover {
  border-color: var(--mt5-border-primary-hover) !important;
}

html body #root .layout-sidebar__item:hover,
html body #root .layout-sidebar__child:hover,
html body #root .layout-sidebar__section.is-active .layout-sidebar__item--section,
html body #root .layout-sidebar__item.is-active,
html body #root .layout-sidebar__child.is-active,
html body #root .trading-filter-btn:hover,
html body #root .btn-secondary:hover,
html body #root .trading-tab-group .trading-tab.active,
html body #root .trading-tab-group .trading-tab[aria-selected="true"],
html body #root .trading-tab-group .trading-tab[data-state="active"],
html body > .mt5-telegram-tutorial-portal .mt5-telegram-tutorial-step[data-active="true"] {
  border-color: var(--mt5-border-active) !important;
}

html body #root table.fixed-data-table > thead > tr,
html body #root table.deal-history-sticky-table > thead > tr,
html body #root table.daily-position-sticky-table > thead > tr,
html body #root table.position-history-sticky-table > thead > tr,
html body #root table.account-summary-table > thead > tr,
html body #root table.contribution-table > thead > tr,
html body #root table.reports-table > thead > tr,
html body #root table.account-admin-table > thead > tr,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr[style] {
  border-color: var(--mt5-border-table-head) !important;
}

html body #root table.fixed-data-table > thead > tr > th,
html body #root table.deal-history-sticky-table > thead > tr > th,
html body #root table.daily-position-sticky-table > thead > tr > th,
html body #root table.position-history-sticky-table > thead > tr > th,
html body #root table.account-summary-table > thead > tr > th,
html body #root table.contribution-table > thead > tr > th,
html body #root table.reports-table > thead > tr > th,
html body #root table.account-admin-table > thead > tr > th,
html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > thead > tr > th,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr > th,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > thead > tr > th[style] {
  border-color: var(--mt5-border-table-head) !important;
}

html body #root table.fixed-data-table > tbody > tr,
html body #root table.fixed-data-table > tbody > tr > td,
html body #root table.deal-history-sticky-table > tbody > tr,
html body #root table.deal-history-sticky-table > tbody > tr > td,
html body #root table.daily-position-sticky-table > tbody > tr,
html body #root table.daily-position-sticky-table > tbody > tr > td,
html body #root table.position-history-sticky-table > tbody > tr,
html body #root table.position-history-sticky-table > tbody > tr > td,
html body #root table.account-summary-table > tbody > tr,
html body #root table.account-summary-table > tbody > tr > td,
html body #root table.contribution-table > tbody > tr,
html body #root table.contribution-table > tbody > tr > td,
html body #root table.reports-table > tbody > tr,
html body #root table.reports-table > tbody > tr > td,
html body #root table.account-admin-table > tbody > tr,
html body #root table.account-admin-table > tbody > tr > td,
html.mt5-profile-info-route body #root table.trading-table.account-parameter-table.mt5-profile-parameter-table > tbody > tr > td,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr,
html body [role="dialog"]:has(.account-edit-card) table.trading-table.account-parameter-table > tbody > tr[style] {
  border-color: var(--mt5-border-table-row) !important;
}

html body #root table.fixed-data-table > thead > tr,
html body #root table.deal-history-sticky-table > thead > tr,
html body #root table.daily-position-sticky-table > thead > tr,
html body #root table.position-history-sticky-table > thead > tr,
html body #root table.account-summary-table > thead > tr {
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-head) !important;
}

html body #root table.fixed-data-table > thead > tr > th,
html body #root table.deal-history-sticky-table > thead > tr > th,
html body #root table.daily-position-sticky-table > thead > tr > th,
html body #root table.position-history-sticky-table > thead > tr > th,
html body #root table.account-summary-table > thead > tr > th {
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-head) !important;
}

/* 2026-05-10b 表格线宽统一：去掉日报表分组线和 sticky 表头的 2px / 双线叠加。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(16) {
  border-right-width: 1px !important;
  border-right-color: var(--mt5-border-table-row) !important;
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) button[role="checkbox"].peer,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer[data-state="checked"],
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child > button[role="checkbox"].peer[data-state="indeterminate"] {
  border-width: 1px !important;
  box-shadow: 0 0 0 1px rgba(10, 132, 255, 0.12), 0 2px 8px rgba(10, 132, 255, 0.14) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:first-child[style] {
  box-shadow: inset 0 0 0 9999px #e8f2fc, inset 0 -1px 0 var(--mt5-border-table-row) !important;
}

/* 2026-05-11 持仓订单：会员 / 本级分界不再保留特殊纵向分组线。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(16),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16)[style] {
  border-right: 1px solid var(--mt5-border-table-row) !important;
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17)[style] {
  border-left: 1px solid var(--mt5-border-table-row) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3) {
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
  border-left: 1px solid var(--mt5-border-table-head) !important;
  border-right: 1px solid var(--mt5-border-table-head) !important;
}

/* 2026-05-11b 持仓订单：会员 / 本级底色一致，避免底色切换被看成加粗竖线。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+20),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(n+17):nth-child(-n+21),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > th:nth-child(n+17):nth-child(-n+21),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+17):nth-child(-n+21),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+17):nth-child(-n+21)[style] {
  background: #e8f2fc !important;
  background-color: #e8f2fc !important;
  background-image: linear-gradient(#e8f2fc, #e8f2fc) !important;
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
}

/* 2026-05-11c 持仓订单：表格内统一不画左右竖线，只保留横向行线。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > *:not(:nth-child(2)):not(:nth-child(3)),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > *:not(:nth-child(15)):not(:nth-child(16)),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > *:not(:nth-child(16)):not(:nth-child(17)),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tfoot > tr > *:not(:nth-child(16)):not(:nth-child(17)) {
  border-left: 0 !important;
  border-right: 0 !important;
  border-inline-start: 0 !important;
  border-inline-end: 0 !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr > * {
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-head) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > *,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tfoot > tr > * {
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
}

/* 2026-05-11d 同层覆盖：压掉早期 @layer components 里的 2px 会员/本级分界。 */
@layer components {
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16)[style] {
    border-right: 1px solid var(--mt5-border-table-row) !important;
    box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(n+16):nth-child(-n+20),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(n+17):nth-child(-n+21),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > th:nth-child(n+17):nth-child(-n+21),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+17):nth-child(-n+21),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(n+17):nth-child(-n+21)[style] {
    background: #e8f2fc !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(#e8f2fc, #e8f2fc) !important;
    box-shadow: inset 0 -1px 0 var(--mt5-border-table-row) !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > *:not(:nth-child(2)):not(:nth-child(3)),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > *:not(:nth-child(15)):not(:nth-child(16)),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > *:not(:nth-child(16)):not(:nth-child(17)),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tfoot > tr > *:not(:nth-child(16)):not(:nth-child(17)) {
    border-left: 0 !important;
    border-right: 0 !important;
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
  }
}

/* 2026-05-11e 持仓订单：会员、本级、订单来源、占成手数两侧统一 1px 边框。 */
@layer components {
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16)[style],
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17)[style] {
    border-left: 1px solid var(--mt5-border-table-row) !important;
    border-right: 1px solid var(--mt5-border-table-row) !important;
    border-inline-start: 1px solid var(--mt5-border-table-row) !important;
    border-inline-end: 1px solid var(--mt5-border-table-row) !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16) {
    border-color: var(--mt5-border-table-head) !important;
  }
}

/* 2026-05-11f 持仓订单：订单来源左侧不画边框，右侧仍保留 1px 分界。 */
@layer components {
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(16)[style] {
    border-left: 0 !important;
    border-inline-start: 0 !important;
  }
}

/* 2026-05-11g 持仓订单：占成手数两侧保持 1px，订单来源只取消左侧。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17)[style] {
  border-left: 1px solid var(--mt5-border-table-row) !important;
  border-right: 1px solid var(--mt5-border-table-row) !important;
  border-inline-start: 1px solid var(--mt5-border-table-row) !important;
  border-inline-end: 1px solid var(--mt5-border-table-row) !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16) {
  border-color: var(--mt5-border-table-head) !important;
}

/* 2026-05-11 交易明细：会员 / 下级 / 本级 / 上级费用前补盈亏列。 */
html body #root table.deal-history-sticky-table .mt5-deal-history-profit-column {
  min-width: 70px !important;
  white-space: nowrap !important;
  cursor: default !important;
}

html body #root table.deal-history-sticky-table > thead > tr > th[data-mt5-deal-profit-column="true"] {
  font-weight: 700 !important;
  text-align: center !important;
}

html body #root table.deal-history-sticky-table > thead > tr > th[data-mt5-deal-group="customer"] {
  background: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
  background-color: var(--mt5-audit-head-bg) !important;
  background-image: linear-gradient(180deg, var(--mt5-audit-head-bg), var(--mt5-audit-head-bg-strong)) !important;
  box-shadow: inset 0 -1px 0 var(--mt5-border-table-head, rgba(111, 140, 171, 0.30)) !important;
}

html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > td[data-mt5-deal-group="customer"] {
  background: var(--mt5-table-data-bg) !important;
  background-color: var(--mt5-table-data-bg) !important;
  background-image: linear-gradient(var(--mt5-table-data-bg), var(--mt5-table-data-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-table-data-bg), inset 0 -1px 0 var(--mt5-border-table-row, rgba(127, 151, 178, 0.22)) !important;
}

html body #root table.deal-history-sticky-table > thead > tr > th[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > td[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table > tbody > tr:last-child > td[data-mt5-deal-group="subordinate"] {
  background: var(--mt5-group-sub-bg) !important;
  background-color: var(--mt5-group-sub-bg) !important;
  background-image: linear-gradient(var(--mt5-group-sub-bg), var(--mt5-group-sub-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-sub-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.deal-history-sticky-table > thead > tr > th[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > td[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table > tbody > tr:last-child > td[data-mt5-deal-group="self"] {
  background: var(--mt5-group-self-bg) !important;
  background-color: var(--mt5-group-self-bg) !important;
  background-image: linear-gradient(var(--mt5-group-self-bg), var(--mt5-group-self-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-self-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

html body #root table.deal-history-sticky-table > thead > tr > th[data-mt5-deal-group="superior"],
html body #root table.deal-history-sticky-table > tbody > tr:not(:last-child) > td[data-mt5-deal-group="superior"],
html body #root table.deal-history-sticky-table > tbody > tr:last-child > td[data-mt5-deal-group="superior"] {
  background: var(--mt5-group-super-bg) !important;
  background-color: var(--mt5-group-super-bg) !important;
  background-image: linear-gradient(var(--mt5-group-super-bg), var(--mt5-group-super-bg)) !important;
  box-shadow: inset 0 0 0 9999px var(--mt5-group-super-bg), inset 0 -1px 0 var(--mt5-group-line) !important;
}

/* 2026-05-11h 交易明细：新增盈亏列后按 data 分组重置底色，避免旧 nth-child 规则错位。 */
@layer components {
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-deal-group="customer"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-deal-group="customer"][data-mt5-deal-group] {
    background: #e8f2fc !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(#e8f2fc, #e8f2fc) !important;
    box-shadow: inset 0 0 0 9999px #e8f2fc, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-deal-group="customer"][data-mt5-deal-group] {
    background: var(--mt5-table-data-bg) !important;
    background-color: var(--mt5-table-data-bg) !important;
    background-image: linear-gradient(var(--mt5-table-data-bg), var(--mt5-table-data-bg)) !important;
    box-shadow: inset 0 0 0 9999px var(--mt5-table-data-bg), inset 0 -1px 0 var(--mt5-border-table-row, rgba(127, 151, 178, 0.22)) !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-deal-group="subordinate"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-deal-group="subordinate"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-deal-group="subordinate"][data-mt5-deal-group] {
    background: #eef8f4 !important;
    background-color: #eef8f4 !important;
    background-image: linear-gradient(#eef8f4, #eef8f4) !important;
    box-shadow: inset 0 0 0 9999px #eef8f4, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-deal-group="self"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-deal-group="self"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-deal-group="self"][data-mt5-deal-group] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-deal-group="superior"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-deal-group="superior"][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-deal-group="superior"][data-mt5-deal-group] {
    background: #fff4dc !important;
    background-color: #fff4dc !important;
    background-image: linear-gradient(#fff4dc, #fff4dc) !important;
    box-shadow: inset 0 0 0 9999px #fff4dc, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-deal-group="customer"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-deal-group="customer"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group] {
    background: var(--mt5-table-data-bg) !important;
    background-color: var(--mt5-table-data-bg) !important;
    background-image: linear-gradient(var(--mt5-table-data-bg), var(--mt5-table-data-bg)) !important;
    box-shadow: inset 0 0 0 9999px var(--mt5-table-data-bg), inset 0 -1px 0 var(--mt5-border-table-row, rgba(127, 151, 178, 0.22)) !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-deal-group="subordinate"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-deal-group="subordinate"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group] {
    background: #eef8f4 !important;
    background-color: #eef8f4 !important;
    background-image: linear-gradient(#eef8f4, #eef8f4) !important;
    box-shadow: inset 0 0 0 9999px #eef8f4, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-deal-group="self"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-deal-group="self"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-deal-group="superior"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group],
  html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-deal-group="superior"][data-mt5-deal-group][data-mt5-deal-group][data-mt5-deal-group] {
    background: #fff4dc !important;
    background-color: #fff4dc !important;
    background-image: linear-gradient(#fff4dc, #fff4dc) !important;
    box-shadow: inset 0 0 0 9999px #fff4dc, inset 0 -1px 0 #d6dde8 !important;
  }
}

/* 2026-05-11i 交易明细：去掉会员总盈亏、下级费用、本级盈亏左侧竖线。 */
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(20),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(24),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(16),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(20),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(24),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(6),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(10),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(14) {
  border-left: 0 !important;
  border-inline-start: 0 !important;
}

html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(19),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(23),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(15),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(19),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(23),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(5),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(9),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(13) {
  border-right: 0 !important;
  border-inline-end: 0 !important;
}

/* 2026-05-11 持仓历史：会员 / 下级 / 本级 / 上级费用前补盈亏列。 */
html body #root table.position-history-sticky-table .mt5-position-history-profit-column {
  min-width: 70px !important;
  white-space: nowrap !important;
  cursor: default !important;
}

html body #root table.position-history-sticky-table > thead > tr > th[data-mt5-position-profit-column="true"] {
  font-weight: 700 !important;
  text-align: center !important;
}

/* 2026-05-11 持仓历史：新增盈亏列后按 data 分组重置底色，避免旧 nth-child 规则错位。 */
@layer components {
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-position-group="customer"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-position-group="customer"][data-mt5-position-group] {
    background: #e8f2fc !important;
    background-color: #e8f2fc !important;
    background-image: linear-gradient(#e8f2fc, #e8f2fc) !important;
    box-shadow: inset 0 0 0 9999px #e8f2fc, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-position-group="customer"][data-mt5-position-group] {
    background: var(--mt5-table-data-bg) !important;
    background-color: var(--mt5-table-data-bg) !important;
    background-image: linear-gradient(var(--mt5-table-data-bg), var(--mt5-table-data-bg)) !important;
    box-shadow: inset 0 0 0 9999px var(--mt5-table-data-bg), inset 0 -1px 0 var(--mt5-border-table-row, rgba(127, 151, 178, 0.22)) !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-position-group="subordinate"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-position-group="subordinate"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-position-group="subordinate"][data-mt5-position-group] {
    background: #eef8f4 !important;
    background-color: #eef8f4 !important;
    background-image: linear-gradient(#eef8f4, #eef8f4) !important;
    box-shadow: inset 0 0 0 9999px #eef8f4, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-position-group="self"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-position-group="self"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-position-group="self"][data-mt5-position-group] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th[data-mt5-position-group="superior"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th[data-mt5-position-group="superior"][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td[data-mt5-position-group="superior"][data-mt5-position-group] {
    background: #fff4dc !important;
    background-color: #fff4dc !important;
    background-image: linear-gradient(#fff4dc, #fff4dc) !important;
    box-shadow: inset 0 0 0 9999px #fff4dc, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-position-group="customer"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-position-group="customer"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group] {
    background: var(--mt5-table-data-bg) !important;
    background-color: var(--mt5-table-data-bg) !important;
    background-image: linear-gradient(var(--mt5-table-data-bg), var(--mt5-table-data-bg)) !important;
    box-shadow: inset 0 0 0 9999px var(--mt5-table-data-bg), inset 0 -1px 0 var(--mt5-border-table-row, rgba(127, 151, 178, 0.22)) !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-position-group="subordinate"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-position-group="subordinate"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group] {
    background: #eef8f4 !important;
    background-color: #eef8f4 !important;
    background-image: linear-gradient(#eef8f4, #eef8f4) !important;
    box-shadow: inset 0 0 0 9999px #eef8f4, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-position-group="self"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-position-group="self"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group] {
    background: #eaf4fb !important;
    background-color: #eaf4fb !important;
    background-image: linear-gradient(#eaf4fb, #eaf4fb) !important;
    box-shadow: inset 0 0 0 9999px #eaf4fb, inset 0 -1px 0 #d6dde8 !important;
  }

  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td[data-mt5-position-group="superior"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group],
  html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td[data-mt5-position-group="superior"][data-mt5-position-group][data-mt5-position-group][data-mt5-position-group] {
    background: #fff4dc !important;
    background-color: #fff4dc !important;
    background-image: linear-gradient(#fff4dc, #fff4dc) !important;
    box-shadow: inset 0 0 0 9999px #fff4dc, inset 0 -1px 0 #d6dde8 !important;
  }
}

/* 2026-05-11j 交易明细：强化去除会员总盈亏、下级费用、本级盈亏左侧竖线。 */
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16)[data-mt5-deal-group="customer"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(20)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(24)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(16)[data-mt5-deal-group="customer"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(20)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(24)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(6)[data-mt5-deal-group="customer"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(10)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(14)[data-mt5-deal-group="self"] {
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-inline-start: 0 !important;
  border-inline-start-width: 0 !important;
  border-inline-start-style: none !important;
  border-inline-start-color: transparent !important;
}

html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15)[data-mt5-deal-group="customer"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(19)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(23)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(15)[data-mt5-deal-group="customer"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(19)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:not(:last-child) > td:nth-child(23)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(5)[data-mt5-deal-group="customer"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(9)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(13)[data-mt5-deal-group="self"] {
  border-right: 0 !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-inline-end: 0 !important;
  border-inline-end-width: 0 !important;
  border-inline-end-style: none !important;
  border-inline-end-color: transparent !important;
}

/* 2026-05-11k 交易明细 / 持仓历史：只保留会员 / 下级 / 本级 / 上级之间的竖线。 */
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr > th,
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td,
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr > th,
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td {
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-right: 0 !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-inline-start: 0 !important;
  border-inline-start-width: 0 !important;
  border-inline-start-style: none !important;
  border-inline-start-color: transparent !important;
  border-inline-end: 0 !important;
  border-inline-end-width: 0 !important;
  border-inline-end-style: none !important;
  border-inline-end-color: transparent !important;
}

html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(17)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(22)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(27)[data-mt5-deal-group="superior"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(22)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(27)[data-mt5-deal-group="superior"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(7)[data-mt5-deal-group="subordinate"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(12)[data-mt5-deal-group="self"],
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17)[data-mt5-deal-group="superior"],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(4),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(17)[data-mt5-position-group="subordinate"],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(21)[data-mt5-position-group="self"],
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(25)[data-mt5-position-group="superior"],
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17)[data-mt5-position-group="subordinate"],
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(21)[data-mt5-position-group="self"],
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(25)[data-mt5-position-group="superior"] {
  border-left: 1px solid #d6dde8 !important;
  border-left-width: 1px !important;
  border-left-style: solid !important;
  border-left-color: #d6dde8 !important;
  border-inline-start: 1px solid #d6dde8 !important;
  border-inline-start-width: 1px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: #d6dde8 !important;
}

html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(1),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.deal-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(1),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(2),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:first-child > th:nth-child(3),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(15),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(18),
html body #root table.position-history-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(21) {
  border-right: 0 !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-inline-end: 0 !important;
  border-inline-end-width: 0 !important;
  border-inline-end-style: none !important;
  border-inline-end-color: transparent !important;
}

/* 2026-05-11l 持仓 / 已平报表：所有费用列左侧竖线去除。 */
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="customerFees"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="subordinateFees"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="selfShareFees"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="superiorFees"],
html body #root table.closed-report-table > thead > tr.closed-report-history-head > th[data-closed-sort="fees"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="customerFees"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="subordinateFees"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="selfShareFees"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="superiorFees"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="fees"] {
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-inline-start: 0 !important;
  border-inline-start-width: 0 !important;
  border-inline-start-style: none !important;
  border-inline-start-color: transparent !important;
}

html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="customerProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="subordinateProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="selfShareProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="selfShareTotalProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-column-head > th[data-closed-sort="superiorProfit"],
html body #root table.closed-report-table > thead > tr.closed-report-history-head > th[data-closed-sort="profit"],
html body #root table.closed-report-table > thead > tr.closed-report-history-head > th[data-closed-sort="totalPnL"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="customerProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="subordinateProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="selfShareProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="selfShareTotalProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="superiorProfit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="profit"],
html body #root table.closed-report-table > tbody > tr > td[data-closed-key="totalPnL"] {
  border-right: 0 !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-inline-end: 0 !important;
  border-inline-end-width: 0 !important;
  border-inline-end-style: none !important;
  border-inline-end-color: transparent !important;
}

/* 2026-05-17 持仓订单：去除本级浮动盈亏左侧竖线。 */
html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17)[style] {
  border-right: 0 !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border-inline-end: 0 !important;
  border-inline-end-width: 0 !important;
  border-inline-end-style: none !important;
  border-inline-end-color: transparent !important;
}

html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(17),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(18),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(18),
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(18)[style] {
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
  border-inline-start: 0 !important;
  border-inline-start-width: 0 !important;
  border-inline-start-style: none !important;
  border-inline-start-color: transparent !important;
}

@layer components {
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(16),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(17),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(17)[style] {
    border-right: 0 !important;
    border-right-width: 0 !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-inline-end: 0 !important;
    border-inline-end-width: 0 !important;
    border-inline-end-style: none !important;
    border-inline-end-color: transparent !important;
  }

  html body #root table.daily-position-sticky-table:not(.closed-report-table) > thead > tr:nth-child(2) > th:nth-child(17),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr > td:nth-child(18),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(18),
  html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > td:nth-child(18)[style] {
    border-left: 0 !important;
    border-left-width: 0 !important;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-inline-start: 0 !important;
    border-inline-start-width: 0 !important;
    border-inline-start-style: none !important;
    border-inline-start-color: transparent !important;
  }
}

/* 2026-05-17 费用二级菜单：Radix 外壳只负责定位，避免面板视觉位置被外壳样式带偏。 */
html body #root table.trading-table [data-radix-popper-content-wrapper],
html body #root table.fixed-data-table [data-radix-popper-content-wrapper],
html body #root table.daily-position-sticky-table [data-radix-popper-content-wrapper],
html body #root table.deal-history-sticky-table [data-radix-popper-content-wrapper],
html body #root table.position-history-sticky-table [data-radix-popper-content-wrapper] {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body #root table.trading-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.fixed-data-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.daily-position-sticky-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.deal-history-sticky-table [data-radix-popper-content-wrapper] > [data-state="open"],
html body #root table.position-history-sticky-table [data-radix-popper-content-wrapper] > [data-state="open"] {
  position: static !important;
  z-index: auto !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(239, 246, 252, 0.98), rgba(221, 235, 248, 0.96)) !important;
  background-color: rgba(239, 246, 252, 0.94) !important;
  color: #101827 !important;
  box-shadow: 0 24px 60px rgba(10, 20, 34, 0.24), 0 0 26px rgba(0, 194, 255, 0.16) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
}

/* 2026-05-17 所有合计行：补回合计行上边框。 */
html body #root table.trading-table:not(.closed-report-table) > tbody > tr.summary-row > *,
html body #root table.trading-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.fixed-data-table:not(.closed-report-table) > tbody > tr.summary-row > *,
html body #root table.fixed-data-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.account-summary-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.account-hierarchy-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.contribution-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.message-management-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.reports-table:not(.closed-report-table) > tfoot > tr > *,
html body #root table.deal-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > *,
html body #root table.daily-position-sticky-table:not(.closed-report-table) > tbody > tr:last-child > *,
html body #root table.position-history-sticky-table:not(.closed-report-table) > tbody > tr:last-child > *,
html body #root table.closed-report-table > tbody > tr.closed-report-summary-row > * {
  border-top: 1px solid #d6dde8 !important;
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #d6dde8 !important;
  border-block-start: 1px solid #d6dde8 !important;
  border-block-start-width: 1px !important;
  border-block-start-style: solid !important;
  border-block-start-color: #d6dde8 !important;
}

html body #root table.closed-report-table > tbody > tr.closed-report-summary-row > td {
  border-top: 1px solid #d6dde8 !important;
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #d6dde8 !important;
  border-block-start: 1px solid #d6dde8 !important;
  border-block-start-width: 1px !important;
  border-block-start-style: solid !important;
  border-block-start-color: #d6dde8 !important;
}

/* 2026-05-17 费用二级菜单：外壳透明，面板由脚本锚定到费用图标正下方。 */
html body [data-mt5-fee-popover-wrapper="true"] {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body [data-mt5-fee-popover-wrapper="true"] > [data-mt5-fee-popover-panel="true"] {
  margin: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(239, 246, 252, 0.98), rgba(221, 235, 248, 0.96)) !important;
  background-color: rgba(239, 246, 252, 0.94) !important;
  color: #101827 !important;
  box-shadow: 0 24px 60px rgba(10, 20, 34, 0.24), 0 0 26px rgba(0, 194, 255, 0.16) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
}

html body .mt5-main-fee-popover {
  width: min(386px, calc(100vw - 16px)) !important;
  padding: 22px 24px !important;
}

html body #root .trading-summary-card[data-mt5-position-summary-fee-card="true"] {
  cursor: pointer !important;
}

html body #root .trading-summary-card[data-mt5-position-summary-fee-card="true"]:hover,
html body #root .trading-summary-card[data-mt5-position-summary-fee-card="true"]:focus-visible {
  border-color: #93c5fd !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.12) !important;
}