/* ===========================================================
   黑客终端风格 — 后台管理界面
   作用域：html.hx-app（仅登录后的后台生效，登录页不受影响）
   仅调整视觉，不改变任何功能逻辑
   =========================================================== */

:root {
  --hx-green: #00ff9c;
  --hx-green-dim: rgba(0, 255, 156, 0.55);
  --hx-green-soft: rgba(0, 255, 156, 0.18);
  --hx-bg-0: #030605;
  --hx-bg-1: #06110c;
  --hx-bg-2: #0a1a13;
  --hx-bg-3: #0e2419;
  --hx-line: rgba(0, 255, 156, 0.22);
  --hx-text: #d7ffe9;
  --hx-text-dim: #7fbfa2;
}

/* ===== 全局底色与字体 ===== */
html.hx-app body,
html.hx-app #root {
  background: var(--hx-bg-0) !important;
  color: var(--hx-text) !important;
}

/* 后台根容器：压暗背景图 + 网格 + 扫描线（与登录页一致） */
html.hx-app #root {
  position: relative !important;
  background-image:
    linear-gradient(rgba(1, 6, 4, 0.88), rgba(1, 6, 4, 0.93)),
    url('/assets/png/login-background-CIXeAMgm.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  overflow: hidden !important;
}

/* 网格层：加粗加亮 */
html.hx-app #root::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(0, 255, 156, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 156, 0.1) 1px, transparent 1px);
  background-size: 34px 34px;
}

/* 扫描线：加亮加宽 */
html.hx-app #root::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  height: 160px;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 255, 156, 0.12), transparent);
  animation: hx-app-scan 5s linear infinite;
}

@keyframes hx-app-scan {
  0% { top: -130px; }
  100% { top: 100%; }
}

/* 确保布局内容在网格与扫描线之上 */
html.hx-app .ant-layout {
  position: relative;
  z-index: 1;
}

html.hx-app .ant-layout,
html.hx-app .ant-layout-content {
  background: transparent !important;
}

html.hx-app .ant-layout-header {
  background: rgba(4, 14, 10, 0.92) !important;
  border-bottom: 1px solid var(--hx-line) !important;
  box-shadow: 0 1px 16px rgba(0, 255, 156, 0.12) !important;
}

html.hx-app .ant-layout-sider {
  background: rgba(4, 14, 10, 0.94) !important;
  border-right: 1px solid var(--hx-line) !important;
}

/* ===== 卡片 / 面板 ===== */
html.hx-app .ant-card {
  background: linear-gradient(180deg, rgba(6, 20, 14, 0.96), rgba(3, 10, 7, 0.96)) !important;
  border: 1px solid var(--hx-line) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 18px rgba(0, 255, 156, 0.08), inset 0 0 30px rgba(0, 255, 156, 0.03) !important;
  color: var(--hx-text) !important;
}

html.hx-app .ant-card-head {
  background: rgba(0, 255, 156, 0.05) !important;
  border-bottom: 1px solid var(--hx-line) !important;
  color: var(--hx-green) !important;
}

html.hx-app .ant-card-head-title {
  color: var(--hx-green) !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
}

/* ===== 表格：保留清晰底色与行分隔 ===== */
html.hx-app .ant-table,
html.hx-app .ant-table-container,
html.hx-app .ant-table-content,
html.hx-app .ant-table-body {
  background: transparent !important;
  color: var(--hx-text) !important;
}

