/* Codex readable text hardening - loaded late from footer, 20260627 */

html body {
  color: #172033;
  text-rendering: geometricPrecision;
}

html body :where(.template, .product, .product_detail) :where(.main-card, .content, .content-box, .content_box, .content_table, .tab-content, .tabledata, .voucher, .page-content, .product-list, .product-item, .goods-item, .order-box, .news-box, .account-box, .security-box, .certification-box, .el-card, .el-table, .el-form, .el-dialog, .el-drawer, .el-popover, .el-dropdown-menu, .el-select-dropdown, .el-message-box, .white-card, .light-card),
html body :where(.template, .product, .product_detail) :where(.main-card, .content, .content-box, .content_box, .content_table, .tab-content, .tabledata, .voucher, .page-content, .product-list, .product-item, .goods-item, .order-box, .news-box, .account-box, .security-box, .certification-box, .el-card, .el-table, .el-form, .el-dialog, .el-drawer, .el-popover, .el-dropdown-menu, .el-select-dropdown, .el-message-box, .white-card, .light-card) :where(div, span, p, label, strong, em, i, b, small, li, td, th, h1, h2, h3, h4, h5, h6) {
  color: #172033 !important;
}

html body :where(.template, .product, .product_detail) :where(.main-card, .content, .content-box, .content_box, .content_table, .tab-content, .tabledata, .voucher, .page-content, .product-list, .product-item, .goods-item, .order-box, .news-box, .account-box, .security-box, .certification-box, .el-card, .el-table, .el-form, .el-dialog, .el-drawer, .el-popover, .el-dropdown-menu, .el-select-dropdown, .el-message-box, .white-card, .light-card) :where(.des, .desc, .tip, .tips, .hint, .remark, .sub-title, .text-tip, .el-form-item__label, .el-table th, .el-table__empty-text, .el-input__count, .el-checkbox__label, .el-radio__label, .el-tabs__item, .el-pagination, .el-breadcrumb__inner, .product-des, .time, .date) {
  color: #40516b !important;
}

html body :where(.template, .product, .product_detail) :where(a, .link, .operation, .operation-item, .copy, .custom-text-btn, .text-primary, .el-button--text, .jq-kicker) {
  color: #b83210 !important;
}

html body :where(.template, .product, .product_detail) :where(.el-input__inner, .el-textarea__inner, .el-select .el-input__inner) {
  color: #172033 !important;
  caret-color: #d9481e !important;
}

html body :where(.template, .product, .product_detail) :where(.el-input__inner::placeholder, .el-textarea__inner::placeholder, input::placeholder, textarea::placeholder) {
  color: #607086 !important;
  opacity: 1 !important;
}

html body :where(.template, .product, .product_detail) :where(.codex-side, .codex-global-side, .codex-finance-side, .codex-topbar, .codex-finance-topbar, .codex-dashboard-hero, .finance-top, .account-money, .codex-side-card, .jq-login-aside, .jq-register-aside),
html body :where(.template, .product, .product_detail) :where(.codex-side, .codex-global-side, .codex-finance-side, .codex-topbar, .codex-finance-topbar, .codex-dashboard-hero, .finance-top, .account-money, .codex-side-card, .jq-login-aside, .jq-register-aside) :where(div, span, p, label, strong, em, i, b, small, li, h1, h2, h3, h4, h5, h6, a) {
  color: rgba(255,255,255,.92) !important;
}

html body :where(.template, .product, .product_detail) :where(.codex-side, .codex-global-side, .codex-finance-side, .codex-topbar, .codex-finance-topbar, .codex-dashboard-hero, .finance-top, .account-money, .codex-side-card, .jq-login-aside, .jq-register-aside) :where(.codex-brand-sub, .codex-nav-label, .codex-side-card-kicker, .codex-topbar-kicker, .codex-eyebrow, .finance-title, .balance-left-title, .other-money-item-title, p, small, .tip, .desc) {
  color: rgba(255,255,255,.78) !important;
}

html body :where(.template, .product, .product_detail) :where(.codex-side, .codex-global-side, .codex-finance-side) :where(.codex-nav-item, .codex-side-card-row) {
  color: rgba(255,255,255,.86) !important;
}

