/* 官网世界皮肤：登录保持浅色卡片；后台用深色玻璃，不改结构 */
body.site-skin {
  background: #05060a;
}

.site-world {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  perspective: 1100px;
}
.site-world::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image:
    linear-gradient(rgba(130, 214, 255, .2) 1px, rgba(130, 214, 255, 0) 1px),
    linear-gradient(90deg, rgba(130, 214, 255, .2) 1px, rgba(130, 214, 255, 0) 1px);
  background-size: 84px 84px;
  -webkit-mask-image: radial-gradient(ellipse at 72% 42%, rgba(0, 0, 0, 0) 18%, #000 72%);
  mask-image: radial-gradient(ellipse at 72% 42%, rgba(0, 0, 0, 0) 18%, #000 72%);
  opacity: .34;
  pointer-events: none;
}

.site-world-hero {
  position: absolute;
  inset: 0;
  transform-origin: 50% 42%;
}

.site-world-hero-img {
  position: absolute;
  inset: 0;
  background: url("/img/site-hero-bg.webp?v=20260929b") center 62% / cover no-repeat;
  animation: siteKen 22s ease-in-out infinite alternate;
}

.site-world-sky {
  position: absolute;
  inset: -10% -12%;
  mix-blend-mode: screen;
}

.site-world-sky i,
.site-sky-sun,
.site-sky-wash,
.site-sky-patch {
  position: absolute;
}

.site-sky-sun {
  top: -16%;
  left: 0;
  right: 0;
  height: 52%;
  background: radial-gradient(ellipse 88% 58% at 50% 0%, rgba(255, 230, 190, .24), transparent 72%);
  filter: blur(18px);
  animation: siteSun 20s ease-in-out infinite alternate;
}

.site-sky-wash {
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 226, 186, .1) 0%, rgba(255, 218, 170, .04) 28%, transparent 58%);
  filter: blur(12px);
  animation: siteWash 9s ease-in-out infinite;
}

.site-sky-patch {
  width: 48vw;
  height: 42vh;
  background: radial-gradient(ellipse, rgba(255, 226, 186, .13), transparent 72%);
  filter: blur(22px);
}

.site-sky-patch.a {
  top: 2%;
  left: 4%;
  animation: sitePatchA 17s ease-in-out infinite alternate;
}

.site-sky-patch.b {
  top: 8%;
  right: 2%;
  animation: sitePatchB 23s ease-in-out infinite alternate;
}

.site-sky-patch.c {
  top: 22%;
  left: 28%;
  width: 40vw;
  height: 36vh;
  animation: sitePatchC 19s ease-in-out infinite alternate;
}

.site-world-side {
  position: absolute;
  top: 0;
  width: 36vw;
  height: 100%;
  filter: blur(10px);
}

.site-world-side.left {
  left: -10%;
  background: linear-gradient(90deg, rgba(8, 18, 16, .35), transparent 74%);
}

.site-world-side.right {
  right: -10%;
  background: linear-gradient(270deg, rgba(18, 16, 10, .28), transparent 74%);
}

.site-world-veil {
  position: absolute;
  inset: 0;
}

.login-page .site-world-veil {
  background:
    radial-gradient(ellipse 58% 52% at 50% 38%, rgba(242, 242, 242, .9) 0%, rgba(242, 242, 242, .58) 46%, rgba(242, 242, 242, .22) 100%),
    linear-gradient(180deg, rgba(242, 242, 242, .42) 0%, rgba(5, 6, 10, .16) 100%);
}

html:not(.theme-light) body.site-skin:not(.login-page) .site-world-veil {
  background:
    linear-gradient(90deg, rgba(6, 8, 12, .55) 0%, rgba(6, 8, 12, .28) 42%, rgba(6, 8, 12, .48) 100%),
    linear-gradient(180deg, rgba(6, 8, 12, .5) 0%, rgba(7, 9, 13, .62) 48%, rgba(7, 9, 13, .82) 100%);
}

.site-world-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 46%, rgba(0, 0, 0, .42) 100%);
}

html:not(.theme-light) body.site-skin:not(.login-page) .site-world-vignette {
  background: radial-gradient(ellipse at 70% 0%, rgba(14, 127, 81, .08), transparent 42%),
    radial-gradient(ellipse at center, transparent 52%, rgba(0, 0, 0, .55) 100%);
}

.site-world-dust {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.site-world-spot {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle 34vw at var(--spot-x, 50%) var(--spot-y, 36%), rgba(255, 226, 186, .16), transparent 58%);
  mix-blend-mode: screen;
  transition: opacity .4s ease;
}

html:not(.theme-light) body.site-skin:not(.login-page) .site-world-spot {
  background: radial-gradient(circle 24vw at var(--spot-x, 68%) var(--spot-y, 18%), rgba(61, 176, 122, .12), transparent 60%);
  mix-blend-mode: normal;
}

