/* 控制舱 · 对照深空金，会员 / 计价 / 风控 / 权限接口不动 */

:root {
  --bg: #070708;
  --bg2: #0c0c0e;
  --glass: rgba(20, 18, 14, 0.62);
  --glass2: rgba(28, 24, 18, 0.7);
  --stroke: rgba(242, 227, 173, 0.18);
  --stroke2: rgba(242, 227, 173, 0.32);
  --ink: rgba(242, 241, 234, 0.92);
  --ink2: rgba(242, 241, 234, 0.62);
  --ink3: rgba(242, 241, 234, 0.4);
  --ink4: rgba(242, 241, 234, 0.28);
  --teal: #c9b88f;
  --teal2: #f2e3ad;
  --teal-soft: rgba(242, 227, 173, 0.12);
  --gold: #f2e3ad;
  --pw-teal: #f2e3ad;
  --pw-teal2: #c9b88f;
  --pw-teal-soft: rgba(242, 227, 173, 0.1);
}

body.xc-admin {
  font-family: "Space Grotesk", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  background: #070708;
}
html.theme-dark body.xc-admin,
html.studio-theme-dark body.xc-admin {
  background: #070708 !important;
}
html.theme-dark body.xc-admin::before,
html.studio-theme-dark body.xc-admin::before {
  display: none !important;
}
body.xc-admin::before {
  background-image:
    linear-gradient(rgba(242, 227, 173, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(242, 227, 173, 0.04) 1px, transparent 1px);
}

.xc-admin .brand .logo {
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a;
  box-shadow: 0 0 18px rgba(138, 109, 31, 0.35);
}
.xc-admin .topbar .av {
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a;
  box-shadow: 0 0 14px rgba(138, 109, 31, 0.3);
}
.xc-admin .pg-head h1 {
  text-shadow: 0 0 24px rgba(242, 227, 173, 0.18);
}
.xc-admin .btn.primary {
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a;
  box-shadow: 0 6px 24px rgba(138, 109, 31, 0.28);
}
.xc-admin .btn.primary:hover { color: #14100a; }
.xc-admin .navitem .cnt {
  background: rgba(242, 227, 173, 0.08);
}

#page-pricing .pw-top .sub b,
#page-pricing .rule-toggle.on,
#page-pricing .pr-bar .pv2 {
  color: var(--pw-teal2);
}
#page-pricing .rule-toggle.on {
  background: var(--pw-teal2);
  border-color: var(--pw-teal2);
}

body.xc-friendly {
  background: #070708 !important;
  color: rgba(242, 241, 234, 0.92) !important;
}
body.xc-friendly .card {
  background: #14120e !important;
  border-color: rgba(242, 227, 173, 0.18) !important;
}
body.xc-friendly .card h2 { color: #f2e3ad !important; }
body.xc-friendly .btn.primary {
  background: linear-gradient(135deg, #f2e3ad, #dcc899) !important;
  color: #14100a !important;
}
body.xc-friendly .sub { color: rgba(242, 241, 234, 0.5) !important; }

body.xc-admin {
  --xc-page-w: 1280px;
  font-size: 12.5px;
}
.xc-admin .pg-head h1 {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}
.xc-admin .pg-head .sub { font-size: 12px; }
.xc-admin .navitem {
  font-size: 12.5px;
  border-radius: 999px;
  padding: 8px 12px;
}
.xc-admin .navitem.active {
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a;
  box-shadow: none;
}
.xc-admin .navitem.active i { color: #14100a; }
.xc-admin .btn,
.xc-admin .xc-admin-back {
  border-radius: 999px;
  font-size: 12.5px;
}
.xc-admin .xc-admin-back {
  flex-shrink: 0;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a !important;
  border-color: transparent;
  font-weight: 800;
  padding: 8px 14px;
  z-index: 30;
}
.xc-admin .xc-admin-back:hover {
  color: #14100a !important;
  transform: none;
}
.xc-admin .side-foot a.btn[href="/"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a !important;
  border-color: transparent;
  font-weight: 800;
}
.xc-admin .topbar .crumb { font-size: 12px; }

html:not(.theme-dark):not(.studio-theme-dark) {
  --bg: #f4f1e9;
  --bg2: #efece2;
  --glass: rgba(255, 253, 248, 0.88);
  --glass2: rgba(255, 255, 253, 0.94);
  --stroke: rgba(28, 26, 23, 0.12);
  --stroke2: rgba(28, 26, 23, 0.22);
  --ink: #26211a;
  --ink2: #6b6456;
  --ink3: #8a8272;
  --ink4: #b5ac96;
  --teal: #8a6d1f;
  --teal2: #8a6d1f;
  --teal-soft: rgba(138, 109, 31, 0.12);
  --gold: #8a6d1f;
  --pw-teal: #8a6d1f;
  --pw-teal2: #8a6d1f;
  --pw-teal-soft: rgba(138, 109, 31, 0.1);
}

html:not(.theme-dark):not(.studio-theme-dark),
html:not(.theme-dark):not(.studio-theme-dark) body,
html:not(.theme-dark):not(.studio-theme-dark) body.xc-admin {
  background: #f4f1e9 !important;
  color: #26211a;
}

html:not(.theme-dark):not(.studio-theme-dark) body.xc-admin {
  background:
    linear-gradient(180deg, rgba(248, 245, 236, 0.34) 0%, rgba(248, 245, 236, 0.56) 100%),
    url("/static/images/xc-bg-light.jpg") center / cover no-repeat !important;
}

html:not(.theme-dark):not(.studio-theme-dark) body.xc-admin::before {
  background-image:
    linear-gradient(rgba(28, 26, 23, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 26, 23, 0.04) 1px, transparent 1px);
}

html:not(.theme-dark):not(.studio-theme-dark) .xc-admin .topbar {
  background: rgba(248, 245, 236, 0.82);
}

html:not(.theme-dark):not(.studio-theme-dark) .xc-admin .sidenav,
html:not(.theme-dark):not(.studio-theme-dark) .xc-admin .main {
  background: rgba(255, 253, 248, 0.82);
  border-color: rgba(28, 26, 23, 0.1);
}

html:not(.theme-dark):not(.studio-theme-dark) .xc-admin .pg-head h1 {
  text-shadow: none;
  color: #26211a;
}

html:not(.theme-dark):not(.studio-theme-dark) .xc-admin .navitem.active {
  background: linear-gradient(135deg, #ecd9a0, #d3ba82);
  color: #14100a;
}

html:not(.theme-dark):not(.studio-theme-dark) .xc-admin .xc-admin-theme {
  border-radius: 999px;
}