:root {
  --nui-bg-image: none;
  --ui-paper: #fffdfa;
  --ui-paper-warm: #fff3e4;
  --ui-mist: #e5f3f1;
  --ui-mist-strong: #b9ddd9;
  --ui-blue: #5a95a4;
  --ui-blue-deep: #315f68;
  --ui-leaf: #8db873;
  --ui-leaf-soft: #e7f2df;
  --ui-coral: #e29378;
  --ui-peach: #ffd7c2;
  --ui-honey: #f3c96f;
  --ui-ink: #284851;
  --ui-muted: #789098;
  --ui-line: rgba(49, 95, 104, .14);
  --ui-shadow: 0 22px 58px rgba(79, 111, 108, .14);
  --ui-soft-shadow: 0 10px 34px rgba(79, 111, 108, .11);
  --ui-ease: cubic-bezier(.2, .78, .24, 1);
  --ui-ease-soft: cubic-bezier(.16, 1, .3, 1);
}

@keyframes nuiPageIn {
  from {
    opacity: .001;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes nuiPanelIn {
  from {
    opacity: .001;
    transform: translateY(12px) scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes nuiMainDrift {
  from {
    background-position: center, left top, right top, center, center;
  }

  to {
    background-position: center, 2% 1%, 96% 2%, 50% 42%, center;
  }
}

@keyframes nuiRibbonFloat {
  from {
    transform: rotate(-8deg) translate3d(0, 0, 0);
  }

  to {
    transform: rotate(-6deg) translate3d(-10px, -8px, 0);
  }
}

@keyframes nuiRipple {
  from {
    opacity: .34;
    transform: scale(.08);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  color: var(--ui-ink);
  font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  background:
    linear-gradient(180deg, rgba(252, 248, 241, .9), rgba(235, 248, 245, .82) 44%, rgba(255, 246, 235, .9)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 1px, transparent 1px, transparent 42px);
}

body {
  min-height: 100vh;
  overflow-x: hidden;
}

body::before,
body::after {
  position: fixed;
  z-index: -2;
  pointer-events: none;
  content: "";
}

body::before {
  inset: 0;
  background:
    radial-gradient(circle at 13% 12%, rgba(255, 215, 194, .42), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(185, 221, 217, .5), transparent 27%),
    linear-gradient(115deg, rgba(255, 255, 255, .48) 0 18%, transparent 18% 100%),
    linear-gradient(8deg, transparent 0 62%, rgba(141, 184, 115, .13) 62% 73%, transparent 73%);
}

body::after {
  right: -120px;
  bottom: 2vh;
  width: 560px;
  height: 220px;
  border-top: 1px solid rgba(36, 76, 92, .14);
  border-bottom: 1px solid rgba(255, 255, 255, .82);
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(255, 255, 255, .54) 8% 26%, transparent 26% 100%),
    linear-gradient(180deg, rgba(65, 111, 128, .12), rgba(255, 255, 255, .18));
  filter: blur(.2px);
  transform: rotate(-8deg);
  animation: nuiRibbonFloat 18s ease-in-out infinite alternate;
}

a {
  color: var(--ui-blue);
  transition: color .2s var(--ui-ease), opacity .2s var(--ui-ease);
}

a:hover,
a:focus {
  color: var(--ui-coral);
}

#root {
  min-height: 100vh;
}

#page-container {
  min-height: 100vh;
  background: transparent !important;
}

#main-container {
  position: relative;
  min-height: 100vh;
  color: var(--ui-ink);
  background:
    linear-gradient(180deg, rgba(255, 253, 250, .88), rgba(246, 252, 248, .86) 46%, rgba(255, 244, 232, .82)),
    radial-gradient(circle at 12% 4%, rgba(255, 215, 194, .34), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(185, 221, 217, .42), transparent 26%),
    var(--nui-bg-image),
    repeating-linear-gradient(0deg, rgba(49, 95, 104, .032) 0, rgba(49, 95, 104, .032) 1px, transparent 1px, transparent 36px) !important;
  background-attachment: scroll !important;
  background-size: auto, auto, auto, cover, auto !important;
  background-position: center, left top, right top, center, center !important;
  overflow: hidden;
  animation: nuiMainDrift 28s ease-in-out infinite alternate;
}

#main-container::before {
  position: absolute;
  top: 24px;
  right: 28px;
  z-index: 0;
  width: 170px;
  height: 46px;
  border: 1px solid rgba(36, 76, 92, .12);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .62), rgba(168, 207, 210, .2)),
    linear-gradient(180deg, rgba(255, 255, 255, .4), transparent);
  box-shadow: 0 12px 28px rgba(36, 76, 92, .08);
  content: "";
  opacity: .72;
}

#main-container::after {
  position: absolute;
  top: 70px;
  right: -36px;
  z-index: 0;
  width: 320px;
  height: 76px;
  border-top: 1px solid rgba(36, 76, 92, .15);
  border-bottom: 1px solid rgba(255, 255, 255, .8);
  background: linear-gradient(90deg, rgba(65, 111, 128, .1), rgba(255, 255, 255, .36), rgba(134, 166, 109, .12));
  content: "";
  opacity: .7;
  transform: rotate(8deg);
}

#page-container > #main-container .content,
#page-container > #page-footer .content,
#page-container > #page-header .content,
#page-container > #page-header .content-header {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

.content {
  max-width: 1240px;
}

body[data-nui-view="app"] #page-container.main-content-boxed > #main-container .content,
body[data-nui-view="app"] #page-container.main-content-boxed > #page-footer .content,
body[data-nui-view="app"] #page-container.main-content-boxed > #page-header .content,
body[data-nui-view="app"] #page-container.main-content-boxed > #page-header .content-header {
  max-width: 1280px;
}

.content:not(.content-full) {
  padding-top: 30px;
  padding-bottom: 30px;
}