html.hx-app .ant-table-thead > tr > th {
  background: rgba(0, 255, 156, 0.09) !important;
  color: var(--hx-green) !important;
  border-bottom: 1px solid var(--hx-line) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

html.hx-app .ant-table-tbody > tr > td {
  background: rgba(5, 16, 11, 0.82) !important;
  border-bottom: 1px solid rgba(0, 255, 156, 0.12) !important;
  color: var(--hx-text) !important;
}

html.hx-app .ant-table-tbody > tr:nth-child(even) > td {
  background: rgba(8, 24, 16, 0.82) !important;
}

html.hx-app .ant-table-tbody > tr:hover > td,
html.hx-app .ant-table-tbody > tr.ant-table-row:hover > td {
  background: rgba(0, 255, 156, 0.13) !important;
}

html.hx-app .ant-table-tbody > tr.ant-table-row-selected > td {
  background: rgba(0, 255, 156, 0.2) !important;
}

html.hx-app .ant-table-placeholder,
html.hx-app .ant-table-cell .ant-empty-description,
html.hx-app .ant-empty-description {
  color: var(--hx-text-dim) !important;
}

html.hx-app .ant-table-placeholder:hover > td {
  background: rgba(5, 16, 11, 0.82) !important;
}

/* 表格内滚动条 */
html.hx-app .ant-table-body::-webkit-scrollbar,
html.hx-app ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

html.hx-app ::-webkit-scrollbar-track {
  background: rgba(0, 255, 156, 0.05);
}

html.hx-app ::-webkit-scrollbar-thumb {
  background: rgba(0, 255, 156, 0.32);
  border-radius: 6px;
}

html.hx-app ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 255, 156, 0.55);
}

/* ===== 按钮 ===== */
html.hx-app .ant-btn {
  background: rgba(0, 255, 156, 0.07) !important;
  border: 1px solid rgba(0, 255, 156, 0.4) !important;
  color: var(--hx-green) !important;
  box-shadow: inset 0 0 10px rgba(0, 255, 156, 0.05) !important;
  transition: all 0.2s ease !important;
}

html.hx-app .ant-btn:hover,
html.hx-app .ant-btn:focus {
  background: rgba(0, 255, 156, 0.18) !important;
  border-color: var(--hx-green) !important;
  color: #d9ffe9 !important;
  box-shadow: 0 0 14px rgba(0, 255, 156, 0.35) !important;
}

html.hx-app .ant-btn-primary {
  background: linear-gradient(90deg, rgba(0, 255, 156, 0.2), rgba(0, 255, 156, 0.4), rgba(0, 255, 156, 0.2)) !important;
  border-color: var(--hx-green) !important;
  color: #eafff5 !important;
  text-shadow: 0 0 6px rgba(0, 255, 156, 0.6) !important;
}

html.hx-app .ant-btn-primary:hover {
  background: var(--hx-green) !important;
  color: #032018 !important;
  text-shadow: none !important;
  box-shadow: 0 0 22px rgba(0, 255, 156, 0.6) !important;
}

html.hx-app .ant-btn-dangerous,
html.hx-app .ant-btn-dangerous:hover {
  border-color: rgba(255, 77, 79, 0.7) !important;
  color: #ff6b6b !important;
  background: rgba(255, 77, 79, 0.1) !important;
}

html.hx-app .ant-btn-text,
html.hx-app .ant-btn-link {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.hx-app .delete-all-btn,
html.hx-app .dark-disabled-btn {
  border-color: rgba(255, 77, 79, 0.6) !important;
  color: #ff6b6b !important;
  background: rgba(255, 77, 79, 0.08) !important;
}

/* ===== 输入类控件 ===== */
html.hx-app .ant-input,
html.hx-app .ant-input-affix-wrapper,
html.hx-app .ant-input-number,
html.hx-app .ant-picker,
html.hx-app .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: rgba(0, 22, 14, 0.85) !important;
  border: 1px solid rgba(0, 255, 156, 0.32) !important;
  color: var(--hx-text) !important;
  border-radius: 3px !important;
}

html.hx-app .ant-input::placeholder,
html.hx-app textarea.ant-input::placeholder {
  color: rgba(0, 255, 156, 0.35) !important;
}

html.hx-app .ant-input:hover,
html.hx-app .ant-input-affix-wrapper:hover,
html.hx-app .ant-picker:hover,
html.hx-app .ant-select:not(.ant-select-customize-input):hover .ant-select-selector {
  border-color: var(--hx-green-dim) !important;
}