html body :where(.template, .product, .product_detail) :where(.codex-side, .codex-global-side, .codex-finance-side) :where(.codex-nav-item.active, .codex-nav-item:hover, .codex-nav-item.active *, .codex-nav-item:hover *) {
  color: #ffffff !important;
}

html body :where(.template, .product, .product_detail) :where(.el-button--primary, .login-btn, .btn-ok),
html body :where(.template, .product, .product_detail) :where(.el-button--primary, .login-btn, .btn-ok) * {
  color: #ffffff !important;
}

html body :where(.template, .product, .product_detail) :where(.el-button--primary, .login-btn, .btn-ok) {
  border-color: #b83210 !important;
  background: linear-gradient(135deg, #d9481e 0%, #b83210 100%) !important;
  box-shadow: 0 14px 28px rgba(184,50,16,.22) !important;
}

html body :where(.template, .product, .product_detail) :where(.ghost, .balance-tx-btn, .codex-account-pill span, .codex-side-card button, .jq-login-card, .jq-register-card),
html body :where(.template, .product, .product_detail) :where(.ghost, .balance-tx-btn, .codex-account-pill span, .codex-side-card button, .jq-login-card, .jq-register-card) * {
  color: #172033 !important;
}

html body :where(.template, .product, .product_detail) :where(.el-button.is-disabled, .el-input.is-disabled .el-input__inner, .is-disabled, .disabled) {
  color: #5a6a82 !important;
  opacity: 1 !important;
}

html body :where(.template, .product, .product_detail) :where(.el-tag--success, .status-success) {
  color: #166534 !important;
}

html body :where(.template, .product, .product_detail) :where(.el-tag--warning, .status-warning) {
  color: #9a3412 !important;
}

html body :where(.template, .product, .product_detail) :where(.el-tag--danger, .status-danger) {
  color: #b91c1c !important;
}

html body .jq-login-page :where(.jq-kicker, .jq-form-footer a, .jq-forget, .agreement a),
html body .jq-register-page :where(.jq-kicker, .jq-form-footer a, .agreement a) {
  color: #b83210 !important;
}

html body .jq-login-page :where(.login-btn, .el-button--primary),
html body .jq-register-page :where(.login-btn, .el-button--primary) {
  color: #ffffff !important;
  border-color: #b83210 !important;
  background: linear-gradient(135deg, #d9481e 0%, #b83210 100%) !important;
  box-shadow: 0 14px 28px rgba(184,50,16,.22) !important;
}

html body .jq-login-page :where(.login-btn, .el-button--primary) *,
html body .jq-register-page :where(.login-btn, .el-button--primary) * {
  color: #ffffff !important;
}

html body .template.jq-login-page .jq-kicker,
html body .template.jq-login-page .jq-form-footer a,
html body .template.jq-login-page .jq-forget,
html body .template.jq-login-page .agreement a,
html body .template.jq-register-page .jq-kicker,
html body .template.jq-register-page .jq-form-footer a,
html body .template.jq-register-page .agreement a {
  color: #b83210 !important;
}

html body .template.jq-login-page .login-btn.el-button--primary,
html body .template.jq-login-page .el-button--primary.login-btn,
html body .template.jq-register-page .login-btn.el-button--primary,
html body .template.jq-register-page .el-button--primary.login-btn,
html body .template.jq-register-page .code-btn.el-button--primary {
  color: #ffffff !important;
  border-color: #b83210 !important;
  background: linear-gradient(135deg, #d9481e 0%, #b83210 100%) !important;
  box-shadow: 0 14px 28px rgba(184,50,16,.22) !important;
}

html body .template.jq-login-page .jq-login-card,
html body .template.jq-register-page .jq-register-card {
  border: 1px solid rgba(223,231,242,.95) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(217,72,30,.08), transparent 36%),
    rgba(255,255,255,.97) !important;
  box-shadow: 0 26px 70px rgba(15,23,42,.16) !important;
}

/* Codex brand component polish - erase default panel/widget feel, 20260628 */
:root {
  --ld-cloud-ink: #172033;
  --ld-cloud-muted: #40516b;
  --ld-cloud-soft: #eef3fb;
  --ld-cloud-line: #dfe7f2;
  --ld-cloud-card: #ffffff;
  --ld-cloud-brand: #b83210;
  --ld-cloud-brand-2: #d9481e;
  --ld-cloud-brand-soft: rgba(217,72,30,.1);
  --ld-cloud-shadow: 0 18px 45px rgba(20,31,56,.09);
}

html body .template,
html body .product,
html body .product_detail {
  background:
    radial-gradient(circle at 12% 8%, rgba(217,72,30,.08), transparent 28%),
    linear-gradient(180deg, #f6f8fc 0%, #eef3f9 100%) !important;
}

html body .template .main-card,
html body .template .content,
html body .template .content-box,
html body .template .content_box,
html body .template .content_table,
html body .template .white-card,
html body .template .light-card,
html body .template .el-card,
html body .product .main-card,
html body .product .content,
html body .product_detail .main-card,
html body .product_detail .content {
  border: 1px solid rgba(223,231,242,.95) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: var(--ld-cloud-shadow) !important;
}

html body .template .el-button,
html body .product .el-button,
html body .product_detail .el-button {
  min-height: 36px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

html body .template .el-button:not(.el-button--primary):not(.login-btn):not(.btn-ok),
html body .product .el-button:not(.el-button--primary):not(.login-btn):not(.btn-ok),
html body .product_detail .el-button:not(.el-button--primary):not(.login-btn):not(.btn-ok) {
  color: var(--ld-cloud-ink) !important;
  border-color: rgba(202,213,229,.95) !important;
  background: linear-gradient(180deg, #fff 0%, #f7f9fd 100%) !important;
}

html body .template .el-button:not(.is-disabled):hover,
html body .product .el-button:not(.is-disabled):hover,
html body .product_detail .el-button:not(.is-disabled):hover {
  transform: translateY(-1px) !important;
  border-color: rgba(217,72,30,.35) !important;
  box-shadow: 0 12px 28px rgba(20,31,56,.1) !important;
}

html body .template .el-button--text,
html body .product .el-button--text,
html body .product_detail .el-button--text {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ld-cloud-brand) !important;
  box-shadow: none !important;
}

html body .template .el-input__inner,
html body .template .el-textarea__inner,
html body .product .el-input__inner,
html body .product .el-textarea__inner,
html body .product_detail .el-input__inner,
html body .product_detail .el-textarea__inner {
  min-height: 38px !important;
  border-radius: 14px !important;
  border-color: rgba(202,213,229,.95) !important;
  background: #f9fbff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}

html body .template .el-input__inner:focus,
html body .template .el-textarea__inner:focus,
html body .product .el-input__inner:focus,
html body .product .el-textarea__inner:focus,
html body .product_detail .el-input__inner:focus,
html body .product_detail .el-textarea__inner:focus {
  border-color: rgba(217,72,30,.6) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(217,72,30,.1) !important;
}

html body .template .el-select .el-input.is-focus .el-input__inner,
html body .template .el-select .el-input__inner:focus {
  border-color: rgba(217,72,30,.6) !important;
}

html body .template .el-tabs__nav-wrap::after,
html body .product .el-tabs__nav-wrap::after,
html body .product_detail .el-tabs__nav-wrap::after {
  height: 1px !important;
  background: rgba(223,231,242,.95) !important;
}

html body .template .el-tabs__active-bar,
html body .product .el-tabs__active-bar,
html body .product_detail .el-tabs__active-bar {
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--ld-cloud-brand-2), var(--ld-cloud-brand)) !important;
}

html body .template .el-tabs__item,
html body .product .el-tabs__item,
html body .product_detail .el-tabs__item {
  color: var(--ld-cloud-muted) !important;
  font-weight: 700 !important;
}

html body .template .el-tabs__item.is-active,
html body .product .el-tabs__item.is-active,
html body .product_detail .el-tabs__item.is-active {
  color: var(--ld-cloud-brand) !important;
}

html body .template .el-table,
html body .product .el-table,
html body .product_detail .el-table {
  border-radius: 18px !important;
  overflow: hidden !important;
  color: var(--ld-cloud-ink) !important;
  background: #fff !important;
}

html body .template .el-table th,
html body .product .el-table th,
html body .product_detail .el-table th {
  height: 48px !important;
  color: #31435d !important;
  background: #f4f7fc !important;
  font-weight: 800 !important;
}

html body .template .el-table td,
html body .product .el-table td,
html body .product_detail .el-table td {
  border-bottom-color: rgba(223,231,242,.86) !important;
}

html body .template .el-table__row:hover > td,
html body .product .el-table__row:hover > td,
html body .product_detail .el-table__row:hover > td {
  background: rgba(217,72,30,.045) !important;
}

html body .template .el-dialog,
html body .template .el-message-box,
html body .template .el-drawer,
html body .product .el-dialog,
html body .product_detail .el-dialog {
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(223,231,242,.95) !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.24) !important;
}

html body .template .el-dialog__header,
html body .template .el-message-box__header,
html body .template .el-drawer__header,
html body .product .el-dialog__header,
html body .product_detail .el-dialog__header {
  padding: 22px 26px 16px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(217,72,30,.12), transparent 32%),
    linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
  border-bottom: 1px solid rgba(223,231,242,.92) !important;
}

html body .template .el-dialog__title,
html body .template .el-message-box__title,
html body .template .el-drawer__header span,
html body .product .el-dialog__title,
html body .product_detail .el-dialog__title {
  color: var(--ld-cloud-ink) !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

html body .template .el-dialog__body,
html body .template .el-message-box__content,
html body .product .el-dialog__body,
html body .product_detail .el-dialog__body {
  color: var(--ld-cloud-ink) !important;
  background: #fff !important;
}

html body .template .el-dialog__footer,
html body .template .el-message-box__btns,
html body .product .el-dialog__footer,
html body .product_detail .el-dialog__footer {
  padding: 16px 26px 24px !important;
  background: #fff !important;
}

html body .el-popover,
html body .el-dropdown-menu,
html body .el-select-dropdown,
html body .el-picker-panel {
  border: 1px solid rgba(223,231,242,.95) !important;
  border-radius: 18px !important;
  color: var(--ld-cloud-ink) !important;
  box-shadow: 0 22px 55px rgba(15,23,42,.16) !important;
}

html body .el-dropdown-menu__item,
html body .el-select-dropdown__item {
  color: var(--ld-cloud-ink) !important;
  font-weight: 650 !important;
}

html body .el-dropdown-menu__item:hover,
html body .el-select-dropdown__item.hover,
html body .el-select-dropdown__item:hover,
html body .el-select-dropdown__item.selected {
  color: var(--ld-cloud-brand) !important;
  background: var(--ld-cloud-brand-soft) !important;
}

html body .template .el-tag,
html body .product .el-tag,
html body .product_detail .el-tag {
  border-radius: 999px !important;
  font-weight: 800 !important;
  border-color: transparent !important;
}

html body .template .el-tag--info,
html body .product .el-tag--info,
html body .product_detail .el-tag--info {
  color: #334155 !important;
  background: #edf2f8 !important;
}

html body .template .el-badge__content,
html body .product .el-badge__content,
html body .product_detail .el-badge__content {
  border: 2px solid #fff !important;
  background: linear-gradient(135deg, var(--ld-cloud-brand-2), var(--ld-cloud-brand)) !important;
  box-shadow: 0 6px 14px rgba(184,50,16,.22) !important;
}

html body .template .el-pagination button,
html body .template .el-pager li,
html body .product .el-pagination button,
html body .product .el-pager li,
html body .product_detail .el-pagination button,
html body .product_detail .el-pager li {
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  color: var(--ld-cloud-muted) !important;
  background: #fff !important;
  border: 1px solid rgba(223,231,242,.95) !important;
}

html body .template .el-pager li.active,
html body .product .el-pager li.active,
html body .product_detail .el-pager li.active {
  color: #fff !important;
  border-color: var(--ld-cloud-brand) !important;
  background: linear-gradient(135deg, var(--ld-cloud-brand-2), var(--ld-cloud-brand)) !important;
}

html body .template .el-checkbox__input.is-checked .el-checkbox__inner,
html body .template .el-radio__input.is-checked .el-radio__inner,
html body .product .el-checkbox__input.is-checked .el-checkbox__inner,
html body .product .el-radio__input.is-checked .el-radio__inner,
html body .product_detail .el-checkbox__input.is-checked .el-checkbox__inner,
html body .product_detail .el-radio__input.is-checked .el-radio__inner {
  border-color: var(--ld-cloud-brand) !important;
  background: var(--ld-cloud-brand) !important;
}

html body .template .el-checkbox__input.is-checked + .el-checkbox__label,
html body .template .el-radio__input.is-checked + .el-radio__label,
html body .product .el-checkbox__input.is-checked + .el-checkbox__label,
html body .product .el-radio__input.is-checked + .el-radio__label,
html body .product_detail .el-checkbox__input.is-checked + .el-checkbox__label,
html body .product_detail .el-radio__input.is-checked + .el-radio__label {
  color: var(--ld-cloud-brand) !important;
}

html body .template .el-switch.is-checked .el-switch__core,
html body .product .el-switch.is-checked .el-switch__core,
html body .product_detail .el-switch.is-checked .el-switch__core {
  border-color: var(--ld-cloud-brand) !important;
  background: var(--ld-cloud-brand) !important;
}

html body .template .el-alert,
html body .product .el-alert,
html body .product_detail .el-alert {
  border-radius: 18px !important;
  border: 1px solid rgba(223,231,242,.9) !important;
}

html body .template .el-alert--warning,
html body .product .el-alert--warning,
html body .product_detail .el-alert--warning {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
}

html body .template .el-alert--success,
html body .product .el-alert--success,
html body .product_detail .el-alert--success {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}

html body .template .el-empty,
html body .product .el-empty,
html body .product_detail .el-empty,
html body .template .no-data,
html body .template .empty,
html body .template .empty-box,
html body .template .news-emty {
  border-radius: 22px !important;
  color: var(--ld-cloud-muted) !important;
}

html body .template .el-empty__description p,
html body .product .el-empty__description p,
html body .product_detail .el-empty__description p,
html body .template .news-emty div {
  color: var(--ld-cloud-muted) !important;
  font-weight: 700 !important;
}

html body .template .el-empty__image,
html body .template .empty img,
html body .template .empty-box img,
html body .template .news-emty img {
  opacity: .72 !important;
  filter: saturate(.82) hue-rotate(176deg) contrast(.95) !important;
}

html body .template .el-step__title.is-process,
html body .template .el-step__head.is-process,
html body .template .el-step__title.is-finish,
html body .template .el-step__head.is-finish {
  color: var(--ld-cloud-brand) !important;
  border-color: var(--ld-cloud-brand) !important;
}

html body .template .el-progress-bar__inner {
  background: linear-gradient(90deg, var(--ld-cloud-brand-2), var(--ld-cloud-brand)) !important;
}

html body .template .el-upload,
html body .template .el-upload-dragger {
  border-radius: 22px !important;
  border-color: rgba(202,213,229,.95) !important;
  background: #f9fbff !important;
}

html body .template .el-upload:hover,
html body .template .el-upload-dragger:hover {
  border-color: rgba(217,72,30,.55) !important;
  background: #fff7f2 !important;
}

html body .template .el-loading-mask {
  border-radius: inherit !important;
  background: rgba(248,250,252,.78) !important;
  backdrop-filter: blur(8px) !important;
}

html body .template .el-loading-spinner .path {
  stroke: var(--ld-cloud-brand) !important;
}

html body .template .el-loading-spinner .el-loading-text {
  color: var(--ld-cloud-brand) !important;
  font-weight: 800 !important;
}

/* Codex global sidebar hardening - prevent plugin pages from falling back to text links, 20260628 */
html body .codex-global-side.codex-side,
html body .el-aside.codex-global-side.codex-side,
html body aside.codex-global-side.codex-side {
  display: flex !important;
  flex-direction: column !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  min-height: 100vh !important;
  height: auto !important;
  padding: 24px 18px !important;
  box-sizing: border-box !important;
  overflow: hidden auto !important;
  border-right: 1px solid rgba(255,255,255,.1) !important;
  background:
    radial-gradient(circle at 20% 8%, rgba(217,72,30,.22), transparent 28%),
    linear-gradient(180deg, #101a34 0%, #0b1226 100%) !important;
  box-shadow: 18px 0 55px rgba(15,23,42,.16) !important;
  color: rgba(255,255,255,.92) !important;
}

html body .codex-global-side.codex-side,
html body .codex-global-side.codex-side * {
  box-sizing: border-box !important;
}

html body .codex-global-side.codex-side a {
  text-decoration: none !important;
}

html body .codex-global-side.codex-side .codex-side-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 62px !important;
  padding: 10px 8px 20px !important;
  margin: 0 0 8px !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

html body .codex-global-side.codex-side .codex-brand-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  color: #10172b !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
  background: linear-gradient(135deg, #fff 0%, #ffdfd2 100%) !important;
  box-shadow: 0 14px 28px rgba(217,72,30,.22) !important;
}

html body .codex-global-side.codex-side .codex-brand-name {
  display: block !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body .codex-global-side.codex-side .codex-brand-sub {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(255,255,255,.68) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body .codex-global-side.codex-side .codex-side-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  width: 100% !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

html body .codex-global-side.codex-side .codex-nav-label {
  display: block !important;
  margin: 18px 0 6px !important;
  padding: 0 12px !important;
  color: rgba(255,255,255,.54) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}

html body .codex-global-side.codex-side .codex-nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  color: rgba(255,255,255,.82) !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

html body .codex-global-side.codex-side .codex-nav-item:hover,
html body .codex-global-side.codex-side .codex-nav-item.active,
html body .codex-global-side.codex-side .codex-nav-item.is-active {
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.1) !important;
  transform: translateX(3px) !important;
}

html body .codex-global-side.codex-side .codex-nav-item.active,
html body .codex-global-side.codex-side .codex-nav-item.is-active {
  background: linear-gradient(135deg, rgba(217,72,30,.95), rgba(184,50,16,.95)) !important;
  box-shadow: 0 14px 30px rgba(184,50,16,.28) !important;
}

html body .codex-global-side.codex-side .codex-nav-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 10px !important;
  color: inherit !important;
  background: rgba(255,255,255,.1) !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body .codex-global-side.codex-side .codex-nav-item > span:not(.codex-nav-icon) {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  text-overflow: ellipsis !important;
}

html body .codex-global-side.codex-side .codex-nav-item em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 7px !important;
  margin-left: auto !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(255,255,255,.22) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html body .codex-global-side.codex-side .codex-side-card {
  display: block !important;
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.82) !important;
}

html body .codex-global-side.codex-side .codex-side-card-kicker {
  display: block !important;
  margin-bottom: 8px !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

html body .codex-global-side.codex-side .codex-side-card-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.72) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

html body .codex-global-side.codex-side .codex-side-card-row span {
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

html body .codex-global-side.codex-side .codex-side-card-row strong {
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: right !important;
}

html body .codex-global-side.codex-side .codex-side-card button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px !important;
  margin-top: 14px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #10172b !important;
  background: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

@media (max-width: 1180px) {
  html body .codex-global-side.codex-side,
  html body .el-aside.codex-global-side.codex-side,
  html body aside.codex-global-side.codex-side {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  html body .codex-global-side.codex-side .codex-side-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .codex-global-side.codex-side .codex-nav-label,
  html body .codex-global-side.codex-side .codex-side-card {
    display: none !important;
  }
}

/* Codex full-site readability and layout hardening - 20260703 */
html body {
  --ld-focus: rgba(217, 72, 30, .28);
}

html body :where(.template, .product, .product_detail, .codex-finance-template) {
  min-width: 0 !important;
  overflow-x: hidden !important;
  color: var(--ld-text) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(217,72,30,.10), transparent 28%),
    linear-gradient(180deg, #f8fafc, var(--ld-bg)) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-container, .el-main) {
  min-width: 0 !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-main) {
  padding: 28px !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.main-card, .content-box, .content_table, .tabledata, .mob-tabledata-item, .searchbar, .msg-search, .content_searchbar, .account-box, .box-main, .basic, .account, .oauth, .security-box, .order-box, .detail-card, .drawer-card, .el-card, .el-dialog, .el-message-box) {
  border: 1px solid var(--ld-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.07) !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.main-card) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 24px !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.main-card-title, .card-title, .content-title, .dialog-title, .basic-title, .account-title, .security-title, .title) {
  color: var(--ld-text) !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(p, span, div, label, li, td, th, small, em, b, strong) {
  text-shadow: none !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.desc, .des, .tips, .tip, .sub, .muted, .el-table__empty-text, .el-form-item__label, .box-item-t, .content-tips, .form-tips, .bottom-text, .info) {
  color: var(--ld-muted) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.box-item-b, .money, .amount, .price, .value, .num, .el-table .cell, .el-form-item__content, .el-tabs__item, .el-checkbox__label, .el-radio__label) {
  color: var(--ld-text) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(a, .link, .operate, .operation-item) {
  color: var(--ld-brand-dark) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-input__inner, .el-textarea__inner, .el-range-input, input, textarea) {
  min-height: 38px !important;
  border: 1px solid var(--ld-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--ld-text) !important;
  box-shadow: none !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-input__inner:focus, .el-textarea__inner:focus, input:focus, textarea:focus) {
  border-color: rgba(217,72,30,.45) !important;
  box-shadow: 0 0 0 3px var(--ld-focus) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-input__inner::placeholder, .el-textarea__inner::placeholder, input::placeholder, textarea::placeholder) {
  color: #98a2b3 !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-button, .primary-btn, .submit-btn, .confirm-btn, .balance-tx-btn, .input-btn) {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-button--primary, .primary-btn, .submit-btn, .confirm-btn, .balance-tx-btn) {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--ld-brand), var(--ld-brand-dark)) !important;
  box-shadow: 0 14px 28px rgba(217,72,30,.22) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-button--default, .ghost, .cancel-btn) {
  border: 1px solid var(--ld-line) !important;
  color: var(--ld-text) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-table, .el-table__expanded-cell) {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-table::before, .el-table__fixed-right::before, .el-table__fixed::before) {
  background: transparent !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-table th, .el-table tr, .el-table td) {
  border-color: var(--ld-line) !important;
  background: #fff !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-table th) {
  background: #f8fafc !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-table--enable-row-hover .el-table__body tr:hover > td) {
  background: #fff7ed !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-tabs__nav-wrap)::after {
  display: none !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-tabs__item) {
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: var(--ld-muted) !important;
  font-weight: 900 !important;
  line-height: 40px !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-tabs__item.is-active) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ld-brand), var(--ld-brand-dark)) !important;
}

html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-tabs__active-bar) {
  display: none !important;
}

html body :where(.el-select-dropdown, .el-picker-panel, .el-popover, .el-dropdown-menu, .el-message-box, .el-dialog) {
  border: 1px solid var(--ld-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.16) !important;
  color: var(--ld-text) !important;
}

html body :where(.el-select-dropdown__item, .el-picker-panel, .el-popover, .el-dropdown-menu__item, .el-message-box__content, .el-dialog__body) {
  color: var(--ld-text) !important;
}

html body :where(.el-select-dropdown__item.hover, .el-select-dropdown__item:hover, .el-dropdown-menu__item:hover) {
  color: var(--ld-brand-dark) !important;
  background: var(--ld-brand-soft) !important;
}

html body :where(.el-tooltip__popper) {
  color: #fff !important;
  background: #111827 !important;
  border-radius: 10px !important;
}

html body :where(.el-pagination, .el-pager li, .btn-prev, .btn-next) {
  color: var(--ld-text) !important;
}

html body :where(.el-pager li.active) {
  color: var(--ld-brand-dark) !important;
}

html body :where(.status, .status-text, .tag, .badge, .el-tag) {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

html body :where(.mobel, .mobile, .mob-tabledata, .mobile-table) {
  color: var(--ld-text) !important;
}

@media (max-width: 1180px) {
  html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-main) {
    padding: 16px !important;
  }

  html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.main-card, .content-box, .content_table, .tabledata) {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html body :where(.template, .product, .product_detail, .codex-finance-template) :where(.el-table) {
    width: 100% !important;
  }
}

/* Codex legacy template cleanup - unify remaining member/plugin pages, 20260703 */
html body {
  --ld-bg: #f4f6fb;
  --ld-panel: #ffffff;
  --ld-panel-soft: #f8fafc;
  --ld-line: rgba(15, 23, 42, .08);
  --ld-text: #172033;
  --ld-muted: #667085;
  --ld-soft: #8a94a6;
  --ld-brand: #d9481e;
  --ld-brand-dark: #b83210;
  --ld-brand-soft: rgba(217, 72, 30, .1);
  --ld-shadow: 0 24px 70px rgba(15, 23, 42, .08);
  --ld-radius: 24px;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(217,72,30,.12), transparent 30%),
    linear-gradient(180deg, #f8fafc 0%, var(--ld-bg) 100%) !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) > .el-container {
  min-height: 100vh !important;
  background: transparent !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) .el-container:not(.is-vertical) {
  background: transparent !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) .el-main {
  min-width: 0 !important;
  padding: 28px !important;
  background: transparent !important;
  overflow-x: hidden !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.top-back, .back-img) {
  display: none !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.main-card, .main-card-content, .main-content, .tabledata, .content_searchbar, .box.pc, .com-l-box, .com-r-box, .check-type, .check-mode) {
  border: 1px solid var(--ld-line) !important;
  border-radius: var(--ld-radius) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: var(--ld-shadow) !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.main-card) {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 26px !important;
  margin: 0 !important;
  overflow: visible !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.main-card-title, .content-title, .tit, .top-search .tit) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  color: var(--ld-text) !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.main-card-title, .content-title, .top-search .tit)::before {
  content: "" !important;
  display: inline-block !important;
  width: 10px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--ld-brand), var(--ld-brand-dark)) !important;
  box-shadow: 0 8px 20px rgba(217,72,30,.28) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.main-content, .main-card-content, .content_searchbar, .tabledata) {
  margin-top: 18px !important;
  padding: 20px !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.box.pc) {
  display: grid !important;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
  gap: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.com-r-box, .com-l-box) {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-tabs__header) {
  margin: 10px 0 22px !important;
  border: 0 !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-tabs__nav-wrap)::after {
  display: none !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-tabs__item) {
  height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  color: var(--ld-muted) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 42px !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-tabs__item.is-active) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ld-brand), var(--ld-brand-dark)) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-tabs__active-bar) {
  display: none !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.search-input, .select-input, .com-search, .searchbar) {
  min-width: 0 !important;
  border-radius: 16px !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-input__inner, .el-textarea__inner) {
  height: 42px !important;
  border: 1px solid var(--ld-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--ld-text) !important;
  box-shadow: none !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-input__inner::placeholder, .el-textarea__inner::placeholder) {
  color: #98a2b3 !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-button, .new-ticket-btn, .more-btn, .next-box .el-button) {
  min-height: 40px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--ld-brand), var(--ld-brand-dark)) !important;
  box-shadow: 0 14px 26px rgba(217,72,30,.22) !important;
  font-weight: 900 !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-button.is-disabled, .el-button.is-disabled:hover) {
  color: #fff !important;
  background: #cbd5e1 !important;
  box-shadow: none !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.total, .file_folder .item, .top-menu-item, .content-item, .link-item, .news-list .item, .person-box, .company-box) {
  border: 1px solid var(--ld-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--ld-text) !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.total.active, .file_folder .item.active, .top-menu-item-active, .select-type, .news-list .item:hover, .link-item:hover) {
  border-color: rgba(217,72,30,.26) !important;
  background: linear-gradient(180deg, #fff7ed, #fff) !important;
  box-shadow: 0 16px 34px rgba(217,72,30,.12) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.tag, .status-text, .presonl-status) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: var(--ld-brand-dark) !important;
  background: var(--ld-brand-soft) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.title, .type-title, .content-item-title, .el-table th .cell, .el-table .cell) {
  color: var(--ld-text) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.info, .type-tips, .order-des, .config-tip, .no-data, .el-table__empty-text, .el-form-item__label, p, span) {
  color: inherit;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-table, .el-table__expanded-cell) {
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-table th, .el-table tr, .el-table td) {
  background: #fff !important;
  border-color: var(--ld-line) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.el-table th) {
  background: #f8fafc !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.operation, .el-popover) {
  border: 1px solid var(--ld-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.14) !important;
  color: var(--ld-text) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.operation-item, .more-operation) {
  color: var(--ld-text) !important;
}

html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(img[src*="source_back"], img[src*="news_"], img.back-img) {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1180px) {
  html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) .el-main {
    padding: 16px !important;
  }

  html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.main-card) {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  html body :where(.template, .news.template, .help.template, .ticket.template, .file_download) :where(.box.pc) {
    grid-template-columns: 1fr !important;
  }
}