.block,
.ant-card,
.ant-modal-content,
.ant-drawer-content,
.am-modal-content,
.am-drawer-content {
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 250, .86) !important;
  box-shadow: var(--ui-soft-shadow) !important;
  backdrop-filter: blur(16px);
  transition: transform .24s var(--ui-ease), box-shadow .24s var(--ui-ease), border-color .24s var(--ui-ease), background-color .24s var(--ui-ease);
}

.block-transparent {
  background: rgba(255, 255, 255, .72) !important;
}

.block-rounded {
  border-radius: 8px !important;
}

.block-header,
.block-header-default,
.ant-card-head {
  border-color: rgba(36, 76, 92, .12) !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .75), rgba(219, 236, 238, .44)) !important;
  color: var(--ui-blue-deep) !important;
}

.block-title,
.ant-card-head-title,
.content-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ui-blue-deep);
  font-weight: 700;
  letter-spacing: 0;
}

.text-muted,
.ant-empty-description,
.ant-form-extra {
  color: var(--ui-muted) !important;
}

.form-control,
.form-control-alt,
.ant-input,
.ant-select-selection,
.ant-select-dropdown,
.am-list-item,
.am-input-control input {
  border-color: rgba(36, 76, 92, .15) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .76) !important;
  color: var(--ui-ink) !important;
  box-shadow: none !important;
  transition: border-color .22s var(--ui-ease), box-shadow .22s var(--ui-ease), background-color .22s var(--ui-ease), transform .22s var(--ui-ease);
}

.form-control:focus,
.ant-input:focus,
.ant-input:hover,
.ant-select-selection:focus,
.ant-select-selection:hover {
  border-color: rgba(65, 111, 128, .52) !important;
  box-shadow: 0 0 0 3px rgba(168, 207, 210, .25) !important;
  transform: translateY(-1px);
}

.btn,
.ant-btn,
.am-button,
button {
  position: relative;
  overflow: hidden;
  letter-spacing: 0;
  transition: transform .22s var(--ui-ease), box-shadow .22s var(--ui-ease), border-color .22s var(--ui-ease), background .22s var(--ui-ease), color .22s var(--ui-ease);
  will-change: transform;
}

.btn-primary,
.ant-btn-primary,
.am-button-primary {
  border-color: rgba(226, 147, 120, .72) !important;
  background: linear-gradient(180deg, #f5b59b, #dc856d) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(226, 147, 120, .28) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.ant-btn-primary:hover,
.ant-btn-primary:focus,
.am-button-primary:hover {
  border-color: rgba(214, 123, 97, .88) !important;
  background: linear-gradient(180deg, #eba184, #ca725c) !important;
  box-shadow: 0 16px 32px rgba(226, 147, 120, .34) !important;
  transform: translateY(-1px);
}

.btn:active,
.ant-btn:active,
.am-button:active,
button:active {
  transform: translateY(0) scale(.985);
}

.nui-ripple-dot {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  background: rgba(255, 255, 255, .55);
  pointer-events: none;
  transform: scale(.08);
  animation: nuiRipple .62s var(--ui-ease-soft) forwards;
}

.btn > *,
.ant-btn > *,
.am-button > * {
  position: relative;
  z-index: 2;
}

.btn:not(.btn-primary),
.ant-btn:not(.ant-btn-primary),
.am-button:not(.am-button-primary) {
  border-color: rgba(36, 76, 92, .18) !important;
  background: rgba(255, 255, 255, .74) !important;
  color: var(--ui-blue-deep) !important;
}

.badge,
.ant-tag,
.am-tag {
  border-radius: 999px !important;
  border-color: rgba(36, 76, 92, .14) !important;
  background: rgba(220, 232, 211, .7) !important;
  color: var(--ui-blue-deep) !important;
}

.table,
.ant-table,
.ant-table-wrapper,
.am-list {
  color: var(--ui-ink);
  background: transparent !important;
}

.table thead th,
.ant-table-thead > tr > th {
  border-color: rgba(36, 76, 92, .12) !important;
  background: rgba(219, 236, 238, .45) !important;
  color: var(--ui-blue-deep) !important;
}

.table td,
.table th,
.ant-table-tbody > tr > td {
  border-color: rgba(36, 76, 92, .1) !important;
}

.ant-table-tbody > tr:hover > td {
  background: rgba(255, 248, 236, .56) !important;
}

.alert {
  border: 1px solid rgba(49, 95, 104, .14) !important;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(255, 253, 250, .9), rgba(231, 242, 223, .7)) !important;
  color: var(--ui-ink) !important;
  box-shadow: 0 10px 26px rgba(79, 111, 108, .08);
}

.alert-info {
  border-color: rgba(90, 149, 164, .22) !important;
  background:
    linear-gradient(90deg, rgba(235, 248, 245, .92), rgba(255, 253, 250, .82)) !important;
}

.alert-warning {
  border-color: rgba(243, 201, 111, .32) !important;
  background:
    linear-gradient(90deg, rgba(255, 248, 224, .94), rgba(255, 253, 250, .82)) !important;
}

.alert-danger {
  border-color: rgba(226, 147, 120, .28) !important;
  background:
    linear-gradient(90deg, rgba(255, 238, 229, .94), rgba(255, 253, 250, .82)) !important;
}

.alert-link {
  color: var(--ui-blue-deep) !important;
  font-weight: 800;
}

.bbbbbb-bg-pixels {
  overflow: hidden;
  border-color: rgba(226, 147, 120, .2) !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 215, 194, .44), transparent 26%),
    radial-gradient(circle at 92% 12%, rgba(185, 221, 217, .48), transparent 30%),
    linear-gradient(135deg, rgba(255, 253, 250, .96), rgba(255, 248, 236, .86) 48%, rgba(231, 242, 223, .82)) !important;
  color: var(--ui-ink) !important;
}