html.hx-app .ant-input:focus,
html.hx-app .ant-input-affix-wrapper-focused,
html.hx-app .ant-picker-focused,
html.hx-app .ant-select-focused:not(.ant-select-customize-input) .ant-select-selector {
  border-color: var(--hx-green) !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 156, 0.15), 0 0 12px rgba(0, 255, 156, 0.28) !important;
}

html.hx-app .ant-select-selection-item,
html.hx-app .ant-select-selection-placeholder,
html.hx-app .ant-picker-input > input {
  color: var(--hx-text) !important;
}

html.hx-app .ant-select-arrow,
html.hx-app .ant-picker-suffix,
html.hx-app .ant-input-prefix svg,
html.hx-app .ant-input-suffix svg {
  color: var(--hx-green-dim) !important;
}

html.hx-app .ant-select-dropdown,
html.hx-app .ant-picker-dropdown .ant-picker-panel-container {
  background: #061410 !important;
  border: 1px solid var(--hx-line) !important;
  box-shadow: 0 0 20px rgba(0, 255, 156, 0.2) !important;
}

html.hx-app .ant-select-item {
  color: var(--hx-text) !important;
}

html.hx-app .ant-select-item-option-active,
html.hx-app .ant-select-item-option-selected {
  background: rgba(0, 255, 156, 0.16) !important;
  color: var(--hx-green) !important;
}

/* 下拉菜单 */
html.hx-app .ant-dropdown-menu,
html.hx-app .ant-menu,
html.hx-app .ant-menu-submenu-popup .ant-menu {
  background: #061410 !important;
  border: 1px solid var(--hx-line) !important;
  color: var(--hx-text) !important;
}

html.hx-app .ant-dropdown-menu-item,
html.hx-app .ant-menu-item,
html.hx-app .ant-menu-submenu-title {
  color: var(--hx-text) !important;
}

html.hx-app .ant-dropdown-menu-item:hover,
html.hx-app .ant-menu-item:hover,
html.hx-app .ant-menu-item-active,
html.hx-app .ant-menu-item-selected {
  background: rgba(0, 255, 156, 0.16) !important;
  color: var(--hx-green) !important;
}

/* ===== 弹窗 / 抽屉 / 气泡 ===== */
html.hx-app .ant-modal-content,
html.hx-app .ant-modal-header,
html.hx-app .ant-modal-body,
html.hx-app .ant-modal-footer,
html.hx-app .ant-drawer-content,
html.hx-app .ant-drawer-header,
html.hx-app .dark-modal .ant-modal-content {
  background: #061410 !important;
  color: var(--hx-text) !important;
  border: 1px solid var(--hx-line) !important;
  box-shadow: 0 0 30px rgba(0, 255, 156, 0.18) !important;
}

html.hx-app .ant-modal-title,
html.hx-app .ant-drawer-title,
html.hx-app .ant-modal-confirm-title {
  color: var(--hx-green) !important;
  letter-spacing: 1px !important;
}

html.hx-app .ant-modal-close,
html.hx-app .ant-drawer-close {
  color: var(--hx-green-dim) !important;
}

html.hx-app .ant-popover-inner,
html.hx-app .ant-tooltip-inner {
  background: #061410 !important;
  border: 1px solid var(--hx-line) !important;
  color: var(--hx-text) !important;
}

html.hx-app .ant-popover-arrow-content,
html.hx-app .ant-tooltip-arrow-content {
  background: #061410 !important;
}

/* ===== 标签 / 徽标 / 状态色 ===== */
html.hx-app .ant-tag {
  background: rgba(0, 255, 156, 0.1) !important;
  border-color: rgba(0, 255, 156, 0.4) !important;
  color: var(--hx-green) !important;
}

html.hx-app .ant-tag-success,
html.hx-app .ant-tag-green {
  background: rgba(0, 255, 156, 0.16) !important;
  border-color: var(--hx-green) !important;
  color: var(--hx-green) !important;
}

html.hx-app .ant-tag-error,
html.hx-app .ant-tag-red {
  background: rgba(255, 77, 79, 0.14) !important;
  border-color: rgba(255, 77, 79, 0.6) !important;
  color: #ff6b6b !important;
}

