:root:root {
    --tc-brand: #0052D9;
    --tc-brand-hover: #006EFF;
    --tc-brand-active: #0042B3;
    --tc-brand-light: #EAF2FF;
    --tc-cyan: #00A4FF;
    --tc-bg: #F7F8FA;
    --tc-panel: #FFFFFF;
    --tc-border: #D6DBE3;
    --tc-border-light: #E5E8ED;
    --tc-text: #001E3C;
    --tc-text-2: #4B5B76;
    --tc-text-3: #97A3B7;
    --tc-success: #00A870;
    --tc-warning: #FF9F0A;
    --tc-danger: #F64041;

    /* legacy custom variables */
    --primary: #0052D9;
    --primary-light: #EAF2FF;
    --primary-dark: #0042B3;
    --primary-1: #EAF2FF;
    --primary-2: #B7D2FF;
    --primary-3: #83B2FF;
    --primary-4: #4E8FFF;
    --primary-5: #1A6CFF;
    --primary-6: #0052D9;
    --primary-7: #0042B3;
    --primary-8: #00338C;
    --primary-9: #002466;
    --blue: #0052D9;
    --blue-dim: #EAF2FF;
    --text-primary: #001E3C;
    --text-secondary: #4B5B76;
    --text-tertiary: #97A3B7;
    --text-muted: #97A3B7;
    --border-color: #E5E8ED;
    --border-light: #E5E8ED;
    --bg-primary: #F7F8FA;
    --bg-secondary: #FFFFFF;
    --bg-page: #F7F8FA;
    --gray-1: #F7F8FA;
    --gray-2: #F0F3F7;
    --gray-3: #E5E8ED;
    --gray-4: #D6DBE3;
    --gray-5: #97A3B7;
    --gray-6: #4B5B76;
    --red: #F64041;
    --green: #00A870;
    --orange: #FF9F0A;

    /* Element Plus */
    --el-color-primary: #0052D9;
    --el-color-primary-light-3: #4E8FFF;
    --el-color-primary-light-5: #83B2FF;
    --el-color-primary-light-7: #B7D2FF;
    --el-color-primary-light-8: #D1E2FF;
    --el-color-primary-light-9: #EAF2FF;
    --el-color-primary-dark-2: #0042B3;
    --el-color-success: #00A870;
    --el-color-warning: #FF9F0A;
    --el-color-danger: #F64041;
    --el-color-error: #F64041;
    --el-border-radius-base: 6px;
    --el-border-radius-small: 4px;
    --el-border-color: #D6DBE3;
    --el-border-color-light: #E5E8ED;
    --el-border-color-lighter: #E5E8ED;
    --el-border-color-extra-light: #F0F3F7;
    --el-bg-color: #FFFFFF;
    --el-bg-color-page: #F7F8FA;
    --el-bg-color-overlay: #FFFFFF;
    --el-fill-color-light: #F7F8FA;
    --el-fill-color-lighter: #F7F8FA;
    --el-fill-color-blank: #FFFFFF;
    --el-text-color-primary: #001E3C;
    --el-text-color-regular: #4B5B76;
    --el-text-color-secondary: #97A3B7;
    --el-text-color-placeholder: #97A3B7;
    --el-menu-active-color: #0052D9;
    --el-menu-hover-bg-color: #F0F3F7;
    --el-menu-hover-text-color: #0052D9;
    --el-menu-bg-color: #FFFFFF;
    --el-menu-text-color: #4B5B76;
    --el-table-header-bg-color: #F7F8FA;
    --el-table-header-text-color: #4B5B76;
    --el-table-border-color: #E5E8ED;
    --el-table-row-hover-bg-color: #F5F8FF;

    /* TDesign */
    --td-brand-color: #0052D9;
    --td-brand-color-hover: #006EFF;
    --td-brand-color-focus: #EAF2FF;
    --td-brand-color-active: #0042B3;
    --td-brand-color-disabled: #B7D2FF;
    --td-brand-color-light: #EAF2FF;
    --td-brand-color-light-hover: #D1E2FF;
    --td-error-color: #F64041;
    --td-warning-color: #FF9F0A;
    --td-success-color: #00A870;
    --td-info-color: #0052D9;
    --td-bg-color-page: #F7F8FA;
    --td-bg-color-container: #FFFFFF;
    --td-bg-color-container-hover: #F7F8FA;
    --td-bg-color-container-active: #F0F3F7;
    --td-bg-color-secondarycontainer: #F7F8FA;
    --td-bg-color-secondarycontainer-hover: #F0F3F7;
    --td-bg-color-component: #F7F8FA;
    --td-bg-color-component-hover: #F0F3F7;
    --td-bg-color-component-active: #E5E8ED;
    --td-text-color-primary: #001E3C;
    --td-text-color-secondary: #4B5B76;
    --td-text-color-placeholder: #97A3B7;
    --td-text-color-disabled: #C2CAD6;
    --td-text-color-brand: #0052D9;
    --td-text-color-link: #0052D9;
    --td-border-level-1-color: #E5E8ED;
    --td-border-level-2-color: #D6DBE3;
    --td-radius-small: 4px;
    --td-radius-default: 6px;
    --td-radius-medium: 8px;
    --td-radius-large: 10px;
}