.bbbbbb-bg-pixels .block-content.bg-black-50 {
  min-height: 132px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .76), rgba(255, 253, 250, .58)) !important;
  color: var(--ui-ink) !important;
}

.bbbbbb-bg-pixels .text-white,
.bbbbbb-bg-pixels .text-white-75 {
  color: var(--ui-blue-deep) !important;
  text-shadow: none !important;
}

.bbbbbb-bg-pixels .font-w600.text-white-75 {
  color: var(--ui-muted) !important;
}

.bbbbbb-bg-pixels .badge-danger {
  border: 1px solid rgba(226, 147, 120, .26) !important;
  background:
    linear-gradient(90deg, rgba(255, 215, 194, .9), rgba(231, 242, 223, .82)) !important;
  color: var(--ui-blue-deep) !important;
  box-shadow: 0 8px 20px rgba(226, 147, 120, .12);
}

.notice-content {
  color: var(--ui-ink);
  line-height: 1.78;
}

.notice-content img {
  max-width: 100%;
  border-radius: 8px;
}

#sidebar {
  border-right: 1px solid rgba(255, 255, 255, .72);
  background:
    linear-gradient(180deg, rgba(255, 253, 250, .9), rgba(232, 246, 242, .88) 48%, rgba(255, 241, 226, .84)),
    var(--nui-bg-image),
    repeating-linear-gradient(0deg, rgba(49, 95, 104, .035) 0, rgba(49, 95, 104, .035) 1px, transparent 1px, transparent 28px) !important;
  background-size: auto, cover, auto !important;
  background-position: center, center, center !important;
  box-shadow: 18px 0 46px rgba(71, 112, 112, .12);
  backdrop-filter: blur(22px) saturate(1.08);
  transition: transform .34s var(--ui-ease-soft), opacity .28s var(--ui-ease), box-shadow .28s var(--ui-ease);
}

#sidebar .bg-header-dark,
#sidebar .smini-hidden.bg-header-dark {
  background: transparent !important;
}

#sidebar [class*="bg-"] {
  background-color: transparent !important;
}

#sidebar::before {
  position: absolute;
  top: 26px;
  left: 24px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, .96), rgba(255, 229, 211, .78));
  box-shadow: 0 8px 22px rgba(71, 112, 112, .13);
  content: "";
  transition: transform .28s var(--ui-ease), box-shadow .28s var(--ui-ease);
}

#sidebar::after {
  position: absolute;
  top: 48px;
  left: 39px;
  width: 22px;
  height: 12px;
  border-top: 2px solid var(--ui-blue-deep);
  border-bottom: 2px solid var(--ui-blue-deep);
  content: "";
}

#sidebar .content-header {
  min-height: 108px;
  padding-left: 88px;
  background: transparent !important;
}

#sidebar .font-size-lg {
  color: var(--ui-blue-deep) !important;
  font-size: 18px !important;
  font-weight: 700;
}

#sidebar .text-white-75,
#sidebar .text-white {
  color: var(--ui-blue-deep) !important;
}

#sidebar .content-side {
  padding: 4px 18px 26px;
}

.nav-main {
  padding-top: 8px;
}

.nav-main-link,
.nav-main a {
  min-height: 44px;
  margin: 5px 0;
  border: 1px solid transparent;
  border-radius: 999px;
  color: rgba(40, 72, 81, .78) !important;
  font-weight: 650;
  position: relative;
  overflow: hidden;
  transition: background .22s var(--ui-ease), color .22s var(--ui-ease), transform .22s var(--ui-ease), box-shadow .22s var(--ui-ease), border-color .22s var(--ui-ease);
}

.nav-main-link:hover,
.nav-main a:hover,
.nav-main-link.active,
.nav-main-link.router-link-active,
.nav-main-item.open > .nav-main-link {
  border-color: rgba(226, 147, 120, .34);
  background:
    linear-gradient(90deg, rgba(255, 215, 194, .62), rgba(231, 242, 223, .58)) !important;
  color: var(--ui-blue-deep) !important;
  box-shadow: 0 10px 22px rgba(94, 137, 128, .12);
  transform: translateX(3px);
}

.nav-main-link-icon {
  color: rgba(49, 95, 104, .74) !important;
  transition: transform .22s var(--ui-ease), color .22s var(--ui-ease);
}

.nav-main-link:hover .nav-main-link-icon,
.nav-main a:hover .nav-main-link-icon {
  transform: scale(1.06) rotate(-2deg);
}

.nav-main-heading {
  color: rgba(49, 95, 104, .48) !important;
  font-size: 12px;
  letter-spacing: 0;
}

.bbbbbb-copyright {
  right: 18px;
  bottom: 18px;
  left: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(49, 95, 104, .12);
  color: rgba(49, 95, 104, .46) !important;
  font-size: 12px;
  letter-spacing: 0;
}

#page-container.sidebar-dark #sidebar,
html[data-darkreader-scheme="dark"] #sidebar {
  border-right-color: rgba(232, 246, 242, .18);
  background:
    linear-gradient(180deg, rgba(23, 45, 52, .95), rgba(31, 62, 68, .92) 50%, rgba(54, 58, 48, .88)),
    linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
    var(--nui-bg-image) !important;
  background-size: auto, auto, cover !important;
  background-position: center, center, center !important;
  box-shadow: 18px 0 46px rgba(0, 0, 0, .28);
}

#page-container.sidebar-dark #sidebar::before,
html[data-darkreader-scheme="dark"] #sidebar::before {
  background:
    linear-gradient(180deg, rgba(255, 248, 236, .22), rgba(255, 215, 194, .14));
  box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
}

#page-container.sidebar-dark #sidebar::after,
html[data-darkreader-scheme="dark"] #sidebar::after {
  border-color: rgba(239, 250, 246, .92);
}

