:root {
  --aurora-logo-url: url("img/aurora-logo.png");
  --aurora-tech-bg: url("img/aurora-background.jpg");
  --aurora-glass-light: rgba(255, 255, 255, 0.2);
  --aurora-glass-soft: rgba(255, 255, 255, 0.12);
  --aurora-glass-dark: rgba(12, 18, 32, 0.34);
  --aurora-glass-border: rgba(255, 255, 255, 0.22);
  --aurora-glass-shadow: 0 14px 42px rgba(0, 0, 0, 0.18);
  --aurora-panel-text: #172033;
  --aurora-panel-text-dark: #f3f7ff;
}

html,
body {
  min-height: 100%;
  background: #050814 var(--aurora-tech-bg) center / cover fixed no-repeat !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(135deg, rgba(2, 8, 20, 0.36), rgba(2, 8, 20, 0.16) 46%, rgba(2, 8, 20, 0.42));
}

#app {
  min-height: 100vh;
  position: relative;
  z-index: 1;
}

.layout-container,
.auth-container,
.agreement-container,
.home-container,
.home-banner,
.home-advance,
.home-service .service-coopers,
.pay-qrcode,
.no-lisence {
  background: transparent !important;
}

.layout-container .layout-topbar,
.home-header,
.home-header .header-wrapper,
.header-menu {
  background: rgba(14, 21, 36, 0.72) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #f7fbff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter: saturate(145%) blur(12px) !important;
  -webkit-backdrop-filter: saturate(145%) blur(12px) !important;
}

.home-header,
.home-header.show-menu {
  overflow: hidden !important;
}

.home-header .header-logo .logo,
.home-header .header-logo .logo span,
.home-header .header-nav .ant-anchor-link a,
.home-header .header-sign .login,
.home-header .header-book,
.header-menu .ant-anchor-link a,
.layout-container .layout-topbar,
.layout-container .layout-topbar .title,
.layout-container .corner-bar,
.layout-container .corner-bar .name,
.layout-container .corner-bar .email,
.layout-container .corner-bar .item {
  color: #f7fbff !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45) !important;
}

.home-header .header-nav .ant-anchor-link:hover a,
.header-menu .ant-anchor-link:hover a,
.home-header .header-sign .login:hover {
  color: #8fe8ff !important;
}

.home-header .header-sign .reg.ant-btn-primary {
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(var(--primary-color), 0.28) !important;
}

.layout-container .corner-bar .rightbar {
  background-color: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.04) !important;
}

.layout-container .layout-menu,
.panel-body,
.use-shadow,
.plan-card,
.ant-card,
.ant-alert,
.ant-table,
.ant-table-wrapper,
.ant-collapse,
.ant-collapse-content,
.ant-tabs,
.ant-list,
.ant-descriptions,
.ant-empty,
.ant-modal-content,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-calendar-picker-container .ant-calendar,
.overview-box .item,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .unpay-tip,
.profile-container .pro-bag,
.profile-container .pro-setting,
.profile-container .pro-reset,
.profile-container .pro-tele,
.home-advance .tabs,
.home-service .coopers-list .item > span,
.home-question .qa-list .ant-collapse-content,
.agreement-container .card,
.auth-container .right-form,
.auth-container .right-form .wrapper,
.pay-qrcode .qr-code-container {
  background: var(--aurora-glass-light) !important;
  border: 1px solid var(--aurora-glass-border) !important;
  box-shadow: var(--aurora-glass-shadow) !important;
  backdrop-filter: saturate(140%) blur(10px) !important;
  -webkit-backdrop-filter: saturate(140%) blur(10px) !important;
}

.panel-body,
.use-shadow,
.plan-card,
.ant-card,
.ant-alert,
.ant-table,
.ant-table-wrapper,
.ant-collapse,
.ant-collapse-content,
.ant-tabs,
.ant-list,
.ant-descriptions,
.ant-empty,
.ant-modal-content,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-calendar-picker-container .ant-calendar,
.overview-box .item,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .unpay-tip,
.profile-container .pro-bag,
.profile-container .pro-setting,
.profile-container .pro-reset,
.profile-container .pro-tele,
.agreement-container .card,
.auth-container .right-form .wrapper,
.pay-qrcode .qr-code-container {
  border-radius: 8px !important;
}

.ant-card,
.ant-card-head,
.ant-card-body,
.ant-table,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table-placeholder,
.ant-tabs-bar,
.ant-collapse,
.ant-collapse-content,
.ant-collapse > .ant-collapse-item,
.ant-list-item,
.ant-descriptions-view,
.ant-descriptions-row,
.ant-descriptions-item-label,
.ant-descriptions-item-content,
.ant-select-dropdown-menu,
.ant-select-dropdown-menu-item,
.subscribe-info .import-btns .tips,
.line-hr {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.ant-table-tbody > tr:hover > td,
.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-active,
.subscribe-info .client-links .link-item:hover {
  background: rgba(255, 255, 255, 0.34) !important;
}

.auth-container .right-form {
  background: transparent !important;
}

.auth-container .left-img,
.auth-container .left-img .warp,
.auth-container .left-img .img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}

.auth-container .left-img .img {
  mix-blend-mode: normal !important;
}

.auth-container .left-img .tit,
.auth-container .left-img .desc {
  color: #f7fbff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5) !important;
}

.profile-container .pro-bg {
  background: var(--aurora-tech-bg) center / cover no-repeat !important;
}

.profile-container .pro-bg img {
  display: none !important;
}

.hourglassx,
.hourglass,
.loading-user:before {
  display: none !important;
}

.auth-container .right-form .wrapper {
  box-sizing: border-box;
  padding: 34px 38px;
  max-width: 560px;
  width: min(560px, 100%) !important;
}

.auth-container .right-form .input,
.auth-container .right-form .ant-input,
.auth-container .right-form .ant-input-affix-wrapper,
.auth-container .right-form .ant-select-selection,
.ant-modal-content,
.ant-popover-inner,
.ant-dropdown-menu {
  background-color: var(--aurora-glass-soft) !important;
  backdrop-filter: saturate(130%) blur(8px) !important;
  -webkit-backdrop-filter: saturate(130%) blur(8px) !important;
}

.home-banner,
.home-spec,
.home-advance,
.home-service,
.home-question,
.home-about,
.copyright {
  color: #f7fbff !important;
}

.home-banner .t1,
.home-banner .t2,
.home-banner .t3,
.home-container .text-title,
.home-container .text-desc,
.home-spec .spec-list li .tit,
.home-spec .spec-list li .desc,
.home-question .qa-title,
.home-question .qa-list .ant-collapse-header,
.home-question .qa-list .qa-awnser p,
.home-question .qa-list .qa-awnser ul li,
.home-question .qa-list .qa-awnser dl dd span,
.home-about .qa-title,
.home-about .qa-about {
  color: #f7fbff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42) !important;
}

.home-advance .tabs .ant-tabs-tabpane p,
.home-question .qa-list .qa-awnser ul li span,
.copyright {
  color: rgba(247, 251, 255, 0.78) !important;
}

.home-advance .tabs .ant-tabs-tab,
.home-question .qa-list .ant-collapse-item {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.plan-card:hover,
.use-shadow:hover {
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28) !important;
}

.layout-container .menu-group .g-title,
.layout-container .menu-group .g-links .tit,
.layout-container .version,
.panel-header .tit,
.panel-body,
.use-shadow,
.plan-card,
.agreement-container .card,
.auth-container .right-form,
.auth-container .right-form .title,
.auth-container .right-form .tip,
.auth-container .right-form .ant-form-item-label label,
.pay-qrcode .qr-code-container {
  color: var(--aurora-panel-text) !important;
}

.layout-container .menu-group .g-links li:hover .link,
.layout-container .menu-group .g-links li.is-active .link,
.overview-box .item:hover {
  background-color: rgba(255, 255, 255, 0.42) !important;
}

body.is-darkmode::before {
  background: linear-gradient(135deg, rgba(2, 8, 20, 0.5), rgba(2, 8, 20, 0.3) 46%, rgba(2, 8, 20, 0.56));
}

.profile-container .pro-bag,
.profile-container .pro-bag .tit,
.profile-container .pro-bag .rmb,
.profile-container .pro-setting .item,
.profile-container .pro-setting .tip,
.profile-container .pro-tele .desc,
.profile-container .ant-card-head-title,
.profile-container .ant-form-item-label > label,
.profile-container .tele-item .tit,
.profile-container .tele-item .desc,
.profile-container .mofify-password,
.profile-container .ant-input {
  color: var(--aurora-panel-text) !important;
}

.is-darkmode .layout-container .layout-menu,
.is-darkmode .panel-body,
.is-darkmode .use-shadow,
.is-darkmode .plan-card,
.is-darkmode .ant-card,
.is-darkmode .ant-alert,
.is-darkmode .ant-table,
.is-darkmode .ant-table-wrapper,
.is-darkmode .ant-collapse,
.is-darkmode .ant-collapse-content,
.is-darkmode .ant-tabs,
.is-darkmode .ant-list,
.is-darkmode .ant-descriptions,
.is-darkmode .ant-empty,
.is-darkmode .ant-modal-content,
.is-darkmode .ant-popover-inner,
.is-darkmode .ant-dropdown-menu,
.is-darkmode .ant-select-dropdown,
.is-darkmode .ant-calendar-picker-container .ant-calendar,
.is-darkmode .overview-box .item,
.is-darkmode .subscribe-info .subs-box,
.is-darkmode .subscribe-info .import-btns,
.is-darkmode .subscribe-info .client-links .link-item,
.is-darkmode .dashboard-container .unpay-tip,
.is-darkmode .profile-container .pro-bag,
.is-darkmode .profile-container .pro-setting,
.is-darkmode .profile-container .pro-reset,
.is-darkmode .profile-container .pro-tele,
.is-darkmode .home-advance .tabs,
.is-darkmode .home-service .coopers-list .item > span,
.is-darkmode .home-question .qa-list .ant-collapse-content,
.is-darkmode .agreement-container .card,
.is-darkmode .auth-container .right-form,
.is-darkmode .auth-container .right-form .wrapper,
.is-darkmode .pay-qrcode .qr-code-container {
  background: var(--aurora-glass-dark) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--aurora-panel-text-dark) !important;
  box-shadow: var(--aurora-glass-shadow) !important;
}

