/* Shared public-site palette. Scoped so the signed-in workspace keeps its theme. */
html:has(.feedback-nav),
html:has(.auth-page-document) {
  color-scheme: dark;
  --ink: #ededf0;
  --muted: #96969f;
  --paper: #000;
  --surface: #101013;
  --line: rgba(255,255,255,.12);
  --blue: #b1c8ed;
  --signal: #d4deec;
  --account-ink: #eeeef2;
  --account-muted: #a0a0ac;
  --account-line: #2c2c33;
  --account-blue: #a9c9ff;
  --account-cyan: #b1c8ed;
  --account-bg: #000;
  --account-panel: #000;
  --account-surface: #111114;
  --account-input: #111114;
  background: #000;
}
body:has(.feedback-nav),
body:has(.auth-page-document),
.tsinghua-static-home {
  background: #000;
  color: #ededf0;
}

/* No glass panel, border, or scroll-triggered light background behind the nav. */
html:has(.feedback-nav) .feedback-nav.page-nav {
  width: calc(100% - 80px);
  max-width: 1440px;
  min-height: 96px;
  margin: 0 auto;
  padding: 22px 0;
  border: 0;
  border-radius: 0;
  color: #f1f1f4;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:has(.feedback-nav) .feedback-nav :is(.page-brand,.page-actions) { transform:none; color:#f1f1f4; }
html:has(.feedback-nav) .feedback-nav :is(.page-links>a,.page-dropdown-toggle,.page-login,.page-international-link) { color:#b8b8c2; }
html:has(.feedback-nav) .feedback-nav :is(.page-links>a,.page-dropdown-toggle,.page-login,.page-international-link):hover,
html:has(.feedback-nav) .feedback-nav .page-dropdown.is-open>.page-dropdown-toggle { color:#fff; }
html:has(.feedback-nav) .feedback-nav .page-brand-divider { opacity:.22; }
html:has(.feedback-nav) .feedback-nav .page-dropdown-toggle>span { border-color:currentColor; width:6px; height:6px; }
html:has(.feedback-nav) .feedback-nav .page-cta { border-color:#ffffff40; color:#f1f1f4; border-radius:999px; background:transparent; padding:9px 19px; }
html:has(.feedback-nav) .feedback-nav .page-cta:hover { border-color:#ffffff80; background:#ffffff0c; color:#fff; }
html:has(.feedback-nav) .feedback-nav .page-dropdown-menu {
  --nav-menu-hover: #ffffff0c;
  background:rgba(14,14,17,.98);
  border:1px solid #ffffff1f;
  border-radius:12px;
  box-shadow:0 20px 50px #0009;
}
html:has(.feedback-nav) .feedback-nav .page-dropdown-menu a { color:#c5c5ce; }
html:has(.feedback-nav) .feedback-nav .page-dropdown-menu a:hover { color:#fff; background:#ffffff0c; }
html:has(.feedback-nav) .feedback-nav .menu-toggle span { background:#eeeef2; }

/* On the homepage the navigation floats over the original black animation. */
.tsinghua-static-home>.feedback-nav.page-nav,
body:has(>.feedback-home-immersive)>.feedback-nav.page-nav {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.feedback-home.feedback-home-immersive { background:#000; }
.feedback-home-immersive .feedback-entry { min-height:max(720px,calc(100svh - 140px)); }
.feedback-home-immersive .feedback-carousel { background:#000; }
.feedback-partners {
  max-width:1440px;
  padding:30px 24px;
  background:transparent;
  border-color:#ffffff12;
}
.feedback-partners-label { color:#a0a0aa; }
.feedback-partners-label span { color:#6f6f7b; }
html:is(:has(.feedback-nav),:has(.auth-page-document)) .feedback-footer.feedback-footer-compact {
  background:#000!important;
  border-color:#ffffff12;
  color:#777783;
}
.feedback-footer.feedback-footer-compact :is(nav a,.feedback-footer-records>*) { color:#91919d; border-color:#ffffff1c; }
.feedback-footer.feedback-footer-compact nav span { color:#777783; }
.feedback-footer.feedback-footer-compact a:hover { color:#ededf0; }

/* Content pages use the same neutral surfaces rather than blue or white cards. */
body:has(.feedback-nav) :is(.feedback-content,.page-section,.company-section--partners,.company-section--base) { background:#000; }
body:has(.feedback-nav) :is(.feedback-case-grid article,.feedback-feature-grid article,.contact-card,.company-story-card,.company-contact-layout,.company-award-card,.company-base-logo,.company-partner-logo) { background:#0d0d10; border-color:#ffffff1c; box-shadow:none; }
body:has(.feedback-nav) :is(.feedback-feature-grid img,.feedback-comparison img,.feedback-media-empty) { background:#111114; border-color:#ffffff24; }
body:has(.feedback-nav) :is(.contact-card:hover,.company-contact-list a:hover,.company-award-card:hover) { background:#151519; border-color:#ffffff38; box-shadow:none; }
body:has(.feedback-nav) :is(.company-partner-logo,.company-base-logo) img { filter:grayscale(1) brightness(0) invert(1); opacity:.8; }
body:has(.feedback-nav) :is(.feedback-lead,.feedback-feature-grid p,.feedback-case-grid p,.feedback-case-grid dd,.feedback-material-note,.legal-content p,.legal-content li) { color:#a0a0ad; }
body:has(.feedback-nav) :is(.feedback-kicker,.feedback-feature-grid span,.feedback-case-grid article>span,.company-section-kicker) { color:#b6c4d8; }
body:has(.feedback-nav) .feedback-honor { background:#ffffff08; border-color:#ffffff30; color:#dedee5; }
body:has(.feedback-nav) .page-hero,
body:has(.feedback-nav) .page-final-cta { background:#050506; }
body:has(.feedback-nav) .page-hero::before,
body:has(.feedback-nav) .page-final-cta::before { background:radial-gradient(ellipse at 65% 30%,#ffffff06,transparent 65%); }
body:has(.feedback-nav) .page-final-cta::after { border-color:#ffffff0c; }
body:has(.feedback-nav) .company-award-source { color:#b6c4d8; }

/* Standalone login / registration also retain the public site's dark palette. */
.auth-page-document .auth-page { background:#000; color:var(--account-ink); }
.auth-page-document .auth-page-panel { background:transparent; }
.auth-page-document .auth-page-primary { color:#20242c; background:#e4e9f1; border-color:#e4e9f1; box-shadow:none; }
.auth-page-document .auth-page-primary:is(:hover,:focus-visible) { color:#20242c; background:#fff; box-shadow:0 8px 32px #ffffff0a; }
.auth-page-document .auth-page-secondary { color:#dedee6; border-color:#ffffff30; background:#161619; }
.auth-page-document .auth-page-secondary:is(:hover,:focus-visible) { color:#fff; background:#202025; border-color:#ffffff60; box-shadow:none; }
.auth-page-document .auth-page-register-steps li:is(.is-active,.is-complete)>span { color:#18181c; }
.auth-page-document :is(.auth-legal,.auth-password-rules) { color:#a0a0ac; }
.auth-page-document :is(.auth-legal-link,.auth-legal a) { color:#b1c8ed; }
.auth-page-document :is(.auth-page-options,.auth-page-switch) a { color:#b1c8ed; }
.auth-page-document :is(.auth-page-options,.auth-page-switch) a:is(:hover,:focus-visible) { color:#e4edff; }
.auth-page-document .auth-password-rules [data-state=ok] { color:#76c49f; }
.auth-page-document .auth-password-rules [data-state=error] { color:#f29c92; }
.auth-page-document input:is(:-webkit-autofill,:autofill) {
  -webkit-box-shadow:0 0 0 1000px var(--account-input) inset!important;
  -webkit-text-fill-color:var(--account-ink)!important;
  caret-color:var(--account-ink);
}
body:has(.feedback-nav) .auth-modal-dialog { background:linear-gradient(145deg,rgba(23,23,28,.96),rgba(8,8,11,.95)); }
body:has(.feedback-nav) .auth-modal-dialog::before { background:linear-gradient(180deg,#dce4ef99,#ffffff18); }
body:has(.feedback-nav) .auth-modal-dialog::after { background:linear-gradient(135deg,#ffffff06,transparent 50%); }
body:has(.feedback-nav) .auth-modal-dialog :is(.auth-page-primary,.auth-modal-primary) { color:#20242c; background:#e4e9f1; border-color:#e4e9f1; box-shadow:none; }
body:has(.feedback-nav) .auth-modal-dialog :is(.auth-page-primary,.auth-modal-primary):hover { background:#fff; }
body:has(.feedback-nav) .auth-modal-dialog :is(.auth-modal-kicker,.auth-modal-foot button,.auth-page-options a,.auth-page-link-button,.auth-modal-options a) { color:#b1c8ed; }

@media(max-width:1150px) {
  html:has(.feedback-nav) .feedback-nav.page-nav { width:calc(100% - 48px); }
}
@media(max-width:820px) {
  html:has(.feedback-nav) .feedback-nav.page-nav { width:calc(100% - 32px); min-height:76px; padding:16px 0; gap:10px; }
  html:has(.feedback-nav) body.menu-open .feedback-nav.page-nav { background:transparent; color:#eeeef2; }
  html:has(.feedback-nav) body.menu-open .feedback-nav.page-nav .page-links { background:#101013; border-color:#ffffff24; box-shadow:0 22px 50px #000a; }
  html:has(.feedback-nav) body.menu-open .feedback-nav.page-nav .page-dropdown-menu { background:#18181c; }
  html:has(.feedback-nav) body.menu-open .feedback-nav.page-nav :is(.page-dropdown-toggle,.page-links>a,.page-dropdown-menu a) { color:#ceced7; }
  html:has(.feedback-nav) body.menu-open .feedback-nav.page-nav .page-actions .page-cta { color:#f1f1f4; background:transparent; }
  .feedback-home-immersive .feedback-entry { min-height:max(650px,calc(100svh - 80px)); }
  .feedback-partners { padding:26px 24px; }
}