#page-container.sidebar-dark #sidebar .font-size-lg,
#page-container.sidebar-dark #sidebar .text-white,
#page-container.sidebar-dark #sidebar .text-white-75,
html[data-darkreader-scheme="dark"] #sidebar .font-size-lg,
html[data-darkreader-scheme="dark"] #sidebar .text-white,
html[data-darkreader-scheme="dark"] #sidebar .text-white-75 {
  color: rgba(245, 252, 248, .96) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .28);
}

#page-container.sidebar-dark #sidebar .nav-main-link,
#page-container.sidebar-dark #sidebar .nav-main a,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link,
html[data-darkreader-scheme="dark"] #sidebar .nav-main a {
  color: rgba(231, 245, 241, .88) !important;
}

#page-container.sidebar-dark #sidebar .nav-main-link-icon,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link-icon {
  color: rgba(220, 242, 237, .82) !important;
}

#page-container.sidebar-dark #sidebar .nav-main-heading,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-heading {
  color: rgba(221, 238, 235, .56) !important;
}

#page-container.sidebar-dark #sidebar .nav-main-link:hover,
#page-container.sidebar-dark #sidebar .nav-main a:hover,
#page-container.sidebar-dark #sidebar .nav-main-link.active,
#page-container.sidebar-dark #sidebar .nav-main-link.router-link-active,
#page-container.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link:hover,
html[data-darkreader-scheme="dark"] #sidebar .nav-main a:hover,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.active,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.router-link-active,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-item.open > .nav-main-link {
  border-color: rgba(255, 231, 216, .32);
  background:
    linear-gradient(90deg, rgba(255, 215, 194, .24), rgba(185, 221, 217, .18)) !important;
  color: #fffdfa !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

#page-container.sidebar-dark #sidebar .nav-main-link:hover .nav-main-link-icon,
#page-container.sidebar-dark #sidebar .nav-main a:hover .nav-main-link-icon,
#page-container.sidebar-dark #sidebar .nav-main-link.active .nav-main-link-icon,
#page-container.sidebar-dark #sidebar .nav-main-link.router-link-active .nav-main-link-icon,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link:hover .nav-main-link-icon,
html[data-darkreader-scheme="dark"] #sidebar .nav-main a:hover .nav-main-link-icon,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.active .nav-main-link-icon,
html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.router-link-active .nav-main-link-icon {
  color: #fffdfa !important;
}

#page-container.sidebar-dark #sidebar .bbbbbb-copyright,
html[data-darkreader-scheme="dark"] #sidebar .bbbbbb-copyright {
  border-top-color: rgba(232, 246, 242, .14);
  color: rgba(221, 238, 235, .5) !important;
}

#page-header {
  border-bottom: 1px solid rgba(36, 76, 92, .1);
  background: rgba(255, 253, 250, .9) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px);
}

#page-header .content-header {
  min-height: 74px;
}

body[data-nui-view="app"] #page-header .content-header {
  gap: 10px;
}

body[data-nui-view="app"] #page-header .bbbbbb-container-title,
body[data-nui-view="app"] #page-header .bbbbbb-container-title.text-white,
body[data-nui-view="app"] #page-header .bbbbbb-container-title.text-black {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ui-blue-deep) !important;
  font-weight: 800;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .74);
  white-space: nowrap;
}

body[data-nui-view="app"] #page-header .btn,
body[data-nui-view="app"] #page-header .btn-primary {
  border-color: rgba(226, 147, 120, .38) !important;
  background: linear-gradient(180deg, rgba(237, 161, 132, .94), rgba(210, 121, 98, .94)) !important;
  color: #fffdfa !important;
  box-shadow: 0 10px 24px rgba(226, 147, 120, .22) !important;
}

body[data-nui-view="app"] #page-header .btn:not(.btn-primary) {
  border-color: rgba(49, 95, 104, .16) !important;
  background: rgba(255, 255, 255, .82) !important;
  color: var(--ui-blue-deep) !important;
  box-shadow: 0 8px 20px rgba(79, 111, 108, .1) !important;
}

body[data-nui-view="app"] #page-header .btn i {
  color: inherit !important;
}

html[data-darkreader-scheme="dark"] body[data-nui-view="app"] #page-header {
  border-bottom-color: rgba(232, 246, 242, .14);
  background: rgba(18, 37, 44, .9) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .24) !important;
}

html[data-darkreader-scheme="dark"] body[data-nui-view="app"] #page-header .bbbbbb-container-title,
html[data-darkreader-scheme="dark"] body[data-nui-view="app"] #page-header .bbbbbb-container-title.text-white,
html[data-darkreader-scheme="dark"] body[data-nui-view="app"] #page-header .bbbbbb-container-title.text-black {
  color: rgba(249, 253, 250, .96) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .36);
}

html[data-darkreader-scheme="dark"] body[data-nui-view="app"] #page-header .btn,
html[data-darkreader-scheme="dark"] body[data-nui-view="app"] #page-header .btn-primary {
  border-color: rgba(255, 231, 216, .22) !important;
  background: rgba(255, 255, 255, .1) !important;
  color: rgba(249, 253, 250, .96) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22) !important;
}

.bbbbbb-shortcuts-item,
.block.block-fx-pop {
  position: relative;
  overflow: hidden;
  transition: transform .24s var(--ui-ease), box-shadow .24s var(--ui-ease), border-color .24s var(--ui-ease), background .24s var(--ui-ease);
}

.bbbbbb-shortcuts-item:hover,
.block.block-fx-pop:hover {
  border-color: rgba(65, 111, 128, .26) !important;
  box-shadow: var(--ui-shadow) !important;
  transform: translateY(-3px);
}

