/* 个人中心：一切颜色走主题 token，禁止写死色值。 */
body.page-profile {
  --profile-bg: var(--color-page);
  --profile-surface: var(--color-surface-raised);
  --profile-surface-2: var(--color-surface-muted);
  --profile-text: var(--color-text);
  --profile-muted: var(--color-text-muted);
  --profile-line: var(--color-border);
  --profile-hover: var(--color-hover);
  --profile-active: var(--color-surface-selected);
  --profile-accent: var(--color-accent);
  --profile-accent-hover: var(--color-accent-hover);
  --profile-accent-fg: var(--color-accent-fg);
  background: var(--profile-bg) !important;
  color: var(--profile-text);
  min-height: 100vh;
}

body.page-profile .profile-workbench {
  max-width: 1200px;
  min-height: calc(100vh - 64px);
  padding: 0 24px 72px !important;
  margin: 0 auto;
}

body.page-profile .profile-hero-compact {
  display: none;
}

body.page-profile .profile-split {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 50px;
  align-items: start;
}

body.page-profile .profile-side {
  position: sticky;
  top: 88px;
  padding-top: 30px;
}

body.page-profile .profile-side-nav {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  backdrop-filter: none;
}

body.page-profile .profile-nav-section {
  margin-bottom: 24px;
}

body.page-profile .profile-nav-label {
  padding: 0 10px 9px;
  color: #a2a5ab;
  font-size: 11px;
  line-height: 1;
}

body.page-profile .profile-side-nav .side-nav-item {
  min-height: 38px;
  margin: 0 0 2px;
  padding: 8px 10px;
  border: 0;
  border-radius: 9px;
  color: var(--profile-muted);
  background: transparent;
}

body.page-profile .profile-side-nav .side-nav-item:hover,
body.page-profile .profile-side-nav .side-nav-item.is-active {
  color: var(--profile-text);
  background: var(--profile-active);
  border: 0;
}

body.page-profile .profile-side-nav .nav-title {
  gap: 10px;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

body.page-profile .profile-side-nav .nav-title i {
  width: 16px;
  color: #63666d;
  font-size: 12px;
}

body.page-profile .profile-side-nav .side-nav-item.is-active .nav-title i {
  color: #202124;
}

body.page-profile .profile-side-nav .side-nav-desc {
  display: none;
}

body.page-profile .profile-main-panel {
  min-height: 0;
  padding: 34px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none;
}

body.page-profile .profile-panel-head {
  margin: 0 0 25px;
  padding: 0;
  border: 0;
}

body.page-profile .profile-panel-head h2 {
  color: var(--profile-text) !important;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.02em;
}

body.page-profile .profile-panel-head .sub {
  margin-top: 7px;
  color: var(--profile-muted) !important;
  font-size: 12px;
  line-height: 1.5;
}

body.page-profile .profile-inner-card {
  margin-bottom: 14px;
  padding: 22px 24px !important;
  background: var(--profile-surface) !important;
  border: 1px solid var(--profile-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(24, 25, 29, 0.025) !important;
  backdrop-filter: none;
}

body.page-profile #panel-basic .profile-inner-card:first-of-type {
  padding-top: 20px !important;
}

body.page-profile .profile-inner-card h3 {
  margin: 0 0 18px;
  color: #26282d !important;
  font-size: 15px;
  font-weight: 600;
}

body.page-profile .profile-inner-card h3 i {
  display: none;
}

body.page-profile .profile-avatar-row {
  align-items: center;
  gap: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--profile-line);
}

body.page-profile .profile-inner-card .avatar,
body.page-profile.cyber-theme .profile-inner-card .avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  background: #f0f0f1 !important;
  border: 1px solid #e2e2e4 !important;
  color: #282a2e !important;
  box-shadow: none !important;
}

body.page-profile .profile-inner-card .field-label {
  color: var(--profile-text) !important;
  background: transparent !important;
  font-size: 12px;
  font-weight: 600;
}

body.page-profile .profile-inner-card .input-inline,
body.page-profile .usage-toolbar select,
body.page-profile .usage-date-trigger {
  min-height: 38px;
  color: #292b30 !important;
  background: #fff !important;
  border: 1px solid #e1e2e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13px;
}