/* 后台背景静止，不再跟鼠标、不再持续模糊动画 */
body.site-skin:not(.login-page) .site-world-hero-img,
body.site-skin:not(.login-page) .site-sky-sun,
body.site-skin:not(.login-page) .site-sky-wash,
body.site-skin:not(.login-page) .site-sky-patch {
  animation: none !important;
  filter: none;
}
body.site-skin:not(.login-page) .site-world-side {
  filter: none;
}
body.site-skin:not(.login-page) .site-world-spot,
body.site-skin:not(.login-page) .site-world-dust {
  display: none;
}

.login-page .login-wrap,
.login-page .login-card {
  transition: transform .28s cubic-bezier(.22, .8, .32, 1);
}

.login-page.site-skin {
  background: transparent;
}

.login-page .login-wrap,
.login-page .login-card {
  position: relative;
  z-index: 1;
}

body.site-skin .app-shell {
  background: transparent;
}

body.site-skin .shell-main {
  position: relative;
  z-index: 1;
  background: transparent;
}

/* —— 后台：深色玻璃 —— */
html:not(.theme-light) body.site-skin:not(.login-page) {
  color-scheme: dark;
  --bg: #0c0e13;
  --surface: #171b24;
  --border: rgba(255, 255, 255, .16);
  --text: #f5f7fa;
  --text-secondary: #c8d0d8;
  --primary-soft: rgba(16, 185, 129, .28);
  --primary-border: rgba(167, 243, 208, .5);
  --primary-hover: #d1fae5;
  --shadow: 0 1px 0 rgba(255, 255, 255, .05), 0 22px 48px rgba(0, 0, 0, .4);
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar {
  background: #0c0f14;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-right-color: rgba(255, 255, 255, .06);
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar {
  background: #101218;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  box-shadow: none;
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-title,
html:not(.theme-light) body.site-skin:not(.login-page) #crumbCurrent {
  color: #f6f7f8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-root {
  color: #8b939d;
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-menu {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .14);
  color: #f2f2f2;
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-support-tg {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #7dd3fc;
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-support-tg:hover {
  background: rgba(34, 158, 217, .14);
  border-color: rgba(125, 211, 252, .45);
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-user {
  background: rgba(255, 255, 255, .08);
  color: #f2f2f2;
}

html:not(.theme-light) body.site-skin:not(.login-page) .topbar-user:hover {
  background: rgba(255, 255, 255, .14);
}

html:not(.theme-light) body.site-skin:not(.login-page) .env-badge {
  background: rgba(255, 255, 255, .08);
  color: #c5ccd4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .env-badge.ready {
  background: rgba(14, 127, 81, .2);
  color: #7ddea8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .env-badge.error {
  background: rgba(220, 38, 38, .18);
  color: #fca5a5;
}

html:not(.theme-light) body.site-skin:not(.login-page) .stat-badge {
  background: rgba(14, 127, 81, .18);
  color: #9be4bc;
}

html:not(.theme-light) body.site-skin:not(.login-page) .page-card,
html:not(.theme-light) body.site-skin:not(.login-page) .form-card,
html:not(.theme-light) body.site-skin:not(.login-page) .result-card,
html:not(.theme-light) body.site-skin:not(.login-page) .history-card,
html:not(.theme-light) body.site-skin:not(.login-page) .queue-card,
html:not(.theme-light) body.site-skin:not(.login-page) .history-search-card,
html:not(.theme-light) body.site-skin:not(.login-page) .page-subtabs,
html:not(.theme-light) body.site-skin:not(.login-page) .build-type-tabs,
html:not(.theme-light) body.site-skin:not(.login-page) .stat-mini-card,
html:not(.theme-light) body.site-skin:not(.login-page) .finance-kpi,
html:not(.theme-light) body.site-skin:not(.login-page) .feature-guide-card,
html:not(.theme-light) body.site-skin:not(.login-page) .user-card,
html:not(.theme-light) body.site-skin:not(.login-page) .users-side-card,
html:not(.theme-light) body.site-skin:not(.login-page) .telegram-bind-card,
html:not(.theme-light) body.site-skin:not(.login-page) .recharge-create,
html:not(.theme-light) body.site-skin:not(.login-page) .recharge-order,
html:not(.theme-light) body.site-skin:not(.login-page) .invite-code-box,
html:not(.theme-light) body.site-skin:not(.login-page) .invite-link-box {
  background: #141820;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: var(--shadow);
}

html:not(.theme-light) body.site-skin:not(.login-page) .page-head h2,
html:not(.theme-light) body.site-skin:not(.login-page) .page-card-title,
html:not(.theme-light) body.site-skin:not(.login-page) .field > span,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-header h3 {
  color: #f1f3f5;
}

html:not(.theme-light) body.site-skin:not(.login-page) .page-subtab,
html:not(.theme-light) body.site-skin:not(.login-page) .build-type-tab {
  color: #a7b0ba;
}

html:not(.theme-light) body.site-skin:not(.login-page) .page-subtab.active,
html:not(.theme-light) body.site-skin:not(.login-page) .build-type-tab.active {
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-ghost,
html:not(.theme-light) body.site-skin:not(.login-page) .btn-icon {
  background: rgba(255, 255, 255, .08);
  color: #f4f6f8;
  border: 1px solid rgba(255, 255, 255, .22);
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-ghost:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .btn-icon:hover {
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .38);
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-ghost:disabled,
html:not(.theme-light) body.site-skin:not(.login-page) .btn-icon:disabled {
  opacity: .42;
}

html:not(.theme-light) body.site-skin:not(.login-page) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not(.theme-light) body.site-skin:not(.login-page) select,
html:not(.theme-light) body.site-skin:not(.login-page) textarea {
  background: #0d1016;
  border-color: rgba(255, 255, 255, .22);
  color: #f7f8fa;
}

html:not(.theme-light) body.site-skin:not(.login-page) input::placeholder,
html:not(.theme-light) body.site-skin:not(.login-page) textarea::placeholder {
  color: #9aa3ae;
}

html:not(.theme-light) body.site-skin:not(.login-page) .field input,
html:not(.theme-light) body.site-skin:not(.login-page) .field select,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-filter-bar input,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-filter-bar select,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-field input,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-field select,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-field textarea {
  background: #0d1016;
  color: #f7f8fa;
  border-color: rgba(255, 255, 255, .22);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table th {
  background: rgba(255, 255, 255, .04);
  color: #9aa3ae;
  border-bottom-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table td {
  border-bottom-color: rgba(255, 255, 255, .06);
  color: #e6e9ed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table tr:hover td {
  background: rgba(255, 255, 255, .04);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-cat-item,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-link-item,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-choice,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-chip {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .1);
  color: #e8eaed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-cat-item.is-active,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-choice:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-chip.is-on {
  background: rgba(14, 127, 81, .16);
  border-color: rgba(61, 176, 122, .45);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-cat-main span,
html:not(.theme-light) body.site-skin:not(.login-page) .field-note,
html:not(.theme-light) body.site-skin:not(.login-page) .history-info .meta {
  color: #c8d0d8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-item,
html:not(.theme-light) body.site-skin:not(.login-page) .material-html-list > li:not(.history-empty) {
  border-bottom-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .modal {
  background: rgba(4, 6, 10, .62);
}

html:not(.theme-light) body.site-skin:not(.login-page) .modal-card {
  background: #141820;
  border: 1px solid rgba(255, 255, 255, .1);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-icon {
  background: rgba(255, 255, 255, .08);
  color: #f4f6f8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .result-dismiss {
  background: rgba(255, 255, 255, .08);
  color: #c5ccd4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .result-dismiss:hover {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-notify-ops {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .12);
}

html:not(.theme-light) body.site-skin:not(.login-page) a {
  color: #7ddea8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-system-note,
html:not(.theme-light) body.site-skin:not(.login-page) .field-note.cloak-review-system-note,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-label,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-custom-label,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-real-label,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-field span.cloak-real-label {
  color: #ff8a80;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table-dense .th-ops,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table-dense .td-ops {
  background: rgba(12, 14, 18, .94);
  box-shadow: -10px 0 18px rgba(0, 0, 0, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table-dense thead .th-ops {
  background: rgba(16, 18, 24, .96);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table tr:hover .td-ops {
  background: rgba(20, 23, 30, .96);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-slug {
  background: rgba(255, 255, 255, .08);
  color: #f5f7fa;
  border: 1px solid rgba(255, 255, 255, .14);
  font-weight: 650;
  letter-spacing: .03em;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag {
  background: rgba(255, 255, 255, .06);
  color: #e8eaed;
  border: 1px solid rgba(255, 255, 255, .1);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag.is-cloak {
  background: rgba(14, 127, 81, .2);
  color: #86efac;
  border-color: rgba(61, 176, 122, .4);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag.is-green {
  background: rgba(16, 185, 129, .16);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag.is-full {
  background: rgba(59, 130, 246, .16);
  color: #93c5fd;
  border-color: rgba(59, 130, 246, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag.is-review {
  background: rgba(234, 88, 12, .16);
  color: #fdba74;
  border-color: rgba(234, 88, 12, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag.is-direct {
  background: rgba(255, 255, 255, .08);
  color: #d1d5db;
  border-color: rgba(255, 255, 255, .14);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag.is-block {
  background: rgba(220, 38, 38, .16);
  color: #fca5a5;
  border-color: rgba(220, 38, 38, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-type-pill.solo {
  background: rgba(14, 127, 81, .18);
  color: #86efac;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-type-pill.build {
  background: rgba(59, 130, 246, .16);
  color: #93c5fd;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-trial-pill {
  background: rgba(234, 88, 12, .16);
  color: #fdba74;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button {
  color: #8be4b4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button:hover {
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button.danger {
  color: #fca5a5;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button.danger:hover {
  color: #fecaca;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-copy-link,
html:not(.theme-light) body.site-skin:not(.login-page) button.cloak-copy-link,
html:not(.theme-light) body.site-skin:not(.login-page) a.cloak-copy-link,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links .cloak-copy-link,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mini-copy,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mini-edit {
  color: #f4fff8;
  background: rgba(16, 185, 129, .38);
  border-color: rgba(167, 243, 208, .62);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-copy-link:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mini-copy:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mini-edit:hover {
  color: #fff;
  background: rgba(16, 185, 129, .48);
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-copy {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .16);
  color: #d7dde4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-copy:hover {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mobile-card {
  background: rgba(18, 20, 26, .78);
  border-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-stats b {
  color: #9be4bc;
}

html.theme-swap,
html.theme-swap *,
html.theme-swap *::before,
html.theme-swap *::after {
  transition: none !important;
  animation: none !important;
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-ghost,
html:not(.theme-light) body.site-skin:not(.login-page) .btn-primary,
html:not(.theme-light) body.site-skin:not(.login-page) .page-subtab,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-tag,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-slug,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button {
  transition: background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-data-table tbody tr:hover td {
  box-shadow: inset 0 0 0 999px rgba(14, 127, 81, .04);
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-primary {
  box-shadow: 0 0 0 0 rgba(14, 127, 81, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .btn-primary:hover:not(:disabled) {
  box-shadow: 0 8px 22px rgba(14, 127, 81, .28);
}

@media (prefers-reduced-motion: no-preference) {
  html:not(.theme-light) body.site-skin:not(.login-page) .page-head-actions .btn-primary {
    animation: sitePulse 4.8s ease-in-out infinite;
  }
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-foot {
  background: transparent;
  border-top-color: rgba(255, 255, 255, .07);
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account {
  background: rgba(255, 255, 255, .045);
  border-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account:hover {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(61, 176, 122, .4);
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account-label,
html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account-hint,
html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account-row b.sidebar-cloak {
  color: #9aa3ae;
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account-row strong {
  color: #f3f5f7;
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-account-row b {
  color: #9be4bc;
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-recharge {
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(180deg, #12885a 0%, #0c6d48 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
  letter-spacing: .04em;
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-recharge:hover {
  background: linear-gradient(180deg, #159864 0%, #0e7a51 100%);
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-logout {
  border-color: rgba(255, 255, 255, .14);
  color: #c8d0d8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .sidebar-logout:hover {
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-grid {
  background: rgba(0, 0, 0, .22);
  border-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-chip,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-lang-chip,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-platform-chip,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-choice,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-toggle {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .2);
  color: #f5f7fa;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-chip .cloak-chip-text,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-choice span,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-choice .cloak-chip-text,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-chip .cloak-chip-text {
  color: #f5f7fa;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-chip.is-on,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-chip:has(input:checked),
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-choice:has(input:checked),
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-toggle:has(input:checked) {
  background: rgba(14, 127, 81, .22);
  border-color: rgba(61, 176, 122, .5);
  color: #f8fffb;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-chip,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-chip.is-on,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-chip:has(input:checked) {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #f3f5f7;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-chip:has(input:checked),
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-chip.is-on {
  background: rgba(14, 127, 81, .18);
  border-color: rgba(61, 176, 122, .45);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-url-open {
  color: #8be4b4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-search-input,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domains-field textarea,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-country-filter {
  background: rgba(8, 10, 14, .62);
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-modes {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .1);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-mode {
  color: #b4bcc6;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-mode:has(input:checked) {
  background: rgba(255, 255, 255, .1);
  color: #fff;
  box-shadow: none;
}

html:not(.theme-light) body.site-skin:not(.login-page) .recharge-balance,
html:not(.theme-light) body.site-skin:not(.login-page) .cost-card,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-sub-plan {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .1);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cost-card.cost-total {
  background: rgba(234, 179, 8, .12);
  border-color: rgba(234, 179, 8, .28);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cost-card.cost-total .cost-num {
  color: #fbbf24;
}

html:not(.theme-light) body.site-skin:not(.login-page) .account-modal-tab:hover {
  background: rgba(255, 255, 255, .08);
  color: #f3f5f7;
}

html:not(.theme-light) body.site-skin:not(.login-page) .account-modal-tab.active {
  background: rgba(14, 127, 81, .2);
  color: #8be4b4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .material-upload-btn,
html:not(.theme-light) body.site-skin:not(.login-page) .material-upload-preview,
html:not(.theme-light) body.site-skin:not(.login-page) .upload-preview {
  background: rgba(8, 10, 14, .5);
  border-color: rgba(255, 255, 255, .16);
  color: #d7dde4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .upload-preview.has-image,
html:not(.theme-light) body.site-skin:not(.login-page) .material-upload.is-drag .material-upload-btn {
  background: rgba(14, 127, 81, .14);
  border-color: rgba(61, 176, 122, .4);
}

html:not(.theme-light) body.site-skin:not(.login-page) .material-upload-text,
html:not(.theme-light) body.site-skin:not(.login-page) .upload-placeholder {
  color: #c5ccd4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-search-field input {
  background: rgba(8, 10, 14, .55);
  color: #f3f4f6;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-search-field input::placeholder {
  color: #7d8692;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-tab {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #c5ccd4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-tab.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-token-header {
  border-bottom-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .stats-row-head,
html:not(.theme-light) body.site-skin:not(.login-page) .push-subs-table th {
  background: rgba(255, 255, 255, .04);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 8px;
  border-radius: 7px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button:hover {
  background: rgba(14, 127, 81, .22);
  border-color: rgba(61, 176, 122, .4);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-op-links button.danger {
  background: rgba(220, 38, 38, .12);
  border-color: rgba(248, 113, 113, .28);
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-item {
  border-bottom-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-info .name,
html:not(.theme-light) body.site-skin:not(.login-page) .queue-card h3 {
  color: #f6f7f9;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-info .meta,
html:not(.theme-light) body.site-skin:not(.login-page) .field-note,
html:not(.theme-light) body.site-skin:not(.login-page) .field-hint,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-tip,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mode-hint,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-field span {
  color: #c8d0d8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .account-modal-tabs {
  border-bottom-color: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .account-modal-tab {
  color: #9aa3ae;
}

html:not(.theme-light) body.site-skin:not(.login-page) .recharge-user-line,
html:not(.theme-light) body.site-skin:not(.login-page) .recharge-bal-row > span,
html:not(.theme-light) body.site-skin:not(.login-page) .recharge-fee-list,
html:not(.theme-light) body.site-skin:not(.login-page) .cost-card .cost-label,
html:not(.theme-light) body.site-skin:not(.login-page) .cost-card .cost-sub,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-section-title {
  color: #9aa3ae;
}

html:not(.theme-light) body.site-skin:not(.login-page) .recharge-user-line b,
html:not(.theme-light) body.site-skin:not(.login-page) .recharge-bal-row > b,
html:not(.theme-light) body.site-skin:not(.login-page) .cost-card .cost-num {
  color: #f3f5f7;
}

html:not(.theme-light) body.site-skin:not(.login-page) .recharge-pay,
html:not(.theme-light) body.site-skin:not(.login-page) .ledger-row,
html:not(.theme-light) body.site-skin:not(.login-page) .recharge-addr-row code,
html:not(.theme-light) body.site-skin:not(.login-page) .fixed-costs {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .1);
  color: #e8eaed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .order-status {
  background: rgba(99, 102, 241, .16);
  color: #c7d2fe;
}

html:not(.theme-light) body.site-skin:not(.login-page) .order-status-ok {
  background: rgba(22, 163, 74, .16);
  color: #86efac;
}

html:not(.theme-light) body.site-skin:not(.login-page) .order-status-warn {
  background: rgba(234, 179, 8, .16);
  color: #fde68a;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-preview-notice {
  background: rgba(109, 40, 217, .16);
  border-color: rgba(167, 139, 250, .35);
  color: #ddd6fe;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-icon-upload,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-sandbox-card,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-event-del,
html:not(.theme-light) body.site-skin:not(.login-page) .result-share,
html:not(.theme-light) body.site-skin:not(.login-page) .result-share-head,
html:not(.theme-light) body.site-skin:not(.login-page) .result-share-meta,
html:not(.theme-light) body.site-skin:not(.login-page) .history-share-link-row,
html:not(.theme-light) body.site-skin:not(.login-page) .history-share-card,
html:not(.theme-light) body.site-skin:not(.login-page) .history-share-card .history-share-head,
html:not(.theme-light) body.site-skin:not(.login-page) .history-share-meta,
html:not(.theme-light) body.site-skin:not(.login-page) .history-share-pre,
html:not(.theme-light) body.site-skin:not(.login-page) .history-share-empty {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .12);
  color: #e8eaed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card:hover {
  background: rgba(59, 130, 246, .12);
  border-color: rgba(147, 197, 253, .4);
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active {
  background: rgba(14, 127, 81, .16);
  border-color: rgba(61, 176, 122, .45);
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-package-notice {
  background: rgba(37, 99, 235, .14);
  border-color: rgba(147, 197, 253, .35);
  color: #bfdbfe;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-package-notice strong,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-package-notice-tip {
  color: #93c5fd;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-tag {
  background: rgba(59, 130, 246, .16);
  color: #93c5fd;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-cancel,
html:not(.theme-light) body.site-skin:not(.login-page) .btn-danger-ghost {
  background: rgba(220, 38, 38, .1);
  border-color: rgba(248, 113, 113, .35);
  color: #fca5a5;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-cancel:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .btn-danger-ghost:hover {
  background: rgba(220, 38, 38, .2);
  color: #fecaca;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-notify-cmd,
html:not(.theme-light) body.site-skin:not(.login-page) .landing-adjust-s2s,
html:not(.theme-light) body.site-skin:not(.login-page) .landing-comments-details,
html:not(.theme-light) body.site-skin:not(.login-page) .standalone-edit-extras,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-meta,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-settings-grid > label.field:not(.full),
html:not(.theme-light) body.site-skin:not(.login-page) .event-stats-compare-row,
html:not(.theme-light) body.site-skin:not(.login-page) .pwa-item-promo,
html:not(.theme-light) body.site-skin:not(.login-page) .pwa-promo-plan,
html:not(.theme-light) body.site-skin:not(.login-page) .tg-msg-item,
html:not(.theme-light) body.site-skin:not(.login-page) .tg-sch-item {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .1);
  color: #e8eaed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .landing-adjust-s2s > summary {
  color: #f3f5f7;
}

html:not(.theme-light) body.site-skin:not(.login-page) .feature-guide-card summary,
html:not(.theme-light) body.site-skin:not(.login-page) .feature-guide-body {
  color: #d7dde4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .push-tab,
html:not(.theme-light) body.site-skin:not(.login-page) .standalone-tab,
html:not(.theme-light) body.site-skin:not(.login-page) .history-tab,
html:not(.theme-light) body.site-skin:not(.login-page) .timezone-quick,
html:not(.theme-light) body.site-skin:not(.login-page) .screenshot-item {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #d7dde4;
}

html:not(.theme-light) body.site-skin:not(.login-page) .push-tab.active,
html:not(.theme-light) body.site-skin:not(.login-page) .standalone-tab.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

html:not(.theme-light) body.site-skin:not(.login-page) .users-table-head,
html:not(.theme-light) body.site-skin:not(.login-page) .user-pack-row.user-pack-head,
html:not(.theme-light) body.site-skin:not(.login-page) .login-log-row.head,
html:not(.theme-light) body.site-skin:not(.login-page) .event-stats-table th,
html:not(.theme-light) body.site-skin:not(.login-page) .wheel-data-table th,
html:not(.theme-light) body.site-skin:not(.login-page) .wheel-data-table th.col-ops,
html:not(.theme-light) body.site-skin:not(.login-page) .wheel-data-table td.col-ops,
html:not(.theme-light) body.site-skin:not(.login-page) .stats-log-row-head {
  background: rgba(255, 255, 255, .04);
  color: #9aa3ae;
}

html:not(.theme-light) body.site-skin:not(.login-page) .wheel-data-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04);
}

html:not(.theme-light) body.site-skin:not(.login-page) .event-stats-trend-track {
  background: rgba(255, 255, 255, .08);
}

html:not(.theme-light) body.site-skin:not(.login-page) .users-filter-bar input,
html:not(.theme-light) body.site-skin:not(.login-page) .users-filter-bar select,
html:not(.theme-light) body.site-skin:not(.login-page) .finance-filter-bar input,
html:not(.theme-light) body.site-skin:not(.login-page) .finance-filter-bar select,
html:not(.theme-light) body.site-skin:not(.login-page) .finance-field input,
html:not(.theme-light) body.site-skin:not(.login-page) .pwa-promo-target select,
html:not(.theme-light) body.site-skin:not(.login-page) .pwa-pay-custom input,
html:not(.theme-light) body.site-skin:not(.login-page) .site-ads-event input,
html:not(.theme-light) body.site-skin:not(.login-page) .site-ads-event select,
html:not(.theme-light) body.site-skin:not(.login-page) .apk-domain-pool-row select,
html:not(.theme-light) body.site-skin:not(.login-page) .apk-domain-pool-row input,
html:not(.theme-light) body.site-skin:not(.login-page) .apk-domain-own-row input,
html:not(.theme-light) body.site-skin:not(.login-page) .apk-domain-own-row select,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domain-pool-row select,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domain-pool-row input,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domain-own-row input,
html:not(.theme-light) body.site-skin:not(.login-page) .field .timezone-quick {
  background: rgba(8, 10, 14, .62);
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-cloak-setdays,
html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-credit,
html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-cloak-charge,
html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-reset-pwd,
html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-del {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .14);
  color: #e8eaed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-cloak-setdays {
  background: rgba(22, 163, 74, .14);
  border-color: rgba(74, 222, 128, .35);
  color: #86efac;
}

html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-credit {
  background: rgba(14, 165, 233, .14);
  border-color: rgba(125, 211, 252, .35);
  color: #7dd3fc;
}

html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-cloak-charge {
  background: rgba(124, 58, 237, .16);
  border-color: rgba(167, 139, 250, .35);
  color: #c4b5fd;
}

html:not(.theme-light) body.site-skin:not(.login-page) .user-card-actions .user-del {
  background: rgba(220, 38, 38, .12);
  border-color: rgba(248, 113, 113, .35);
  color: #fca5a5;
}

html:not(.theme-light) body.site-skin:not(.login-page) .standalone-type-tag.solo {
  background: rgba(59, 130, 246, .16);
  color: #93c5fd;
}

html:not(.theme-light) body.site-skin:not(.login-page) .standalone-type-tag.build {
  background: rgba(255, 255, 255, .08);
  color: #d1d5db;
}

html:not(.theme-light) body.site-skin:not(.login-page) .pwa-promo-plan.is-selected,
html:not(.theme-light) body.site-skin:not(.login-page) .event-stats-compare-row.is-active {
  background: rgba(14, 127, 81, .16);
  border-color: rgba(61, 176, 122, .45);
}

html:not(.theme-light) body.site-skin:not(.login-page) .users-admin-page .login-hint {
  background: rgba(234, 179, 8, .12);
  border-color: rgba(251, 191, 36, .28);
  color: #fde68a;
}

html:not(.theme-light) body.site-skin:not(.login-page) .pwa-st-on {
  background: rgba(22, 163, 74, .16);
  color: #86efac;
}

html:not(.theme-light) body.site-skin:not(.login-page) .pwa-st-off {
  background: rgba(220, 38, 38, .16);
  color: #fca5a5;
}

html:not(.theme-light) body.site-skin:not(.login-page) .transfer-user-results {
  background: rgba(8, 10, 14, .72);
  border-color: rgba(255, 255, 255, .1);
}

@media (max-width: 900px) {
  html:not(.theme-light) body.site-skin:not(.login-page) .mobile-tabbar {
    background: #0c0f14;
    border-top-color: rgba(255, 255, 255, .08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

html:not(.theme-light) body.site-skin:not(.login-page) .pwa-preview-frame {
  background: #12151c;
  border-color: rgba(255, 255, 255, .12);
}

html:not(.theme-light) body.site-skin:not(.login-page) .pwa-preview-phone {
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-quick {
  background: rgba(14, 165, 233, .12);
  border-color: rgba(125, 211, 252, .32);
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-quick-label {
  color: #7dd3fc;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-package-notice,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-sandbox-card,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-icon-upload,
html:not(.theme-light) body.site-skin:not(.login-page) .standalone-edit-extras,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-meta {
  background: #1a1f29 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, .14);
  color: #eef2f6;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-package-notice {
  background: #152033 !important;
  border-color: rgba(96, 165, 250, .4);
  color: #dbeafe;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-package-notice code {
  background: rgba(255, 255, 255, .08);
  color: #f8fafc;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-sandbox-title,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-sandbox-desc strong {
  color: #f5f7fa;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-sandbox-sub,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-sandbox-desc {
  color: #c8d0d8;
}

html:not(.theme-light) body.site-skin:not(.login-page) .modal-tip code {
  background: rgba(255, 255, 255, .08);
  color: #e8eaed;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-disable-btn:hover {
  background: rgba(220, 38, 38, .16);
  color: #fecaca;
}

html:not(.theme-light) body.site-skin:not(.login-page) .modal-card {
  background: #161a22;
}

html:not(.theme-light) body.site-skin:not(.login-page) input:focus,
html:not(.theme-light) body.site-skin:not(.login-page) select:focus,
html:not(.theme-light) body.site-skin:not(.login-page) textarea:focus,
html:not(.theme-light) body.site-skin:not(.login-page) .field input:focus,
html:not(.theme-light) body.site-skin:not(.login-page) .field select:focus,
html:not(.theme-light) body.site-skin:not(.login-page) .modal-field input:focus {
  border-color: rgba(61, 176, 122, .75);
  box-shadow: 0 0 0 3px rgba(14, 127, 81, .24);
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-item {
  transition: background .18s ease, padding .18s ease;
}

html:not(.theme-light) body.site-skin:not(.login-page) .history-item:hover {
  background: rgba(255, 255, 255, .04);
  border-radius: 10px;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-quick .btn,
html:not(.theme-light) body.site-skin:not(.login-page) .upload-preview,
html:not(.theme-light) body.site-skin:not(.login-page) .material-upload-btn {
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .material-upload-btn:hover,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-quick .btn:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: no-preference) {
  html:not(.theme-light) body.site-skin:not(.login-page) .modal:not(.hidden) .modal-card {
    animation: siteModalIn .26s cubic-bezier(.22, .8, .32, 1);
  }
}

@keyframes siteModalIn {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to { opacity: 1; transform: none; }
}

@keyframes siteKen {
  from { transform: scale(1) translate3d(0, 0, 0); }
  to { transform: scale(1.025) translate3d(-1%, .6%, 0); }
}

@keyframes siteSun {
  from { transform: translateX(-9%) scale(1); opacity: .7; }
  to { transform: translateX(11%) scale(1.08); opacity: 1; }
}

@keyframes siteWash {
  0%, 100% { opacity: .5; }
  50% { opacity: 1; }
}

@keyframes sitePatchA {
  from { transform: translate3d(-8%, 6%, 0); opacity: .35; }
  to { transform: translate3d(14%, -5%, 0); opacity: .9; }
}

@keyframes sitePatchB {
  from { transform: translate3d(8%, -4%, 0); opacity: .3; }
  to { transform: translate3d(-12%, 7%, 0); opacity: .85; }
}

@keyframes sitePatchC {
  from { transform: translate3d(-6%, 8%, 0) scale(.92); opacity: .25; }
  to { transform: translate3d(10%, -6%, 0) scale(1.08); opacity: .75; }
}

@keyframes sitePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(14, 127, 81, .18); }
  50% { box-shadow: 0 0 22px 0 rgba(14, 127, 81, .28); }
}

@media (prefers-reduced-motion: reduce) {
  .site-world-hero-img,
  .site-sky-sun,
  .site-sky-wash,
  .site-sky-patch,
  html:not(.theme-light) body.site-skin:not(.login-page) .page-head-actions .btn-primary {
    animation: none !important;
  }
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-field > .cloak-review-system-note,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-review-field .field-note.cloak-review-system-note {
  color: #ff5252;
}

html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mirror-st.is-ready { color: #69f0ae; }
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mirror-st.is-pending { color: #ffd54f; }
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-mirror-st.is-fail { color: #ff5252; }

html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-kicker,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-desc {
  color: #9aa8b8;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-title {
  color: #f3f5f7;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active .adjust-mode-kicker {
  color: #86efac;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active[data-adjust-mode="fugui"] .adjust-mode-kicker,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active[data-af-mode="fugui"] .adjust-mode-kicker {
  color: #5eead4;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active[data-adjust-mode="tt"] .adjust-mode-kicker,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active[data-af-mode="tt"] .adjust-mode-kicker {
  color: #fdba74;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active[data-adjust-mode="come"] .adjust-mode-kicker,
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-card.is-active[data-af-mode="come"] .adjust-mode-kicker {
  color: #c4b5fd;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-desc code {
  background: rgba(255, 255, 255, .08);
  color: #d7dde4;
}
html:not(.theme-light) body.site-skin:not(.login-page) .adjust-mode-hint {
  color: #c8d0d8;
  background: rgba(255, 255, 255, .06);
}

.topbar-theme {
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.topbar-theme:hover {
  background: #f2f2f2;
}
.topbar-theme svg {
  width: 18px;
  height: 18px;
  display: none;
}
html:not(.theme-light) .topbar-theme .icon-sun { display: block; }
html.theme-light .topbar-theme .icon-moon { display: block; }
html:not(.theme-light) body.site-skin:not(.login-page) .topbar-theme {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
  color: #f2f2f2;
}
html:not(.theme-light) body.site-skin:not(.login-page) .topbar-theme:hover {
  background: rgba(255, 255, 255, .14);
}

html.theme-light body.site-skin:not(.login-page) {
  background: var(--bg, #F2F2F2);
}
html.theme-light body.site-skin:not(.login-page) .site-world {
  display: none;
}
html.theme-light body.site-skin:not(.login-page) .app-shell,
html.theme-light body.site-skin:not(.login-page) .shell-main {
  background: var(--bg, #F2F2F2);
}

html:not(.theme-light) body.site-skin:not(.login-page) .store-channel-pick,
html:not(.theme-light) body.site-skin:not(.login-page) .store-channel-pick span,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domain-mode-btn {
  color: #f3f6f9;
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .2);
  accent-color: #6ee7b7;
}
html:not(.theme-light) body.site-skin:not(.login-page) .store-channel-pick:has(input:checked),
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domain-mode-btn.is-on,
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-domain-mode-btn:has(input:checked) {
  color: #f7fffb;
  background: rgba(16, 185, 129, .28);
  border-color: rgba(167, 243, 208, .5);
}
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-meta {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .12);
  color: #e8eaed;
}
html:not(.theme-light) body.site-skin:not(.login-page) .cloak-edit-meta-row > span:first-child {
  color: #aeb6c0;
}