body[data-nui-view="auth"] #main-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 72px 20px;
  background:
    linear-gradient(180deg, rgba(255, 249, 240, .76), rgba(232, 247, 243, .68) 46%, rgba(255, 244, 232, .76)),
    radial-gradient(circle at 12% 14%, rgba(255, 215, 194, .42), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(185, 221, 217, .48), transparent 32%),
    var(--nui-bg-image),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .16) 0, rgba(255, 255, 255, .16) 1px, transparent 1px, transparent 44px) !important;
  background-size: auto, auto, auto, cover, auto !important;
  background-position: center, left top, right top, center, center !important;
}

body[data-nui-view="auth"] #main-container::before {
  display: none;
  content: none;
}

body[data-nui-view="auth"] #main-container::after {
  top: auto;
  right: -22px;
  bottom: 54px;
  width: 420px;
  height: 96px;
  opacity: .72;
}

body[data-nui-view="auth"] .bbbbbb-background {
  display: block !important;
  opacity: .14 !important;
  filter: blur(10px) saturate(1.12);
  transform: scale(1.04);
  transition: opacity .4s var(--ui-ease), filter .4s var(--ui-ease), transform .4s var(--ui-ease);
}

body[data-nui-view="auth"] .bbbbbb-auth-box {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: min(100%, 920px);
  min-height: auto;
  overflow: visible !important;
}

body.nui-route-enter[data-nui-view="auth"] .bbbbbb-auth-box {
  animation: nuiPanelIn .52s var(--ui-ease-soft) both;
}

body.nui-route-enter[data-nui-view="app"] #main-container .content {
  animation: nuiPageIn .42s var(--ui-ease-soft) both;
}

body[data-nui-view="auth"] .bbbbbb-auth-box::before {
  position: absolute;
  top: -58px;
  left: 50%;
  min-width: 160px;
  padding: 8px 22px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .68);
  background: linear-gradient(90deg, rgba(255, 215, 194, .94), rgba(231, 242, 223, .92));
  color: var(--ui-blue-deep);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  content: attr(data-nui-caption);
  transform: translateX(-50%);
  box-shadow: 0 12px 28px rgba(79, 111, 108, .14);
}

body[data-nui-view="auth"] .bbbbbb-auth-box::after {
  display: none;
  content: none;
}

body[data-nui-view="auth"] .block {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  background: rgba(255, 253, 250, .88) !important;
  box-shadow: 0 30px 80px rgba(91, 120, 111, .18) !important;
}

body[data-nui-view="auth"] .bg-white {
  background: transparent !important;
}

body[data-nui-view="auth"] .block-content {
  padding: 34px !important;
}

body[data-nui-view="auth"] .font-size-h1 {
  display: block;
  width: 100%;
  min-height: auto;
  color: var(--ui-blue-deep) !important;
  font-size: 31px !important;
  font-weight: 800;
  line-height: 1.22;
  text-align: center;
}

body[data-nui-view="auth"] .font-size-h1::after {
  display: none;
  content: none;
}

body[data-nui-view="auth"] .form-group {
  margin-bottom: 18px;
}

body[data-nui-view="auth"] .form-control {
  height: 46px;
  padding-right: 16px;
  padding-left: 16px;
}

body[data-nui-view="auth"] .bbbbbb-email-whitelist-enable {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(118px, 138px);
  align-items: stretch;
}

body[data-nui-view="auth"] .bbbbbb-email-whitelist-enable .form-control {
  min-width: 0;
}

body[data-nui-view="auth"] .bbbbbb-email-whitelist-enable select.form-control {
  padding-right: 4px;
  padding-left: 8px;
  font-size: 13px;
  text-overflow: ellipsis;
}

body[data-nui-view="auth"] .btn-block {
  height: 46px;
  border-radius: 999px;
  font-weight: 700;
}

body[data-nui-view="auth"] .bg-gray-lighter {
  border-top: 1px solid rgba(36, 76, 92, .1);
  background: rgba(219, 236, 238, .36) !important;
}

body[data-nui-view="auth"] .bbbbbb-login-i18n-btn {
  float: right;
}

.oneClickSubscribe,
[class*="oneClickSubscribe"] {
  overflow: hidden;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(247, 251, 248, .98), rgba(255, 248, 236, .86));
  animation: nuiPanelIn .28s var(--ui-ease-soft) both;
}

.subscribe-for-qrcode,
.subsrcibe-for-link,
[class*="hiddify"],
[class*="sing-box"],
[class*="shadowrocket"],
[class*="clashmeta"],
[class*="nekobox"] {
  border-bottom: 1px solid rgba(36, 76, 92, .1) !important;
  background: rgba(255, 255, 255, .55);
  position: relative;
  overflow: hidden;
  transition: background .2s var(--ui-ease), transform .2s var(--ui-ease);
}

.subscribe-for-qrcode:hover,
.subsrcibe-for-link:hover,
[class*="hiddify"]:hover,
[class*="sing-box"]:hover,
[class*="shadowrocket"]:hover,
[class*="clashmeta"]:hover,
[class*="nekobox"]:hover {
  background: rgba(219, 236, 238, .62) !important;
  transform: translateX(2px);
}

img[src*="imabbges/icbbon"] {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  object-fit: contain;
  box-shadow: 0 5px 14px rgba(36, 76, 92, .12);
}

.ant-modal-mask,
.am-modal-mask,
.am-drawer-mask {
  background: rgba(34, 60, 72, .34) !important;
  backdrop-filter: blur(5px);
}