body.page-profile .profile-inner-card .input-inline:focus,
body.page-profile .usage-date-trigger:focus-visible {
  border-color: #b8bbc1 !important;
  box-shadow: 0 0 0 3px rgba(30, 31, 34, 0.06) !important;
}

body.page-profile .profile-note,
body.page-profile .profile-binding-label,
body.page-profile .usage-kpi .label,
body.page-profile .usage-chart-metric,
body.page-profile .profile-inner-card p.small {
  color: var(--profile-muted) !important;
  font-size: 12px;
}

body.page-profile .profile-binding-row {
  padding: 14px 0;
  border-bottom: 1px solid var(--profile-line);
}

body.page-profile .profile-binding-row:first-of-type {
  padding-top: 0;
}

body.page-profile .profile-binding-row:last-of-type {
  border-bottom: 0;
}

body.page-profile .profile-binding-value,
body.page-profile .usage-kpi .value {
  color: #27292e !important;
  font-size: 14px;
}

body.page-profile .profile-inner-card .actions {
  gap: 8px;
  margin-top: 16px;
}

body.page-profile .btn.btn-primary,
body.page-profile .btn.btn-ghost,
body.page-profile .mine-btn {
  min-height: 34px;
  padding: 7px 14px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.page-profile .btn.btn-primary {
  color: var(--profile-accent-fg) !important;
  background: var(--profile-accent) !important;
  border: 1px solid var(--profile-accent) !important;
}

body.page-profile .btn.btn-primary:hover:not(:disabled) {
  background: var(--profile-accent-hover) !important;
  border-color: var(--profile-accent-hover) !important;
  transform: none;
}

body.page-profile .btn.btn-ghost,
body.page-profile .mine-btn--ghost {
  color: #55585f !important;
  background: #fff !important;
  border: 1px solid #dedfe2 !important;
}

body.page-profile .btn.btn-ghost:hover:not(:disabled),
body.page-profile .mine-btn--ghost:hover {
  color: #222428 !important;
  background: #f5f5f6 !important;
  border-color: #cfd0d4 !important;
}

body.page-profile .profile-credits-value {
  color: var(--profile-text) !important;
  font-size: 28px;
}

body.page-profile .profile-credits-unit {
  color: var(--profile-muted) !important;
  font-size: 12px;
}

body.page-profile .account-status-banner:not(:empty) {
  margin: 0 0 14px;
  color: #55585f !important;
  background: #fff !important;
  border: 1px solid var(--profile-line) !important;
  border-radius: 8px !important;
}

body.page-profile .theme-palette-card,
body.page-profile .usage-kpi,
body.page-profile .usage-chart-card,
body.page-profile .mine-kpi,
body.page-profile .mine-panel,
body.page-profile .mine-token-card {
  background: #fff !important;
  border-color: var(--profile-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.page-profile .theme-palette-card .theme-name,
body.page-profile .usage-monthly-head h3,
body.page-profile .mine-panel__title,
body.page-profile .mine-token-card__title {
  color: #27292e !important;
}

body.page-profile .profile-footer,
body.page-profile .footer-section {
  display: none;
}

@media (max-width: 800px) {
  .xt-site-navbar > .container-fluid,
  body.page-profile .profile-workbench {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .xt-site-navbar .navbar-nav {
    padding: 12px;
    background: #fff;
    border: 1px solid var(--profile-line);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(28, 29, 33, 0.1);
  }

  body.page-profile .profile-split {
    display: block;
  }

  body.page-profile .profile-side {
    position: static;
    padding-top: 16px;
  }

  body.page-profile .profile-side-nav {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  body.page-profile .profile-nav-section {
    display: contents;
  }

  body.page-profile .profile-nav-label {
    display: none;
  }

  body.page-profile .profile-side-nav .side-nav-item {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
  }

  body.page-profile .profile-main-panel {
    padding-top: 28px !important;
  }

  body.page-profile .profile-panel-head h2 {
    font-size: 21px;
  }
}

/* 玄墨 / 星穹 / 霁光均直接继承各主题 token，此处不再写死色值，仅做层次微调。 */
html.theme-palette-xuanmo body.page-profile.cyber-theme {
  --profile-bg: var(--color-page);
  --profile-surface: var(--color-surface-raised);
  --profile-text: var(--color-text);
  --profile-muted: #a7abb5;
  --profile-line: rgba(226, 229, 235, 0.13);
  --profile-hover: rgba(217, 169, 79, 0.09);
  --profile-active: rgba(217, 169, 79, 0.14);
  --profile-accent: #d9a94f;
  background: var(--profile-bg) !important;
}

html.theme-palette-xuanmo .xt-site-navbar {
  background: rgba(17, 19, 24, 0.92) !important;
  border-bottom-color: rgba(217, 169, 79, 0.14) !important;
}

html.theme-palette-xuanmo .xt-site-navbar-brand,
html.theme-palette-xuanmo .xt-site-navbar .nav-link,
html.theme-palette-xuanmo body.page-profile .profile-panel-head h2,
html.theme-palette-xuanmo body.page-profile .profile-inner-card h3,
html.theme-palette-xuanmo body.page-profile .profile-binding-value,
html.theme-palette-xuanmo body.page-profile .usage-kpi .value,
html.theme-palette-xuanmo body.page-profile .theme-palette-card .theme-name,
html.theme-palette-xuanmo body.page-profile .usage-monthly-head h3,
html.theme-palette-xuanmo body.page-profile .mine-panel__title,
html.theme-palette-xuanmo body.page-profile .mine-token-card__title {
  color: var(--profile-text) !important;
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-link:hover,
html.theme-palette-xuanmo body.page-profile .navbar .nav-link.active,
html.theme-palette-xuanmo body.page-profile .profile-side-nav .side-nav-item:hover,
html.theme-palette-xuanmo body.page-profile .profile-side-nav .side-nav-item.is-active {
  color: #f8eed3 !important;
  background: var(--profile-active) !important;
}

html.theme-palette-xuanmo body.page-profile .profile-nav-label,
html.theme-palette-xuanmo body.page-profile .profile-note,
html.theme-palette-xuanmo body.page-profile .profile-binding-label,
html.theme-palette-xuanmo body.page-profile .profile-inner-card p.small {
  color: var(--profile-muted) !important;
}

html.theme-palette-xuanmo body.page-profile .profile-inner-card,
html.theme-palette-xuanmo body.page-profile .theme-palette-card,
html.theme-palette-xuanmo body.page-profile .usage-kpi,
html.theme-palette-xuanmo body.page-profile .usage-chart-card,
html.theme-palette-xuanmo body.page-profile .mine-kpi,
html.theme-palette-xuanmo body.page-profile .mine-panel,
html.theme-palette-xuanmo body.page-profile .mine-token-card {
  background: var(--profile-surface) !important;
  border-color: var(--profile-line) !important;
}

html.theme-palette-xuanmo body.page-profile .profile-inner-card .input-inline,
html.theme-palette-xuanmo body.page-profile .usage-toolbar select,
html.theme-palette-xuanmo body.page-profile .usage-date-trigger {
  color: var(--profile-text) !important;
  background: #15171c !important;
  border-color: rgba(226, 229, 235, 0.16) !important;
}

html.theme-palette-xuanmo body.page-profile .profile-inner-card .avatar {
  background: #292b31 !important;
  border-color: rgba(217, 169, 79, 0.3) !important;
  color: var(--profile-accent) !important;
}

html.theme-palette-xuanmo body.page-profile .btn.btn-primary {
  color: #19150d !important;
  background: linear-gradient(135deg, #d9a94f, #efc27a) !important;
  border-color: #d9a94f !important;
}

html.theme-palette-xuanmo body.page-profile .btn.btn-primary:hover:not(:disabled) {
  background: #efc27a !important;
  border-color: #efc27a !important;
}

html.theme-palette-xuanmo body.page-profile .btn.btn-ghost,
html.theme-palette-xuanmo body.page-profile .mine-btn--ghost {
  color: #dcae62 !important;
  background: rgba(217, 169, 79, 0.06) !important;
  border-color: rgba(217, 169, 79, 0.35) !important;
}

html.theme-palette-xuanmo body.page-profile .profile-credits-value,
html.theme-palette-xuanmo body.page-profile .profile-credits-unit,
html.theme-palette-xuanmo body.page-profile .usage-kpi .value.accent {
  color: var(--profile-accent) !important;
}

/* 修正工作区定位：个人中心侧栏从视口左侧开始，主内容按固定侧栏宽度展开。 */
body.page-profile .profile-workbench {
  width: 100%;
  max-width: none;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body.page-profile .profile-split {
  grid-template-columns: 240px minmax(0, 920px);
  gap: 40px;
  max-width: 1200px;
  margin: 0;
}

body.page-profile .profile-side {
  width: 240px;
}

/* 已登录按钮会被脚本改成 nav-user-trigger，不能沿用登录态的圆形规则。 */
body.page-profile .navbar .nav-user-trigger {
  width: auto;
  min-width: 96px !important;
  height: 36px;
  padding: 0 14px !important;
  border-radius: 9px !important;
  overflow: visible;
  font-size: 13px !important;
  color: #303238 !important;
  background: #f5f5f7 !important;
  border: 1px solid #dedee3 !important;
  box-shadow: none !important;
}

body.page-profile .navbar .nav-user-trigger > i:first-child {
  display: inline-block;
  color: #555960;
  margin-right: 6px !important;
}

body.page-profile .navbar .nav-user-trigger .nav-user-label {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-profile .navbar .nav-user-trigger .nav-user-chevron {
  display: inline-block;
  color: #777b83;
  font-size: 10px;
  margin-left: 7px !important;
}

body.page-profile .navbar .nav-user-trigger:hover,
body.page-profile .navbar .nav-user-dropdown.is-open .nav-user-trigger {
  color: #151619 !important;
  background: #ececef !important;
  border-color: #d3d4d9 !important;
  box-shadow: none !important;
}

body.page-profile .navbar .nav-user-panel {
  right: 0;
  top: calc(100% + 8px);
  width: 228px;
  min-width: 228px;
  max-width: calc(100vw - 32px);
  padding: 8px !important;
  transform-origin: top right;
  z-index: 3000 !important;
}

body.page-profile .navbar .nav-user-credits {
  margin: 0 4px 5px;
  padding: 8px 4px 11px;
  color: #70747c;
  border-bottom: 1px solid #ededee;
  font-size: 12px;
}

body.page-profile .navbar .nav-user-credits strong {
  color: #25272c;
  font-size: 14px;
}

body.page-profile .navbar .nav-user-credits-link {
  color: #e26d4e;
  font-size: 12px;
}

body.page-profile .navbar .nav-user-panel-btn {
  margin-top: 5px;
  padding-top: 10px !important;
  border-top: 1px solid #ededee;
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-user-trigger {
  color: #f4f1ea !important;
  background: #24262d !important;
  border-color: rgba(217, 169, 79, 0.3) !important;
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-user-trigger:hover,
html.theme-palette-xuanmo body.page-profile .navbar .nav-user-dropdown.is-open .nav-user-trigger {
  background: #2d3038 !important;
  border-color: rgba(217, 169, 79, 0.55) !important;
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-user-panel {
  background: #1d1f25 !important;
  border-color: rgba(217, 169, 79, 0.22) !important;
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-user-credits,
html.theme-palette-xuanmo body.page-profile .navbar .nav-user-panel-btn {
  border-color: rgba(226, 229, 235, 0.12);
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-user-credits strong,
html.theme-palette-xuanmo body.page-profile .navbar .nav-user-panel-link,
html.theme-palette-xuanmo body.page-profile .navbar .nav-user-panel-btn {
  color: #f4f1ea !important;
}

html.theme-palette-xuanmo body.page-profile .navbar .nav-user-panel-link:hover,
html.theme-palette-xuanmo body.page-profile .navbar .nav-user-panel-btn:hover {
  background: rgba(217, 169, 79, 0.12) !important;
}

@media (min-width: 801px) {
  body.page-profile .profile-split {
    width: min(1200px, calc(100vw - 48px));
  }
}

@media (max-width: 800px) {
  body.page-profile .profile-split {
    width: 100%;
    max-width: none;
    grid-template-columns: 1fr;
  }

  body.page-profile .profile-side {
    width: 100%;
  }
}

/* 星穹个人中心：直接继承星穹 token，不再写死深黑。 */
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile.cyber-theme {
  --profile-bg: var(--color-page);
  --profile-surface: var(--color-surface-raised);
  --profile-text: var(--color-text);
  --profile-muted: #a7b1cb;
  --profile-line: rgba(168, 182, 226, 0.18);
  --profile-hover: rgba(126, 142, 242, 0.1);
  --profile-active: rgba(126, 142, 242, 0.14);
  --profile-accent: #7e8ef2;
  background: var(--profile-bg) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) .xt-site-navbar {
  background: rgba(15, 18, 25, 0.95) !important;
  border-bottom-color: rgba(126, 142, 242, 0.16) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar-brand,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-link,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-panel-head h2,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-inner-card h3,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-binding-value,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .usage-kpi .value,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .theme-palette-card .theme-name,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .usage-monthly-head h3,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .mine-panel__title,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .mine-token-card__title {
  color: var(--profile-text) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-link:hover,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-link.active,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item:hover,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item.is-active {
  color: #e4e8fd !important;
  background: var(--profile-active) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-nav-label,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-note,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-binding-label,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-inner-card p.small,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-panel-head .sub {
  color: var(--profile-muted) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-inner-card .input-inline,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .usage-toolbar select,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .usage-date-trigger {
  color: var(--profile-text) !important;
  background: #141a24 !important;
  border-color: rgba(168, 182, 226, 0.24) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-trigger {
  color: #eef1f8 !important;
  background: #202937 !important;
  border-color: rgba(126, 142, 242, 0.28) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-panel {
  color: var(--profile-text);
  background: #1b2230 !important;
  border-color: rgba(126, 142, 242, 0.24) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-credits,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-panel-btn {
  color: var(--profile-muted);
  border-color: rgba(168, 182, 226, 0.16);
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-credits strong,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-panel-link,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .navbar .nav-user-panel-btn {
  color: var(--profile-text) !important;
}

/* 内部格子不再使用白色块，统一继承当前主题背景，只保留轻边界。 */
body.page-profile .theme-palette-card,
body.page-profile .usage-kpi,
body.page-profile .usage-chart-card,
body.page-profile .mine-kpi,
body.page-profile .mine-panel,
body.page-profile .mine-token-card {
  background: var(--profile-bg) !important;
  border-color: var(--profile-line) !important;
}

body.page-profile .theme-palette-card:hover,
body.page-profile .theme-palette-card.is-active {
  background: var(--profile-bg) !important;
}

/* 全站字号在统一基准上增加 1px。 */
body.page-profile .navbar .nav-link,
body.page-profile .navbar .nav-user-trigger,
body.page-profile .navbar .nav-user-panel-link,
body.page-profile .navbar .nav-user-panel-btn,
body.page-profile .profile-side-nav .nav-title,
body.page-profile .btn,
body.page-profile .mine-btn,
body.page-profile .profile-inner-card .input-inline {
  font-size: 14px !important;
}

body.page-profile .profile-nav-label,
body.page-profile .profile-panel-head .sub,
body.page-profile .profile-inner-card .field-label,
body.page-profile .profile-note,
body.page-profile .profile-binding-label,
body.page-profile .profile-inner-card p.small,
body.page-profile .nav-user-credits,
body.page-profile .nav-user-credits-link {
  font-size: 13px !important;
}

body.page-profile .profile-panel-head h2 {
  font-size: 25px;
}

/* 最终布局收口：主内容填满侧栏右侧空间，不再固定 920px 导致右侧大片留白。 */
@media (min-width: 801px) {
  body.page-profile .profile-workbench {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.page-profile .profile-split {
    width: 100%;
    max-width: none;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 40px;
  }

  body.page-profile .profile-main-panel {
    width: 100%;
    min-width: 0;
  }
}

/* profile-inner-card 与其内部模块不再使用白色/独立色块，统一采用当前页面主题底色。 */
body.page-profile .profile-inner-card,
body.page-profile .theme-palette-card,
body.page-profile .usage-kpi,
body.page-profile .usage-chart-card,
body.page-profile .mine-kpi,
body.page-profile .mine-panel,
body.page-profile .mine-token-card {
  background: var(--profile-bg) !important;
  border-color: var(--profile-line) !important;
  box-shadow: none !important;
}

body.page-profile .profile-inner-card {
  border-radius: 10px !important;
}

/* 星穹暗色下，左侧导航使用高对比文字；非激活项也不能落入灰黑色。 */
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item {
  color: #c2c8da !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .nav-title i {
  color: #a3aec9 !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-nav-label {
  color: #9aa2b8 !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item:hover,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item.is-active {
  color: #eef1f8 !important;
  background: rgba(126, 142, 242, 0.16) !important;
}

html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item:hover .nav-title i,
html:not(.theme-palette-jiguang):not(.theme-palette-xuanmo) body.page-profile .profile-side-nav .side-nav-item.is-active .nav-title i {
  color: #c3c9fa !important;
}

/* 霁光：去掉左右白色方块感，与页面底融为一体，仅保留极淡分隔。 */
html.theme-palette-jiguang body.page-profile .profile-side-nav,
html.theme-palette-jiguang body.page-profile .profile-side,
html.theme-palette-jiguang body.page-profile .profile-main-panel,
html.theme-palette-jiguang body.page-profile .profile-inner-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html.theme-palette-jiguang body.page-profile .theme-palette-card,
html.theme-palette-jiguang body.page-profile .usage-kpi,
html.theme-palette-jiguang body.page-profile .usage-chart-card,
html.theme-palette-jiguang body.page-profile .mine-kpi,
html.theme-palette-jiguang body.page-profile .mine-panel,
html.theme-palette-jiguang body.page-profile .mine-token-card {
  background: transparent !important;
  border-color: var(--profile-line) !important;
  box-shadow: none !important;
}

/* 收口补丁：三问题统一修复，全部走 token */
body.page-profile .profile-side-nav .side-nav-item { color: var(--profile-muted) !important; }
body.page-profile .profile-side-nav .side-nav-item .nav-title i { color: var(--profile-muted) !important; }
body.page-profile .profile-side-nav .side-nav-item.is-active,
body.page-profile .profile-side-nav .side-nav-item:hover { color: var(--profile-text) !important; background: var(--profile-active) !important; }
body.page-profile .profile-side-nav .side-nav-item.is-active .nav-title i { color: var(--profile-accent) !important; }
body.page-profile .theme-palette-card { background: var(--profile-surface) !important; }
body.page-profile .theme-palette-card .theme-name { color: var(--profile-text) !important; }
body.page-profile .theme-palette-card .theme-desc,
body.page-profile .theme-palette-intro { color: var(--profile-muted) !important; }
html:not(.theme-palette-jiguang) body.page-profile .profile-inner-card { background: var(--profile-surface) !important; }

/* 个人中心左侧导航与 FAQ 文档页保持一致：取消白色卡片底，只保留导航项的交互底色。 */
body.page-profile .profile-side-nav {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.page-profile .profile-side-nav .side-nav-item {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 9px !important;
}

body.page-profile .profile-side-nav .side-nav-item:hover,
body.page-profile .profile-side-nav .side-nav-item.is-active {
  background: var(--profile-active) !important;
  border-color: transparent !important;
}

/* 数据服务所在的个人中心左栏：覆盖主题文件和页面内联样式，确保导航容器本身不再是白色卡片。 */
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side,
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav,
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav[data-xt-profile-nav] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav > .side-nav-item,
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav > button.side-nav-item {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav > .side-nav-item:hover,
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav > .side-nav-item.is-active,
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav > button.side-nav-item:hover,
html.theme-palette-jiguang body.page-profile.cyber-theme .profile-side-nav > button.side-nav-item.is-active {
  background: var(--profile-active, var(--color-surface-selected)) !important;
  border-color: transparent !important;
}

/* 霁光为浅色背景，覆盖旧版暗色组件中遗留的白字与低对比灰字。 */
html.theme-palette-jiguang body.page-profile .profile-side-nav .side-nav-item,
html.theme-palette-jiguang body.page-profile .profile-nav-label,
html.theme-palette-jiguang body.page-profile .profile-side-nav .nav-title i,
html.theme-palette-jiguang body.page-profile .profile-inner-card h3,
html.theme-palette-jiguang body.page-profile .profile-inner-card .field-label,
html.theme-palette-jiguang body.page-profile .profile-binding-value,
html.theme-palette-jiguang body.page-profile .usage-kpi .value,
html.theme-palette-jiguang body.page-profile .usage-monthly-head h3,
html.theme-palette-jiguang body.page-profile .usage-chart-metric,
html.theme-palette-jiguang body.page-profile .usage-chart-metric strong,
html.theme-palette-jiguang body.page-profile .usage-bars-title,
html.theme-palette-jiguang body.page-profile .usage-bar-label,
html.theme-palette-jiguang body.page-profile .usage-date-trigger,
html.theme-palette-jiguang body.page-profile .usage-toolbar select,
html.theme-palette-jiguang body.page-profile .usage-date-year,
html.theme-palette-jiguang body.page-profile .usage-date-nav,
html.theme-palette-jiguang body.page-profile .usage-month-cell,
html.theme-palette-jiguang body.page-profile #panel-messages .btn-refresh {
  color: var(--color-text) !important;
}

html.theme-palette-jiguang body.page-profile .profile-side-nav .side-nav-item:hover,
html.theme-palette-jiguang body.page-profile .profile-side-nav .side-nav-item.is-active {
  color: var(--color-text) !important;
}

html.theme-palette-jiguang body.page-profile .usage-date-trigger,
html.theme-palette-jiguang body.page-profile .usage-toolbar select,
html.theme-palette-jiguang body.page-profile .usage-date-popover,
html.theme-palette-jiguang body.page-profile #panel-messages .btn-refresh {
  background: var(--profile-surface) !important;
  border-color: var(--profile-line) !important;
}

html.theme-palette-jiguang body.page-profile .usage-date-popover {
  color: var(--color-text);
}

html.theme-palette-jiguang body.page-profile .usage-date-trigger:hover,
html.theme-palette-jiguang body.page-profile .usage-date-picker.is-open .usage-date-trigger,
html.theme-palette-jiguang body.page-profile .usage-date-nav:hover:not(:disabled),
html.theme-palette-jiguang body.page-profile .usage-month-cell:hover {
  background: var(--color-hover) !important;
}

html.theme-palette-jiguang body.page-profile .usage-token-placeholder p,
html.theme-palette-jiguang body.page-profile .usage-chart-empty,
html.theme-palette-jiguang body.page-profile .usage-workflow-legend,
html.theme-palette-jiguang body.page-profile .usage-workflow-legend strong,
html.theme-palette-jiguang body.page-profile .usage-kpi .label,
html.theme-palette-jiguang body.page-profile .usage-chart-tooltip__label,
html.theme-palette-jiguang body.page-profile .usage-chart-tooltip__row-text {
  color: var(--color-text-muted) !important;
}

/* 积分监控组件最初按深色底设计，补齐小字、弹层和空状态的浅色主题对比度。 */
html.theme-palette-jiguang body.page-profile #panel-usage {
  color: var(--color-text);
}

html.theme-palette-jiguang body.page-profile #panel-usage .usage-token-placeholder,
html.theme-palette-jiguang body.page-profile #panel-usage .usage-date-popover,
html.theme-palette-jiguang body.page-profile #panel-usage .usage-chart-tooltip {
  color: var(--color-text);
  background: var(--color-surface-raised) !important;
  border-color: var(--color-border) !important;
  box-shadow: 0 8px 24px rgba(32, 38, 56, 0.12);
}

html.theme-palette-jiguang body.page-profile #panel-usage .usage-token-placeholder h4,
html.theme-palette-jiguang body.page-profile #panel-usage .usage-bar-count,
html.theme-palette-jiguang body.page-profile #panel-usage .usage-chart-tooltip__value,
html.theme-palette-jiguang body.page-profile #panel-usage .usage-chart-tooltip__row strong {
  color: var(--color-text) !important;
}

html.theme-palette-jiguang body.page-profile #panel-usage .usage-error,
html.theme-palette-jiguang body.page-profile #panel-usage #usage-error,
html.theme-palette-jiguang body.page-profile #panel-usage #usage-loading {
  color: var(--color-text-muted) !important;
}

html.theme-palette-jiguang body.page-profile #panel-usage .usage-month-cell.is-selected {
  color: #202638 !important;
  background: var(--color-surface-selected) !important;
  border-color: var(--color-border-strong) !important;
}