:root {

  --theme-primary: var(--shell-accent, var(--public-shell-primary, #4a7ec9));

  --theme-primary-rgb: var(--shell-accent-rgb, var(--public-shell-primary-rgb, 74, 126, 201));

  --theme-accent: var(--shell-accent-2, var(--public-shell-accent, #6b9ad6));

  --theme-accent-rgb: var(--shell-accent-2-rgb, var(--public-shell-accent-rgb, 107, 154, 214));



  --theme-page-bg: color-mix(in srgb, var(--theme-primary) 8%, #ffffff 92%);

  --theme-panel-bg: color-mix(in srgb, var(--theme-primary) 12%, #ffffff 88%);

  --theme-panel-soft: color-mix(in srgb, var(--theme-primary) 15%, #ffffff 85%);

  --theme-panel-strong: color-mix(in srgb, var(--theme-primary) 18%, #ffffff 82%);

  --theme-chrome-bg: color-mix(in srgb, var(--theme-primary) 24%, #ffffff 76%);



  --theme-border: color-mix(in srgb, var(--theme-primary) 32%, #ffffff 68%);

  --theme-border-strong: color-mix(in srgb, var(--theme-primary) 44%, #ffffff 56%);

  --theme-border-soft: color-mix(in srgb, var(--theme-primary) 24%, #ffffff 76%);

  --theme-text: color-mix(in srgb, var(--theme-primary) 10%, #111111 90%);

  --theme-text-muted: color-mix(in srgb, var(--theme-primary) 14%, #555555 86%);

  --theme-text-soft: color-mix(in srgb, var(--theme-primary) 12%, #888888 88%);



  --theme-on-primary: color-mix(in srgb, var(--theme-primary) 4%, #ffffff 96%);

  --theme-button-bg: var(--theme-primary);

  --theme-button-hover: color-mix(in srgb, var(--theme-primary) 86%, #111113 14%);

  --theme-button-text: var(--theme-on-primary);

  --theme-button-soft: var(--theme-panel-strong);

  --theme-button-soft-hover: color-mix(in srgb, var(--theme-primary) 24%, #ffffff 76%);

  --theme-button-soft-border: color-mix(in srgb, var(--theme-primary) 40%, #ffffff 60%);

  --theme-button-disabled: color-mix(in srgb, var(--theme-primary) 8%, #dddddd 92%);

  --theme-button-disabled-text: color-mix(in srgb, var(--theme-primary) 8%, #888888 92%);



  --theme-input-bg: var(--theme-panel-bg);

  --theme-input-border: var(--theme-border);

  --theme-modal-shell: var(--theme-panel-bg);

  --theme-modal-bar: var(--theme-chrome-bg);

  --theme-modal-body: var(--theme-panel-bg);

  --theme-modal-field: var(--theme-panel-soft);

  --theme-modal-divider: var(--theme-border);

  --theme-overlay-bg: rgba(var(--theme-primary-rgb), 0.38);

  --theme-toast-bg: color-mix(in srgb, var(--theme-primary) 78%, #111113 22%);

  --theme-toast-text: var(--theme-on-primary);



  --theme-success: #059669;

  --theme-success-rgb: 5, 150, 105;

  --theme-success-surface: rgba(var(--theme-success-rgb), 0.1);

  --theme-success-border: rgba(var(--theme-success-rgb), 0.26);

  --theme-danger: #dc2626;

  --theme-danger-rgb: 220, 38, 38;

  --theme-danger-surface: rgba(var(--theme-danger-rgb), 0.09);

  --theme-danger-border: rgba(var(--theme-danger-rgb), 0.24);

  --theme-warning: #d97706;



  --theme-shadow-panel: 0 24px 64px rgba(var(--theme-primary-rgb), 0.14);

  --theme-shadow-card: 0 14px 34px rgba(var(--theme-primary-rgb), 0.11);

  --theme-shadow-strong: 0 30px 70px rgba(var(--theme-primary-rgb), 0.2);

  --theme-shadow-hover: 0 22px 48px rgba(var(--theme-primary-rgb), 0.17);

}



/* 表格分割线统一实色 */

table td,

table th,

.data-table td,

.data-table th,

#memberUsersTable td,

#memberUsersTable th,

#orderManagementTableBody td,

#orderManagementTableBody th,

.super-guard-data-table td,

.super-guard-data-table th,

.dispatch-center-table td,

.dispatch-center-table th,

.api-table td,

.api-table th {

  border-bottom: 1px solid #b0b4bb !important;

}



/* 表格头部分割线实色 */

.data-table thead tr,

table thead tr {

  border-bottom: 1px solid #b0b4bb !important;

}