html,
body {
    background: var(--tc-bg) !important;
    color: var(--tc-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-card,
.card,
.panel,
.table-container,
.search-bar,
.tool-bar,
.filter-bar,
.content-card {
    background: var(--tc-panel) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

.el-card {
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

.el-card__header {
    border-bottom: 1px solid var(--tc-border-light) !important;
    color: var(--tc-text) !important;
    font-weight: 600;
}

.el-button,
.t-button {
    border-radius: 6px !important;
    font-weight: 500 !important;
}

.el-button--primary,
.t-button--theme-primary {
    background: var(--tc-brand) !important;
    border-color: var(--tc-brand) !important;
}

.el-button--primary:hover,
.el-button--primary:focus,
.t-button--theme-primary:hover {
    background: var(--tc-brand-hover) !important;
    border-color: var(--tc-brand-hover) !important;
}

.el-button--primary:active,
.t-button--theme-primary:active {
    background: var(--tc-brand-active) !important;
    border-color: var(--tc-brand-active) !important;
}

.el-input__wrapper,
.el-textarea__inner,
.t-input,
.t-textarea__inner {
    border-radius: 6px !important;
    box-shadow: none !important;
    border: 1px solid var(--tc-border) !important;
}

.el-input__wrapper:hover,
.t-input:hover {
    border-color: var(--tc-cyan) !important;
}

.el-input__wrapper.is-focus,
.t-input:focus,
.t-input:focus-within {
    border-color: var(--tc-brand) !important;
    box-shadow: 0 0 0 3px rgba(0, 82, 217, 0.12) !important;
}

.el-select__wrapper {
    border-radius: 6px !important;
    box-shadow: none !important;
    border: 1px solid var(--tc-border) !important;
}

.el-select__wrapper.is-focused {
    border-color: var(--tc-brand) !important;
    box-shadow: 0 0 0 3px rgba(0, 82, 217, 0.12) !important;
}

.el-table {
    --el-table-border-color: var(--tc-border-light);
    --el-table-header-bg-color: #F7F8FA;
    --el-table-header-text-color: var(--tc-text-2);
    --el-table-row-hover-bg-color: #F5F8FF;
    color: var(--tc-text) !important;
    border-radius: 8px;
}

.el-table th.el-table__cell {
    background: #F7F8FA !important;
    color: var(--tc-text-2) !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--tc-border-light) !important;
}

.el-table td.el-table__cell {
    border-bottom: 1px solid var(--tc-border-light) !important;
}

.el-table--border,
.el-table--group {
    border-color: var(--tc-border-light) !important;
}

.el-tabs__item {
    color: var(--tc-text-2) !important;
}

.el-tabs__item.is-active {
    color: var(--tc-brand) !important;
}

.el-tabs__active-bar {
    background-color: var(--tc-brand) !important;
}

.el-dialog,
.el-message-box,
.t-dialog {
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 40px rgba(0, 30, 60, 0.12) !important;
}

.el-dialog__title,
.el-message-box__title {
    color: var(--tc-text) !important;
    font-weight: 600 !important;
}

.el-message-box__header,
.el-dialog__header {
    border-bottom: 1px solid var(--tc-border-light) !important;
}

.el-message-box__btns,
.el-dialog__footer {
    border-top: 1px solid var(--tc-border-light) !important;
}

.el-tag,
.t-tag {
    border-radius: 4px !important;
}

.el-tag--primary,
.t-tag--theme-primary {
    background: var(--tc-brand-light) !important;
    border-color: rgba(0, 82, 217, 0.18) !important;
    color: var(--tc-brand) !important;
}

.el-dropdown-menu,
.t-dropdown__menu {
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 30, 60, 0.1) !important;
}

.el-pagination.is-background .el-pager li.is-active,
.t-pagination__number--active {
    background: var(--tc-brand) !important;
    border-color: var(--tc-brand) !important;
}

.el-loading-mask {
    background-color: rgba(247, 248, 250, 0.72) !important;
}

.el-alert {
    border-radius: 6px !important;
}

.el-message {
    border-radius: 8px !important;
    border: 1px solid var(--tc-border-light) !important;
    box-shadow: 0 6px 20px rgba(0, 30, 60, 0.1) !important;
}

.page-title,
.page-header {
    color: var(--tc-text) !important;
    font-weight: 600 !important;
}

.section-title,
.card-title,
.admin-card-header,
.panel-title {
    color: var(--tc-text) !important;
    font-weight: 600 !important;
}

.stat-card,
.stat-card-white,
.info-card,
.admin-card {
    background: var(--tc-panel) !important;
    border: 1px solid var(--tc-border-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

@media (max-width: 768px) {
    html,
    body {
        background: #F7F8FA !important;
    }
}

/* ============ legacy design reset ============ */
.welcome-card,
.stat-grid .card,
.quick-grid .item,
.notice-bar,
.menu-group,
.drawer,
.drawer .head,
.mobile-menu-page,
.mobile-subpage,
.subpage-top,
.menu-page-top,
.mobile-top,
.mobile-bottom-nav,
.desktop-sidebar,
.desktop-main,
.desktop-tabs,
.desktop-iframe-wrap,
.info-card,
.admin-card,
.stat-card,
.stat-card-white,
.el-card,
.main-card,
.card,
.panel,
.table-container,
.search-bar,
.tool-bar,
.filter-bar,
.content-card {
    background-image: none !important;
    background-color: #FFFFFF !important;
    border-color: #E5E8ED !important;
    box-shadow: none !important;
}

html,
body,
.page-title,
.page-header,
.section-title,
.card-title,
.panel-title,
.admin-card-header,
.el-card__header,
.el-dialog__title,
.t-dialog__title,
.t-card__title {
    color: #001E3C !important;
}

.welcome-card,
.drawer .head {
    background: linear-gradient(135deg, #0052D9 0%, #00A4FF 100%) !important;
    color: #FFFFFF !important;
}

.welcome-card .stats {
    border-top-color: rgba(255, 255, 255, 0.25) !important;
}

.welcome-card .greet,
.welcome-card .name-wrap .name,
.welcome-card .stats .num,
.welcome-card .stats .label,
.drawer .head .user .name,
.drawer .head .user .qq {
    color: #FFFFFF !important;
}

.stat-grid .card .num,
.quick-grid .item .label,
.menu-group .header .title,
.menu-group .items .item .ititle {
    color: #001E3C !important;
}

.stat-grid .card .label,
.stat-grid .card .sub,
.quick-grid .item .label,
.menu-group .items .item .iicon,
.notice-bar .text {
    color: #4B5B76 !important;
}

.quick-grid .item .icon-wrap {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

.notice-bar .icon {
    color: #0052D9 !important;
}

.notice-bar .tag {
    background: #0052D9 !important;
}

.desktop-sidebar {
    background: #FFFFFF !important;
    border-right: 1px solid #E5E8ED !important;
}

.desktop-sidebar .brand {
    border-bottom: 1px solid #E5E8ED !important;
}

.desktop-sidebar .brand .name {
    color: #001E3C !important;
}

.desktop-sidebar .menu-scroll .el-sub-menu__title,
.desktop-sidebar .menu-scroll > .el-menu-item {
    color: #4B5B76 !important;
}

.desktop-sidebar .menu-scroll .el-sub-menu__title:hover,
.desktop-sidebar .menu-scroll > .el-menu-item:hover {
    background: #F0F3F7 !important;
    color: #0052D9 !important;
}

.desktop-sidebar .menu-scroll .el-menu-item.is-active {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

.desktop-main {
    background: #FFFFFF !important;
}

.desktop-main .topbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E5E8ED !important;
}

.desktop-main .topbar .right .user {
    background: #F7F8FA !important;
    border-color: #E5E8ED !important;
}

.desktop-main .topbar .right .uname {
    color: #001E3C !important;
}

.desktop-tabs {
    background: #F7F8FA !important;
    border-bottom: 1px solid #E5E8ED !important;
}

.desktop-tabs .el-tabs__item {
    color: #4B5B76 !important;
}

.desktop-tabs .el-tabs__item.is-active {
    color: #0052D9 !important;
    background: #FFFFFF !important;
    border-color: #E5E8ED !important;
    border-bottom-color: #FFFFFF !important;
}

.desktop-iframe-wrap,
.desktop-iframe-wrap iframe {
    background: #F7F8FA !important;
}

.el-button,
.t-button {
    border-radius: 6px !important;
}

.el-button--primary,
.t-button--theme-primary {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

.el-button--primary:hover,
.el-button--primary:focus,
.t-button--theme-primary:hover {
    background: #006EFF !important;
    border-color: #006EFF !important;
}

.el-button--danger,
.t-button--theme-danger {
    background: #F64041 !important;
    border-color: #F64041 !important;
    color: #FFFFFF !important;
}

.el-button--success,
.t-button--theme-success {
    background: #00A870 !important;
    border-color: #00A870 !important;
    color: #FFFFFF !important;
}

.el-button--warning,
.t-button--theme-warning {
    background: #FF9F0A !important;
    border-color: #FF9F0A !important;
    color: #FFFFFF !important;
}

.el-input__wrapper,
.el-textarea__inner,
.t-input,
.t-textarea__inner,
.t-select-input {
    border-color: #D6DBE3 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.el-input__wrapper.is-focus,
.t-input:focus,
.t-input:focus-within,
.t-select-input--focused {
    border-color: #0052D9 !important;
    box-shadow: 0 0 0 3px rgba(0, 82, 217, 0.12) !important;
}

.el-table {
    --el-table-border-color: #E5E8ED;
    --el-table-header-bg-color: #F7F8FA;
    --el-table-header-text-color: #4B5B76;
    --el-table-row-hover-bg-color: #F5F8FF;
}

.el-table th.el-table__cell,
.t-table__th {
    background: #F7F8FA !important;
    color: #4B5B76 !important;
    font-weight: 600 !important;
}

.el-table td.el-table__cell,
.t-table__td {
    border-color: #E5E8ED !important;
}

.el-dialog,
.el-message-box,
.t-dialog {
    border: 1px solid #E5E8ED !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 40px rgba(0, 30, 60, 0.12) !important;
}

.el-dialog__header,
.el-message-box__header,
.t-dialog__header {
    border-bottom: 1px solid #E5E8ED !important;
}

.el-dialog__footer,
.el-message-box__btns,
.t-dialog__footer {
    border-top: 1px solid #E5E8ED !important;
}

.el-tag,
.t-tag {
    border-radius: 4px !important;
}

.el-tag--primary,
.t-tag--theme-primary {
    background: #EAF2FF !important;
    border-color: rgba(0, 82, 217, 0.18) !important;
    color: #0052D9 !important;
}

.el-tag--danger,
.t-tag--theme-danger {
    background: #FFF0F0 !important;
    border-color: rgba(246, 64, 65, 0.18) !important;
    color: #F64041 !important;
}

.el-tag--success,
.t-tag--theme-success {
    background: #E8F8F2 !important;
    border-color: rgba(0, 168, 112, 0.18) !important;
    color: #00A870 !important;
}

.el-tag--warning,
.t-tag--theme-warning {
    background: #FFF4E5 !important;
    border-color: rgba(255, 159, 10, 0.22) !important;
    color: #FF9F0A !important;
}

.balance-value-red {
    color: #F64041 !important;
}

.ban-reason {
    color: #F64041 !important;
}

.el-dropdown-menu,
.t-dropdown__menu {
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 30, 60, 0.1) !important;
}

.el-pagination.is-background .el-pager li.is-active,
.t-pagination__number--active {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

.el-message {
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 20px rgba(0, 30, 60, 0.1) !important;
}

.el-loading-mask {
    background-color: rgba(247, 248, 250, 0.72) !important;
}

.mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #E5E8ED !important;
}

.mobile-bottom-nav .nav-item {
    color: #4B5B76 !important;
}

.mobile-bottom-nav .nav-item.active {
    color: #0052D9 !important;
}

/* ============ component-level tencent cloud ============ */
.el-form-item__label,
.t-form__label {
    color: #4B5B76 !important;
    font-weight: 500 !important;
}

.el-select-dropdown__item.is-selected,
.t-select-option--selected {
    color: #0052D9 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.t-checkbox--checked .t-checkbox__input {
    background-color: #0052D9 !important;
    border-color: #0052D9 !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label,
.t-checkbox--checked .t-checkbox__label {
    color: #0052D9 !important;
}

.el-switch.is-checked .el-switch__core,
.t-switch--checked {
    background-color: #0052D9 !important;
    border-color: #0052D9 !important;
}

.el-radio__input.is-checked .el-radio__inner,
.t-radio--checked .t-radio__input {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

.el-radio__input.is-checked + .el-radio__label,
.t-radio--checked .t-radio__label {
    color: #0052D9 !important;
}

.el-tabs__nav-wrap::after,
.t-tabs__nav-divider {
    background-color: #E5E8ED !important;
}

.el-tabs__item.is-active,
.t-tabs__nav-item--active {
    color: #0052D9 !important;
}

.el-menu {
    border-right: none !important;
}

.el-menu-item.is-active,
.t-menu__item--active {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

.el-menu-item:hover,
.el-sub-menu__title:hover,
.t-menu__item:hover {
    background: #F0F3F7 !important;
    color: #0052D9 !important;
}

.el-input-number .el-input__inner,
.t-input-number__input {
    color: #001E3C !important;
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper,
.t-date-picker {
    border-radius: 6px !important;
}

.el-date-table td.today .el-date-table-cell__text,
.t-date-picker__cell--now .t-date-picker__cell-text {
    color: #0052D9 !important;
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text,
.t-date-picker__cell--selected .t-date-picker__cell-text {
    background: #0052D9 !important;
}

.el-popper.is-light,
.el-select-dropdown,
.t-popup__content {
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 30, 60, 0.1) !important;
}

.el-popconfirm,
.t-popconfirm {
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
}

.el-tooltip__popper,
.t-tooltip__content {
    background: #001E3C !important;
    border-radius: 4px !important;
}

.el-notification,
.t-message,
.t-notification {
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 30, 60, 0.1) !important;
}

.el-collapse,
.t-collapse {
    border-color: #E5E8ED !important;
    border-radius: 8px !important;
}

.el-collapse-item__header,
.t-collapse-panel__header {
    background: #FFFFFF !important;
    color: #001E3C !important;
}

.el-descriptions,
.t-descriptions {
    color: #001E3C !important;
}

.el-descriptions__label,
.t-descriptions__label {
    color: #4B5B76 !important;
}

.el-skeleton,
.t-skeleton {
    background: #F7F8FA !important;
}

.el-upload,
.t-upload {
    border-radius: 6px !important;
}

.el-upload-dragger,
.t-upload__dragger {
    border: 1px dashed #D6DBE3 !important;
    border-radius: 8px !important;
    background: #F7F8FA !important;
}

.el-upload-dragger:hover,
.t-upload__dragger:hover {
    border-color: #0052D9 !important;
}

.el-slider__bar,
.t-slider__thumb {
    background: #0052D9 !important;
}

.el-progress-bar__inner,
.t-progress__inner {
    background: #0052D9 !important;
}

.el-badge__content,
.t-badge__content {
    background: #F64041 !important;
}

/* ============ legacy custom layout neutralizer ============ */
.user-management-container,
.console-container,
.meal-container,
.card-container,
.item-container,
.type-container,
.log-container,
.system-config-container,
.tool-data-container,
.feedback-container,
.main-wrap,
.content-wrap,
.page-wrapper,
.admin-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    color: #001E3C !important;
}

.page-header,
.page-header-inner,
.tool-bar,
.search-bar,
.search-filter,
.search-box,
.filter-bar,
.batch-actions,
.info-tip,
.table-container,
.panel-header,
.section-header {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.info-tip {
    background: #F7F8FA !important;
}

.page-header h1,
.page-header h2,
.page-header h3,
.section-title,
.panel-title,
.card-title,
.admin-card-header,
.table-title {
    color: #001E3C !important;
    font-weight: 600 !important;
}

.user-management-container,
.console-container,
.meal-container,
.card-container,
.item-container,
.type-container,
.log-container,
.system-config-container,
.tool-data-container,
.feedback-container,
.main-wrap,
.content-wrap,
.page-wrapper,
.admin-wrapper {
    color: #4B5B76 !important;
}

.el-menu,
.el-menu--vertical,
.el-menu--horizontal,
.t-menu {
    --el-menu-active-color: #0052D9 !important;
    --el-menu-hover-bg-color: #F0F3F7 !important;
    --el-menu-hover-text-color: #0052D9 !important;
    --el-menu-bg-color: #FFFFFF !important;
    --el-menu-text-color: #4B5B76 !important;
    background: #FFFFFF !important;
}

.desktop-sidebar .menu-scroll .el-menu-item.is-active,
.desktop-sidebar .menu-scroll .el-sub-menu.is-active > .el-sub-menu__title,
.el-menu-item.is-active,
.t-menu__item--active {
    background: #EAF2FF !important;
    color: #0052D9 !important;
    border-radius: 6px !important;
}

.desktop-sidebar .menu-scroll .el-menu-item:hover,
.desktop-sidebar .menu-scroll .el-sub-menu__title:hover,
.el-menu-item:hover,
.el-sub-menu__title:hover,
.t-menu__item:hover {
    background: #F0F3F7 !important;
    color: #0052D9 !important;
}

.info-card,
.stat-card,
.stat-card-white,
.admin-card,
.data-card,
.summary-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

.info-card,
.info-card:nth-child(1),
.info-card:nth-child(2),
.info-card:nth-child(3),
.info-card:nth-child(4),
.info-card:nth-child(5),
.info-card:nth-child(6),
.info-card:nth-child(7) {
    border-radius: 8px 8px 8px 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    color: #001E3C !important;
}

.info-card .info-content,
.info-card .info-title,
.info-card .info-desc,
.info-card p,
.info-card span,
.info-card h3 {
    color: #001E3C !important;
}

.info-card:hover,
.info-card.editable:hover,
.info-card.ip-card:hover {
    background: #FFFFFF !important;
    border-color: #0052D9 !important;
    box-shadow: 0 2px 8px rgba(0, 82, 217, 0.1) !important;
}

.t-input,
.t-textarea__inner,
.el-input__wrapper,
.el-textarea__inner {
    --td-input-border-color: #D6DBE3 !important;
    --td-input-border-color-hover: #00A4FF !important;
    --td-input-border-color-focus: #0052D9 !important;
    border: 1px solid #D6DBE3 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.t-input--size-medium,
.t-input__inner,
.t-input__wrap,
.el-input__inner {
    border-radius: 6px !important;
    border-color: #D6DBE3 !important;
    color: #001E3C !important;
}

.search-input .t-input,
.game-select .t-input,
.add-game-select .t-input,
.add-type-select .t-input,
.auth-filter-select .t-input,
.outline-input .t-input,
.outline-input-number .t-input-number,
.outline-select .t-input,
.log-search .t-input,
.el-dialog .t-input,
.t-dialog .t-input,
.dialog .t-input,
.filter-box .t-input,
.search-filter .t-input {
    border: 1px solid #D6DBE3 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
}

.t-input:hover,
.el-input__wrapper:hover {
    border-color: #00A4FF !important;
}

.t-input:focus,
.t-input:focus-within,
.t-input--focused,
.el-input__wrapper.is-focus {
    border-color: #0052D9 !important;
    box-shadow: 0 0 0 3px rgba(0, 82, 217, 0.12) !important;
}

.quick-access-card,
.quick-access-card:hover,
.quick-access-card:nth-child(n) {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    color: #001E3C !important;
}

.quick-access-icon {
    background: #EAF2FF !important;
    color: #0052D9 !important;
    box-shadow: none !important;
}

.t-table,
.el-table {
    --td-table-header-bg-color: #F7F8FA !important;
    --td-table-border-color: #E5E8ED !important;
    --td-table-row-hover-bg-color: #F5F8FF !important;
    border-color: #E5E8ED !important;
}

.t-table__th,
.el-table th.el-table__cell {
    background: #F7F8FA !important;
    color: #4B5B76 !important;
    font-weight: 600 !important;
}

.t-table__td,
.el-table td.el-table__cell {
    border-color: #E5E8ED !important;
}

.t-dialog,
.el-dialog,
.el-message-box {
    --td-dialog-border-radius: 10px !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 40px rgba(0, 30, 60, 0.12) !important;
}

.info-icon,
.t-tabs__nav-item.t-is-active,
.t-tabs__nav-item-wrapper.t-is-active,
.t-tabs__nav-item-text-wrapper,
.owner-info,
.auth-tag.auth-1,
.auth-tag.auth-2,
.stat-num,
.detail-preview,
.timer-info,
.page-btn.active,
.el-button--text,
.amount,
.log-tab-item.active,
.stat-info,
.ri-user-line.type-icon,
.no-archive-tip,
.el-button--primary.is-plain {
    color: #0052D9 !important;
    border-color: #0052D9 !important;
}

.admin a,
.admin-wrapper a,
.main-card a,
.panel a,
.card a,
.table-container a {
    color: #0052D9 !important;
}

.t-tabs__nav-item.t-is-active,
.t-tabs__nav-item-wrapper.t-is-active {
    background: #EAF2FF !important;
    border-color: rgba(0, 82, 217, 0.18) !important;
    border-radius: 6px !important;
}

.page-btn.active {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

.page-bar .page-btn.active,
.page-bar .page-jump button {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

.page-bar .page-jump button:hover {
    background: #006EFF !important;
    border-color: #006EFF !important;
}

.el-button--primary.is-plain {
    background: #EAF2FF !important;
    border-color: #B7D2FF !important;
    color: #0052D9 !important;
}

.el-button--text {
    background: transparent !important;
    border: none !important;
}

[style*="color:#007aff"],
[style*="color: #007aff"],
[style*="color:#0a84ff"],
[style*="color: #0a84ff"],
[style*="color: rgb(0, 122, 255)"],
[style*="color:rgb(0, 122, 255)"],
[style*="color: rgb(10, 132, 255)"],
[style*="color:rgb(10, 132, 255)"] {
    color: #0052D9 !important;
}

[style*="background:#007aff"],
[style*="background: #007aff"],
[style*="background:#0a84ff"],
[style*="background: #0a84ff"],
[style*="background: rgb(0, 122, 255)"],
[style*="background:rgb(0, 122, 255)"] {
    background-color: #0052D9 !important;
    border-color: #0052D9 !important;
}

[style*="border-color:#007aff"],
[style*="border-color: #007aff"] {
    border-color: #0052D9 !important;
}

.stat-icon-white {
    color: #0052D9 !important;
    background: #EAF2FF !important;
}

a {
    color: #0052D9 !important;
}

/* ============ console tencent cloud layout ============ */
body .dashboard,
.container .dashboard,
#app .dashboard {
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px;
    background: #F7F8FA !important;
    display: block !important;
    color: #001E3C !important;
}

.dashboard .welcome-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    padding: 24px !important;
    color: #001E3C !important;
}

.dashboard .welcome-header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dashboard .welcome-avatar img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 8px !important;
    border: 1px solid #E5E8ED !important;
    object-fit: cover;
}

.dashboard .welcome-kicker {
    color: #0052D9 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

.dashboard .welcome-header h2 {
    color: #001E3C !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.dashboard .welcome-header p {
    color: #4B5B76 !important;
    font-size: 13px !important;
}

.dashboard .welcome-actions {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.dashboard .hero-balance {
    background: #EAF2FF !important;
    border: 1px solid rgba(0, 82, 217, 0.14) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    text-align: right;
}

.dashboard .hero-balance span {
    color: #4B5B76 !important;
    font-size: 12px !important;
}

.dashboard .hero-balance strong {
    color: #0052D9 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.dashboard .user-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 12px;
    margin-top: 16px;
    padding: 0 !important;
    color: #001E3C !important;
}

.dashboard .info-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    padding: 16px !important;
    color: #001E3C !important;
}

.dashboard .info-icon,
.dashboard .stat-icon-white {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 8px !important;
    background: #EAF2FF !important;
    color: #0052D9 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard .info-content h3 {
    color: #001E3C !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 6px;
}

.dashboard .info-content p {
    color: #4B5B76 !important;
    font-size: 12px !important;
}

.dashboard .stats-panel,
.dashboard .quick-access-panel,
.dashboard .admin-section {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    margin-top: 16px;
    padding: 20px !important;
}

.dashboard .section-title {
    color: #001E3C !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.dashboard .section-title i {
    color: #0052D9 !important;
    margin-right: 6px;
}

.dashboard .stats-grid,
.dashboard .quick-access-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px;
    width: 100% !important;
}

.dashboard .stat-card-white,
.dashboard .quick-access-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard .stat-card-white:hover,
.dashboard .quick-access-card:hover {
    border-color: #0052D9 !important;
    box-shadow: 0 2px 10px rgba(0, 82, 217, 0.1) !important;
    transform: none !important;
}

.dashboard .stat-content h4,
.dashboard .quick-access-title {
    color: #001E3C !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.dashboard .stat-content p,
.dashboard .quick-access-desc {
    color: #4B5B76 !important;
    font-size: 13px !important;
}

.dashboard .admin-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.dashboard .admin-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    padding: 16px !important;
}

.dashboard .admin-card-label {
    color: #001E3C !important;
    font-weight: 600 !important;
}

@media (max-width: 1100px) {
    .dashboard .stats-grid,
    .dashboard .quick-access-grid,
    .dashboard .admin-cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 720px) {
    .dashboard {
        padding: 14px;
    }
    .dashboard .welcome-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard .welcome-actions {
        align-items: flex-start;
        width: 100%;
    }
    .dashboard .stats-grid,
    .dashboard .quick-access-grid,
    .dashboard .admin-cards-grid,
    .dashboard .user-info-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============ admin shell tencent console ============ */
body .desktop-layout {
    background: #F7F8FA !important;
    padding: 0 !important;
    gap: 0 !important;
}

body .desktop-sidebar {
    width: 232px !important;
    min-width: 232px !important;
    background: #FFFFFF !important;
    border-right: 1px solid #E5E8ED !important;
    box-shadow: none !important;
}

body .desktop-sidebar .brand {
    height: 64px !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #E5E8ED !important;
    padding: 0 20px !important;
}

body .desktop-sidebar .brand img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
}

body .desktop-sidebar .brand .name {
    color: #001E3C !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body .desktop-sidebar .menu-scroll {
    padding: 12px 12px 20px !important;
}

body .desktop-sidebar .el-menu {
    background: transparent !important;
}

body .desktop-sidebar .el-sub-menu__title {
    color: #4B5B76 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 42px !important;
    line-height: 42px !important;
    margin: 2px 0 !important;
    border-radius: 6px !important;
}

body .desktop-sidebar .el-sub-menu__title:hover,
body .desktop-sidebar .el-menu-item:hover {
    background: #F0F3F7 !important;
    color: #0052D9 !important;
}

body .desktop-sidebar .el-menu-item {
    height: 36px !important;
    line-height: 36px !important;
    margin: 1px 0 !important;
    border-radius: 6px !important;
    color: #4B5B76 !important;
}

body .desktop-sidebar .el-menu-item.is-active,
body .desktop-sidebar .el-menu .el-menu-item.is-active {
    background: #EAF2FF !important;
    color: #0052D9 !important;
    font-weight: 600 !important;
}

body .desktop-main {
    background: #F7F8FA !important;
}

body .desktop-main .topbar {
    height: 64px !important;
    background: #0052D9 !important;
    border-bottom: none !important;
    padding: 0 24px !important;
    color: #FFFFFF !important;
}

body .desktop-main .topbar .left .btn,
body .desktop-main .topbar .right .btn {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
}

body .desktop-main .topbar .left .btn:hover,
body .desktop-main .topbar .right .btn:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body .desktop-main .topbar .left .btn.primary {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #0052D9 !important;
}

body .desktop-main .topbar .right .bell {
    color: #FFFFFF !important;
}

body .desktop-main .topbar .right .bell:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

body .desktop-main .topbar .right .user {
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
}

body .desktop-main .topbar .right .uname {
    color: #FFFFFF !important;
}

body .desktop-main .topbar .right .caret {
    color: rgba(255, 255, 255, 0.72) !important;
}

body .desktop-tabs {
    background: #F7F8FA !important;
    border-bottom: 1px solid #E5E8ED !important;
    padding: 10px 24px 0 !important;
}

body .desktop-tabs .el-tabs__item {
    color: #4B5B76 !important;
    border-radius: 6px 6px 0 0 !important;
    background: transparent !important;
}

body .desktop-tabs .el-tabs__item:hover {
    color: #0052D9 !important;
    background: #FFFFFF !important;
}

body .desktop-tabs .el-tabs__item.is-active {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-bottom-color: #FFFFFF !important;
    color: #0052D9 !important;
    font-weight: 600 !important;
}

body .desktop-iframe-wrap,
body .desktop-iframe-wrap iframe {
    background: #F7F8FA !important;
}

/* ============ mobile tencent cloud ============ */
body.mobile-mode .mobile-layout {
    background: #F7F8FA !important;
    max-width: 480px !important;
}

body.mobile-mode .mobile-content {
    background: #F7F8FA !important;
    padding: 14px 16px calc(32px + env(safe-area-inset-bottom)) !important;
}

body.mobile-mode .glass-top {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E5E8ED !important;
    box-shadow: none !important;
}

body.mobile-mode .glass-title {
    color: #001E3C !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

body.mobile-mode .avatar-ring {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .glass-icon {
    color: #4B5B76 !important;
    background: #F7F8FA !important;
}

body.mobile-mode .overview-date {
    color: #4B5B76 !important;
}

body.mobile-mode .welcome-banner {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

body.mobile-mode .welcome-greet {
    color: #001E3C !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body.mobile-mode .welcome-sub {
    color: #4B5B76 !important;
}

body.mobile-mode .online-pill {
    background: #EAF2FF !important;
    color: #0052D9 !important;
    border-color: rgba(0, 82, 217, 0.14) !important;
}

body.mobile-mode .asset-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
    color: #001E3C !important;
}

body.mobile-mode .asset-label {
    color: #4B5B76 !important;
}

body.mobile-mode .asset-amount {
    color: #0052D9 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}

body.mobile-mode .asset-btn {
    background: #EAF2FF !important;
    border: 1px solid rgba(0, 82, 217, 0.14) !important;
    color: #0052D9 !important;
    border-radius: 6px !important;
}

body.mobile-mode .sparkline {
    stroke: #00A870 !important;
}

body.mobile-mode .quick-actions {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
}

body.mobile-mode .quick-btn {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    color: #001E3C !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

body.mobile-mode .quick-circle {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .today-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}

body.mobile-mode .today-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

body.mobile-mode .today-icon {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .today-title,
body.mobile-mode .today-num {
    color: #001E3C !important;
}

body.mobile-mode .recent-panel,
body.mobile-mode .all-functions-panel {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

body.mobile-mode .recent-header span {
    color: #001E3C !important;
    font-weight: 600 !important;
}

body.mobile-mode .recent-header button {
    color: #0052D9 !important;
}

body.mobile-mode .function-group-title {
    color: #4B5B76 !important;
    font-weight: 600 !important;
}

body.mobile-mode .function-pill {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    color: #001E3C !important;
    border-radius: 6px !important;
}

body.mobile-mode .function-dot {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .notice-bar {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
}

body.mobile-mode .mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #E5E8ED !important;
    box-shadow: 0 -4px 16px rgba(0, 30, 60, 0.06) !important;
    border-radius: 12px 12px 0 0 !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item {
    color: #4B5B76 !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item.active {
    color: #0052D9 !important;
}

body.mobile-mode .drawer {
    background: #FFFFFF !important;
}

body.mobile-mode .drawer .head {
    background: linear-gradient(135deg, #0052D9 0%, #00A4FF 100%) !important;
}

body.mobile-mode .menu-group {
    background: #FFFFFF !important;
    border: 1px solid #E5E8ED !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04) !important;
}

/* ============ mobile tencent rebuild ============ */
body.mobile-mode .tc-mobile-header {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 4px;
    background: #FFFFFF;
    border-bottom: 1px solid #E5E8ED;
    margin-bottom: 12px;
}

body.mobile-mode .tc-mobile-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.mobile-mode .tc-mobile-brand img {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid #E5E8ED;
}

body.mobile-mode .tc-mobile-title {
    color: #001E3C;
    font-size: 17px;
    font-weight: 700;
}

body.mobile-mode .tc-mobile-sub {
    color: #4B5B76;
    font-size: 12px;
    margin-top: 2px;
}

body.mobile-mode .tc-mobile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.mobile-mode .tc-mobile-icon {
    width: 38px;
    height: 38px;
    border: 1px solid #E5E8ED;
    border-radius: 8px;
    background: #FFFFFF;
    color: #4B5B76;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
}

body.mobile-mode .tc-balance-card {
    background: linear-gradient(135deg, #0B2E66 0%, #0052D9 55%, #0A6CFF 100%);
    border-radius: 10px;
    padding: 20px;
    color: #FFFFFF;
    box-shadow: 0 12px 30px rgba(0, 82, 217, 0.24);
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

body.mobile-mode .tc-balance-card::after {
    content: "";
    position: absolute;
    right: -28px;
    top: -34px;
    width: 130px;
    height: 130px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.16)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

body.mobile-mode .tc-balance-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
}

body.mobile-mode .tc-balance-logo {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

body.mobile-mode .tc-balance-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
}

body.mobile-mode .tc-balance-top .eye-btn {
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 6px;
    color: #FFFFFF;
    width: 32px;
    height: 32px;
}

body.mobile-mode .tc-balance-amount {
    font-size: 34px;
    font-weight: 700;
    margin: 12px 0 8px;
    color: #FFFFFF;
}

body.mobile-mode .tc-balance-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.82);
}

body.mobile-mode .online-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00E5A0;
    display: inline-block;
}

body.mobile-mode .tc-balance-actions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 18px;
    position: relative;
    z-index: 1;
}

body.mobile-mode .tc-balance-btn {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 12px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #0052D9;
    font-weight: 600;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #EAF2FF;
    border-color: #EAF2FF;
    color: #0052D9;
}

body.mobile-mode .tc-section {
    background: #FFFFFF;
    border: 1px solid #E5E8ED;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 30, 60, 0.04);
    padding: 16px;
    margin-bottom: 12px;
}

body.mobile-mode .tc-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #001E3C;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

body.mobile-mode .tc-section-title button {
    border: none;
    background: transparent;
    color: #0052D9;
    font-size: 12px;
    padding: 0;
}

body.mobile-mode .tc-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

body.mobile-mode .tc-stat-item {
    background: #FFFFFF;
    border: 1px solid #E5E8ED;
    border-radius: 8px;
    padding: 14px;
}

body.mobile-mode .tc-stat-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #EAF2FF;
    color: #0052D9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-bottom: 10px;
}

body.mobile-mode .tc-stat-value {
    color: #001E3C;
    font-size: 22px;
    font-weight: 700;
}

body.mobile-mode .tc-stat-label {
    color: #4B5B76;
    font-size: 12px;
    margin-top: 2px;
}

body.mobile-mode .tc-stat-trend {
    color: #97A3B7;
    font-size: 11px;
    margin-top: 6px;
}

body.mobile-mode .tc-stat-trend.up {
    color: #00A870;
}

body.mobile-mode .tc-stat-trend.down {
    color: #F64041;
}

body.mobile-mode .tc-recent-list {
    display: flex;
    flex-direction: column;
}

body.mobile-mode .tc-recent-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #F0F3F7;
}

body.mobile-mode .tc-recent-item:last-child {
    border-bottom: none;
}

body.mobile-mode .tc-recent-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C2CAD6;
    margin-top: 5px;
    flex-shrink: 0;
}

body.mobile-mode .tc-recent-dot.blue {
    background: #0052D9;
}

body.mobile-mode .tc-recent-dot.green {
    background: #00A870;
}

body.mobile-mode .tc-recent-dot.orange {
    background: #FF9F0A;
}

body.mobile-mode .tc-recent-dot.gray {
    background: #97A3B7;
}

body.mobile-mode .tc-recent-body {
    flex: 1;
    min-width: 0;
}

body.mobile-mode .tc-recent-top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

body.mobile-mode .tc-recent-time {
    color: #97A3B7;
    font-size: 11px;
}

body.mobile-mode .tc-recent-amount {
    color: #001E3C;
    font-size: 12px;
    font-weight: 600;
}

body.mobile-mode .tc-recent-desc {
    color: #4B5B76;
    font-size: 13px;
    margin-top: 3px;
}

body.mobile-mode .tc-function-group {
    margin-bottom: 14px;
}

body.mobile-mode .tc-function-group:last-child {
    margin-bottom: 0;
}

body.mobile-mode .tc-function-title {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #4B5B76;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
}

body.mobile-mode .tc-function-title i {
    color: #0052D9;
}

body.mobile-mode .tc-function-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

body.mobile-mode .tc-function-item {
    background: #FFFFFF;
    border: 1px solid #E5E8ED;
    border-radius: 6px;
    color: #001E3C;
    font-size: 13px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ============ nav design ============ */
body.mobile-mode .mobile-bottom-nav {
    height: 68px !important;
    border-radius: 14px 14px 0 0 !important;
    box-shadow: 0 -4px 20px rgba(0, 30, 60, 0.08) !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item {
    gap: 3px !important;
    position: relative !important;
}

body.mobile-mode .mobile-bottom-nav .nav-icon {
    width: 38px !important;
    height: 30px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item.active .nav-icon {
    background: #0052D9 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(0, 82, 217, 0.25) !important;
    transform: translateY(-1px) !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item.active {
    color: #0052D9 !important;
    font-weight: 600 !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item.active::before {
    content: '' !important;
    position: absolute !important;
    top: 5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 16px !important;
    height: 3px !important;
    border-radius: 2px !important;
    background: #0052D9 !important;
}

body .desktop-sidebar {
    box-shadow: 1px 0 0 rgba(0, 30, 60, 0.03) !important;
}

body .desktop-sidebar .brand {
    box-shadow: inset 0 -1px 0 #F0F3F7 !important;
}

body .desktop-sidebar .brand img {
    box-shadow: 0 2px 8px rgba(0, 82, 217, 0.16) !important;
}

body .desktop-sidebar .menu-scroll .el-sub-menu__title {
    font-weight: 600 !important;
}

body .desktop-sidebar .menu-scroll .el-menu-item {
    position: relative !important;
}

body .desktop-sidebar .menu-scroll .el-menu-item.is-active::before {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 3px !important;
    height: 18px !important;
    border-radius: 2px !important;
    background: #0052D9 !important;
}

body .desktop-main .topbar {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body .desktop-main .topbar .right .user {
    border-radius: 8px !important;
}

/* ============ liquid glass navigation ============ */
body .desktop-layout {
    background: linear-gradient(135deg, #F7F8FA 0%, #EAF2FF 100%) !important;
}

body.mobile-mode .mobile-layout {
    background: linear-gradient(160deg, #F7F8FA 0%, #EAF2FF 100%) !important;
}

body .desktop-sidebar {
    background: rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: blur(28px) saturate(1.7) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.7) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.52) !important;
    box-shadow: 0 8px 32px rgba(0, 30, 60, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

body .desktop-sidebar .brand {
    background: rgba(255, 255, 255, 0.42) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

body .desktop-main .topbar {
    background: rgba(0, 82, 217, 0.72) !important;
    backdrop-filter: blur(24px) saturate(1.6) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 4px 20px rgba(0, 82, 217, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

body.mobile-mode .tc-mobile-header {
    background: rgba(255, 255, 255, 0.52) !important;
    backdrop-filter: blur(24px) saturate(1.7) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.7) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow: 0 8px 32px rgba(0, 30, 60, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

body.mobile-mode .mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.52) !important;
    backdrop-filter: blur(28px) saturate(1.8) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow: 0 8px 32px rgba(0, 30, 60, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item.active {
    background: rgba(255, 255, 255, 0.52) !important;
    border-radius: 12px !important;
}

body.mobile-mode .mobile-bottom-nav .nav-item.active .nav-icon {
    background: rgba(0, 82, 217, 0.86) !important;
    box-shadow: 0 6px 16px rgba(0, 82, 217, 0.28) !important;
}

/* fix fixed-position dialog containing block */
#app,
.container,
.dashboard,
.mobile-layout,
.desktop-layout,
.mobile-page,
.page-container,
.admin-section {
    animation: none !important;
    transform: none !important;
}

@media (max-width: 768px) {
    .t-dialog,
    .el-dialog {
        max-height: calc(100vh - 24px) !important;
        width: calc(100vw - 32px) !important;
    }

    .t-dialog__wrap {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 12px !important;
    }

    .t-dialog__position {
        position: static !important;
        transform: none !important;
        margin: 0 auto !important;
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        align-items: flex-start !important;
    }

    .t-dialog__position.t-dialog--top {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .t-dialog__body,
    .el-dialog__body {
        max-height: calc(100vh - 200px) !important;
        overflow-y: auto !important;
    }
}

/* ============ 腾讯云标题符号 ============ */
.admin-title::before,
.page-header h2::before,
.tc-section-title span:first-child::before,
.el-card__header::before,
.panel-title::before,
.main-card .el-card__header::before,
.page-title::before,
.card-title:not(:has(> i))::before,
.el-dialog__title::before,
.t-dialog__header-title::before,
.dialog-title::before,
.subpage-top .title::before,
.section-title::before,
.title::before,
.custom-title::before,
.tc-function-title::before,
.quick-access-title::before,
.message-title::before,
.gtitle::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
    vertical-align: -3px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230052D9'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='M8.5 13.5l3.5 3.5 3.5-3.5M12 17V9' fill='none' stroke='%230052D9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* ============ 腾讯云描边按钮 ============ */
.t-button--variant-outline.t-button--theme-primary {
    background: #FFFFFF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

.t-button--variant-outline.t-button--theme-primary:hover {
    background: #F0F5FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

.t-button--variant-outline.t-button--theme-danger {
    background: #FFFFFF !important;
    border-color: #E34D59 !important;
    color: #E34D59 !important;
}

.t-button--variant-outline.t-button--theme-danger:hover {
    background: #FFF2F3 !important;
    border-color: #E34D59 !important;
    color: #E34D59 !important;
}

.t-button--variant-outline.t-button--theme-warning {
    background: #FFFFFF !important;
    border-color: #FF9F0A !important;
    color: #FF9F0A !important;
}

.t-button--variant-outline.t-button--theme-warning:hover {
    background: #FFF7E6 !important;
    border-color: #FF9F0A !important;
    color: #FF9F0A !important;
}

.t-button--variant-outline.t-button--theme-success {
    background: #FFFFFF !important;
    border-color: #00A870 !important;
    color: #00A870 !important;
}

.t-button--variant-outline.t-button--theme-success:hover {
    background: #E9FAF4 !important;
    border-color: #00A870 !important;
    color: #00A870 !important;
}

/* ============ 首页最近动态与运营数据 ============ */
body.mobile-mode .tc-recent-section {
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
}

body.mobile-mode .tc-recent-section .tc-section-title {
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

body.mobile-mode .tc-recent-section .tc-recent-item {
    padding: 7px 0 !important;
}

body.mobile-mode .tc-recent-section .tc-recent-item:nth-child(n+5) {
    display: none !important;
}

body.mobile-mode .tc-recent-section .tc-recent-desc {
    font-size: 12px !important;
}

body.mobile-mode .tc-chart-section {
    padding: 16px !important;
    margin-bottom: 12px !important;
}

.tc-line-chart {
    display: block;
    width: 100%;
    height: 150px;
}

.tc-chart-axis {
    fill: #97A3B7;
    font-size: 10px;
}

.tc-chart-value {
    fill: #0052D9;
    font-size: 10px;
    font-weight: 600;
}

.tc-chart-legend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.tc-chart-legend > div {
    background: #F7F8FA;
    border: 1px solid #F0F3F7;
    border-radius: 6px;
    padding: 8px 6px;
    text-align: center;
}

.tc-chart-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0052D9;
    margin-right: 4px;
    vertical-align: 1px;
}

.tc-chart-legend span {
    font-size: 11px;
    color: #4B5B76;
}

.tc-chart-legend strong {
    display: block;
    font-size: 15px;
    color: #001E3C;
    margin-top: 2px;
}

/* ============ 方案C：深色科技余额卡片 ============ */
body.mobile-mode .tc-balance-card {
    background: linear-gradient(135deg, #0B1526 0%, #101C36 48%, #003E8F 100%) !important;
    box-shadow: 0 16px 36px rgba(0, 80, 180, 0.28) !important;
}

body.mobile-mode .tc-balance-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    background: linear-gradient(180deg, rgba(0, 229, 255, 0) 0%, rgba(0, 229, 255, 0.10) 100%);
    pointer-events: none;
}

body.mobile-mode .tc-balance-card::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,229,255,0.28)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.mobile-mode .tc-balance-logo {
    background: rgba(0, 229, 255, 0.10) !important;
    border-color: rgba(0, 229, 255, 0.34) !important;
    color: #7CE7FF !important;
}

body.mobile-mode .tc-balance-amount {
    color: #7CE7FF !important;
    text-shadow: 0 0 26px rgba(0, 229, 255, 0.32);
}

body.mobile-mode .tc-balance-status {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.mobile-mode .online-dot {
    box-shadow: 0 0 10px rgba(0, 229, 160, 0.8);
}

body.mobile-mode .tc-balance-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.mobile-mode .tc-balance-btn:first-child {
    background: linear-gradient(135deg, #00A4FF 0%, #0052D9 100%) !important;
    border-color: rgba(0, 229, 255, 0.38) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(0, 164, 255, 0.28) !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: linear-gradient(135deg, #33BCFF 0%, #0A6CFF 100%) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-top .eye-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.mobile-mode .tc-balance-top-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.mobile-mode .tc-balance-online {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.75);
}

body.mobile-mode .tc-balance-refresh {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #7CE7FF;
    border-radius: 8px;
    font-size: 13px;
}

body.mobile-mode .tc-balance-mini {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 14px 0;
}

body.mobile-mode .tc-balance-mini > div {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 8px 4px;
    text-align: center;
}

body.mobile-mode .tc-balance-mini span {
    display: block;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 4px;
}

body.mobile-mode .tc-balance-mini strong {
    font-size: 15px;
    color: #FFFFFF;
}

body.mobile-mode .tc-balance-quick {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

body.mobile-mode .tc-balance-quick > span {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.72);
    flex-shrink: 0;
}

body.mobile-mode .tc-balance-quick button {
    flex: 1;
    height: 32px;
    border: 1px solid rgba(0, 229, 255, 0.3);
    background: rgba(0, 229, 255, 0.08);
    color: #7CE7FF;
    border-radius: 6px;
    font-size: 12px;
}

body.mobile-mode .tc-balance-quick button:disabled,
body.mobile-mode .tc-balance-btn:disabled {
    opacity: 0.4;
}

body.mobile-mode .tc-balance-security {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
}

body.mobile-mode .tc-balance-btn.highlight {
    border-color: rgba(0, 229, 255, 0.55) !important;
    color: #7CE7FF !important;
}

.tc-switch {
    position: relative;
    width: 44px;
    height: 24px;
    display: inline-block;
}

.tc-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.tc-switch span {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    transition: all 0.2s ease;
}

.tc-switch span::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #FFFFFF;
    transition: all 0.2s ease;
}

.tc-switch input:checked + span {
    background: #00A4FF;
    border-color: #00A4FF;
}

.tc-switch input:checked + span::before {
    transform: translateX(20px);
}

/* ============ 方案A：腾讯云标准白卡 ============ */
body.mobile-mode .tc-balance-card {
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    box-shadow: 0 8px 24px rgba(0, 30, 60, 0.06) !important;
}

body.mobile-mode .tc-balance-card::before {
    display: none !important;
}

body.mobile-mode .tc-balance-card::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,82,217,0.12)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.mobile-mode .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-online {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-refresh {
    background: #EAF2FF !important;
    border-color: #BBD6FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-amount {
    color: #17233D !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: #F7F8FA !important;
    border-color: #F0F3F7 !important;
}

body.mobile-mode .tc-balance-mini span {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-quick > span {
    color: #4B5B76 !important;
}

body.mobile-mode .tc-balance-quick button {
    background: #FFFFFF !important;
    border-color: #BBD6FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-quick button:active {
    background: #EAF2FF !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    background: #F7F8FA !important;
    border-color: #E5EAF2 !important;
    color: #17233D !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #0A6CFF !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-security {
    color: #4B5B76 !important;
    border-top-color: #F0F3F7 !important;
}

body.mobile-mode .tc-switch span {
    background: #D8DEE8 !important;
    border-color: #D8DEE8 !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

/* ============ 方案B：深蓝旗舰渐变卡 ============ */
body.mobile-mode .tc-balance-card {
    background: linear-gradient(135deg, #0B2E66 0%, #0052D9 52%, #00A4FF 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 14px 34px rgba(0, 82, 217, 0.28) !important;
}

body.mobile-mode .tc-balance-card::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 100%);
    pointer-events: none;
}

body.mobile-mode .tc-balance-card::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.mobile-mode .tc-balance-brand {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-logo {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-online {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.mobile-mode .tc-balance-refresh {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-amount {
    color: #FFFFFF !important;
    font-size: 38px !important;
    text-shadow: 0 2px 16px rgba(0, 20, 80, 0.22) !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body.mobile-mode .tc-balance-mini span {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-quick > span {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.mobile-mode .tc-balance-quick button {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-quick button:active {
    background: rgba(255, 255, 255, 0.24) !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #0052D9 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #EAF2FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: rgba(255, 255, 255, 0.24) !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-security {
    color: rgba(255, 255, 255, 0.8) !important;
    border-top-color: rgba(255, 255, 255, 0.16) !important;
}

body.mobile-mode .tc-switch span {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #0052D9 !important;
}

/* ============ 方案C：深色科技卡 ============ */
body.mobile-mode .tc-balance-card {
    background: linear-gradient(135deg, #0B1526 0%, #101C36 48%, #003E8F 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.16) !important;
    box-shadow: 0 16px 36px rgba(0, 80, 180, 0.28) !important;
}

body.mobile-mode .tc-balance-card::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    background: linear-gradient(180deg, rgba(0, 229, 255, 0) 0%, rgba(0, 229, 255, 0.10) 100%);
    pointer-events: none;
}

body.mobile-mode .tc-balance-card::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,229,255,0.28)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.mobile-mode .tc-balance-brand {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-logo {
    background: rgba(0, 229, 255, 0.10) !important;
    border-color: rgba(0, 229, 255, 0.34) !important;
    color: #7CE7FF !important;
}

body.mobile-mode .tc-balance-online {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.mobile-mode .tc-balance-refresh {
    background: rgba(0, 229, 255, 0.10) !important;
    border-color: rgba(0, 229, 255, 0.3) !important;
    color: #7CE7FF !important;
}

body.mobile-mode .tc-balance-amount {
    color: #7CE7FF !important;
    font-size: 38px !important;
    text-shadow: 0 0 26px rgba(0, 229, 255, 0.32) !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.mobile-mode .tc-balance-mini span {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-quick > span {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.mobile-mode .tc-balance-quick button {
    background: rgba(0, 229, 255, 0.08) !important;
    border-color: rgba(0, 229, 255, 0.3) !important;
    color: #7CE7FF !important;
}

body.mobile-mode .tc-balance-quick button:active {
    background: rgba(0, 229, 255, 0.16) !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.mobile-mode .tc-balance-btn:first-child {
    background: linear-gradient(135deg, #00A4FF 0%, #0052D9 100%) !important;
    border-color: rgba(0, 229, 255, 0.38) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(0, 164, 255, 0.28) !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: linear-gradient(135deg, #33BCFF 0%, #0A6CFF 100%) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    border-color: rgba(0, 229, 255, 0.55) !important;
    color: #7CE7FF !important;
    background: rgba(0, 229, 255, 0.10) !important;
}

body.mobile-mode .tc-balance-security {
    color: rgba(255, 255, 255, 0.75) !important;
    border-top-color: rgba(255, 255, 255, 0.12) !important;
}

body.mobile-mode .tc-switch span {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #00A4FF !important;
    border-color: #00A4FF !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}

/* ============ 方案F：双色分区卡 ============ */
body.mobile-mode .tc-balance-card {
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    box-shadow: 0 10px 28px rgba(0, 30, 60, 0.08) !important;
    padding: 0 !important;
    overflow: hidden !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before,
body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-head {
    background: linear-gradient(135deg, #0B2E66 0%, #0052D9 55%, #00A4FF 100%) !important;
    padding: 20px !important;
}

body.mobile-mode .tc-balance-head .tc-balance-brand {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-logo {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-online {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.mobile-mode .tc-balance-head .tc-balance-refresh {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-amount {
    color: #FFFFFF !important;
    font-size: 36px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-body {
    background: #FFFFFF !important;
    padding: 16px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini > div {
    background: #F7F8FA !important;
    border-color: #F0F3F7 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini span {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini strong {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick {
    display: flex !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick > span {
    color: #4B5B76 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick button {
    background: #FFFFFF !important;
    border-color: #BBD6FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions {
    grid-template-columns: repeat(4, 1fr) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions .tc-balance-btn {
    display: flex !important;
    height: 36px !important;
    background: #F7F8FA !important;
    border-color: #E5EAF2 !important;
    color: #17233D !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-security {
    border-top-color: #F0F3F7 !important;
    color: #4B5B76 !important;
}

body.mobile-mode .tc-balance-body .tc-switch span {
    background: #E5EAF2 !important;
    border-color: #E5EAF2 !important;
}

body.mobile-mode .tc-balance-body .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

body.mobile-mode .tc-balance-body .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}

/* ============ 方案E：极简无边框卡（最终生效） ============ */
body.mobile-mode .tc-balance-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before,
body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-online {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-refresh {
    background: #FFFFFF !important;
    border-color: #E5EAF2 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-amount {
    color: #17233D !important;
    font-size: 44px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-mini {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    margin: 16px 0 14px !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile-mode .tc-balance-mini span {
    color: #8A94A6 !important;
    font-size: 10px !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #17233D !important;
    font-size: 18px !important;
}

body.mobile-mode .tc-balance-quick {
    display: none !important;
}

body.mobile-mode .tc-balance-actions {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn:nth-child(3),
body.mobile-mode .tc-balance-actions .tc-balance-btn:nth-child(4) {
    display: none !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    height: 44px !important;
    font-size: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    color: #17233D !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #0A6CFF !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-security {
    margin-top: 14px !important;
    padding-top: 10px !important;
    border-top: none !important;
    color: #4B5B76 !important;
}

body.mobile-mode .tc-switch span {
    background: #E5EAF2 !important;
    border-color: #E5EAF2 !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}

/* ============ 方案E：极简无边框卡 ============ */
body.mobile-mode .tc-balance-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before,
body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-online {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-refresh {
    background: #FFFFFF !important;
    border-color: #E5EAF2 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-amount {
    color: #17233D !important;
    font-size: 44px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-mini {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    margin: 16px 0 14px !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile-mode .tc-balance-mini span {
    color: #8A94A6 !important;
    font-size: 10px !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #17233D !important;
    font-size: 18px !important;
}

body.mobile-mode .tc-balance-quick {
    display: none !important;
}

body.mobile-mode .tc-balance-actions {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn:nth-child(3),
body.mobile-mode .tc-balance-actions .tc-balance-btn:nth-child(4) {
    display: none !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    height: 44px !important;
    font-size: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    color: #17233D !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #0A6CFF !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-security {
    margin-top: 14px !important;
    padding-top: 10px !important;
    border-top: none !important;
    color: #4B5B76 !important;
}

body.mobile-mode .tc-switch span {
    background: #E5EAF2 !important;
    border-color: #E5EAF2 !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}

/* ============ 方案D：轻盈玻璃卡 ============ */
body.mobile-mode .tc-balance-card {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 12px 32px rgba(0, 30, 60, 0.08) !important;
    backdrop-filter: blur(24px) saturate(1.6);
    -webkit-backdrop-filter: blur(24px) saturate(1.6);
}

body.mobile-mode .tc-balance-card::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    pointer-events: none;
}

body.mobile-mode .tc-balance-card::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,82,217,0.14)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.mobile-mode .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-online {
    color: #5F6B7A !important;
}

body.mobile-mode .tc-balance-refresh {
    background: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(0, 82, 217, 0.16) !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-amount {
    color: #17233D !important;
    font-size: 38px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
}

body.mobile-mode .tc-balance-mini span {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-quick > span {
    color: #4B5B76 !important;
}

body.mobile-mode .tc-balance-quick button {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(0, 82, 217, 0.2) !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-quick button:active {
    background: rgba(255, 255, 255, 0.95) !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
    color: #17233D !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(0, 82, 217, 0.22) !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #0A6CFF !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: rgba(0, 82, 217, 0.1) !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-security {
    color: #4B5B76 !important;
    border-top-color: rgba(255, 255, 255, 0.8) !important;
}

body.mobile-mode .tc-switch span {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(0, 82, 217, 0.2) !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}

/* ============ 方案E：极简无边框卡（最末覆盖） ============ */
body.mobile-mode .tc-balance-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 2px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before,
body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-online {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-refresh {
    background: #FFFFFF !important;
    border-color: #E5EAF2 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-amount {
    color: #17233D !important;
    font-size: 44px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-mini {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    margin: 16px 0 14px !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile-mode .tc-balance-mini span {
    color: #8A94A6 !important;
    font-size: 10px !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #17233D !important;
    font-size: 18px !important;
}

body.mobile-mode .tc-balance-quick {
    display: none !important;
}

body.mobile-mode .tc-balance-actions {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn:nth-child(3),
body.mobile-mode .tc-balance-actions .tc-balance-btn:nth-child(4) {
    display: none !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    height: 44px !important;
    font-size: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    color: #17233D !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn:first-child:active {
    background: #0A6CFF !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-security {
    margin-top: 14px !important;
    padding-top: 10px !important;
    border-top: none !important;
    color: #4B5B76 !important;
}

body.mobile-mode .tc-switch span {
    background: #E5EAF2 !important;
    border-color: #E5EAF2 !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}

/* ============ 方案F：双色分区卡（最末覆盖） ============ */
body.mobile-mode .tc-balance-card {
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    box-shadow: 0 10px 28px rgba(0, 30, 60, 0.08) !important;
    padding: 0 !important;
    overflow: hidden !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before,
body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-head {
    background: linear-gradient(135deg, #0B2E66 0%, #0052D9 55%, #00A4FF 100%) !important;
    padding: 20px !important;
}

body.mobile-mode .tc-balance-head .tc-balance-brand {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-logo {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-online {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.mobile-mode .tc-balance-head .tc-balance-refresh {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-amount {
    color: #FFFFFF !important;
    font-size: 36px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-body {
    background: #FFFFFF !important;
    padding: 16px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini > div {
    background: #F7F8FA !important;
    border-color: #F0F3F7 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini span {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini strong {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick {
    display: flex !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick > span {
    color: #4B5B76 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick button {
    background: #FFFFFF !important;
    border-color: #BBD6FF !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions {
    grid-template-columns: repeat(4, 1fr) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions .tc-balance-btn {
    display: flex !important;
    height: 36px !important;
    background: #F7F8FA !important;
    border-color: #E5EAF2 !important;
    color: #17233D !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-security {
    border-top-color: #F0F3F7 !important;
    color: #4B5B76 !important;
}

body.mobile-mode .tc-balance-body .tc-switch span {
    background: #E5EAF2 !important;
    border-color: #E5EAF2 !important;
}

body.mobile-mode .tc-balance-body .tc-switch input:checked + span {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
}

body.mobile-mode .tc-balance-body .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}
/* ============ 方案G：霓虹光效卡 ============ */
body.mobile-mode .tc-balance-card {
    background: linear-gradient(135deg, #0A1220 0%, #101C36 50%, #003E8F 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    box-shadow: 0 0 24px rgba(0, 164, 255, 0.25), 0 0 60px rgba(0, 82, 217, 0.18), inset 0 0 24px rgba(0, 229, 255, 0.05) !important;
    padding: 0 !important;
    overflow: hidden !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 229, 255, 0) 0%, rgba(0, 229, 255, 0.14) 100%);
    pointer-events: none;
}

body.mobile-mode .tc-balance-card::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,229,255,0.32)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 18.5a4 4 0 0 1-.44-7.97A6 6 0 0 1 17.8 9.6a4.5 4.5 0 0 1-.55 8.9H6.5Z'/%3E%3Cpath d='m8.5 13.5 3.5 3.5 3.5-3.5M12 17V9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.mobile-mode .tc-balance-head {
    background: transparent !important;
    padding: 20px !important;
}

body.mobile-mode .tc-balance-brand {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-logo {
    background: rgba(0, 229, 255, 0.12) !important;
    border-color: rgba(0, 229, 255, 0.4) !important;
    color: #7CE7FF !important;
}

body.mobile-mode .tc-balance-online {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.mobile-mode .tc-balance-refresh {
    background: rgba(0, 229, 255, 0.1) !important;
    border-color: rgba(0, 229, 255, 0.35) !important;
    color: #7CE7FF !important;
}

body.mobile-mode .tc-balance-amount {
    color: #7CE7FF !important;
    font-size: 40px !important;
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.55), 0 0 40px rgba(0, 229, 255, 0.25) !important;
}

body.mobile-mode .tc-balance-body {
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 1px solid rgba(0, 229, 255, 0.18) !important;
    padding: 16px !important;
}

body.mobile-mode .tc-balance-mini > div {
    background: rgba(0, 229, 255, 0.07) !important;
    border-color: rgba(0, 229, 255, 0.2) !important;
}

body.mobile-mode .tc-balance-mini span {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.mobile-mode .tc-balance-mini strong {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-quick {
    display: flex !important;
}

body.mobile-mode .tc-balance-quick > span {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.mobile-mode .tc-balance-quick button {
    background: rgba(0, 229, 255, 0.08) !important;
    border-color: rgba(0, 229, 255, 0.35) !important;
    color: #7CE7FF !important;
    box-shadow: 0 0 12px rgba(0, 229, 255, 0.12) !important;
}

body.mobile-mode .tc-balance-actions {
    grid-template-columns: repeat(4, 1fr) !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    display: flex !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(0, 229, 255, 0.22) !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    border-radius: 8px !important;
}

body.mobile-mode .tc-balance-btn:first-child {
    background: linear-gradient(135deg, #00A4FF 0%, #0052D9 100%) !important;
    border-color: rgba(0, 229, 255, 0.5) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 18px rgba(0, 164, 255, 0.4) !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    border-color: #7CE7FF !important;
    color: #7CE7FF !important;
    background: rgba(0, 229, 255, 0.12) !important;
}

body.mobile-mode .tc-balance-security {
    color: rgba(255, 255, 255, 0.78) !important;
    border-top-color: rgba(0, 229, 255, 0.18) !important;
}

body.mobile-mode .tc-switch span {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(0, 229, 255, 0.28) !important;
}

body.mobile-mode .tc-switch input:checked + span {
    background: #00A4FF !important;
    border-color: #00A4FF !important;
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.45) !important;
}

body.mobile-mode .tc-switch input:checked + span::before {
    background: #FFFFFF !important;
}
/* ============ 方案G：霓虹光效卡（高优先级） ============ */
body.mobile-mode .tc-balance-head .tc-balance-amount {
    color: #7CE7FF !important;
    font-size: 40px !important;
    text-shadow: 0 0 18px rgba(0, 229, 255, 0.55), 0 0 40px rgba(0, 229, 255, 0.25) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini > div {
    background: rgba(0, 229, 255, 0.07) !important;
    border-color: rgba(0, 229, 255, 0.2) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini span {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini strong {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-body .tc-balance-quick button {
    background: rgba(0, 229, 255, 0.08) !important;
    border-color: rgba(0, 229, 255, 0.35) !important;
    color: #7CE7FF !important;
    box-shadow: 0 0 12px rgba(0, 229, 255, 0.12) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions .tc-balance-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(0, 229, 255, 0.22) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn:first-child {
    background: linear-gradient(135deg, #00A4FF 0%, #0052D9 100%) !important;
    border-color: rgba(0, 229, 255, 0.5) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 18px rgba(0, 164, 255, 0.4) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn.highlight {
    border-color: #7CE7FF !important;
    color: #7CE7FF !important;
    background: rgba(0, 229, 255, 0.12) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-security {
    color: rgba(255, 255, 255, 0.78) !important;
    border-top-color: rgba(0, 229, 255, 0.18) !important;
}

body.mobile-mode .tc-balance-body .tc-switch input:checked + span {
    background: #00A4FF !important;
    border-color: #00A4FF !important;
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.45) !important;
}
/* ============ 方案F：双色分区卡（最终保留） ============ */
body.mobile-mode .tc-balance-card {
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    box-shadow: 0 10px 28px rgba(0, 30, 60, 0.08) !important;
    padding: 0 !important;
    overflow: hidden !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.mobile-mode .tc-balance-card::before,
body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-head {
    background: linear-gradient(135deg, #0B2E66 0%, #0052D9 55%, #00A4FF 100%) !important;
    padding: 20px !important;
}

body.mobile-mode .tc-balance-head .tc-balance-brand {
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-logo {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-online {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.mobile-mode .tc-balance-head .tc-balance-refresh {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-amount {
    color: #FFFFFF !important;
    font-size: 36px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-body {
    background: #FFFFFF !important;
    padding: 16px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini > div {
    background: #F7F8FA !important;
    border-color: #F0F3F7 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini span {
    color: #8A94A6 !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini strong {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions {
    grid-template-columns: repeat(4, 1fr) !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions .tc-balance-btn {
    display: flex !important;
    height: 36px !important;
    background: #F7F8FA !important;
    border-color: #E5EAF2 !important;
    color: #17233D !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn:first-child {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-body .tc-balance-btn.highlight {
    background: #EAF2FF !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-quick,
body.mobile-mode .tc-balance-security {
    display: none !important;
}
/* ============ 方案F：紧凑无空白 ============ */
body.mobile-mode .tc-balance-head {
    padding: 14px 16px 12px !important;
}

body.mobile-mode .tc-balance-head .tc-balance-amount {
    margin: 8px 0 4px !important;
}

body.mobile-mode .tc-balance-body {
    padding: 12px 14px 14px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini {
    margin: 12px 0 10px !important;
    gap: 8px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-actions {
    margin-top: 12px !important;
    gap: 8px !important;
}
/* ============ 方案F：小卡片紧贴余额无阴影 ============ */
body.mobile-mode .tc-balance-head {
    padding: 14px 16px 0 !important;
}

body.mobile-mode .tc-balance-body {
    padding: 0 14px 14px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini {
    margin: 0 0 10px !important;
    gap: 8px !important;
}

body.mobile-mode .tc-balance-body .tc-balance-mini > div {
    box-shadow: none !important;
}
/* ============ 余额统计图 ============ */
body.mobile-mode .tc-balance-chart {
    margin-top: 12px !important;
}

.tc-balance-chart-svg {
    display: block;
    width: 100%;
    height: 120px;
}

.tc-balance-bar {
    fill: #0052D9;
}

.tc-balance-chart-value {
    fill: #17233D;
    font-size: 11px;
    font-weight: 700;
}

.tc-balance-chart-label {
    fill: #8A94A6;
    font-size: 11px;
}

body.mobile-mode .tc-balance-actions {
    display: none !important;
}
/* ============ 余额环形图 ============ */
body.mobile-mode .tc-balance-chart {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 12px !important;
}

.tc-balance-donut-wrap {
    width: 118px;
    height: 118px;
    flex-shrink: 0;
}

.tc-balance-donut {
    width: 100%;
    height: 100%;
    display: block;
}

.tc-balance-donut-total {
    fill: #17233D;
    font-size: 15px;
    font-weight: 700;
}

.tc-balance-donut-sub {
    fill: #8A94A6;
    font-size: 10px;
}

.tc-balance-donut-legend {
    flex: 1;
    display: grid;
    gap: 6px;
}

.tc-balance-donut-legend > div {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #4B5B76;
}

.tc-balance-donut-legend strong {
    margin-left: auto;
    color: #17233D;
    font-weight: 700;
}

.tc-balance-donut-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
/* ============ 余额横向条形图 ============ */
body.mobile-mode .tc-balance-chart {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.tc-balance-hbar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #4B5B76;
    margin-bottom: 4px;
}

.tc-balance-hbar-head strong {
    color: #17233D;
    font-weight: 700;
}

.tc-balance-hbar-track {
    height: 10px;
    background: #F0F3F7;
    border-radius: 5px;
    overflow: hidden;
}

.tc-balance-hbar-fill {
    height: 100%;
    border-radius: 5px;
    min-width: 4px;
    transition: width 0.4s ease;
}
/* ============ 轻盈玻璃卡（最终保留） ============ */
body.mobile-mode .tc-balance-card {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 12px 32px rgba(0, 30, 60, 0.08) !important;
    padding: 0 !important;
    overflow: hidden !important;
    backdrop-filter: blur(24px) saturate(1.6) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
}

body.mobile-mode .tc-balance-card::before {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    pointer-events: none;
}

body.mobile-mode .tc-balance-card::after {
    display: none !important;
}

body.mobile-mode .tc-balance-head {
    background: transparent !important;
    padding: 18px 16px 10px !important;
}

body.mobile-mode .tc-balance-head .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-head .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-head .tc-balance-online {
    color: #5F6B7A !important;
}

body.mobile-mode .tc-balance-head .tc-balance-refresh {
    background: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(0, 82, 217, 0.16) !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-head .tc-balance-amount {
    color: #17233D !important;
    font-size: 40px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-body {
    background: transparent !important;
    padding: 0 16px 16px !important;
}

body.mobile-mode .tc-balance-chart {
    margin-top: 10px !important;
}

body.mobile-mode .tc-balance-hbar-head span {
    color: #5F6B7A !important;
}

body.mobile-mode .tc-balance-hbar-head strong {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-hbar-track {
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
}

body.mobile-mode .tc-balance-actions {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

body.mobile-mode .tc-balance-actions .tc-balance-btn {
    display: flex !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    color: #17233D !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.mobile-mode .tc-balance-btn:first-child {
    background: rgba(0, 82, 217, 0.14) !important;
    border-color: rgba(0, 82, 217, 0.28) !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-btn.highlight {
    background: rgba(0, 82, 217, 0.12) !important;
    border-color: #0052D9 !important;
    color: #0052D9 !important;
}
/* ============ 面积图 + 余额下方 ============ */
body.mobile-mode .tc-balance-body {
    padding: 14px !important;
}

body.mobile-mode .tc-balance-chart {
    display: block !important;
    margin-top: 0 !important;
}

.tc-balance-chart-svg {
    display: block;
    width: 100%;
    height: 120px;
}

.tc-balance-chart-value {
    fill: #17233D;
    font-size: 11px;
    font-weight: 700;
}

.tc-balance-chart-label {
    fill: #8A94A6;
    font-size: 11px;
}

body.mobile-mode .tc-balance-amount-block {
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin-top: 12px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.mobile-mode .tc-balance-amount-block .tc-balance-brand {
    color: #17233D !important;
}

body.mobile-mode .tc-balance-amount-block .tc-balance-logo {
    background: #0052D9 !important;
    border-color: #0052D9 !important;
    color: #FFFFFF !important;
}

body.mobile-mode .tc-balance-amount-block .tc-balance-online {
    color: #5F6B7A !important;
}

body.mobile-mode .tc-balance-amount-block .tc-balance-refresh {
    background: #FFFFFF !important;
    border-color: #E5EAF2 !important;
    color: #0052D9 !important;
}

body.mobile-mode .tc-balance-amount-block .tc-balance-amount {
    color: #17233D !important;
    font-size: 36px !important;
    margin-top: 6px !important;
    text-shadow: none !important;
}

body.mobile-mode .tc-balance-actions {
    margin-top: 12px !important;
}
/* ============ 腾讯云小提示 ============ */
.el-message,
.t-message {
    background: #FFFFFF !important;
    border: 1px solid #E5EAF2 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 30, 60, 0.08) !important;
    padding: 10px 16px !important;
}

.el-message__content,
.t-message__content,
.t-message__text {
    color: #17233D !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.el-message__icon,
.t-message__icon {
    font-size: 18px !important;
    margin-right: 8px !important;
}

.el-message--success .el-message__icon,
.t-message--success .t-message__icon {
    color: #00A870 !important;
}

.el-message--warning .el-message__icon,
.t-message--warning .t-message__icon {
    color: #FF9F0A !important;
}

.el-message--error .el-message__icon,
.t-message--error .t-message__icon {
    color: #E34D59 !important;
}

.el-message--info .el-message__icon,
.t-message--info .t-message__icon {
    color: #0052D9 !important;
}

.el-message__closeBtn,
.t-message__close {
    color: #8A94A6 !important;
}

.el-message__closeBtn:hover,
.t-message__close:hover {
    color: #0052D9 !important;
}