.ant-message-notice-content,
.ant-notification-notice {
  border: 1px solid rgba(36, 76, 92, .12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: var(--ui-soft-shadow) !important;
}

.ant-modal-content,
.am-modal-content,
.ant-drawer-content,
.am-drawer-content {
  animation: nuiPanelIn .28s var(--ui-ease-soft) both;
}

body[data-nui-route="dashboard"] .content:first-child::before,
body[data-nui-route="traffic"] .content:first-child::before,
body[data-nui-route="plan"] .content:first-child::before,
body[data-nui-route="order"] .content:first-child::before,
body[data-nui-route="ticket"] .content:first-child::before,
body[data-nui-route="knowledge"] .content:first-child::before,
body[data-nui-route="profile"] .content:first-child::before {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin-bottom: 18px;
  padding: 6px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .68);
  background: linear-gradient(90deg, rgba(255, 253, 250, .86), rgba(231, 242, 223, .76));
  color: var(--ui-blue-deep);
  font-size: 13px;
  font-weight: 700;
  content: attr(data-nui-title);
  box-shadow: 0 8px 22px rgba(79, 111, 108, .1);
}

body[data-nui-route="plan"] .block,
body[data-nui-route="order"] .block,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item {
  border-color: rgba(226, 147, 120, .18) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, .9), rgba(255, 243, 228, .78)) !important;
}

body[data-nui-route="plan"] .block:hover,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:hover {
  border-color: rgba(226, 147, 120, .36) !important;
  box-shadow: 0 18px 46px rgba(226, 147, 120, .18) !important;
}

body[data-nui-route="plan"] .block .btn-primary,
body[data-nui-route="plan"] .block .ant-btn-primary,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item .btn-primary {
  background: linear-gradient(180deg, #f6b79f, #d97d66) !important;
  box-shadow: 0 13px 28px rgba(226, 147, 120, .3) !important;
}

body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn,
body[data-nui-route="plan"] #main-container .block:not(.text-light) button,
body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 148px;
  min-height: 44px;
  padding: 10px 24px;
  border: 1px solid rgba(226, 147, 120, .58) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(248, 184, 158, .98), rgba(217, 125, 102, .98)) !important;
  color: #fffdfa !important;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow: 0 16px 34px rgba(226, 147, 120, .3), 0 0 0 4px rgba(255, 215, 194, .18) !important;
  transform: none !important;
  transform-origin: center;
  transition: background .18s var(--ui-ease), box-shadow .18s var(--ui-ease), border-color .18s var(--ui-ease), color .18s var(--ui-ease);
  -webkit-tap-highlight-color: transparent;
}

body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn:hover,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn:hover,
body[data-nui-route="plan"] #main-container .block:not(.text-light) button:hover,
body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"]:hover {
  border-color: rgba(214, 123, 97, .72) !important;
  background:
    linear-gradient(180deg, rgba(242, 169, 139, .98), rgba(199, 111, 90, .98)) !important;
  box-shadow: 0 18px 38px rgba(226, 147, 120, .36), 0 0 0 4px rgba(255, 215, 194, .22) !important;
  transform: none !important;
}

body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn:focus,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn:focus,
body[data-nui-route="plan"] #main-container .block:not(.text-light) button:focus,
body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"]:focus,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn:active,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn:active,
body[data-nui-route="plan"] #main-container .block:not(.text-light) button:active,
body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"]:active {
  transform: none !important;
  box-shadow: 0 12px 26px rgba(226, 147, 120, .32), 0 0 0 4px rgba(255, 215, 194, .2) !important;
}

body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn[ant-click-animating-without-extra-node="true"]::after,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn[ant-click-animating-without-extra-node="true"]::after,
body[data-nui-route="plan"] #main-container .block:not(.text-light) button[ant-click-animating-without-extra-node="true"]::after,
body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"][ant-click-animating-without-extra-node="true"]::after,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn .nui-ripple-dot,
body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn .nui-ripple-dot,
body[data-nui-route="plan"] #main-container .block:not(.text-light) button .nui-ripple-dot,
body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"] .nui-ripple-dot {
  display: none !important;
  animation: none !important;
  box-shadow: none !important;
}

body[data-nui-route="plan"] #main-container .block.block-fx-pop,
body[data-nui-route="plan"] #main-container .block.block-link-pop,
body[data-nui-route="plan"] #main-container .block.block-fx-pop:hover,
body[data-nui-route="plan"] #main-container .block.block-link-pop:hover,
body[data-nui-route="plan"] #main-container .block.block-fx-pop:active,
body[data-nui-route="plan"] #main-container .block.block-link-pop:active {
  transform: none !important;
}

body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-child,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-of-type {
  border-color: rgba(226, 147, 120, .28) !important;
  background:
    linear-gradient(90deg, rgba(255, 248, 236, .96), rgba(231, 242, 223, .82)) !important;
  box-shadow: 0 14px 34px rgba(94, 137, 128, .13) !important;
}

body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-child::before,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-of-type::before {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, rgba(226, 147, 120, .82), rgba(141, 184, 115, .72));
  content: "";
}

body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-child i,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-child svg,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-of-type i,
body[data-nui-route="dashboard"] .bbbbbb-shortcuts-item:first-of-type svg {
  color: rgba(49, 95, 104, .68) !important;
}

body[data-nui-route="plan"] #cashier .block.text-light,
body[data-nui-route="order"] #cashier .block.text-light {
  border-color: rgba(226, 147, 120, .22) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, .96), rgba(255, 244, 232, .88)) !important;
  color: var(--ui-ink) !important;
  box-shadow: 0 18px 46px rgba(226, 147, 120, .14) !important;
}

body[data-nui-route="plan"] #cashier .block.text-light *,
body[data-nui-route="order"] #cashier .block.text-light * {
  color: var(--ui-ink) !important;
}

body[data-nui-route="plan"] #cashier .block.text-light h1,
body[data-nui-route="plan"] #cashier .block.text-light h5,
body[data-nui-route="order"] #cashier .block.text-light h1,
body[data-nui-route="order"] #cashier .block.text-light h5 {
  color: var(--ui-blue-deep) !important;
}

body[data-nui-route="plan"] #cashier .block.text-light [style*="#646669"],
body[data-nui-route="order"] #cashier .block.text-light [style*="#646669"] {
  color: var(--ui-muted) !important;
}