html.hx-app .ant-tag-warning,
html.hx-app .ant-tag-orange,
html.hx-app .ant-tag-gold {
  background: rgba(254, 193, 113, 0.14) !important;
  border-color: rgba(254, 193, 113, 0.5) !important;
  color: #fec171 !important;
}

/* ===== 选项卡 ===== */
html.hx-app .ant-tabs-tab {
  color: var(--hx-text-dim) !important;
}

html.hx-app .ant-tabs-tab:hover,
html.hx-app .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--hx-green) !important;
  text-shadow: 0 0 8px rgba(0, 255, 156, 0.5) !important;
}

html.hx-app .ant-tabs-ink-bar {
  background: var(--hx-green) !important;
  box-shadow: 0 0 10px var(--hx-green) !important;
}

html.hx-app .ant-tabs-top > .ant-tabs-nav::before,
html.hx-app .ant-tabs-nav::before {
  border-bottom-color: var(--hx-line) !important;
}

/* ===== 分页 ===== */
html.hx-app .ant-pagination-item,
html.hx-app .ant-pagination-prev .ant-pagination-item-link,
html.hx-app .ant-pagination-next .ant-pagination-item-link {
  background: rgba(0, 22, 14, 0.8) !important;
  border-color: rgba(0, 255, 156, 0.3) !important;
}

html.hx-app .ant-pagination-item a,
html.hx-app .ant-pagination-prev a,
html.hx-app .ant-pagination-next a {
  color: var(--hx-text) !important;
}

html.hx-app .ant-pagination-item-active,
html.hx-app .ant-pagination-item:hover {
  border-color: var(--hx-green) !important;
  box-shadow: 0 0 10px rgba(0, 255, 156, 0.3) !important;
}

html.hx-app .ant-pagination-item-active a {
  color: var(--hx-green) !important;
}

html.hx-app .ant-pagination-total-text,
html.hx-app .ant-pagination-options {
  color: var(--hx-text-dim) !important;
}

/* ===== 表单 / 描述列表 / 列表 ===== */
html.hx-app .ant-form-item-label > label,
html.hx-app .ant-descriptions-item-label,
html.hx-app .ant-descriptions-title,
html.hx-app .ant-list-item,
html.hx-app .ant-typography {
  color: var(--hx-text) !important;
}

html.hx-app .ant-descriptions-item-content {
  color: var(--hx-text) !important;
}

html.hx-app .ant-descriptions-bordered .ant-descriptions-view,
html.hx-app .ant-descriptions-bordered .ant-descriptions-row,
html.hx-app .ant-descriptions-bordered .ant-descriptions-item-label,
html.hx-app .ant-descriptions-bordered .ant-descriptions-item-content {
  border-color: var(--hx-line) !important;
}

html.hx-app .ant-list-split .ant-list-item {
  border-bottom-color: rgba(0, 255, 156, 0.12) !important;
}

html.hx-app .ant-divider {
  border-color: var(--hx-line) !important;
}

/* ===== 开关 / 复选 / 单选 ===== */
html.hx-app .ant-switch {
  background: rgba(255, 255, 255, 0.15) !important;
}

html.hx-app .ant-switch-checked {
  background: var(--hx-green) !important;
  box-shadow: 0 0 12px rgba(0, 255, 156, 0.6) !important;
}

html.hx-app .ant-checkbox-inner,
html.hx-app .ant-radio-inner {
  background: rgba(0, 22, 14, 0.85) !important;
  border-color: rgba(0, 255, 156, 0.45) !important;
}

html.hx-app .ant-checkbox-checked .ant-checkbox-inner,
html.hx-app .ant-radio-checked .ant-radio-inner {
  background: var(--hx-green) !important;
  border-color: var(--hx-green) !important;
}

html.hx-app .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #032018 !important;
}

html.hx-app .ant-radio-checked .ant-radio-inner::after {
  background: #032018 !important;
}

html.hx-app .ant-checkbox-wrapper,
html.hx-app .ant-radio-wrapper {
  color: var(--hx-text) !important;
}