.is-darkmode .ant-card,
.is-darkmode .ant-card-head,
.is-darkmode .ant-card-body,
.is-darkmode .ant-table,
.is-darkmode .ant-table-thead > tr > th,
.is-darkmode .ant-table-tbody > tr > td,
.is-darkmode .ant-table-placeholder,
.is-darkmode .ant-tabs-bar,
.is-darkmode .ant-collapse,
.is-darkmode .ant-collapse-content,
.is-darkmode .ant-collapse > .ant-collapse-item,
.is-darkmode .ant-list-item,
.is-darkmode .ant-descriptions-view,
.is-darkmode .ant-descriptions-row,
.is-darkmode .ant-descriptions-item-label,
.is-darkmode .ant-descriptions-item-content,
.is-darkmode .ant-select-dropdown-menu,
.is-darkmode .ant-select-dropdown-menu-item,
.is-darkmode .subscribe-info .import-btns .tips,
.is-darkmode .line-hr {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.is-darkmode .ant-table-tbody > tr:hover > td,
.is-darkmode .ant-select-dropdown-menu-item:hover,
.is-darkmode .ant-select-dropdown-menu-item-active,
.is-darkmode .subscribe-info .client-links .link-item:hover,
.is-darkmode .layout-container .menu-group .g-links li:hover .link,
.is-darkmode .layout-container .menu-group .g-links li.is-active .link,
.is-darkmode .overview-box .item:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.is-darkmode .profile-container .pro-bg {
  background: var(--aurora-tech-bg) center / cover no-repeat !important;
}

.is-darkmode .profile-container .pro-bg img {
  display: none !important;
}

.is-darkmode .profile-container .pro-bag,
.is-darkmode .profile-container .pro-bag .tit,
.is-darkmode .profile-container .pro-bag .rmb,
.is-darkmode .profile-container .pro-setting .item,
.is-darkmode .profile-container .pro-setting .tip,
.is-darkmode .profile-container .pro-tele .desc,
.is-darkmode .profile-container .ant-card-head-title,
.is-darkmode .profile-container .ant-form-item-label > label,
.is-darkmode .profile-container .tele-item .tit,
.is-darkmode .profile-container .tele-item .desc,
.is-darkmode .profile-container .mofify-password,
.is-darkmode .profile-container .ant-input {
  color: var(--aurora-panel-text-dark) !important;
}

.is-darkmode .auth-container .right-form .input,
.is-darkmode .auth-container .right-form .ant-input,
.is-darkmode .auth-container .right-form .ant-input-affix-wrapper,
.is-darkmode .auth-container .right-form .ant-select-selection,
.is-darkmode .ant-modal-content,
.is-darkmode .ant-popover-inner,
.is-darkmode .ant-dropdown-menu {
  background-color: rgba(25, 31, 43, 0.54) !important;
  color: #f7fbff !important;
}

.layout-container .menu-logo img,
.pay-qrcode .logo img,
.agreement-container .logo img,
img[src*="rocket2.a37fff7d.svg"] {
  content: var(--aurora-logo-url) !important;
  object-fit: contain !important;
}

.layout-container .menu-logo img {
  width: 42px !important;
  height: 42px !important;
  filter: drop-shadow(0 0 8px rgba(54, 207, 255, 0.3));
  transition: none !important;
}

.rocket-container .img {
  width: 360px !important;
  height: 360px !important;
  margin: 0 auto;
  background: transparent !important;
  filter: drop-shadow(0 0 16px rgba(54, 207, 255, 0.35));
}

.auth-container .rocket-container .img .in,
.auth-container .rocket-container .img canvas,
.auth-container .rocket-container .img svg {
  display: block !important;
  visibility: visible !important;
}

.rocket-container .txt,
.rocket-container .txt .tit,
.rocket-container .txt .desc {
  color: #f7fbff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

.auth-container .auth-box {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 700px) {
  body {
    background-attachment: scroll !important;
  }

  .rocket-container .img {
    width: 190px !important;
    height: 190px !important;
  }
}

/* Final glass cleanup: remove leftover solid panels from bundled theme CSS. */
.layout-container .layout-menu,
.layout-container .layout-content,
.layout-container .content,
.layout-container .menu-group,
.layout-container .menu-group .g-links li .link,
.panel-body,
.use-shadow,
.plan-card,
.overview-box .item,
.profile-container .pro-bag,
.profile-container .pro-setting,
.profile-container .pro-reset,
.profile-container .pro-tele,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links,
.subscribe-info .client-links .link-item,
.dashboard-container .unpay-tip,
.agreement-container .card,
.pay-qrcode .qr-code-container,
.auth-container .right-form .wrapper,
.ant-card,
.ant-card-head,
.ant-card-body,
.ant-alert,
.ant-modal-content,
.ant-popover-inner,
.ant-popover-inner-content,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-calendar,
.ant-table,
.ant-table-content,
.ant-table-body,
.ant-table-placeholder,
.ant-collapse,
.ant-collapse-content,
.ant-collapse-content-box,
.ant-tabs,
.ant-tabs-content,
.ant-list,
.ant-list-item,
.ant-descriptions,
.ant-descriptions-view,
.ant-empty,
.tele-item .bglink {
  background: var(--aurora-glass-light) !important;
  background-color: var(--aurora-glass-light) !important;
  border-color: var(--aurora-glass-border) !important;
  box-shadow: var(--aurora-glass-shadow) !important;
  backdrop-filter: saturate(150%) blur(14px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(14px) !important;
}

.ant-card-head,
.ant-card-body,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body,
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body,
.ant-collapse > .ant-collapse-item,
.ant-collapse-content,
.ant-tabs-bar,
.ant-descriptions-row,
.ant-descriptions-item-label,
.ant-descriptions-item-content,
.ant-select-dropdown-menu,
.ant-select-dropdown-menu-item,
.ant-dropdown-menu-item,
.ant-menu,
.ant-menu-item,
.ant-menu-submenu-title,
.line-hr {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

.auth-container .right-form,
.auth-container .left-img,
.auth-container .left-img .warp,
.auth-container .left-img .img,
.profile-container .pro-bg,
.home-container,
.home-banner,
.home-spec,
.home-advance,
.home-service,
.home-question,
.home-about,
.copyright {
  background-color: transparent !important;
}

.auth-container .right-form .input,
.auth-container .right-form .ant-input,
.auth-container .right-form .ant-input-affix-wrapper,
.auth-container .right-form .ant-select-selection,
.ant-input,
.ant-input-affix-wrapper,
.ant-select-selection,
.ant-input-number,
.ant-picker,
.ant-textarea,
.ant-upload.ant-upload-drag,
.ant-upload.ant-upload-select-picture-card {
  background: var(--aurora-glass-soft) !important;
  background-color: var(--aurora-glass-soft) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  backdrop-filter: saturate(140%) blur(10px) !important;
  -webkit-backdrop-filter: saturate(140%) blur(10px) !important;
}

.layout-container .menu-group .g-links li:hover .link,
.layout-container .menu-group .g-links li.is-active .link,
.overview-box .item:hover,
.ant-table-tbody > tr:hover > td,
.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-active,
.ant-dropdown-menu-item:hover,
.subscribe-info .client-links .link-item:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
}

body.is-darkmode .layout-container .layout-menu,
body.is-darkmode .layout-container .layout-content,
body.is-darkmode .layout-container .content,
body.is-darkmode .layout-container .menu-group,
body.is-darkmode .layout-container .menu-group .g-links li .link,
body.is-darkmode .panel-body,
body.is-darkmode .use-shadow,
body.is-darkmode .plan-card,
body.is-darkmode .overview-box .item,
body.is-darkmode .profile-container .pro-bag,
body.is-darkmode .profile-container .pro-setting,
body.is-darkmode .profile-container .pro-reset,
body.is-darkmode .profile-container .pro-tele,
body.is-darkmode .subscribe-info .subs-box,
body.is-darkmode .subscribe-info .import-btns,
body.is-darkmode .subscribe-info .client-links,
body.is-darkmode .subscribe-info .client-links .link-item,
body.is-darkmode .dashboard-container .unpay-tip,
body.is-darkmode .agreement-container .card,
body.is-darkmode .pay-qrcode .qr-code-container,
body.is-darkmode .auth-container .right-form .wrapper,
body.is-darkmode .ant-card,
body.is-darkmode .ant-card-head,
body.is-darkmode .ant-card-body,
body.is-darkmode .ant-alert,
body.is-darkmode .ant-modal-content,
body.is-darkmode .ant-popover-inner,
body.is-darkmode .ant-popover-inner-content,
body.is-darkmode .ant-dropdown-menu,
body.is-darkmode .ant-select-dropdown,
body.is-darkmode .ant-calendar,
body.is-darkmode .ant-table,
body.is-darkmode .ant-table-content,
body.is-darkmode .ant-table-body,
body.is-darkmode .ant-table-placeholder,
body.is-darkmode .ant-collapse,
body.is-darkmode .ant-collapse-content,
body.is-darkmode .ant-collapse-content-box,
body.is-darkmode .ant-tabs,
body.is-darkmode .ant-tabs-content,
body.is-darkmode .ant-list,
body.is-darkmode .ant-list-item,
body.is-darkmode .ant-descriptions,
body.is-darkmode .ant-descriptions-view,
body.is-darkmode .ant-empty,
body.is-darkmode .tele-item .bglink {
  background: var(--aurora-glass-dark) !important;
  background-color: var(--aurora-glass-dark) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

body.is-darkmode .ant-card-head,
body.is-darkmode .ant-card-body,
body.is-darkmode .ant-table-thead > tr > th,
body.is-darkmode .ant-table-tbody > tr > td,
body.is-darkmode .ant-collapse > .ant-collapse-item,
body.is-darkmode .ant-collapse-content,
body.is-darkmode .ant-tabs-bar,
body.is-darkmode .ant-descriptions-row,
body.is-darkmode .ant-descriptions-item-label,
body.is-darkmode .ant-descriptions-item-content,
body.is-darkmode .ant-select-dropdown-menu,
body.is-darkmode .ant-select-dropdown-menu-item,
body.is-darkmode .ant-dropdown-menu-item,
body.is-darkmode .ant-menu,
body.is-darkmode .ant-menu-item,
body.is-darkmode .ant-menu-submenu-title,
body.is-darkmode .line-hr {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.is-darkmode .auth-container .right-form .input,
body.is-darkmode .auth-container .right-form .ant-input,
body.is-darkmode .auth-container .right-form .ant-input-affix-wrapper,
body.is-darkmode .auth-container .right-form .ant-select-selection,
body.is-darkmode .ant-input,
body.is-darkmode .ant-input-affix-wrapper,
body.is-darkmode .ant-select-selection,
body.is-darkmode .ant-input-number,
body.is-darkmode .ant-picker,
body.is-darkmode .ant-textarea,
body.is-darkmode .ant-upload.ant-upload-drag,
body.is-darkmode .ant-upload.ant-upload-select-picture-card {
  background: rgba(12, 18, 32, 0.24) !important;
  background-color: rgba(12, 18, 32, 0.24) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.is-darkmode .layout-container .menu-group .g-links li:hover .link,
body.is-darkmode .layout-container .menu-group .g-links li.is-active .link,
body.is-darkmode .overview-box .item:hover,
body.is-darkmode .ant-table-tbody > tr:hover > td,
body.is-darkmode .ant-select-dropdown-menu-item:hover,
body.is-darkmode .ant-select-dropdown-menu-item-active,
body.is-darkmode .ant-dropdown-menu-item:hover,
body.is-darkmode .subscribe-info .client-links .link-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Aurora targeted glass polish: keep page containers transparent and make the real cards bright glass. */
:root {
  --aurora-glass-light: rgba(255, 255, 255, 0.28);
  --aurora-glass-soft: rgba(255, 255, 255, 0.18);
  --aurora-glass-dark: rgba(14, 20, 32, 0.3);
  --aurora-glass-border: rgba(255, 255, 255, 0.34);
  --aurora-glass-shadow: 0 18px 50px rgba(5, 10, 22, 0.18);
  --aurora-glass-blur: saturate(165%) blur(18px);
}

.auth-container .right-form {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.auth-container .right-form .wrapper,
.mysubs-container .server-table.use-shadow,
.order-container .order-table.use-shadow,
.invite-container .code-table.use-shadow,
.invite-container .give-table.use-shadow,
.invite-container .bal-box,
.ticket-container .ticket-table.use-shadow,
.flow-container .flow-table.use-shadow,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.dashboard-container .flow-box,
.buysubs-container .order-box,
.order-info .order-main,
.order-info .order-side,
.ticket-chat,
.ticket-chat .chat-reply .input {
  background: var(--aurora-glass-light) !important;
  background-color: var(--aurora-glass-light) !important;
  border: 1px solid var(--aurora-glass-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--aurora-glass-shadow) !important;
  backdrop-filter: var(--aurora-glass-blur) !important;
  -webkit-backdrop-filter: var(--aurora-glass-blur) !important;
}

.mysubs-container .server-table.use-shadow .ant-table,
.mysubs-container .server-table.use-shadow .ant-table-content,
.mysubs-container .server-table.use-shadow .ant-table-body,
.order-container .order-table.use-shadow .ant-table,
.order-container .order-table.use-shadow .ant-table-content,
.order-container .order-table.use-shadow .ant-table-body,
.invite-container .code-table.use-shadow .ant-table,
.invite-container .code-table.use-shadow .ant-table-content,
.invite-container .code-table.use-shadow .ant-table-body,
.invite-container .give-table.use-shadow .ant-table,
.invite-container .give-table.use-shadow .ant-table-content,
.invite-container .give-table.use-shadow .ant-table-body,
.ticket-container .ticket-table.use-shadow .ant-table,
.ticket-container .ticket-table.use-shadow .ant-table-content,
.ticket-container .ticket-table.use-shadow .ant-table-body,
.flow-container .flow-table.use-shadow .ant-table,
.flow-container .flow-table.use-shadow .ant-table-content,
.flow-container .flow-table.use-shadow .ant-table-body {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.use-shadow .ant-table-thead > tr > th {
  background: rgba(255, 255, 255, 0.14) !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
.ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.use-shadow .ant-table-tbody > tr > td {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.mysubs-container .server-table.use-shadow,
.mysubs-container .server-table.use-shadow .ant-table,
.mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
.mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.use-shadow,
.order-container .order-table.use-shadow .ant-table,
.order-container .order-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.use-shadow,
.invite-container .code-table.use-shadow .ant-table,
.invite-container .code-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.use-shadow,
.invite-container .give-table.use-shadow .ant-table,
.invite-container .give-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .bal-box,
.ticket-container .ticket-table.use-shadow,
.ticket-container .ticket-table.use-shadow .ant-table,
.ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.use-shadow,
.flow-container .flow-table.use-shadow .ant-table,
.flow-container .flow-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.use-shadow .ant-table-tbody > tr > td,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .flow-box,
.buysubs-container .order-box,
.buysubs-container .order-box .tit,
.order-info .order-main,
.order-info .order-side,
.order-info .g-group .tit,
.ticket-chat,
.ticket-chat .chat-item .name,
.ticket-chat .chat-item .time,
.ticket-chat .chat-reply .input {
  color: #121a2b !important;
  text-shadow: 0 1px 10px rgba(255, 255, 255, 0.28) !important;
}

.ticket-chat .chat-item {
  border-color: rgba(255, 255, 255, 0.22) !important;
}

.flow-container .flow-alert {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #121a2b !important;
}

body.is-darkmode .auth-container .right-form {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-darkmode .auth-container .right-form .wrapper,
body.is-darkmode .mysubs-container .server-table.use-shadow,
body.is-darkmode .order-container .order-table.use-shadow,
body.is-darkmode .invite-container .code-table.use-shadow,
body.is-darkmode .invite-container .give-table.use-shadow,
body.is-darkmode .invite-container .bal-box,
body.is-darkmode .ticket-container .ticket-table.use-shadow,
body.is-darkmode .flow-container .flow-table.use-shadow,
body.is-darkmode .subscribe-info .subs-box,
body.is-darkmode .subscribe-info .import-btns,
body.is-darkmode .dashboard-container .flow-box,
body.is-darkmode .buysubs-container .order-box,
body.is-darkmode .order-info .order-main,
body.is-darkmode .order-info .order-side,
body.is-darkmode .ticket-chat,
body.is-darkmode .ticket-chat .chat-reply .input {
  background: var(--aurora-glass-dark) !important;
  background-color: var(--aurora-glass-dark) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

body.is-darkmode .mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .order-container .order-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .code-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .give-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .flow-container .flow-table.use-shadow .ant-table-thead > tr > th {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

body.is-darkmode .mysubs-container .server-table.use-shadow,
body.is-darkmode .mysubs-container .server-table.use-shadow .ant-table,
body.is-darkmode .mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .order-container .order-table.use-shadow,
body.is-darkmode .order-container .order-table.use-shadow .ant-table,
body.is-darkmode .order-container .order-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .order-container .order-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .code-table.use-shadow,
body.is-darkmode .invite-container .code-table.use-shadow .ant-table,
body.is-darkmode .invite-container .code-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .give-table.use-shadow,
body.is-darkmode .invite-container .give-table.use-shadow .ant-table,
body.is-darkmode .invite-container .give-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .bal-box,
body.is-darkmode .ticket-container .ticket-table.use-shadow,
body.is-darkmode .ticket-container .ticket-table.use-shadow .ant-table,
body.is-darkmode .ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .flow-container .flow-table.use-shadow,
body.is-darkmode .flow-container .flow-table.use-shadow .ant-table,
body.is-darkmode .flow-container .flow-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .flow-container .flow-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .subscribe-info .subs-box,
body.is-darkmode .subscribe-info .import-btns,
body.is-darkmode .subscribe-info .client-links .link-item,
body.is-darkmode .dashboard-container .flow-box,
body.is-darkmode .buysubs-container .order-box,
body.is-darkmode .buysubs-container .order-box .tit,
body.is-darkmode .order-info .order-main,
body.is-darkmode .order-info .order-side,
body.is-darkmode .order-info .g-group .tit,
body.is-darkmode .ticket-chat,
body.is-darkmode .ticket-chat .chat-item .name,
body.is-darkmode .ticket-chat .chat-item .time,
body.is-darkmode .ticket-chat .chat-reply .input,
body.is-darkmode .flow-container .flow-alert {
  color: #f7fbff !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45) !important;
}

/* Aurora conflict guard: page chunk CSS may repaint Ant table internals after route changes. */
.mysubs-container .server-table.data-table.use-shadow,
.order-container .order-table.data-table.use-shadow,
.invite-container .code-table.data-table.use-shadow,
.invite-container .give-table.data-table.use-shadow,
.ticket-container .ticket-table.data-table.use-shadow,
.flow-container .flow-table.data-table.use-shadow {
  background: rgba(255, 255, 255, 0.32) !important;
  background-color: rgba(255, 255, 255, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  box-shadow: 0 18px 46px rgba(5, 10, 22, 0.16) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-spin-nested-loading,
.mysubs-container .server-table.data-table.use-shadow .ant-spin-container,
.mysubs-container .server-table.data-table.use-shadow .ant-table-wrapper,
.mysubs-container .server-table.data-table.use-shadow .ant-table-content,
.mysubs-container .server-table.data-table.use-shadow .ant-table-scroll,
.mysubs-container .server-table.data-table.use-shadow .ant-table-header,
.mysubs-container .server-table.data-table.use-shadow .ant-table-body,
.mysubs-container .server-table.data-table.use-shadow .ant-table-fixed,
.mysubs-container .server-table.data-table.use-shadow .ant-table-fixed-left,
.mysubs-container .server-table.data-table.use-shadow .ant-table-fixed-right,
.mysubs-container .server-table.data-table.use-shadow .ant-table-placeholder,
.order-container .order-table.data-table.use-shadow .ant-spin-nested-loading,
.order-container .order-table.data-table.use-shadow .ant-spin-container,
.order-container .order-table.data-table.use-shadow .ant-table-wrapper,
.order-container .order-table.data-table.use-shadow .ant-table-content,
.order-container .order-table.data-table.use-shadow .ant-table-scroll,
.order-container .order-table.data-table.use-shadow .ant-table-header,
.order-container .order-table.data-table.use-shadow .ant-table-body,
.order-container .order-table.data-table.use-shadow .ant-table-fixed,
.order-container .order-table.data-table.use-shadow .ant-table-fixed-left,
.order-container .order-table.data-table.use-shadow .ant-table-fixed-right,
.order-container .order-table.data-table.use-shadow .ant-table-placeholder,
.invite-container .code-table.data-table.use-shadow .ant-spin-nested-loading,
.invite-container .code-table.data-table.use-shadow .ant-spin-container,
.invite-container .code-table.data-table.use-shadow .ant-table-wrapper,
.invite-container .code-table.data-table.use-shadow .ant-table-content,
.invite-container .code-table.data-table.use-shadow .ant-table-scroll,
.invite-container .code-table.data-table.use-shadow .ant-table-header,
.invite-container .code-table.data-table.use-shadow .ant-table-body,
.invite-container .code-table.data-table.use-shadow .ant-table-fixed,
.invite-container .code-table.data-table.use-shadow .ant-table-fixed-left,
.invite-container .code-table.data-table.use-shadow .ant-table-fixed-right,
.invite-container .code-table.data-table.use-shadow .ant-table-placeholder,
.invite-container .give-table.data-table.use-shadow .ant-spin-nested-loading,
.invite-container .give-table.data-table.use-shadow .ant-spin-container,
.invite-container .give-table.data-table.use-shadow .ant-table-wrapper,
.invite-container .give-table.data-table.use-shadow .ant-table-content,
.invite-container .give-table.data-table.use-shadow .ant-table-scroll,
.invite-container .give-table.data-table.use-shadow .ant-table-header,
.invite-container .give-table.data-table.use-shadow .ant-table-body,
.invite-container .give-table.data-table.use-shadow .ant-table-fixed,
.invite-container .give-table.data-table.use-shadow .ant-table-fixed-left,
.invite-container .give-table.data-table.use-shadow .ant-table-fixed-right,
.invite-container .give-table.data-table.use-shadow .ant-table-placeholder,
.ticket-container .ticket-table.data-table.use-shadow .ant-spin-nested-loading,
.ticket-container .ticket-table.data-table.use-shadow .ant-spin-container,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-wrapper,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-content,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-scroll,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-header,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-body,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-fixed,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-fixed-left,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-fixed-right,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-placeholder,
.flow-container .flow-table.data-table.use-shadow .ant-spin-nested-loading,
.flow-container .flow-table.data-table.use-shadow .ant-spin-container,
.flow-container .flow-table.data-table.use-shadow .ant-table-wrapper,
.flow-container .flow-table.data-table.use-shadow .ant-table-content,
.flow-container .flow-table.data-table.use-shadow .ant-table-scroll,
.flow-container .flow-table.data-table.use-shadow .ant-table-header,
.flow-container .flow-table.data-table.use-shadow .ant-table-body,
.flow-container .flow-table.data-table.use-shadow .ant-table-fixed,
.flow-container .flow-table.data-table.use-shadow .ant-table-fixed-left,
.flow-container .flow-table.data-table.use-shadow .ant-table-fixed-right,
.flow-container .flow-table.data-table.use-shadow .ant-table-placeholder {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mysubs-container .server-table.data-table.use-shadow table,
.order-container .order-table.data-table.use-shadow table,
.invite-container .code-table.data-table.use-shadow table,
.invite-container .give-table.data-table.use-shadow table,
.ticket-container .ticket-table.data-table.use-shadow table,
.flow-container .flow-table.data-table.use-shadow table {
  background: transparent !important;
  background-color: transparent !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.data-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.data-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.data-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.data-table.use-shadow .ant-table-thead > tr > th {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  color: #101828 !important;
  font-weight: 600 !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.data-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.data-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.data-table.use-shadow .ant-table-tbody > tr > td,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.data-table.use-shadow .ant-table-tbody > tr > td,
.mysubs-container .server-table.data-table.use-shadow .ant-empty-description,
.order-container .order-table.data-table.use-shadow .ant-empty-description,
.invite-container .code-table.data-table.use-shadow .ant-empty-description,
.invite-container .give-table.data-table.use-shadow .ant-empty-description,
.ticket-container .ticket-table.data-table.use-shadow .ant-empty-description,
.flow-container .flow-table.data-table.use-shadow .ant-empty-description,
.mysubs-container .server-table.data-table.use-shadow .ant-pagination,
.order-container .order-table.data-table.use-shadow .ant-pagination,
.invite-container .code-table.data-table.use-shadow .ant-pagination,
.invite-container .give-table.data-table.use-shadow .ant-pagination,
.ticket-container .ticket-table.data-table.use-shadow .ant-pagination,
.flow-container .flow-table.data-table.use-shadow .ant-pagination {
  color: #101828 !important;
  text-shadow: 0 1px 10px rgba(255, 255, 255, 0.32) !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.order-container .order-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.invite-container .code-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.invite-container .give-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.flow-container .flow-table.data-table.use-shadow .ant-table-tbody > tr:hover > td {
  background: rgba(255, 255, 255, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.auth-container .right-form:not(.wrapper) {
  background-image: none !important;
  outline: 0 !important;
}

.auth-container .right-form .wrapper {
  background: rgba(255, 255, 255, 0.32) !important;
  background-color: rgba(255, 255, 255, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}

body.is-darkmode .mysubs-container .server-table.data-table.use-shadow,
body.is-darkmode .order-container .order-table.data-table.use-shadow,
body.is-darkmode .invite-container .code-table.data-table.use-shadow,
body.is-darkmode .invite-container .give-table.data-table.use-shadow,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow,
body.is-darkmode .auth-container .right-form .wrapper {
  background: rgba(14, 20, 32, 0.32) !important;
  background-color: rgba(14, 20, 32, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

body.is-darkmode .mysubs-container .server-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .order-container .order-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .code-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .give-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow .ant-table-thead > tr > th {
  background: rgba(255, 255, 255, 0.11) !important;
  background-color: rgba(255, 255, 255, 0.11) !important;
  color: #f7fbff !important;
}

body.is-darkmode .mysubs-container .server-table.data-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .order-container .order-table.data-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .code-table.data-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .give-table.data-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .mysubs-container .server-table.data-table.use-shadow .ant-empty-description,
body.is-darkmode .order-container .order-table.data-table.use-shadow .ant-empty-description,
body.is-darkmode .invite-container .code-table.data-table.use-shadow .ant-empty-description,
body.is-darkmode .invite-container .give-table.data-table.use-shadow .ant-empty-description,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow .ant-empty-description,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow .ant-empty-description,
body.is-darkmode .mysubs-container .server-table.data-table.use-shadow .ant-pagination,
body.is-darkmode .order-container .order-table.data-table.use-shadow .ant-pagination,
body.is-darkmode .invite-container .code-table.data-table.use-shadow .ant-pagination,
body.is-darkmode .invite-container .give-table.data-table.use-shadow .ant-pagination,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow .ant-pagination,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow .ant-pagination {
  color: #f7fbff !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45) !important;
}

/* Aurora transparency tune: keep the background visible while preserving readable text. */
.mysubs-container .server-table.data-table.use-shadow,
.order-container .order-table.data-table.use-shadow,
.invite-container .code-table.data-table.use-shadow,
.invite-container .give-table.data-table.use-shadow,
.ticket-container .ticket-table.data-table.use-shadow,
.flow-container .flow-table.data-table.use-shadow,
.invite-container .bal-box,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .flow-box,
.buysubs-container .order-box,
.order-info .order-main,
.order-info .order-side,
.ticket-chat,
.ticket-chat .chat-reply .input,
.flow-container .flow-alert {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 18px 46px rgba(5, 10, 22, 0.14) !important;
  backdrop-filter: saturate(185%) blur(22px) !important;
  -webkit-backdrop-filter: saturate(185%) blur(22px) !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.data-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.data-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.data-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.data-table.use-shadow .ant-table-thead > tr > th {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #07111f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.82) !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.order-container .order-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.invite-container .code-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.invite-container .give-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-tbody > tr:hover > td,
.flow-container .flow-table.data-table.use-shadow .ant-table-tbody > tr:hover > td {
  background: rgba(255, 255, 255, 0.14) !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
}

.mysubs-container .server-table.data-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.data-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.data-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.data-table.use-shadow .ant-table-tbody > tr > td,
.ticket-container .ticket-table.data-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.data-table.use-shadow .ant-table-tbody > tr > td,
.mysubs-container .server-table.data-table.use-shadow .ant-empty-description,
.order-container .order-table.data-table.use-shadow .ant-empty-description,
.invite-container .code-table.data-table.use-shadow .ant-empty-description,
.invite-container .give-table.data-table.use-shadow .ant-empty-description,
.ticket-container .ticket-table.data-table.use-shadow .ant-empty-description,
.flow-container .flow-table.data-table.use-shadow .ant-empty-description,
.mysubs-container .server-table.data-table.use-shadow .ant-pagination,
.order-container .order-table.data-table.use-shadow .ant-pagination,
.invite-container .code-table.data-table.use-shadow .ant-pagination,
.invite-container .give-table.data-table.use-shadow .ant-pagination,
.ticket-container .ticket-table.data-table.use-shadow .ant-pagination,
.flow-container .flow-table.data-table.use-shadow .ant-pagination,
.invite-container .bal-box,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .flow-box,
.buysubs-container .order-box,
.order-info .order-main,
.order-info .order-side,
.ticket-chat,
.flow-container .flow-alert {
  color: #07111f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.78) !important;
}

.auth-container .right-form {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.auth-container .right-form .wrapper {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  box-shadow: 0 20px 58px rgba(5, 10, 22, 0.18) !important;
  backdrop-filter: saturate(190%) blur(24px) !important;
  -webkit-backdrop-filter: saturate(190%) blur(24px) !important;
}

.auth-container .right-form,
.auth-container .right-form .title,
.auth-container .right-form .title b,
.auth-container .right-form .tip,
.auth-container .right-form .control,
.auth-container .right-form .agree,
.auth-container .right-form .ant-form-item-label label,
.auth-container .right-form .ant-form-explain,
.auth-container .right-form .ant-checkbox-wrapper,
.auth-container .right-form .ant-input,
.auth-container .right-form input,
.auth-container .right-form textarea {
  color: #07111f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.88), 0 8px 24px rgba(255, 255, 255, 0.34) !important;
}

.auth-container .right-form a,
.auth-container .right-form .blu,
.auth-container .right-form .tip a,
.auth-container .right-form .agree a {
  color: #0057d8 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.95), 0 8px 18px rgba(255, 255, 255, 0.42) !important;
}

.auth-container .right-form a:hover,
.auth-container .right-form .blu:hover,
.auth-container .right-form .tip a:hover,
.auth-container .right-form .agree a:hover {
  color: #003fba !important;
  text-decoration: underline !important;
}

.auth-container .right-form .ant-input,
.auth-container .right-form .ant-input-affix-wrapper,
.auth-container .right-form .ant-select-selection,
.auth-container .right-form input,
.auth-container .right-form textarea {
  background: rgba(255, 255, 255, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}

.auth-container .right-form input::placeholder,
.auth-container .right-form textarea::placeholder,
.auth-container .right-form .ant-input::placeholder {
  color: rgba(7, 17, 31, 0.68) !important;
}

body.is-darkmode .mysubs-container .server-table.data-table.use-shadow,
body.is-darkmode .order-container .order-table.data-table.use-shadow,
body.is-darkmode .invite-container .code-table.data-table.use-shadow,
body.is-darkmode .invite-container .give-table.data-table.use-shadow,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow,
body.is-darkmode .invite-container .bal-box,
body.is-darkmode .subscribe-info .subs-box,
body.is-darkmode .subscribe-info .import-btns,
body.is-darkmode .subscribe-info .client-links .link-item,
body.is-darkmode .dashboard-container .flow-box,
body.is-darkmode .buysubs-container .order-box,
body.is-darkmode .order-info .order-main,
body.is-darkmode .order-info .order-side,
body.is-darkmode .ticket-chat,
body.is-darkmode .ticket-chat .chat-reply .input,
body.is-darkmode .flow-container .flow-alert,
body.is-darkmode .auth-container .right-form .wrapper {
  background: rgba(8, 12, 22, 0.24) !important;
  background-color: rgba(8, 12, 22, 0.24) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

body.is-darkmode .mysubs-container .server-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .order-container .order-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .code-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .give-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .ticket-container .ticket-table.data-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .flow-container .flow-table.data-table.use-shadow .ant-table-thead > tr > th {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #f7fbff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5) !important;
}

body.is-darkmode .auth-container .right-form,
body.is-darkmode .auth-container .right-form .title,
body.is-darkmode .auth-container .right-form .title b,
body.is-darkmode .auth-container .right-form .tip,
body.is-darkmode .auth-container .right-form .control,
body.is-darkmode .auth-container .right-form .agree,
body.is-darkmode .auth-container .right-form .ant-form-item-label label,
body.is-darkmode .auth-container .right-form .ant-form-explain,
body.is-darkmode .auth-container .right-form .ant-checkbox-wrapper,
body.is-darkmode .auth-container .right-form .ant-input,
body.is-darkmode .auth-container .right-form input,
body.is-darkmode .auth-container .right-form textarea {
  color: #f7fbff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.56) !important;
}

body.is-darkmode .auth-container .right-form a,
body.is-darkmode .auth-container .right-form .blu,
body.is-darkmode .auth-container .right-form .tip a,
body.is-darkmode .auth-container .right-form .agree a {
  color: #9ed0ff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6) !important;
}

body.is-darkmode .auth-container .right-form .ant-input,
body.is-darkmode .auth-container .right-form .ant-input-affix-wrapper,
body.is-darkmode .auth-container .right-form .ant-select-selection,
body.is-darkmode .auth-container .right-form input,
body.is-darkmode .auth-container .right-form textarea {
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

/* Aurora card-code entry: injected from custom.js, scoped to avoid touching built menus. */
.layout-container .menu-group.aurora-card-menu-group .g-title,
.layout-container .menu-group.aurora-card-menu-group .tit {
  color: #07111f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.72) !important;
}

.layout-container .menu-group.aurora-card-menu-group {
  padding: 0 30px;
  margin-bottom: 20px;
}

.layout-container .menu-group.aurora-card-menu-group .g-title {
  margin-bottom: 8px;
  padding-left: 15px;
  font-size: 16px;
}

.layout-container .menu-group.aurora-card-menu-group .g-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.layout-container .menu-group.aurora-card-menu-group .g-links li {
  margin-bottom: 5px;
}

.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  padding: 12px 25px 12px 15px;
  border-radius: 8px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:hover,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:focus {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  outline: none !important;
  transform: translateY(-1px);
}

.layout-container .menu-group.aurora-card-menu-group .svg-icon {
  color: rgba(var(--primary-color), 1) !important;
  font-size: 23px;
}

.layout-container .menu-group.aurora-card-menu-group .tit {
  margin-left: 10px;
  font-size: 16px;
  white-space: nowrap;
}

.aurora-card-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.aurora-card-modal.is-open {
  display: flex;
}

.aurora-card-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 10, 22, 0.36);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.aurora-card-dialog {
  position: relative;
  width: min(460px, 100%);
  padding: 26px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.42);
  box-shadow: 0 24px 70px rgba(5, 10, 22, 0.26);
  color: #07111f;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.82);
  backdrop-filter: saturate(190%) blur(26px);
  -webkit-backdrop-filter: saturate(190%) blur(26px);
}

.aurora-card-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #07111f;
  font-size: 24px;
  line-height: 28px;
  cursor: pointer;
}

.aurora-card-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-right: 28px;
}

.aurora-card-head .svg-icon {
  flex: 0 0 auto;
  font-size: 34px;
  color: rgba(var(--primary-color), 1);
}

.aurora-card-head h2 {
  margin: 0 0 8px;
  color: #07111f;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0;
}

.aurora-card-head p {
  margin: 0;
  color: #172033;
  font-size: 14px;
  line-height: 1.7;
}

.aurora-card-form {
  margin-top: 22px;
}

.aurora-card-form label {
  display: block;
  margin-bottom: 8px;
  color: #07111f;
  font-weight: 700;
}

.aurora-card-form input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  background: rgba(255, 255, 255, 0.26);
  color: #07111f;
  font-size: 15px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.aurora-card-form input::placeholder {
  color: rgba(7, 17, 31, 0.62);
}

.aurora-card-form input:focus {
  border-color: rgba(var(--primary-color), 0.82);
  box-shadow: 0 0 0 3px rgba(var(--primary-color), 0.16);
}

.aurora-card-message {
  min-height: 22px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 700;
}

.aurora-card-message.is-error {
  color: #b42318;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.86);
}

.aurora-card-message.is-success {
  color: #05603a;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.86);
}

.aurora-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.aurora-card-btn {
  min-width: 96px;
  height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-weight: 800;
  cursor: pointer;
}

.aurora-card-btn:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.aurora-card-btn.is-secondary {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.34);
  color: #07111f;
}

.aurora-card-btn.is-primary {
  background: rgba(var(--primary-color), 0.92);
  border-color: rgba(var(--primary-color), 1);
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.28);
}

body.is-darkmode .layout-container .menu-group.aurora-card-menu-group .g-title,
body.is-darkmode .layout-container .menu-group.aurora-card-menu-group .tit {
  color: #f7fbff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55) !important;
}

body.is-darkmode .layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

body.is-darkmode .layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:hover,
body.is-darkmode .layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:focus {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

body.is-darkmode .aurora-card-dialog {
  background: rgba(8, 12, 22, 0.3);
  border-color: rgba(255, 255, 255, 0.22);
  color: #f7fbff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.56);
}

body.is-darkmode .aurora-card-close,
body.is-darkmode .aurora-card-head h2,
body.is-darkmode .aurora-card-head p,
body.is-darkmode .aurora-card-form label,
body.is-darkmode .aurora-card-btn.is-secondary {
  color: #f7fbff;
}

body.is-darkmode .aurora-card-close,
body.is-darkmode .aurora-card-btn.is-secondary {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
}

body.is-darkmode .aurora-card-form input {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.26);
  color: #f7fbff;
}

body.is-darkmode .aurora-card-form input::placeholder {
  color: rgba(247, 251, 255, 0.64);
}

body.is-darkmode .aurora-card-message.is-error {
  color: #ffb4ab;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.62);
}

body.is-darkmode .aurora-card-message.is-success {
  color: #8ff0bf;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.62);
}

@media screen and (max-width: 700px) {
  .layout-container .menu-group.aurora-card-menu-group {
    padding: 0 30px;
  }

  .aurora-card-dialog {
    padding: 22px;
  }

  .aurora-card-actions {
    flex-direction: column-reverse;
  }

  .aurora-card-btn {
    width: 100%;
  }
}

/* Shiye theme final color system: keep light and dark mode predictable. */
:root {
  --shiye-bg-base: #eef5ff;
  --shiye-bg-image: url("img/aurora-background.jpg");
  --shiye-page-overlay: linear-gradient(135deg, rgba(232, 243, 255, 0.38), rgba(255, 255, 255, 0.2) 46%, rgba(214, 231, 255, 0.42));
  --shiye-panel-bg: rgba(255, 255, 255, 0.72);
  --shiye-panel-bg-strong: rgba(255, 255, 255, 0.86);
  --shiye-panel-bg-soft: rgba(255, 255, 255, 0.54);
  --shiye-panel-border: rgba(116, 151, 193, 0.28);
  --shiye-text: #101828;
  --shiye-text-muted: rgba(16, 24, 40, 0.68);
  --shiye-heading: #07111f;
  --shiye-nav-bg: rgba(247, 251, 255, 0.82);
  --shiye-hover-bg: rgba(43, 119, 255, 0.1);
  --shiye-input-bg: rgba(255, 255, 255, 0.78);
  --shiye-shadow: 0 18px 46px rgba(20, 42, 76, 0.14);
  --shiye-blur: saturate(155%) blur(18px);
}

body.is-darkmode {
  --shiye-bg-base: #050814;
  --shiye-page-overlay: linear-gradient(135deg, rgba(2, 8, 20, 0.58), rgba(2, 8, 20, 0.34) 48%, rgba(2, 8, 20, 0.62));
  --shiye-panel-bg: rgba(12, 18, 32, 0.58);
  --shiye-panel-bg-strong: rgba(12, 18, 32, 0.74);
  --shiye-panel-bg-soft: rgba(255, 255, 255, 0.1);
  --shiye-panel-border: rgba(255, 255, 255, 0.18);
  --shiye-text: #f7fbff;
  --shiye-text-muted: rgba(247, 251, 255, 0.72);
  --shiye-heading: #ffffff;
  --shiye-nav-bg: rgba(10, 16, 30, 0.76);
  --shiye-hover-bg: rgba(255, 255, 255, 0.12);
  --shiye-input-bg: rgba(255, 255, 255, 0.12);
  --shiye-shadow: 0 20px 54px rgba(0, 0, 0, 0.26);
}

html,
body {
  min-height: 100% !important;
  background: var(--shiye-bg-base) var(--shiye-bg-image) center / cover fixed no-repeat !important;
  color: var(--shiye-text) !important;
}

body::before {
  background: var(--shiye-page-overlay) !important;
}

#app,
.layout-container,
.layout-container .layout-content,
.layout-container .content,
.auth-container,
.agreement-container,
.home-container,
.home-banner,
.home-advance,
.home-service .service-coopers,
.pay-qrcode,
.no-lisence {
  background: transparent !important;
  background-color: transparent !important;
}

.layout-container .layout-topbar,
.home-header,
.home-header .header-wrapper,
.header-menu {
  background: var(--shiye-nav-bg) !important;
  border-color: var(--shiye-panel-border) !important;
  color: var(--shiye-heading) !important;
  box-shadow: var(--shiye-shadow) !important;
  backdrop-filter: var(--shiye-blur) !important;
  -webkit-backdrop-filter: var(--shiye-blur) !important;
}

.layout-container .layout-menu,
.layout-container .menu-group,
.panel-body,
.use-shadow,
.plan-card,
.ant-card,
.ant-alert,
.ant-table-wrapper,
.ant-collapse,
.ant-tabs,
.ant-list,
.ant-descriptions,
.ant-empty,
.ant-modal-content,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-calendar-picker-container .ant-calendar,
.overview-box .item,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .unpay-tip,
.dashboard-container .flow-box,
.profile-container .pro-bag,
.profile-container .pro-setting,
.profile-container .pro-reset,
.profile-container .pro-tele,
.home-advance .tabs,
.home-service .coopers-list .item > span,
.home-question .qa-list .ant-collapse-content,
.agreement-container .card,
.auth-container .right-form .wrapper,
.pay-qrcode .qr-code-container,
.mysubs-container .server-table.use-shadow,
.order-container .order-table.use-shadow,
.invite-container .code-table.use-shadow,
.invite-container .give-table.use-shadow,
.invite-container .bal-box,
.ticket-container .ticket-table.use-shadow,
.flow-container .flow-table.use-shadow,
.buysubs-container .order-box,
.order-info .order-main,
.order-info .order-side,
.ticket-chat,
.ticket-chat .chat-reply .input,
.flow-container .flow-alert,
.aurora-card-dialog {
  background: var(--shiye-panel-bg) !important;
  background-color: var(--shiye-panel-bg) !important;
  border: 1px solid var(--shiye-panel-border) !important;
  color: var(--shiye-text) !important;
  box-shadow: var(--shiye-shadow) !important;
  backdrop-filter: var(--shiye-blur) !important;
  -webkit-backdrop-filter: var(--shiye-blur) !important;
  text-shadow: none !important;
}

.auth-container .right-form {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ant-card,
.ant-card-head,
.ant-card-body,
.ant-table,
.ant-table-content,
.ant-table-body,
.ant-table-placeholder,
.ant-tabs-bar,
.ant-collapse-content,
.ant-collapse-content-box,
.ant-collapse > .ant-collapse-item,
.ant-list-item,
.ant-descriptions-view,
.ant-descriptions-row,
.ant-descriptions-item-label,
.ant-descriptions-item-content,
.ant-select-dropdown-menu,
.ant-select-dropdown-menu-item,
.ant-dropdown-menu-item,
.line-hr {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--shiye-panel-border) !important;
  color: var(--shiye-text) !important;
}

.ant-table-thead > tr > th,
.mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.use-shadow .ant-table-thead > tr > th {
  background: var(--shiye-panel-bg-soft) !important;
  background-color: var(--shiye-panel-bg-soft) !important;
  border-color: var(--shiye-panel-border) !important;
  color: var(--shiye-heading) !important;
}

.ant-table-tbody > tr > td,
.mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
.ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.use-shadow .ant-table-tbody > tr > td {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--shiye-panel-border) !important;
  color: var(--shiye-text) !important;
}

.ant-table-tbody > tr:hover > td,
.layout-container .menu-group .g-links li:hover .link,
.layout-container .menu-group .g-links li.is-active .link,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:hover,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:focus,
.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-active,
.ant-dropdown-menu-item:hover,
.subscribe-info .client-links .link-item:hover,
.overview-box .item:hover {
  background: var(--shiye-hover-bg) !important;
  background-color: var(--shiye-hover-bg) !important;
}

body,
.layout-container,
.layout-container .layout-topbar,
.layout-container .layout-topbar .title,
.layout-container .corner-bar,
.layout-container .corner-bar .name,
.layout-container .corner-bar .email,
.layout-container .corner-bar .item,
.layout-container .menu-group .g-title,
.layout-container .menu-group .tit,
.home-header,
.home-header .header-logo .logo,
.home-header .header-logo .logo span,
.home-header .header-nav .ant-anchor-link a,
.home-header .header-sign .login,
.home-header .header-book,
.header-menu .ant-anchor-link a,
.ant-card,
.ant-card-head-title,
.ant-form-item-label > label,
.ant-table,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-empty-description,
.ant-pagination,
.auth-container .right-form,
.auth-container .right-form .title,
.auth-container .right-form .title b,
.auth-container .right-form .tip,
.auth-container .right-form .control,
.auth-container .right-form .agree,
.auth-container .right-form .ant-form-item-label label,
.auth-container .right-form .ant-form-explain,
.auth-container .right-form .ant-checkbox-wrapper,
.profile-container .pro-bag,
.profile-container .pro-bag .tit,
.profile-container .pro-bag .rmb,
.profile-container .pro-setting .item,
.profile-container .pro-setting .tip,
.profile-container .pro-tele .desc,
.ticket-chat .chat-item .name,
.ticket-chat .chat-item .time,
.aurora-card-head h2,
.aurora-card-head p,
.aurora-card-form label,
.aurora-card-btn.is-secondary {
  color: var(--shiye-text) !important;
  text-shadow: none !important;
}

.auth-container .left-img .tit,
.auth-container .left-img .desc,
.home-banner .title,
.home-banner .desc {
  color: var(--shiye-heading) !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.22) !important;
}

body.is-darkmode .auth-container .left-img .tit,
body.is-darkmode .auth-container .left-img .desc,
body.is-darkmode .home-banner .title,
body.is-darkmode .home-banner .desc {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.52) !important;
}

.ant-input,
.ant-input-affix-wrapper,
.ant-select-selection,
.ant-input-number,
.ant-picker,
.ant-textarea,
.ant-upload.ant-upload-drag,
.ant-upload.ant-upload-select-picture-card,
.auth-container .right-form .ant-input,
.auth-container .right-form .ant-input-affix-wrapper,
.auth-container .right-form input,
.auth-container .right-form textarea,
.aurora-card-form input {
  background: var(--shiye-input-bg) !important;
  background-color: var(--shiye-input-bg) !important;
  border-color: var(--shiye-panel-border) !important;
  color: var(--shiye-text) !important;
  box-shadow: none !important;
}

.ant-input::placeholder,
.auth-container .right-form input::placeholder,
.auth-container .right-form textarea::placeholder,
.aurora-card-form input::placeholder {
  color: var(--shiye-text-muted) !important;
}

.auth-container .right-form a,
.auth-container .right-form .blu,
.auth-container .right-form .tip a,
.auth-container .right-form .agree a,
.home-header .header-nav .ant-anchor-link:hover a,
.header-menu .ant-anchor-link:hover a,
.home-header .header-sign .login:hover,
.layout-container .menu-group.aurora-card-menu-group .svg-icon {
  color: rgba(var(--primary-color), 1) !important;
}

.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link,
.aurora-card-close,
.aurora-card-btn.is-secondary {
  background: var(--shiye-panel-bg-soft) !important;
  background-color: var(--shiye-panel-bg-soft) !important;
  border-color: var(--shiye-panel-border) !important;
  color: var(--shiye-text) !important;
}

.aurora-card-backdrop {
  background: rgba(5, 10, 22, 0.4) !important;
}

.aurora-card-message.is-error {
  color: #b42318 !important;
}

.aurora-card-message.is-success {
  color: #05603a !important;
}

body.is-darkmode .aurora-card-message.is-error {
  color: #ffb4ab !important;
}

body.is-darkmode .aurora-card-message.is-success {
  color: #8ff0bf !important;
}

@media screen and (max-width: 768px) {
  html,
  body {
    background-attachment: scroll !important;
  }

  .auth-container .right-form .wrapper {
    padding: 26px 22px !important;
  }
}

/* Shiye theme final color system v2: one source of truth for light and dark modes. */
:root {
  --shiye-v2-bg-base: #edf5ff;
  --shiye-v2-bg-image: url("img/aurora-background.jpg");
  --shiye-v2-page-overlay: linear-gradient(135deg, rgba(244, 249, 255, 0.5), rgba(235, 244, 255, 0.22) 46%, rgba(215, 230, 252, 0.48));
  --shiye-v2-shell-bg: rgba(248, 252, 255, 0.86);
  --shiye-v2-panel-bg: rgba(255, 255, 255, 0.76);
  --shiye-v2-panel-bg-strong: rgba(255, 255, 255, 0.9);
  --shiye-v2-panel-bg-soft: rgba(255, 255, 255, 0.58);
  --shiye-v2-table-head-bg: rgba(239, 246, 255, 0.88);
  --shiye-v2-table-row-bg: rgba(255, 255, 255, 0.34);
  --shiye-v2-border: rgba(94, 128, 174, 0.26);
  --shiye-v2-border-strong: rgba(94, 128, 174, 0.38);
  --shiye-v2-text: #172033;
  --shiye-v2-text-soft: rgba(23, 32, 51, 0.72);
  --shiye-v2-heading: #07111f;
  --shiye-v2-input-bg: rgba(255, 255, 255, 0.82);
  --shiye-v2-hover-bg: rgba(43, 119, 255, 0.11);
  --shiye-v2-shadow: 0 18px 46px rgba(20, 42, 76, 0.14);
  --shiye-v2-blur: saturate(165%) blur(18px);
}

body.is-darkmode {
  --shiye-v2-bg-base: #050814;
  --shiye-v2-page-overlay: linear-gradient(135deg, rgba(2, 8, 20, 0.66), rgba(2, 8, 20, 0.42) 46%, rgba(2, 8, 20, 0.72));
  --shiye-v2-shell-bg: rgba(9, 14, 26, 0.8);
  --shiye-v2-panel-bg: rgba(13, 20, 35, 0.74);
  --shiye-v2-panel-bg-strong: rgba(12, 18, 32, 0.88);
  --shiye-v2-panel-bg-soft: rgba(255, 255, 255, 0.1);
  --shiye-v2-table-head-bg: rgba(255, 255, 255, 0.12);
  --shiye-v2-table-row-bg: rgba(255, 255, 255, 0.045);
  --shiye-v2-border: rgba(255, 255, 255, 0.16);
  --shiye-v2-border-strong: rgba(255, 255, 255, 0.24);
  --shiye-v2-text: #f5f9ff;
  --shiye-v2-text-soft: rgba(245, 249, 255, 0.72);
  --shiye-v2-heading: #ffffff;
  --shiye-v2-input-bg: rgba(255, 255, 255, 0.12);
  --shiye-v2-hover-bg: rgba(255, 255, 255, 0.12);
  --shiye-v2-shadow: 0 20px 54px rgba(0, 0, 0, 0.28);
}

html,
body {
  min-height: 100% !important;
  background: var(--shiye-v2-bg-base) var(--shiye-v2-bg-image) center / cover fixed no-repeat !important;
  color: var(--shiye-v2-text) !important;
}

body::before {
  background: var(--shiye-v2-page-overlay) !important;
}

#app,
.layout-container,
.layout-container .layout-content,
.layout-container .content,
.auth-container,
.agreement-container,
.home-container,
.home-banner,
.home-advance,
.home-service,
.home-question,
.home-about,
.pay-qrcode,
.no-lisence {
  background: transparent !important;
  background-color: transparent !important;
}

.layout-container .layout-topbar,
.home-header,
.home-header .header-wrapper,
.header-menu {
  background: var(--shiye-v2-shell-bg) !important;
  border-color: var(--shiye-v2-border) !important;
  color: var(--shiye-v2-heading) !important;
  box-shadow: var(--shiye-v2-shadow) !important;
  backdrop-filter: var(--shiye-v2-blur) !important;
  -webkit-backdrop-filter: var(--shiye-v2-blur) !important;
}

.layout-container .layout-menu,
.layout-container .menu-group,
.panel-body,
.use-shadow,
.plan-card,
.ant-card,
.ant-alert,
.ant-table-wrapper,
.ant-collapse,
.ant-tabs,
.ant-list,
.ant-descriptions,
.ant-empty,
.ant-modal-content,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-calendar-picker-container .ant-calendar,
.overview-box .item,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .unpay-tip,
.dashboard-container .flow-box,
.profile-container .pro-bag,
.profile-container .pro-setting,
.profile-container .pro-reset,
.profile-container .pro-tele,
.home-advance .tabs,
.home-service .coopers-list .item > span,
.home-question .qa-list .ant-collapse-content,
.agreement-container .card,
.auth-container .right-form .wrapper,
.pay-qrcode .qr-code-container,
.mysubs-container .server-table.use-shadow,
.order-container .order-table.use-shadow,
.invite-container .code-table.use-shadow,
.invite-container .give-table.use-shadow,
.invite-container .bal-box,
.ticket-container .ticket-table.use-shadow,
.flow-container .flow-table.use-shadow,
.buysubs-container .order-box,
.order-info .order-main,
.order-info .order-side,
.ticket-chat,
.ticket-chat .chat-reply .input,
.flow-container .flow-alert,
.aurora-card-dialog {
  background: var(--shiye-v2-panel-bg) !important;
  background-color: var(--shiye-v2-panel-bg) !important;
  border: 1px solid var(--shiye-v2-border) !important;
  color: var(--shiye-v2-text) !important;
  box-shadow: var(--shiye-v2-shadow) !important;
  backdrop-filter: var(--shiye-v2-blur) !important;
  -webkit-backdrop-filter: var(--shiye-v2-blur) !important;
  text-shadow: none !important;
}

.auth-container .right-form,
.auth-container .left-img,
.auth-container .left-img .warp,
.auth-container .left-img .img {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ant-table,
.ant-table-content,
.ant-table-body,
.ant-table-scroll,
.ant-table-header,
.ant-table-fixed,
.ant-table-fixed-left,
.ant-table-fixed-right,
.ant-card-head,
.ant-card-body,
.ant-collapse-content-box,
.ant-list-item,
.ant-descriptions-view,
.ant-tabs-content,
.ant-spin-container,
.ant-spin-nested-loading {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--shiye-v2-text) !important;
}

.ant-table-thead > tr > th,
.mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.use-shadow .ant-table-thead > tr > th {
  background: var(--shiye-v2-table-head-bg) !important;
  background-color: var(--shiye-v2-table-head-bg) !important;
  border-color: var(--shiye-v2-border) !important;
  color: var(--shiye-v2-heading) !important;
}

.ant-table-tbody > tr > td,
.mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
.ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.use-shadow .ant-table-tbody > tr > td {
  background: var(--shiye-v2-table-row-bg) !important;
  background-color: var(--shiye-v2-table-row-bg) !important;
  border-color: var(--shiye-v2-border) !important;
  color: var(--shiye-v2-text) !important;
}

.ant-table-tbody > tr:hover > td,
.layout-container .menu-group .g-links li:hover .link,
.layout-container .menu-group .g-links li.is-active .link,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:hover,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:focus,
.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-active,
.ant-dropdown-menu-item:hover,
.subscribe-info .client-links .link-item:hover,
.overview-box .item:hover {
  background: var(--shiye-v2-hover-bg) !important;
  background-color: var(--shiye-v2-hover-bg) !important;
}

body,
.layout-container,
.layout-container .layout-topbar,
.layout-container .layout-topbar .title,
.layout-container .corner-bar,
.layout-container .corner-bar .name,
.layout-container .corner-bar .email,
.layout-container .corner-bar .item,
.layout-container .menu-group .g-title,
.layout-container .menu-group .tit,
.layout-container .version,
.home-header,
.home-header .header-logo .logo,
.home-header .header-logo .logo span,
.home-header .header-nav .ant-anchor-link a,
.home-header .header-sign .login,
.home-header .header-book,
.header-menu .ant-anchor-link a,
.ant-card,
.ant-card-head-title,
.ant-form-item-label > label,
.ant-table,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-empty-description,
.ant-pagination,
.ant-collapse-header,
.ant-collapse-content,
.ant-select-dropdown-menu-item,
.ant-dropdown-menu-item,
.auth-container .right-form,
.auth-container .right-form .title,
.auth-container .right-form .title b,
.auth-container .right-form .tip,
.auth-container .right-form .control,
.auth-container .right-form .agree,
.auth-container .right-form .ant-form-item-label label,
.auth-container .right-form .ant-form-explain,
.auth-container .right-form .ant-checkbox-wrapper,
.profile-container .pro-bag,
.profile-container .pro-bag .tit,
.profile-container .pro-bag .rmb,
.profile-container .pro-setting .item,
.profile-container .pro-setting .tip,
.profile-container .pro-tele .desc,
.ticket-chat .chat-item .name,
.ticket-chat .chat-item .time,
.aurora-card-head h2,
.aurora-card-head p,
.aurora-card-form label,
.aurora-card-btn.is-secondary {
  color: var(--shiye-v2-text) !important;
  text-shadow: none !important;
}

.home-banner .title,
.home-banner .desc,
.home-banner .t1,
.home-banner .t2,
.home-banner .t3,
.home-container .text-title,
.home-spec .spec-list li .tit,
.home-question .qa-title,
.home-about .qa-title,
.auth-container .left-img .tit,
.auth-container .left-img .desc,
.rocket-container .txt,
.rocket-container .txt .tit,
.rocket-container .txt .desc {
  color: var(--shiye-v2-heading) !important;
  text-shadow: 0 2px 18px rgba(255, 255, 255, 0.42) !important;
}

body.is-darkmode .home-banner .title,
body.is-darkmode .home-banner .desc,
body.is-darkmode .home-banner .t1,
body.is-darkmode .home-banner .t2,
body.is-darkmode .home-banner .t3,
body.is-darkmode .home-container .text-title,
body.is-darkmode .home-spec .spec-list li .tit,
body.is-darkmode .home-question .qa-title,
body.is-darkmode .home-about .qa-title,
body.is-darkmode .auth-container .left-img .tit,
body.is-darkmode .auth-container .left-img .desc,
body.is-darkmode .rocket-container .txt,
body.is-darkmode .rocket-container .txt .tit,
body.is-darkmode .rocket-container .txt .desc {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.56) !important;
}

.home-container .text-desc,
.home-spec .spec-list li .desc,
.home-question .qa-list .qa-awnser p,
.home-question .qa-list .qa-awnser ul li,
.home-about .qa-about,
.copyright,
.ant-empty-description,
.aurora-card-head p {
  color: var(--shiye-v2-text-soft) !important;
}

.ant-input,
.ant-input-affix-wrapper,
.ant-select-selection,
.ant-input-number,
.ant-picker,
.ant-textarea,
.ant-upload.ant-upload-drag,
.ant-upload.ant-upload-select-picture-card,
.auth-container .right-form .ant-input,
.auth-container .right-form .ant-input-affix-wrapper,
.auth-container .right-form input,
.auth-container .right-form textarea,
.aurora-card-form input {
  background: var(--shiye-v2-input-bg) !important;
  background-color: var(--shiye-v2-input-bg) !important;
  border-color: var(--shiye-v2-border-strong) !important;
  color: var(--shiye-v2-text) !important;
  box-shadow: none !important;
}

.ant-input::placeholder,
.auth-container .right-form input::placeholder,
.auth-container .right-form textarea::placeholder,
.aurora-card-form input::placeholder {
  color: var(--shiye-v2-text-soft) !important;
}

.auth-container .right-form a,
.auth-container .right-form .blu,
.auth-container .right-form .tip a,
.auth-container .right-form .agree a,
.home-header .header-nav .ant-anchor-link:hover a,
.header-menu .ant-anchor-link:hover a,
.home-header .header-sign .login:hover,
.layout-container .menu-group.aurora-card-menu-group .svg-icon {
  color: rgba(var(--primary-color), 1) !important;
}

.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link,
.aurora-card-close,
.aurora-card-btn.is-secondary {
  background: var(--shiye-v2-panel-bg-soft) !important;
  background-color: var(--shiye-v2-panel-bg-soft) !important;
  border-color: var(--shiye-v2-border) !important;
  color: var(--shiye-v2-text) !important;
}

.aurora-card-backdrop {
  background: rgba(5, 10, 22, 0.42) !important;
}

.aurora-card-message.is-error {
  color: #b42318 !important;
}

.aurora-card-message.is-success {
  color: #05603a !important;
}

body.is-darkmode .aurora-card-message.is-error {
  color: #ffb4ab !important;
}

body.is-darkmode .aurora-card-message.is-success {
  color: #8ff0bf !important;
}

@media screen and (max-width: 768px) {
  html,
  body {
    background-attachment: scroll !important;
  }

  .layout-container .layout-menu,
  .layout-container .layout-topbar,
  .home-header,
  .home-header .header-wrapper,
  .header-menu {
    background: var(--shiye-v2-shell-bg) !important;
  }
}

/* Shiye stable glass fix: transparent in both modes, readable text, no heavy repaint. */
:root {
  --shiye-stable-bg: url("img/aurora-background.jpg");
  --shiye-stable-page-tint: rgba(255, 255, 255, 0.08);
  --shiye-stable-shell-bg: rgba(255, 255, 255, 0.2);
  --shiye-stable-panel-bg: rgba(255, 255, 255, 0.18);
  --shiye-stable-panel-soft: rgba(255, 255, 255, 0.12);
  --shiye-stable-table-head: rgba(255, 255, 255, 0.16);
  --shiye-stable-table-cell: rgba(255, 255, 255, 0.06);
  --shiye-stable-border: rgba(255, 255, 255, 0.36);
  --shiye-stable-text: #111827;
  --shiye-stable-muted: rgba(17, 24, 39, 0.76);
  --shiye-stable-heading: #050914;
  --shiye-stable-input: rgba(255, 255, 255, 0.22);
  --shiye-stable-hover: rgba(56, 148, 255, 0.18);
  --shiye-stable-shadow: 0 14px 36px rgba(20, 36, 64, 0.12);
  --shiye-stable-text-shadow: 0 1px 2px rgba(255, 255, 255, 0.72);
  --shiye-stable-blur: saturate(155%) blur(14px);
}

body.is-darkmode {
  --shiye-stable-page-tint: rgba(1, 5, 16, 0.28);
  --shiye-stable-shell-bg: rgba(6, 10, 24, 0.36);
  --shiye-stable-panel-bg: rgba(7, 12, 26, 0.24);
  --shiye-stable-panel-soft: rgba(255, 255, 255, 0.08);
  --shiye-stable-table-head: rgba(255, 255, 255, 0.1);
  --shiye-stable-table-cell: rgba(255, 255, 255, 0.035);
  --shiye-stable-border: rgba(255, 255, 255, 0.2);
  --shiye-stable-text: #f8fbff;
  --shiye-stable-muted: rgba(232, 240, 255, 0.78);
  --shiye-stable-heading: #ffffff;
  --shiye-stable-input: rgba(255, 255, 255, 0.1);
  --shiye-stable-hover: rgba(255, 255, 255, 0.14);
  --shiye-stable-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
  --shiye-stable-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

html,
body {
  background: #050814 var(--shiye-stable-bg) center / cover fixed no-repeat !important;
  color: var(--shiye-stable-text) !important;
}

body::before {
  background: var(--shiye-stable-page-tint) !important;
}

body,
body::before,
#app,
.layout-container,
.layout-container .layout-topbar,
.layout-container .layout-menu,
.layout-container .layout-content,
.layout-container .content,
.home-header,
.home-header .header-wrapper,
.header-menu,
.ant-card,
.ant-table,
.ant-table-wrapper,
.use-shadow,
.plan-card,
.panel-body,
.auth-container .right-form .wrapper {
  transition: none !important;
}

#app,
.layout-container,
.layout-container .layout-content,
.layout-container .content,
.auth-container,
.agreement-container,
.home-container,
.home-banner,
.home-spec,
.home-advance,
.home-service,
.home-question,
.home-about,
.copyright,
.pay-qrcode,
.no-lisence {
  background: transparent !important;
  background-color: transparent !important;
}

.layout-container .layout-topbar,
.home-header,
.home-header .header-wrapper,
.header-menu {
  background: var(--shiye-stable-shell-bg) !important;
  background-color: var(--shiye-stable-shell-bg) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-heading) !important;
  box-shadow: var(--shiye-stable-shadow) !important;
  backdrop-filter: var(--shiye-stable-blur) !important;
  -webkit-backdrop-filter: var(--shiye-stable-blur) !important;
}

.layout-container .layout-menu,
.layout-container .menu-group,
.layout-container .menu-group .g-links li .link,
.panel-body,
.use-shadow,
.plan-card,
.ant-card,
.ant-alert,
.ant-table-wrapper,
.ant-collapse,
.ant-tabs,
.ant-list,
.ant-descriptions,
.ant-empty,
.ant-modal-content,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-calendar-picker-container .ant-calendar,
.overview-box .item,
.subscribe-info .subs-box,
.subscribe-info .import-btns,
.subscribe-info .client-links .link-item,
.dashboard-container .unpay-tip,
.dashboard-container .flow-box,
.profile-container .pro-bag,
.profile-container .pro-setting,
.profile-container .pro-reset,
.profile-container .pro-tele,
.home-advance .tabs,
.home-service .coopers-list .item > span,
.home-question .qa-list .ant-collapse-content,
.agreement-container .card,
.auth-container .right-form .wrapper,
.pay-qrcode .qr-code-container,
.mysubs-container .server-table.use-shadow,
.order-container .order-table.use-shadow,
.invite-container .code-table.use-shadow,
.invite-container .give-table.use-shadow,
.invite-container .bal-box,
.ticket-container .ticket-table.use-shadow,
.flow-container .flow-table.use-shadow,
.buysubs-container .order-box,
.order-info .order-main,
.order-info .order-side,
.ticket-chat,
.ticket-chat .chat-reply .input,
.flow-container .flow-alert,
.aurora-card-dialog {
  background: var(--shiye-stable-panel-bg) !important;
  background-color: var(--shiye-stable-panel-bg) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-text) !important;
  box-shadow: var(--shiye-stable-shadow) !important;
  backdrop-filter: var(--shiye-stable-blur) !important;
  -webkit-backdrop-filter: var(--shiye-stable-blur) !important;
}

.auth-container .right-form,
.auth-container .left-img,
.auth-container .left-img .warp,
.auth-container .left-img .img {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ant-table,
.ant-table-content,
.ant-table-body,
.ant-table-scroll,
.ant-table-header,
.ant-table-fixed,
.ant-table-fixed-left,
.ant-table-fixed-right,
.ant-card-head,
.ant-card-body,
.ant-collapse-content-box,
.ant-tabs-content,
.ant-spin-container,
.ant-spin-nested-loading {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--shiye-stable-text) !important;
}

.ant-table-thead > tr > th,
.mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
.order-container .order-table.use-shadow .ant-table-thead > tr > th,
.invite-container .code-table.use-shadow .ant-table-thead > tr > th,
.invite-container .give-table.use-shadow .ant-table-thead > tr > th,
.ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
.flow-container .flow-table.use-shadow .ant-table-thead > tr > th {
  background: var(--shiye-stable-table-head) !important;
  background-color: var(--shiye-stable-table-head) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-heading) !important;
}

.ant-table-tbody > tr > td,
.mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
.order-container .order-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
.invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
.ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
.flow-container .flow-table.use-shadow .ant-table-tbody > tr > td {
  background: var(--shiye-stable-table-cell) !important;
  background-color: var(--shiye-stable-table-cell) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-text) !important;
}

.ant-table-tbody > tr:hover > td,
.layout-container .menu-group .g-links li:hover .link,
.layout-container .menu-group .g-links li.is-active .link,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:hover,
.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link:focus,
.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-active,
.ant-dropdown-menu-item:hover,
.subscribe-info .client-links .link-item:hover,
.overview-box .item:hover {
  background: var(--shiye-stable-hover) !important;
  background-color: var(--shiye-stable-hover) !important;
}

body,
.layout-container,
.layout-container .layout-topbar,
.layout-container .layout-topbar .title,
.layout-container .corner-bar,
.layout-container .corner-bar .name,
.layout-container .corner-bar .email,
.layout-container .corner-bar .item,
.layout-container .menu-group .g-title,
.layout-container .menu-group .tit,
.layout-container .version,
.home-header,
.home-header .header-logo .logo,
.home-header .header-logo .logo span,
.home-header .header-nav .ant-anchor-link a,
.home-header .header-sign .login,
.home-header .header-book,
.header-menu .ant-anchor-link a,
.ant-card,
.ant-card-head-title,
.ant-form-item-label > label,
.ant-table,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-empty-description,
.ant-pagination,
.ant-collapse-header,
.ant-collapse-content,
.ant-select-dropdown-menu-item,
.ant-dropdown-menu-item,
.auth-container .right-form,
.auth-container .right-form .title,
.auth-container .right-form .title b,
.auth-container .right-form .tip,
.auth-container .right-form .control,
.auth-container .right-form .agree,
.auth-container .right-form .ant-form-item-label label,
.auth-container .right-form .ant-form-explain,
.auth-container .right-form .ant-checkbox-wrapper,
.profile-container .pro-bag,
.profile-container .pro-bag .tit,
.profile-container .pro-bag .rmb,
.profile-container .pro-setting .item,
.profile-container .pro-setting .tip,
.profile-container .pro-tele .desc,
.ticket-chat .chat-item .name,
.ticket-chat .chat-item .time,
.aurora-card-head h2,
.aurora-card-head p,
.aurora-card-form label,
.aurora-card-btn.is-secondary {
  color: var(--shiye-stable-text) !important;
  text-shadow: var(--shiye-stable-text-shadow) !important;
}

.home-banner .title,
.home-banner .desc,
.home-banner .t1,
.home-banner .t2,
.home-banner .t3,
.home-container .text-title,
.home-spec .spec-list li .tit,
.home-question .qa-title,
.home-about .qa-title,
.auth-container .left-img .tit,
.auth-container .left-img .desc,
.rocket-container .txt,
.rocket-container .txt .tit,
.rocket-container .txt .desc {
  color: var(--shiye-stable-heading) !important;
  text-shadow: var(--shiye-stable-text-shadow) !important;
}

.home-container .text-desc,
.home-spec .spec-list li .desc,
.home-question .qa-list .qa-awnser p,
.home-question .qa-list .qa-awnser ul li,
.home-about .qa-about,
.copyright,
.ant-empty-description,
.aurora-card-head p {
  color: var(--shiye-stable-muted) !important;
}

.ant-input,
.ant-input-affix-wrapper,
.ant-select-selection,
.ant-input-number,
.ant-picker,
.ant-textarea,
.ant-upload.ant-upload-drag,
.ant-upload.ant-upload-select-picture-card,
.auth-container .right-form .ant-input,
.auth-container .right-form .ant-input-affix-wrapper,
.auth-container .right-form input,
.auth-container .right-form textarea,
.aurora-card-form input {
  background: var(--shiye-stable-input) !important;
  background-color: var(--shiye-stable-input) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-text) !important;
  box-shadow: none !important;
}

.ant-input::placeholder,
.auth-container .right-form input::placeholder,
.auth-container .right-form textarea::placeholder,
.aurora-card-form input::placeholder {
  color: var(--shiye-stable-muted) !important;
}

.layout-container .menu-group.aurora-card-menu-group .aurora-card-menu-link,
.aurora-card-close,
.aurora-card-btn.is-secondary {
  background: var(--shiye-stable-panel-soft) !important;
  background-color: var(--shiye-stable-panel-soft) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-text) !important;
}

body.is-darkmode .ant-btn,
body.is-darkmode .ant-btn span,
body.is-darkmode .ant-tabs-tab,
body.is-darkmode .ant-tabs-tab a,
body.is-darkmode .ant-radio-button-wrapper,
body.is-darkmode .ant-checkbox-wrapper {
  color: var(--shiye-stable-text) !important;
  text-shadow: var(--shiye-stable-text-shadow) !important;
}

body.is-darkmode .layout-container .layout-topbar,
body.is-darkmode .home-header,
body.is-darkmode .home-header .header-wrapper,
body.is-darkmode .header-menu {
  background: var(--shiye-stable-shell-bg) !important;
  background-color: var(--shiye-stable-shell-bg) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-heading) !important;
}

body.is-darkmode .layout-container .layout-menu,
body.is-darkmode .layout-container .menu-group,
body.is-darkmode .layout-container .menu-group .g-links li .link,
body.is-darkmode .panel-body,
body.is-darkmode .use-shadow,
body.is-darkmode .plan-card,
body.is-darkmode .ant-card,
body.is-darkmode .ant-alert,
body.is-darkmode .ant-table-wrapper,
body.is-darkmode .ant-collapse,
body.is-darkmode .ant-tabs,
body.is-darkmode .ant-list,
body.is-darkmode .ant-descriptions,
body.is-darkmode .ant-empty,
body.is-darkmode .ant-modal-content,
body.is-darkmode .ant-popover-inner,
body.is-darkmode .ant-dropdown-menu,
body.is-darkmode .ant-select-dropdown,
body.is-darkmode .ant-calendar-picker-container .ant-calendar,
body.is-darkmode .overview-box .item,
body.is-darkmode .subscribe-info .subs-box,
body.is-darkmode .subscribe-info .import-btns,
body.is-darkmode .subscribe-info .client-links .link-item,
body.is-darkmode .dashboard-container .unpay-tip,
body.is-darkmode .dashboard-container .flow-box,
body.is-darkmode .profile-container .pro-bag,
body.is-darkmode .profile-container .pro-setting,
body.is-darkmode .profile-container .pro-reset,
body.is-darkmode .profile-container .pro-tele,
body.is-darkmode .home-advance .tabs,
body.is-darkmode .home-service .coopers-list .item > span,
body.is-darkmode .home-question .qa-list .ant-collapse-content,
body.is-darkmode .agreement-container .card,
body.is-darkmode .auth-container .right-form .wrapper,
body.is-darkmode .pay-qrcode .qr-code-container,
body.is-darkmode .mysubs-container .server-table.use-shadow,
body.is-darkmode .order-container .order-table.use-shadow,
body.is-darkmode .invite-container .code-table.use-shadow,
body.is-darkmode .invite-container .give-table.use-shadow,
body.is-darkmode .invite-container .bal-box,
body.is-darkmode .ticket-container .ticket-table.use-shadow,
body.is-darkmode .flow-container .flow-table.use-shadow,
body.is-darkmode .buysubs-container .order-box,
body.is-darkmode .order-info .order-main,
body.is-darkmode .order-info .order-side,
body.is-darkmode .ticket-chat,
body.is-darkmode .ticket-chat .chat-reply .input,
body.is-darkmode .flow-container .flow-alert,
body.is-darkmode .aurora-card-dialog {
  background: var(--shiye-stable-panel-bg) !important;
  background-color: var(--shiye-stable-panel-bg) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-text) !important;
  box-shadow: var(--shiye-stable-shadow) !important;
}

body.is-darkmode .ant-table,
body.is-darkmode .ant-table-content,
body.is-darkmode .ant-table-body,
body.is-darkmode .ant-table-scroll,
body.is-darkmode .ant-table-header,
body.is-darkmode .ant-table-fixed,
body.is-darkmode .ant-table-fixed-left,
body.is-darkmode .ant-table-fixed-right,
body.is-darkmode .ant-card-head,
body.is-darkmode .ant-card-body,
body.is-darkmode .ant-collapse-content-box,
body.is-darkmode .ant-tabs-content,
body.is-darkmode .ant-spin-container,
body.is-darkmode .ant-spin-nested-loading {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--shiye-stable-text) !important;
}

body.is-darkmode .ant-table-thead > tr > th,
body.is-darkmode .mysubs-container .server-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .order-container .order-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .code-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .invite-container .give-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .ticket-container .ticket-table.use-shadow .ant-table-thead > tr > th,
body.is-darkmode .flow-container .flow-table.use-shadow .ant-table-thead > tr > th {
  background: var(--shiye-stable-table-head) !important;
  background-color: var(--shiye-stable-table-head) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-heading) !important;
}

body.is-darkmode .ant-table-tbody > tr > td,
body.is-darkmode .mysubs-container .server-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .order-container .order-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .code-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .invite-container .give-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .ticket-container .ticket-table.use-shadow .ant-table-tbody > tr > td,
body.is-darkmode .flow-container .flow-table.use-shadow .ant-table-tbody > tr > td {
  background: var(--shiye-stable-table-cell) !important;
  background-color: var(--shiye-stable-table-cell) !important;
  border-color: var(--shiye-stable-border) !important;
  color: var(--shiye-stable-text) !important;
}

body.is-darkmode,
body.is-darkmode .layout-container,
body.is-darkmode .layout-container .layout-topbar,
body.is-darkmode .layout-container .layout-topbar .title,
body.is-darkmode .layout-container .corner-bar,
body.is-darkmode .layout-container .corner-bar .name,
body.is-darkmode .layout-container .corner-bar .email,
body.is-darkmode .layout-container .corner-bar .item,
body.is-darkmode .layout-container .menu-group .g-title,
body.is-darkmode .layout-container .menu-group .tit,
body.is-darkmode .layout-container .version,
body.is-darkmode .home-header,
body.is-darkmode .home-header .header-logo .logo,
body.is-darkmode .home-header .header-logo .logo span,
body.is-darkmode .home-header .header-nav .ant-anchor-link a,
body.is-darkmode .home-header .header-sign .login,
body.is-darkmode .home-header .header-book,
body.is-darkmode .header-menu .ant-anchor-link a,
body.is-darkmode .ant-card,
body.is-darkmode .ant-card-head-title,
body.is-darkmode .ant-form-item-label > label,
body.is-darkmode .ant-table,
body.is-darkmode .ant-table-thead > tr > th,
body.is-darkmode .ant-table-tbody > tr > td,
body.is-darkmode .ant-empty-description,
body.is-darkmode .ant-pagination,
body.is-darkmode .ant-collapse-header,
body.is-darkmode .ant-collapse-content,
body.is-darkmode .ant-select-dropdown-menu-item,
body.is-darkmode .ant-dropdown-menu-item,
body.is-darkmode .auth-container .right-form,
body.is-darkmode .auth-container .right-form .title,
body.is-darkmode .auth-container .right-form .title b,
body.is-darkmode .auth-container .right-form .tip,
body.is-darkmode .auth-container .right-form .control,
body.is-darkmode .auth-container .right-form .agree,
body.is-darkmode .auth-container .right-form .ant-form-item-label label,
body.is-darkmode .auth-container .right-form .ant-form-explain,
body.is-darkmode .auth-container .right-form .ant-checkbox-wrapper,
body.is-darkmode .profile-container .pro-bag,
body.is-darkmode .profile-container .pro-bag .tit,
body.is-darkmode .profile-container .pro-bag .rmb,
body.is-darkmode .profile-container .pro-setting .item,
body.is-darkmode .profile-container .pro-setting .tip,
body.is-darkmode .profile-container .pro-tele .desc,
body.is-darkmode .ticket-chat .chat-item .name,
body.is-darkmode .ticket-chat .chat-item .time,
body.is-darkmode .aurora-card-head h2,
body.is-darkmode .aurora-card-head p,
body.is-darkmode .aurora-card-form label,
body.is-darkmode .aurora-card-btn.is-secondary {
  color: var(--shiye-stable-text) !important;
  text-shadow: var(--shiye-stable-text-shadow) !important;
}

body.is-darkmode .ant-btn-primary,
body.is-darkmode .ant-btn-primary span,
body.is-darkmode .aurora-card-btn.is-primary {
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45) !important;
}

@media screen and (max-width: 768px) {
  html,
  body {
    background-attachment: scroll !important;
  }
}