body[data-nui-route="plan"] #cashier .block.text-light .row,
body[data-nui-route="order"] #cashier .block.text-light .row {
  border-color: rgba(49, 95, 104, .14) !important;
}

body[data-nui-route="plan"] #cashier .block.text-light .btn-primary,
body[data-nui-route="plan"] #cashier .block.text-light .btn-primary *,
body[data-nui-route="order"] #cashier .block.text-light .btn-primary,
body[data-nui-route="order"] #cashier .block.text-light .btn-primary * {
  color: #fff !important;
}

@media (min-width: 992px) {
  #page-container.sidebar-o {
    padding-left: 232px !important;
  }

  #page-container.sidebar-o #main-container {
    padding-left: 0 !important;
  }

  #page-container.page-header-fixed.sidebar-o #page-header,
  #page-container.page-header-glass.sidebar-o #page-header,
  #page-container.page-footer-fixed.sidebar-o #page-footer {
    padding-left: 232px !important;
  }

  #page-container.page-header-fixed.sidebar-o #page-header .overlay-header,
  #page-container.page-header-glass.sidebar-o #page-header .overlay-header {
    left: 232px !important;
  }

  #sidebar {
    width: 232px !important;
  }

  #page-container.side-scroll #sidebar .content-header,
  #page-container.side-scroll #sidebar .content-side {
    width: 232px !important;
  }
}

@media (max-width: 991.98px) {
  #sidebar {
    width: min(84vw, 318px);
    border-radius: 0 18px 18px 0;
    background:
      linear-gradient(180deg, rgba(255, 253, 250, .98), rgba(235, 248, 244, .96) 48%, rgba(255, 241, 226, .95)),
      linear-gradient(90deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .48)),
      var(--nui-bg-image) !important;
    background-size: auto, auto, cover !important;
    background-blend-mode: normal, normal, soft-light;
    box-shadow: 16px 0 42px rgba(79, 111, 108, .2);
  }

  #sidebar .font-size-lg,
  #sidebar .text-white,
  #sidebar .text-white-75 {
    color: #244c5b !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .72);
  }

  #sidebar .nav-main-link,
  #sidebar .nav-main a {
    min-height: 46px;
    padding-right: 16px;
    padding-left: 16px;
    border-color: rgba(49, 95, 104, .1);
    background: rgba(255, 255, 255, .34) !important;
    color: #244c5b !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .68);
  }

  #sidebar .nav-main-link-name,
  #sidebar .nav-main-link span:not(.nav-main-link-icon),
  #sidebar .nav-main a span:not(.nav-main-link-icon) {
    font-weight: 700 !important;
  }

  #sidebar .nav-main-link-icon {
    color: rgba(36, 76, 92, .92) !important;
  }

  #sidebar .nav-main-heading {
    color: rgba(49, 95, 104, .72) !important;
    font-weight: 650 !important;
  }

  #sidebar .nav-main-link:hover,
  #sidebar .nav-main a:hover,
  #sidebar .nav-main-link.active,
  #sidebar .nav-main-link.router-link-active,
  #sidebar .nav-main-item.open > .nav-main-link {
    border-color: rgba(226, 147, 120, .42);
    background:
      linear-gradient(90deg, rgba(255, 215, 194, .72), rgba(231, 242, 223, .68)) !important;
    color: #1f4a58 !important;
    box-shadow: 0 10px 24px rgba(94, 137, 128, .14);
  }

  #sidebar .nav-main-link:hover .nav-main-link-icon,
  #sidebar .nav-main a:hover .nav-main-link-icon,
  #sidebar .nav-main-link.active .nav-main-link-icon,
  #sidebar .nav-main-link.router-link-active .nav-main-link-icon {
    color: #1f4a58 !important;
  }

  #sidebar .bbbbbb-copyright {
    color: rgba(49, 95, 104, .62) !important;
  }

  #main-container::before,
  #main-container::after {
    opacity: .42;
  }

  #sidebar .content-header {
    padding-left: 76px;
  }

  .content:not(.content-full) {
    padding: 22px 16px;
  }
}