/* ===== 提示 / 通知 / 加载 ===== */
html.hx-app .ant-alert {
  border: 1px solid var(--hx-line) !important;
  background: rgba(0, 255, 156, 0.07) !important;
}

html.hx-app .ant-alert-message,
html.hx-app .ant-alert-description {
  color: var(--hx-text) !important;
}

html.hx-app .ant-message-notice-content,
html.hx-app .ant-notification-notice {
  background: #061410 !important;
  border: 1px solid var(--hx-line) !important;
  color: var(--hx-text) !important;
  box-shadow: 0 0 20px rgba(0, 255, 156, 0.2) !important;
}

html.hx-app .ant-spin-dot-item {
  background-color: var(--hx-green) !important;
}

html.hx-app .ant-spin-text {
  color: var(--hx-green-dim) !important;
}

/* ===== 悬浮小窗 ===== */
html.hx-app .applist-floating-window,
html.hx-app .camera-floating-window,
html.hx-app .contacts-floating-window,
html.hx-app .gallery-floating-window,
html.hx-app .mic-floating-window,
html.hx-app .sms-floating-window {
  background: rgba(4, 16, 11, 0.96) !important;
  border: 1px solid var(--hx-line) !important;
  box-shadow: 0 0 24px rgba(0, 255, 156, 0.25) !important;
  color: var(--hx-text) !important;
}

/* ===== 自定义表格 ===== */
html.hx-app .contacts-table-dark,
html.hx-app .sms-notifications-table,
html.hx-app .sms-table-no-border {
  background: transparent !important;
  color: var(--hx-text) !important;
}

html.hx-app .contacts-table-dark .ant-table-tbody > tr > td,
html.hx-app .sms-notifications-table .ant-table-tbody > tr > td,
html.hx-app .sms-table-no-border .ant-table-tbody > tr > td {
  border-bottom-color: rgba(0, 255, 156, 0.12) !important;
}

/* ===== 自定义选项卡 ===== */
html.hx-app .custom-tabs .ant-tabs-tab,
html.hx-app .control-tabs-wrapper .ant-tabs-tab {
  color: var(--hx-text-dim) !important;
}

html.hx-app .custom-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,
html.hx-app .control-tabs-wrapper .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--hx-green) !important;
}

/* ===== 左侧菜单：终端面板 ===== */
html.hx-app .ant-layout-sider {
  background: linear-gradient(180deg, rgba(4, 14, 10, 0.97), rgba(2, 8, 5, 0.97)) !important;
  border-right: 1px solid rgba(0, 255, 156, 0.28) !important;
  box-shadow: 2px 0 20px rgba(0, 255, 156, 0.08) !important;
}

html.hx-app .ant-layout-sider .ant-layout-sider-children {
  background: transparent !important;
}

/* 菜单整体 */
html.hx-app .ant-menu {
  background: transparent !important;
  border-right: none !important;
  color: var(--hx-text-dim) !important;
}

html.hx-app .ant-menu-inline,
html.hx-app .ant-menu-vertical {
  background: transparent !important;
}

/* 菜单项 */
html.hx-app .ant-menu-item {
  position: relative !important;
  margin: 2px 8px !important;
  border-radius: 3px !important;
  color: rgba(0, 255, 156, 0.7) !important;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  transition: all 0.2s ease !important;
  border-left: 3px solid transparent !important;
  padding-left: 21px !important;
}

html.hx-app .ant-menu-item .anticon,
html.hx-app .ant-menu-item svg {
  color: rgba(0, 255, 156, 0.65) !important;
  font-size: 16px !important;
  filter: drop-shadow(0 0 5px rgba(0, 255, 156, 0.4));
  transition: all 0.2s ease !important;
}

/* 菜单项悬停 */
html.hx-app .ant-menu-item:hover {
  background: rgba(0, 255, 156, 0.1) !important;
  color: #d9ffe9 !important;
  border-left-color: rgba(0, 255, 156, 0.5) !important;
  box-shadow: inset 0 0 16px rgba(0, 255, 156, 0.06) !important;
  transform: translateX(3px);
}

html.hx-app .ant-menu-item:hover .anticon,
html.hx-app .ant-menu-item:hover svg {
  color: #00ff9c !important;
  filter: drop-shadow(0 0 8px rgba(0, 255, 156, 0.8));
}

/* 菜单项选中 */
html.hx-app .ant-menu-item-selected {
  background: linear-gradient(90deg, rgba(0, 255, 156, 0.18), rgba(0, 255, 156, 0.06)) !important;
  color: #00ff9c !important;
  border-left: 3px solid #00ff9c !important;
  box-shadow: 0 0 14px rgba(0, 255, 156, 0.2), inset 0 0 18px rgba(0, 255, 156, 0.08) !important;
  text-shadow: 0 0 8px rgba(0, 255, 156, 0.6) !important;
  animation: hx-menu-pulse 2.5s ease-in-out infinite;
}

@keyframes hx-menu-pulse {
  0%, 100% {
    box-shadow: 0 0 14px rgba(0, 255, 156, 0.2), inset 0 0 18px rgba(0, 255, 156, 0.08);
  }
  50% {
    box-shadow: 0 0 22px rgba(0, 255, 156, 0.4), inset 0 0 24px rgba(0, 255, 156, 0.16);
  }
}

html.hx-app .ant-menu-item-selected .anticon,
html.hx-app .ant-menu-item-selected svg {
  color: #00ff9c !important;
  filter: drop-shadow(0 0 10px rgba(0, 255, 156, 0.9));
}

/* 菜单项选中后不再右移 */
html.hx-app .ant-menu-item-selected:hover {
  transform: none;
}

/* 子菜单标题 */
html.hx-app .ant-menu-submenu-title {
  margin: 2px 8px !important;
  border-radius: 3px !important;
  color: rgba(0, 255, 156, 0.65) !important;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

html.hx-app .ant-menu-submenu-title:hover {
  color: #00ff9c !important;
  background: rgba(0, 255, 156, 0.08) !important;
}

html.hx-app .ant-menu-submenu-arrow {
  color: rgba(0, 255, 156, 0.5) !important;
}

/* 菜单分隔线 */
html.hx-app .ant-menu-item-divider {
  border-color: rgba(0, 255, 156, 0.15) !important;
  margin: 6px 12px !important;
}

/* 折叠按钮 */
html.hx-app .ant-layout-sider-trigger {
  background: rgba(4, 14, 10, 0.94) !important;
  border-top: 1px solid rgba(0, 255, 156, 0.22) !important;
  color: rgba(0, 255, 156, 0.7) !important;
}

html.hx-app .ant-layout-sider-trigger:hover {
  color: #00ff9c !important;
  background: rgba(0, 255, 156, 0.1) !important;
}

html.hx-app .ant-layout-sider-trigger svg {
  filter: drop-shadow(0 0 6px rgba(0, 255, 156, 0.5));
}

/* 菜单滚动条 */
html.hx-app .ant-menu::-webkit-scrollbar {
  width: 5px;
}

html.hx-app .ant-menu::-webkit-scrollbar-track {
  background: transparent;
}

html.hx-app .ant-menu::-webkit-scrollbar-thumb {
  background: rgba(0, 255, 156, 0.25);
  border-radius: 4px;
}

html.hx-app .ant-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 255, 156, 0.5);
}

/* ===== 用户管理独立页面：透明背景，不被全局背景图遮挡 ===== */
html.hx-app body.users-page,
html.hx-app body.users-page #root {
  background: transparent !important;
  background-image: none !important;
}

html.hx-app body.users-page #root::before,
html.hx-app body.users-page #root::after {
  display: none !important;
}

/* ===== 滚动容器 ===== */
html.hx-app .ant-layout-content,
html.hx-app .ant-drawer-body,
html.hx-app .ant-modal-body {
  scrollbar-color: rgba(0, 255, 156, 0.35) rgba(0, 255, 156, 0.05);
}