@media (max-width: 991.98px) {
  #page-container.sidebar-dark #sidebar,
  html[data-darkreader-scheme="dark"] #sidebar {
    border-right-color: rgba(232, 246, 242, .2);
    background:
      linear-gradient(180deg, rgba(19, 38, 45, .97), rgba(26, 55, 62, .96) 48%, rgba(45, 50, 43, .94)),
      linear-gradient(90deg, rgba(0, 0, 0, .36), rgba(0, 0, 0, .18)),
      var(--nui-bg-image) !important;
    background-size: auto, auto, cover !important;
    background-blend-mode: normal, normal, soft-light;
    box-shadow: 18px 0 46px rgba(0, 0, 0, .34);
  }

  #page-container.sidebar-dark #sidebar .font-size-lg,
  #page-container.sidebar-dark #sidebar .text-white,
  #page-container.sidebar-dark #sidebar .text-white-75,
  html[data-darkreader-scheme="dark"] #sidebar .font-size-lg,
  html[data-darkreader-scheme="dark"] #sidebar .text-white,
  html[data-darkreader-scheme="dark"] #sidebar .text-white-75 {
    color: rgba(249, 253, 250, .98) !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .42);
  }

  #page-container.sidebar-dark #sidebar .nav-main-link,
  #page-container.sidebar-dark #sidebar .nav-main a,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main a {
    border-color: rgba(232, 246, 242, .12);
    background: rgba(255, 255, 255, .075) !important;
    color: rgba(249, 253, 250, .96) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .44);
  }

  #page-container.sidebar-dark #sidebar .nav-main-link-name,
  #page-container.sidebar-dark #sidebar .nav-main-link span:not(.nav-main-link-icon),
  #page-container.sidebar-dark #sidebar .nav-main a span:not(.nav-main-link-icon),
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link-name,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link span:not(.nav-main-link-icon),
  html[data-darkreader-scheme="dark"] #sidebar .nav-main a span:not(.nav-main-link-icon) {
    font-weight: 700 !important;
  }

  #page-container.sidebar-dark #sidebar .nav-main-link-icon,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link-icon {
    color: rgba(232, 246, 242, .94) !important;
  }

  #page-container.sidebar-dark #sidebar .nav-main-heading,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-heading {
    color: rgba(232, 246, 242, .72) !important;
    font-weight: 650 !important;
  }

  #page-container.sidebar-dark #sidebar .nav-main-link:hover,
  #page-container.sidebar-dark #sidebar .nav-main a:hover,
  #page-container.sidebar-dark #sidebar .nav-main-link.active,
  #page-container.sidebar-dark #sidebar .nav-main-link.router-link-active,
  #page-container.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link:hover,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main a:hover,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.active,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.router-link-active,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-item.open > .nav-main-link {
    border-color: rgba(255, 231, 216, .38);
    background:
      linear-gradient(90deg, rgba(255, 215, 194, .24), rgba(185, 221, 217, .18)) !important;
    color: #fffdfa !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
  }

  #page-container.sidebar-dark #sidebar .nav-main-link:hover .nav-main-link-icon,
  #page-container.sidebar-dark #sidebar .nav-main a:hover .nav-main-link-icon,
  #page-container.sidebar-dark #sidebar .nav-main-link.active .nav-main-link-icon,
  #page-container.sidebar-dark #sidebar .nav-main-link.router-link-active .nav-main-link-icon,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link:hover .nav-main-link-icon,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main a:hover .nav-main-link-icon,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.active .nav-main-link-icon,
  html[data-darkreader-scheme="dark"] #sidebar .nav-main-link.router-link-active .nav-main-link-icon {
    color: #fffdfa !important;
  }

  #page-container.sidebar-dark #sidebar .bbbbbb-copyright,
  html[data-darkreader-scheme="dark"] #sidebar .bbbbbb-copyright {
    color: rgba(232, 246, 242, .62) !important;
  }
}

@media (max-width: 575.98px) {
  body[data-nui-route="plan"] .content:not(.content-full),
  body[data-nui-route="order"] .content:not(.content-full) {
    padding-top: 34px;
  }

  body[data-nui-route="plan"] .content:first-child::before,
  body[data-nui-route="order"] .content:first-child::before {
    margin-top: 10px;
    margin-bottom: 22px;
  }

  body[data-nui-route="plan"] #main-container .block:not(.text-light) .btn,
  body[data-nui-route="plan"] #main-container .block:not(.text-light) .ant-btn,
  body[data-nui-route="plan"] #main-container .block:not(.text-light) button,
  body[data-nui-route="plan"] #main-container .block:not(.text-light) a[class*="btn"] {
    width: 100%;
    min-height: 48px;
    margin-top: 12px;
  }

  body[data-nui-view="auth"] #main-container {
    align-items: flex-start;
    padding: 96px 14px 36px;
  }

  body[data-nui-view="auth"] .block-content {
    padding: 24px 20px !important;
  }

  body[data-nui-view="auth"] .font-size-h1 {
    font-size: 25px !important;
  }

  body[data-nui-view="auth"] .bbbbbb-auth-box::before {
    max-width: calc(100vw - 44px);
    white-space: nowrap;
  }

  body::after {
    width: 320px;
  }
}

@media (max-width: 991.98px) {
  #sidebar .font-size-lg,
  #sidebar .text-white,
  #sidebar .text-white-75,
  #sidebar .nav-main-link,
  #sidebar .nav-main a,
  #sidebar .nav-main-link-name,
  #sidebar .nav-main-link span:not(.nav-main-link-icon),
  #sidebar .nav-main a span:not(.nav-main-link-icon),
  #sidebar .nav-main-heading,
  #sidebar .bbbbbb-copyright {
    font-family: "PingFang SC", "PingFang TC", "Noto Sans CJK SC", "Noto Sans CJK TC", "Microsoft YaHei", Arial, sans-serif !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
  }

  #sidebar .nav-main-link,
  #sidebar .nav-main a,
  #sidebar .nav-main-link-name,
  #sidebar .nav-main-link span:not(.nav-main-link-icon),
  #sidebar .nav-main a span:not(.nav-main-link-icon) {
    text-shadow: none !important;
  }

  #sidebar .nav-main-heading,
  #sidebar .bbbbbb-copyright {
    opacity: .82;
  }

  #sidebar .font-size-lg,
  #sidebar .text-white,
  #sidebar .text-white-75 {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .42) !important;
  }
}

@media (max-width: 991.98px) {
  #page-container.sidebar-dark #sidebar .font-size-lg,
  #page-container.sidebar-dark #sidebar .text-white,
  #page-container.sidebar-dark #sidebar .text-white-75,
  html[data-darkreader-scheme="dark"] #sidebar .font-size-lg,
  html[data-darkreader-scheme="dark"] #sidebar .text-white,
  html[data-darkreader-scheme="dark"] #sidebar .text-white-75 {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .28) !important;
  }
}

@media (hover: none) {
  .btn-primary:hover,
  .ant-btn-primary:hover,
  .am-button-primary:hover,
  .bbbbbb-shortcuts-item:hover,
  .block.block-fx-pop:hover,
  .nav-main-link:hover,
  .nav-main a:hover,
  [class*="hiddify"]:hover,
  [class*="sing-box"]:hover,
  [class*="shadowrocket"]:hover,
  [class*="clashmeta"]:hover,
  [class*="nekobox"]:hover {
    transform: none;
  }

  .btn:active,
  .ant-btn:active,
  .am-button:active,
  .nav-main-link:active,
  .bbbbbb-shortcuts-item:active {
    transform: scale(.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  .nui-ripple-dot {
    display: none !important;
  }
}