/* Global light/dark theme for public marketing pages. */
:root {
  color-scheme: light;
  --site-theme-toggle-bg: #ffffff;
  --site-theme-toggle-text: #1f2c41;
  --site-theme-toggle-border: #cfdbec;
}

html[data-site-theme="dark"] {
  color-scheme: dark;
  --brand-blue: #5f86ff;
  --brand-blue-deep: #8ea7ff;
  --brand-blue-soft: #121c34;
  --brand-pink: #ff4f66;
  --brand-pink-deep: #ff8494;
  --brand-pink-soft: #2a1118;
  --lobster-orange: #ff8a4d;
  --text: #f4f7ff;
  --text-sub: #b5c0d6;
  --line: #31405c;
  --bg: #070a12;
  --dark: #eef3ff;
  --white: #111827;
  --shadow: 0 18px 42px rgba(0, 0, 0, 0.46);
  --site-surface: #0d1320;
  --site-surface-2: #121a2b;
  --site-surface-3: #17233a;
  --site-border: #31405c;
  --site-border-strong: #506181;
  --site-text: #f4f7ff;
  --site-text-muted: #b5c0d6;
  --site-heading: #ffffff;
  --site-link: #9db7ff;
  --site-red: #ff4f66;
  --site-red-strong: #ff7a8b;
  --site-blue: #7ea0ff;
  --site-gold: #ffd36b;
  --site-theme-toggle-bg: #162137;
  --site-theme-toggle-text: #f7faff;
  --site-theme-toggle-border: #40557a;
}

.site-theme-toggle {
  appearance: none;
  border: 1px solid var(--site-theme-toggle-border);
  border-radius: 999px;
  background: var(--site-theme-toggle-bg);
  color: var(--site-theme-toggle-text);
  font: 700 0.78rem/1 "Noto Sans SC", sans-serif;
  white-space: nowrap;
  padding: 0.36rem 0.68rem;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(16, 31, 60, 0.1);
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.site-theme-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(16, 31, 60, 0.16);
}

.site-theme-toggle:focus-visible {
  outline: 3px solid rgba(126, 160, 255, .42);
  outline-offset: 2px;
}

html[data-site-theme="dark"] body {
  background:
    radial-gradient(circle at 12% 0%, rgba(42, 78, 163, .22), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(142, 16, 34, .18), transparent 28rem),
    linear-gradient(180deg, #070a12 0%, #0a1020 42%, #060810 100%) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .top-banner,
html[data-site-theme="dark"] .ticker {
  background: linear-gradient(90deg, #08122a, #18285a 50%, #270a14) !important;
  border-bottom-color: rgba(255, 79, 102, .78) !important;
  color: #f4f7ff !important;
}

html[data-site-theme="dark"] .news-chip,
html[data-site-theme="dark"] .top-banner a,
html[data-site-theme="dark"] .ticker a {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  color: #fff1f3 !important;
}

html[data-site-theme="dark"] header,
html[data-site-theme="dark"] .site-header {
  background: rgba(9, 13, 24, .94) !important;
  border-bottom-color: rgba(126, 160, 255, .68) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(14px);
}

html[data-site-theme="dark"] header .menu,
html[data-site-theme="dark"] .menu-panel,
html[data-site-theme="dark"] .user-dropdown,
html[data-site-theme="dark"] .auth-modal-card,
html[data-site-theme="dark"] .home-offer-modal,
html[data-site-theme="dark"] .promo-carousel-modal {
  background: rgba(13, 19, 32, .98) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .58) !important;
}

html[data-site-theme="dark"] .menu a,
html[data-site-theme="dark"] .menu-trigger,
html[data-site-theme="dark"] .auth-entry-btn,
html[data-site-theme="dark"] .login-entry,
html[data-site-theme="dark"] .user-trigger,
html[data-site-theme="dark"] .quick-console-btn {
  background: rgba(18, 28, 48, .92) !important;
  border-color: var(--site-border) !important;
  color: #edf3ff !important;
}

html[data-site-theme="dark"] .menu a:hover,
html[data-site-theme="dark"] .menu-trigger:hover,
html[data-site-theme="dark"] .auth-entry-btn:hover,
html[data-site-theme="dark"] .login-entry:hover,
html[data-site-theme="dark"] .user-trigger:hover {
  background: rgba(35, 50, 82, .96) !important;
  border-color: var(--site-border-strong) !important;
}

html[data-site-theme="dark"] .menu a.active,
html[data-site-theme="dark"] .menu-trigger.active,
html[data-site-theme="dark"] .quick-console-btn {
  background: linear-gradient(135deg, #244ca8, #15265c) !important;
  border-color: #7897f3 !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .brand-copy strong,
html[data-site-theme="dark"] h1,
html[data-site-theme="dark"] h2,
html[data-site-theme="dark"] h3,
html[data-site-theme="dark"] h4,
html[data-site-theme="dark"] .section-title h2,
html[data-site-theme="dark"] .hero h1,
html[data-site-theme="dark"] .hero-slide h1,
html[data-site-theme="dark"] .deploy-body h3,
html[data-site-theme="dark"] .product h3 {
  color: var(--site-heading) !important;
}

html[data-site-theme="dark"] p,
html[data-site-theme="dark"] li,
html[data-site-theme="dark"] .lead,
html[data-site-theme="dark"] .section-title p,
html[data-site-theme="dark"] .hero p,
html[data-site-theme="dark"] .hero-slide p,
html[data-site-theme="dark"] .deploy-body p,
html[data-site-theme="dark"] .product p,
html[data-site-theme="dark"] .resource-card p,
html[data-site-theme="dark"] .case-card p,
html[data-site-theme="dark"] .partner-card p,
html[data-site-theme="dark"] .support-card p,
html[data-site-theme="dark"] .more-card p {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] a {
  color: var(--site-link);
}

html[data-site-theme="dark"] main,
html[data-site-theme="dark"] section,
html[data-site-theme="dark"] footer {
  border-color: var(--site-border) !important;
}

html[data-site-theme="dark"] .hero-section,
html[data-site-theme="dark"] .hero,
html[data-site-theme="dark"] .hero-wrap,
html[data-site-theme="dark"] .promo-section,
html[data-site-theme="dark"] .plans-hero,
html[data-site-theme="dark"] .hero-split {
  background:
    radial-gradient(circle at 82% 20%, rgba(255, 79, 102, .14), transparent 24rem),
    radial-gradient(circle at 18% 18%, rgba(126, 160, 255, .18), transparent 28rem),
    linear-gradient(145deg, #0b1222, #11192b 52%, #170912) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .hero-slider,
html[data-site-theme="dark"] .hero-slide,
html[data-site-theme="dark"] .brand-stack-card,
html[data-site-theme="dark"] .deploy-card,
html[data-site-theme="dark"] .product,
html[data-site-theme="dark"] .resource-card,
html[data-site-theme="dark"] .case-card,
html[data-site-theme="dark"] .partner-card,
html[data-site-theme="dark"] .support-card,
html[data-site-theme="dark"] .more-card,
html[data-site-theme="dark"] .brand-card,
html[data-site-theme="dark"] .card,
html[data-site-theme="dark"] .step-card,
html[data-site-theme="dark"] .tier-card,
html[data-site-theme="dark"] .plan-card,
html[data-site-theme="dark"] .matrix,
html[data-site-theme="dark"] .comparison,
html[data-site-theme="dark"] .value-card,
html[data-site-theme="dark"] .faq-card,
html[data-site-theme="dark"] .support-doc-card,
html[data-site-theme="dark"] .info-card {
  background: linear-gradient(180deg, rgba(18, 26, 43, .96), rgba(12, 18, 31, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
}

html[data-site-theme="dark"] .hero-slide::before,
html[data-site-theme="dark"] .hero-slide::after,
html[data-site-theme="dark"] .hero-media::before,
html[data-site-theme="dark"] .deploy-visual::after,
html[data-site-theme="dark"] .cloud-visual::after,
html[data-site-theme="dark"] .enterprise-visual::after {
  background:
    linear-gradient(105deg, rgba(5, 8, 16, .8), rgba(9, 15, 28, .55) 52%, rgba(20, 8, 14, .44)) !important;
}

html[data-site-theme="dark"] img:not(.brand-mark):not(.stack-logo):not(.footer-logo):not(.user-avatar img):not(.lobster-badge img) {
  filter: brightness(.76) contrast(1.08) saturate(.9);
}

html[data-site-theme="dark"] .brand-mark,
html[data-site-theme="dark"] .brand img,
html[data-site-theme="dark"] .footer-logo,
html[data-site-theme="dark"] .stack-logo,
html[data-site-theme="dark"] .card-blue-mark,
html[data-site-theme="dark"] .card-red-mark,
html[data-site-theme="dark"] .lobster-badge img {
  filter: drop-shadow(0 0 10px rgba(126, 160, 255, .22));
}

html[data-site-theme="dark"] .stack-mark,
html[data-site-theme="dark"] img[src*="hermes-openclaw"] {
  filter: brightness(.94) contrast(1.08) saturate(1.02) !important;
  background: #05070d !important;
}

html[data-site-theme="dark"] .meta span,
html[data-site-theme="dark"] .hero-slide .meta span,
html[data-site-theme="dark"] .visual-tags span,
html[data-site-theme="dark"] .tagline,
html[data-site-theme="dark"] .lobster-badge,
html[data-site-theme="dark"] .cloud-badge,
html[data-site-theme="dark"] .promo-chip,
html[data-site-theme="dark"] .tags span,
html[data-site-theme="dark"] .sku,
html[data-site-theme="dark"] .pill,
html[data-site-theme="dark"] .badge {
  background: rgba(126, 160, 255, .12) !important;
  border-color: rgba(126, 160, 255, .34) !important;
  color: #dce7ff !important;
}

html[data-site-theme="dark"] .cta,
html[data-site-theme="dark"] .btn,
html[data-site-theme="dark"] .deploy-action,
html[data-site-theme="dark"] .product .ops a,
html[data-site-theme="dark"] .promo-btn-primary,
html[data-site-theme="dark"] .promo-btn-secondary,
html[data-site-theme="dark"] button:not(.site-theme-toggle):not(.menu-trigger):not(.user-trigger):not(.promo-carousel-close) {
  border-color: var(--site-border) !important;
  color: #f7faff !important;
}

html[data-site-theme="dark"] .cta.primary,
html[data-site-theme="dark"] .btn.primary,
html[data-site-theme="dark"] .deploy-action.primary,
html[data-site-theme="dark"] .promo-btn-primary,
html[data-site-theme="dark"] .product .ops a:last-child {
  background: linear-gradient(135deg, #e33a52, #8e1022) !important;
  border-color: rgba(255, 132, 148, .55) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .cta.secondary,
html[data-site-theme="dark"] .btn.secondary,
html[data-site-theme="dark"] .deploy-action.secondary,
html[data-site-theme="dark"] .promo-btn-secondary,
html[data-site-theme="dark"] .product .ops a:first-child {
  background: rgba(126, 160, 255, .12) !important;
  border-color: rgba(126, 160, 255, .38) !important;
  color: #dfe8ff !important;
}

html[data-site-theme="dark"] input,
html[data-site-theme="dark"] textarea,
html[data-site-theme="dark"] select {
  background: #0b1220 !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] table,
html[data-site-theme="dark"] th,
html[data-site-theme="dark"] td,
html[data-site-theme="dark"] .matrix-row,
html[data-site-theme="dark"] .comparison-row {
  background-color: rgba(13, 19, 32, .96) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] th,
html[data-site-theme="dark"] .matrix-head,
html[data-site-theme="dark"] .comparison-head {
  background-color: rgba(26, 38, 64, .98) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .quick-command,
html[data-site-theme="dark"] code,
html[data-site-theme="dark"] pre {
  background: #07101b !important;
  border-color: #24405f !important;
  color: #d6f8d6 !important;
}

html[data-site-theme="dark"] footer {
  background: #05070d !important;
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .auth-modal-backdrop,
html[data-site-theme="dark"] .promo-carousel-overlay {
  background: rgba(2, 4, 9, .78) !important;
}

html[data-site-theme="dark"] .menu-panel a,
html[data-site-theme="dark"] .user-dropdown a,
html[data-site-theme="dark"] .user-dropdown button {
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .menu-panel a:hover,
html[data-site-theme="dark"] .user-dropdown a:hover,
html[data-site-theme="dark"] .user-dropdown button:hover {
  background: rgba(126, 160, 255, .12) !important;
}

@media (max-width: 760px) {
  .site-theme-toggle {
    padding: .32rem .52rem;
    font-size: .72rem;
  }
}

html[data-site-theme="dark"] .plan,
html[data-site-theme="dark"] .story-card,
html[data-site-theme="dark"] .package-card,
html[data-site-theme="dark"] .cloud-card,
html[data-site-theme="dark"] .server-card,
html[data-site-theme="dark"] .feature-card,
html[data-site-theme="dark"] .pricing-card,
html[data-site-theme="dark"] .pricing-tier,
html[data-site-theme="dark"] .deploy-option,
html[data-site-theme="dark"] .solution-card,
html[data-site-theme="dark"] .case-item,
html[data-site-theme="dark"] .resource-item {
  background: linear-gradient(180deg, rgba(18, 26, 43, .96), rgba(10, 15, 27, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
}

html[data-site-theme="dark"] .plan.featured,
html[data-site-theme="dark"] .pricing-card.featured,
html[data-site-theme="dark"] .pricing-tier.featured {
  background: linear-gradient(155deg, rgba(45, 20, 12, .98), rgba(17, 24, 42, .98)) !important;
  border-color: rgba(255, 138, 77, .4) !important;
}

html[data-site-theme="dark"] .section p.lead,
html[data-site-theme="dark"] .story-card p,
html[data-site-theme="dark"] .plan p,
html[data-site-theme="dark"] .plan li,
html[data-site-theme="dark"] td:first-child {
  color: var(--site-text-muted) !important;
  opacity: 1 !important;
}

html[data-site-theme="dark"] .price,
html[data-site-theme="dark"] .plan h3,
html[data-site-theme="dark"] .package-card h3,
html[data-site-theme="dark"] .pricing-card h3 {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .section {
  background: linear-gradient(180deg, rgba(15, 23, 39, .98), rgba(9, 14, 25, .98)) !important;
  border-color: var(--site-border) !important;
  border-top-color: rgba(255, 79, 102, .72) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] #cpHeroTitle,
html[data-site-theme="dark"] #cpPackTitle,
html[data-site-theme="dark"] #cpMatrixTitle,
html[data-site-theme="dark"] #cpCompareTitle,
html[data-site-theme="dark"] .section h2 {
  color: #fff7e8 !important;
  text-shadow: none !important;
}

html[data-site-theme="dark"] #cpHeroDesc,
html[data-site-theme="dark"] .coconut-slogans .s-red,
html[data-site-theme="dark"] .coconut-slogans .s-black {
  color: #d9e3f7 !important;
}

html[data-site-theme="dark"] .coconut-slogans .s-yellow {
  color: #ffd36b !important;
}

html[data-site-theme="dark"] .pack-card {
  background: #101827 !important;
  border-color: var(--site-border) !important;
}

html[data-site-theme="dark"] .pack-body {
  background: linear-gradient(180deg, #111a2b, #0c1322) !important;
}

html[data-site-theme="dark"] .pack-title-row h3,
html[data-site-theme="dark"] .pack-price {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .pack-slogan,
html[data-site-theme="dark"] .note-list li,
html[data-site-theme="dark"] .table td,
html[data-site-theme="dark"] #cpMatrixBody td:first-child,
html[data-site-theme="dark"] #cpCompareBody td:first-child {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .pack-tags span,
html[data-site-theme="dark"] #cpHeroMeta span {
  background: rgba(126, 160, 255, .12) !important;
  border-color: rgba(126, 160, 255, .36) !important;
  color: #dfe8ff !important;
}

html[data-site-theme="dark"] #cpMatrixBody td.matrix-key-cell,
html[data-site-theme="dark"] #cpCompareBody td.dasheng-adv-cell,
html[data-site-theme="dark"] #cpCompareHead th:nth-child(n),
html[data-site-theme="dark"] #cpCompareBody td:nth-child(n) {
  background: rgba(18, 28, 48, .98) !important;
  color: var(--site-text) !important;
  border-color: var(--site-border) !important;
}

html[data-site-theme="dark"] #cpCompareBody td.dasheng-adv-cell,
html[data-site-theme="dark"] #cpMatrixBody tr.matrix-key-row td:first-child {
  color: #ff9dad !important;
}

html[data-site-theme="dark"] .share-modal,
html[data-site-theme="dark"] .invite-offer-modal,
html[data-site-theme="dark"] .share-policy {
  background: rgba(13, 19, 32, .98) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .share-policy p,
html[data-site-theme="dark"] .share-box-label {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .hero-banner,
html[data-site-theme="dark"] .hero-wrap {
  background:
    radial-gradient(circle at 18% 6%, rgba(58, 91, 178, .22), transparent 26rem),
    radial-gradient(circle at 88% 18%, rgba(255, 79, 102, .14), transparent 28rem),
    linear-gradient(180deg, #070b14, #0a1020) !important;
  border-color: var(--site-border) !important;
}

html[data-site-theme="dark"] .hero-banner::before,
html[data-site-theme="dark"] .hero-banner::after {
  opacity: .12 !important;
  filter: brightness(.55) saturate(.9) !important;
}

html[data-site-theme="dark"] .hero-brand-panel,
html[data-site-theme="dark"] .brand-stack,
html[data-site-theme="dark"] .standard {
  background: linear-gradient(180deg, rgba(17, 25, 42, .94), rgba(10, 15, 27, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
}

html[data-site-theme="dark"] .hero-brand-panel p,
html[data-site-theme="dark"] .hero-brand-panel .tagline,
html[data-site-theme="dark"] .standard p,
html[data-site-theme="dark"] .standard li,
html[data-site-theme="dark"] .head p {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .hero-brand-panel .tagline {
  background: rgba(126, 160, 255, .1) !important;
  border-color: rgba(126, 160, 255, .34) !important;
}

/* Night-theme completion pass for white strips, partner wall, auth/pay modals and console. */
html[data-site-theme="dark"] .standard li,
html[data-site-theme="dark"] .more-list li,
html[data-site-theme="dark"] .kpis,
html[data-site-theme="dark"] .deploy-action.secondary,
html[data-site-theme="dark"] .process article,
html[data-site-theme="dark"] .feedback-hub-stat,
html[data-site-theme="dark"] .feedback-hub-item,
html[data-site-theme="dark"] .feedback-hub-empty,
html[data-site-theme="dark"] .feedback-hub-tag,
html[data-site-theme="dark"] .brand-card,
html[data-site-theme="dark"] .wechat-contact,
html[data-site-theme="dark"] .partner-marquee,
html[data-site-theme="dark"] .partner-row,
html[data-site-theme="dark"] .partner-item {
  background: linear-gradient(180deg, rgba(18, 27, 45, .98), rgba(10, 16, 28, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .3) !important;
}

html[data-site-theme="dark"] .partner-row::before {
  background: linear-gradient(to right, #0b1220, rgba(11, 18, 32, 0)) !important;
}

html[data-site-theme="dark"] .partner-row::after {
  background: linear-gradient(to left, #0b1220, rgba(11, 18, 32, 0)) !important;
}

html[data-site-theme="dark"] .partner-item b,
html[data-site-theme="dark"] .brand-card .role,
html[data-site-theme="dark"] .brand-card .contact,
html[data-site-theme="dark"] .wechat-contact figcaption,
html[data-site-theme="dark"] .feedback-hub-stat span,
html[data-site-theme="dark"] .feedback-hub-item p,
html[data-site-theme="dark"] .feedback-hub-foot,
html[data-site-theme="dark"] .process article,
html[data-site-theme="dark"] .more-list li,
html[data-site-theme="dark"] .kpis span {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .kpis strong,
html[data-site-theme="dark"] .feedback-hub-stat b,
html[data-site-theme="dark"] .brand-card h3 {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .auth-modal,
html[data-site-theme="dark"] .auth-modal-header,
html[data-site-theme="dark"] .auth-modal-main,
html[data-site-theme="dark"] .auth-side,
html[data-site-theme="dark"] .auth-qr,
html[data-site-theme="dark"] .auth-toast,
html[data-site-theme="dark"] .pay-modal,
html[data-site-theme="dark"] .pay-open-panel,
html[data-site-theme="dark"] .pay-modal-header,
html[data-site-theme="dark"] .home-offer-modal,
html[data-site-theme="dark"] .promo-carousel-modal {
  background: linear-gradient(180deg, rgba(18, 26, 43, .99), rgba(10, 15, 27, .99)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .auth-modal-body,
html[data-site-theme="dark"] .auth-note,
html[data-site-theme="dark"] .auth-result,
html[data-site-theme="dark"] .auth-btn.secondary,
html[data-site-theme="dark"] .share-content,
html[data-site-theme="dark"] .invite-offer-tags span,
html[data-site-theme="dark"] .pay-channel,
html[data-site-theme="dark"] .pay-copy {
  background: rgba(126, 160, 255, .1) !important;
  border-color: rgba(126, 160, 255, .34) !important;
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .auth-modal-header h3,
html[data-site-theme="dark"] .auth-side h4,
html[data-site-theme="dark"] .pay-modal-header h3,
html[data-site-theme="dark"] .pay-order-meta p strong,
html[data-site-theme="dark"] .home-offer-copy h3,
html[data-site-theme="dark"] .promo-carousel-modal h3,
html[data-site-theme="dark"] .invite-offer-copy h3 {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .auth-field label,
html[data-site-theme="dark"] .auth-switch,
html[data-site-theme="dark"] .auth-side p,
html[data-site-theme="dark"] .auth-qr figcaption,
html[data-site-theme="dark"] .pay-order-meta p,
html[data-site-theme="dark"] .home-offer-copy p,
html[data-site-theme="dark"] .invite-offer-copy p {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .auth-field input,
html[data-site-theme="dark"] .auth-inline input,
html[data-site-theme="dark"] .auth-modal input,
html[data-site-theme="dark"] .pay-modal input {
  background: #070d18 !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .auth-modal-close,
html[data-site-theme="dark"] .share-close,
html[data-site-theme="dark"] .invite-offer-close,
html[data-site-theme="dark"] .pay-modal-close,
html[data-site-theme="dark"] .promo-carousel-close {
  background: #10192a !important;
  border-color: var(--site-border) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .auth-qr img,
html[data-site-theme="dark"] .wechat-contact img {
  background: #f8fafc !important;
  filter: none !important;
}

html[data-site-theme="dark"] body:has(.console-main) {
  background:
    radial-gradient(circle at 16% 8%, rgba(54, 86, 177, .2), transparent 30rem),
    linear-gradient(180deg, #070a12, #0a1020 44%, #060810) !important;
}

html[data-site-theme="dark"] .console-card,
html[data-site-theme="dark"] .console-rail,
html[data-site-theme="dark"] .console-subpanel,
html[data-site-theme="dark"] .console-pane,
html[data-site-theme="dark"] .console-rail-primary,
html[data-site-theme="dark"] .console-subpanel-head,
html[data-site-theme="dark"] .console-subpanel-footer,
html[data-site-theme="dark"] .chat-login-required,
html[data-site-theme="dark"] .module-native,
html[data-site-theme="dark"] .module-loading,
html[data-site-theme="dark"] .manual-pane,
html[data-site-theme="dark"] .manual-block,
html[data-site-theme="dark"] .manual-carousel-frame,
html[data-site-theme="dark"] .manual-jump,
html[data-site-theme="dark"] .console-guide {
  background: linear-gradient(180deg, rgba(15, 23, 39, .98), rgba(8, 13, 24, .99)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
}

html[data-site-theme="dark"] .console-rail-item,
html[data-site-theme="dark"] .console-rail-icon,
html[data-site-theme="dark"] .console-side-input,
html[data-site-theme="dark"] .console-side-btn,
html[data-site-theme="dark"] .manual-carousel-btn,
html[data-site-theme="dark"] .manual-jump-grid a,
html[data-site-theme="dark"] .dash-toolbar,
html[data-site-theme="dark"] .dash-placeholder,
html[data-site-theme="dark"] .pane-state {
  background: rgba(126, 160, 255, .1) !important;
  border-color: rgba(126, 160, 255, .34) !important;
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .console-rail-item:hover,
html[data-site-theme="dark"] .console-rail-item.active,
html[data-site-theme="dark"] .console-side-btn:hover,
html[data-site-theme="dark"] .manual-carousel-btn:hover {
  background: rgba(126, 160, 255, .2) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .console-rail-head,
html[data-site-theme="dark"] .console-subpanel-head strong,
html[data-site-theme="dark"] .module-native-head h2,
html[data-site-theme="dark"] .manual-block h3,
html[data-site-theme="dark"] .manual-jump h3,
html[data-site-theme="dark"] .console-guide h3,
html[data-site-theme="dark"] .chat-login-required h2 {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .console-subpanel-head span,
html[data-site-theme="dark"] .module-native-head p,
html[data-site-theme="dark"] .manual-list,
html[data-site-theme="dark"] .manual-jump-grid span,
html[data-site-theme="dark"] .manual-carousel-index,
html[data-site-theme="dark"] .console-guide p,
html[data-site-theme="dark"] .console-guide li,
html[data-site-theme="dark"] .chat-login-required p {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .dash-panel,
html[data-site-theme="dark"] .terminal {
  background: #050a13 !important;
  border-color: var(--site-border) !important;
}

html[data-site-theme="dark"] .feedback-hub,
html[data-site-theme="dark"] .support-docs,
html[data-site-theme="dark"] .support-doc-card,
html[data-site-theme="dark"] .support-doc-body {
  background: linear-gradient(180deg, rgba(18, 27, 45, .98), rgba(9, 14, 25, .99)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .3) !important;
}

html[data-site-theme="dark"] .feedback-hub-head h3,
html[data-site-theme="dark"] .feedback-hub-item-head strong,
html[data-site-theme="dark"] .support-docs-head h3,
html[data-site-theme="dark"] .support-doc-body b {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .feedback-hub-head p,
html[data-site-theme="dark"] .support-docs-head p,
html[data-site-theme="dark"] .support-doc-body span {
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .feedback-hub-tools select {
  background: #0b1220 !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] body.chat-embed,
html[data-site-theme="dark"] body.chat-console-embed,
html[data-site-theme="dark"] body.chat-console-embed .chat-app,
html[data-site-theme="dark"] body.chat-console-embed .chat-main,
html[data-site-theme="dark"] body.chat-console-embed .chat-main-view,
html[data-site-theme="dark"] body.chat-console-embed .chat-view-chat,
html[data-site-theme="dark"] body.chat-console-embed .chat-stage,
html[data-site-theme="dark"] body.chat-console-embed .chat-input-area,
html[data-site-theme="dark"] .hermes-main,
html[data-site-theme="dark"] .chat-main,
html[data-site-theme="dark"] .chat-main-view,
html[data-site-theme="dark"] .chat-view-chat,
html[data-site-theme="dark"] .chat-stage {
  background:
    radial-gradient(circle at 18% 8%, rgba(58, 91, 178, .16), transparent 24rem),
    linear-gradient(180deg, #070b14, #0a1020) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .placeholder-panel,
html[data-site-theme="dark"] .chat-welcome,
html[data-site-theme="dark"] .chat-empty-list,
html[data-site-theme="dark"] .composer-box,
html[data-site-theme="dark"] .chat-intent-card,
html[data-site-theme="dark"] .chat-shortcut-chip {
  background: linear-gradient(180deg, rgba(18, 27, 45, .98), rgba(10, 16, 28, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .placeholder-panel h2,
html[data-site-theme="dark"] .chat-welcome h2 {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .placeholder-panel p,
html[data-site-theme="dark"] .chat-welcome p {
  color: var(--site-text-muted) !important;
}

/* Final dark-theme polish: white strip removal, warmer nav, red chat accents. */
html[data-site-theme="dark"] .resource-strip {
  background: linear-gradient(180deg, rgba(13, 20, 34, .99), rgba(8, 12, 22, .99)) !important;
  border-color: var(--site-border) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.36) !important;
}

html[data-site-theme="dark"] .resource-strip article {
  background: linear-gradient(180deg, rgba(18, 27, 45, .88), rgba(10, 16, 28, .92)) !important;
  border-color: var(--site-border) !important;
}

html[data-site-theme="dark"] .deploy-body li,
html[data-site-theme="dark"] .case-card li,
html[data-site-theme="dark"] .resource-card li,
html[data-site-theme="dark"] .support-card li,
html[data-site-theme="dark"] .more-card li,
html[data-site-theme="dark"] .catalog th,
html[data-site-theme="dark"] .sku,
html[data-site-theme="dark"] .tags span,
html[data-site-theme="dark"] .kpis article {
  background: linear-gradient(180deg, rgba(18, 27, 45, .96), rgba(10, 16, 28, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .deploy-body li::marker,
html[data-site-theme="dark"] .case-card li::marker,
html[data-site-theme="dark"] .resource-card li::marker,
html[data-site-theme="dark"] .support-card li::marker,
html[data-site-theme="dark"] .more-card li::marker {
  color: var(--site-red-strong) !important;
}

html[data-site-theme="dark"] .kpis article strong,
html[data-site-theme="dark"] .catalog th {
  color: #ffffff !important;
}

html[data-site-theme="dark"] header .nav {
  grid-template-columns: clamp(230px, 20vw, 310px) minmax(520px, 1fr) clamp(380px, 28vw, 520px) !important;
  gap: clamp(1.05rem, 1.9vw, 1.8rem) !important;
}

html[data-site-theme="dark"] header .menu {
  justify-content: center !important;
  gap: .4rem !important;
  padding: 5px 7px !important;
  background: rgba(10, 16, 28, .9) !important;
  border-color: rgba(126,160,255,.3) !important;
}

html[data-site-theme="dark"] header .menu > a.menu-hermes-link,
html[data-site-theme="dark"] header .menu > a.menu-hermes-link.active {
  border-color: rgba(255, 160, 86, .72) !important;
  color: #fff8e9 !important;
  background:
    radial-gradient(circle at 20% 22%, rgba(255, 214, 145, .7), transparent 36%),
    linear-gradient(132deg, #ff8a2d 0%, #e46d20 48%, #7f3515 100%) !important;
  box-shadow:
    0 18px 34px rgba(210, 93, 28, .34),
    0 0 0 1px rgba(255, 219, 164, .34) inset,
    0 0 0 4px rgba(255, 138, 45, .16) !important;
}

html[data-site-theme="dark"] .promo-slide[data-slide="1"] .promo-chip,
html[data-site-theme="dark"] .promo-slide[data-slide="2"] .promo-chip {
  background: linear-gradient(135deg, rgba(255, 209, 103, .24), rgba(255, 138, 45, .2)) !important;
  border-color: rgba(255, 211, 107, .58) !important;
  color: #ffe5a8 !important;
  box-shadow: 0 0 20px rgba(255, 177, 66, .14) !important;
}

html[data-site-theme="dark"] .promo-slide-media,
html[data-site-theme="dark"] .promo-highlights li {
  background: linear-gradient(180deg, rgba(18, 27, 45, .96), rgba(10, 16, 28, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text-muted) !important;
}

html[data-site-theme="dark"] .promo-slide-content b {
  color: #ff9dad !important;
}

html[data-site-theme="dark"] .promo-indicator.active,
html[data-site-theme="dark"] .promo-btn-primary {
  background: linear-gradient(135deg, #ff4f66, #9f1528) !important;
  border-color: rgba(255, 132, 148, .58) !important;
}

html[data-site-theme="dark"] {
  --chat-accent: #ff4f66;
  --chat-accent-soft: rgba(255, 79, 102, .16);
  --chat-accent-strong: #b5162b;
}

html[data-site-theme="dark"] .chat-msg-user .chat-msg-bubble,
html[data-site-theme="dark"] .chat-send-btn,
html[data-site-theme="dark"] .chat-welcome-icon,
html[data-site-theme="dark"] .chat-header-btn.primary,
html[data-site-theme="dark"] .chat-rail-logo {
  background: linear-gradient(135deg, #ff4f66, #a81327) !important;
  border-color: rgba(255, 132, 148, .54) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .chat-conv-item,
html[data-site-theme="dark"] .chat-empty-list,
html[data-site-theme="dark"] .chat-msg-assistant .chat-msg-bubble,
html[data-site-theme="dark"] .chat-msg-act,
html[data-site-theme="dark"] .chat-action-btn,
html[data-site-theme="dark"] .chat-shortcut-chip,
html[data-site-theme="dark"] .chat-intent-card,
html[data-site-theme="dark"] .chat-input,
html[data-site-theme="dark"] .composer-box {
  background: linear-gradient(180deg, rgba(18, 27, 45, .98), rgba(10, 16, 28, .98)) !important;
  border-color: rgba(255, 79, 102, .26) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .chat-conv-item.active,
html[data-site-theme="dark"] .chat-conv-item:hover,
html[data-site-theme="dark"] .chat-rail-btn.active,
html[data-site-theme="dark"] .chat-rail-btn:hover {
  background: linear-gradient(135deg, rgba(255, 79, 102, .24), rgba(142, 16, 34, .18)) !important;
  border-color: rgba(255, 132, 148, .44) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .chat-conv-title,
html[data-site-theme="dark"] .chat-header h1,
html[data-site-theme="dark"] .chat-msg-user .chat-msg-time {
  color: #fff7f8 !important;
}

html[data-site-theme="dark"] .chat-status-dot.connected,
html[data-site-theme="dark"] .chat-status-dot {
  background: #ff4f66 !important;
  box-shadow: 0 0 0 4px rgba(255,79,102,.14) !important;
}

/* Hero brand panel layout and deployment visual recovery. */
html[data-site-theme="dark"] .hero-brand-panel {
  align-content: stretch !important;
  grid-template-rows: minmax(0, 1fr) auto auto !important;
  padding: 1.15rem !important;
  gap: .72rem !important;
  background:
    radial-gradient(circle at 82% 78%, rgba(255,79,102,.2), transparent 18rem),
    linear-gradient(180deg, rgba(17,25,42,.96), rgba(9,14,25,.98)) !important;
}

html[data-site-theme="dark"] .brand-stack.brand-stack-image {
  min-height: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
  border-radius: 18px !important;
  border-color: rgba(255,79,102,.28) !important;
  box-shadow:
    0 24px 50px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

html[data-site-theme="dark"] .brand-stack.brand-stack-image .stack-mark {
  object-fit: cover !important;
  object-position: center 54% !important;
  filter: brightness(.9) contrast(1.08) saturate(1.05) !important;
}

html[data-site-theme="dark"] .hero-brand-panel p {
  align-self: end !important;
  margin: 0 !important;
  padding: .72rem .78rem !important;
  border: 1px solid rgba(255,79,102,.28) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(255,79,102,.14), rgba(126,160,255,.08)) !important;
  color: #f5f7ff !important;
  font-size: .92rem !important;
  line-height: 1.65 !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.24) !important;
}

html[data-site-theme="dark"] .hero-brand-panel .tagline {
  align-self: end !important;
  width: 100% !important;
  padding: .36rem .74rem !important;
  border-color: rgba(255,132,148,.36) !important;
  background: rgba(255,79,102,.1) !important;
  color: #ffd8de !important;
  font-weight: 800 !important;
  letter-spacing: .015em !important;
}

html[data-site-theme="dark"] .deploy-visual,
html[data-site-theme="dark"] .enterprise-visual,
html[data-site-theme="dark"] .personal-visual,
html[data-site-theme="dark"] .cloud-visual {
  background: linear-gradient(150deg, #111a2b, #17243e 55%, #260b14) !important;
}

html[data-site-theme="dark"] .deploy-visual > img,
html[data-site-theme="dark"] .personal-visual .shot img,
html[data-site-theme="dark"] .cloud-visual > img,
html[data-site-theme="dark"] .enterprise-visual > img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  filter: brightness(.72) contrast(1.12) saturate(.92) !important;
}

html[data-site-theme="dark"] .personal-visual .shot {
  opacity: 0;
  visibility: visible !important;
  display: block !important;
}

html[data-site-theme="dark"] .personal-visual .shot.s1,
html[data-site-theme="dark"] .personal-visual .shot.s2,
html[data-site-theme="dark"] .personal-visual .shot.s3 {
  animation-name: deployShotCycle !important;
}

html[data-site-theme="dark"] .enterprise-visual::after,
html[data-site-theme="dark"] .cloud-visual::after,
html[data-site-theme="dark"] .deploy-visual::after {
  opacity: .72 !important;
  mix-blend-mode: multiply !important;
}

/* 2026-05 dark theme refinements: remove pale strips and keep deployment imagery visible. */
html[data-site-theme="dark"] #deploy .deploy-head-subtitle,
html[data-site-theme="dark"] #resources .head p,
html[data-site-theme="dark"] #cases .head p {
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 78, 96, .18), transparent 32rem),
    linear-gradient(135deg, rgba(25, 18, 29, .96), rgba(12, 18, 32, .94)) !important;
  border-color: rgba(255, 78, 96, .34) !important;
  color: #f0d7dd !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 210, 218, .08) !important;
}

html[data-site-theme="dark"] .section,
html[data-site-theme="dark"] .section-green,
html[data-site-theme="dark"] .section-red {
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 79, 102, .11), transparent 26rem),
    radial-gradient(circle at 8% 12%, rgba(77, 111, 207, .1), transparent 28rem),
    linear-gradient(180deg, #0d1424 0%, #0a101d 100%) !important;
  border-color: rgba(255, 79, 102, .24) !important;
  border-top-color: rgba(255, 79, 102, .72) !important;
}

html[data-site-theme="dark"] .deploy-card,
html[data-site-theme="dark"] .resource-card,
html[data-site-theme="dark"] .case-card,
html[data-site-theme="dark"] .product {
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 79, 102, .12), transparent 18rem),
    linear-gradient(180deg, rgba(17, 25, 42, .97), rgba(10, 15, 26, .99)) !important;
  border-color: rgba(255, 79, 102, .22) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .46),
    inset 0 1px 0 rgba(255, 226, 231, .05) !important;
}

html[data-site-theme="dark"] .deploy-visual {
  background: #080d18 !important;
  border-bottom-color: rgba(255, 79, 102, .2) !important;
}

html[data-site-theme="dark"] .deploy-visual > img,
html[data-site-theme="dark"] .deploy-visual .shot img {
  opacity: .86 !important;
  filter: brightness(.78) contrast(1.12) saturate(.98) !important;
}

html[data-site-theme="dark"] .deploy-visual::after,
html[data-site-theme="dark"] .cloud-visual::after,
html[data-site-theme="dark"] .enterprise-visual::after {
  background:
    linear-gradient(105deg, rgba(5, 8, 16, .46), rgba(10, 15, 27, .28) 54%, rgba(94, 14, 27, .22)) !important;
}

html[data-site-theme="dark"] .personal-visual .shot {
  background: rgba(9, 14, 24, .78) !important;
  border-color: rgba(255, 79, 102, .18) !important;
}

html[data-site-theme="dark"] .deploy-body,
html[data-site-theme="dark"] .resource-card,
html[data-site-theme="dark"] .case-card .body,
html[data-site-theme="dark"] .product .body {
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .deploy-body li,
html[data-site-theme="dark"] .resource-card li,
html[data-site-theme="dark"] .case-card li {
  background: rgba(255, 79, 102, .08) !important;
  border-color: rgba(255, 79, 102, .22) !important;
  color: #f1d5dc !important;
}

html[data-site-theme="dark"] .brand-stack-card,
html[data-site-theme="dark"] .hero-brand-panel,
html[data-site-theme="dark"] .brand-stack.brand-stack-image {
  background:
    radial-gradient(circle at 70% 6%, rgba(255, 71, 88, .16), transparent 19rem),
    linear-gradient(180deg, rgba(15, 20, 34, .98), rgba(7, 9, 15, .99)) !important;
  border-color: rgba(255, 79, 102, .28) !important;
}

html[data-site-theme="dark"] .brand-stack.brand-stack-image .stack-mark {
  object-position: center 66% !important;
  filter: brightness(.9) contrast(1.12) saturate(1.06) !important;
  background: #07090f !important;
}

html[data-site-theme="dark"] .hero-brand-panel > p {
  margin-top: auto !important;
  border: 1px solid rgba(255, 79, 102, .24) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 84% 20%, rgba(255, 79, 102, .14), transparent 12rem),
    linear-gradient(135deg, rgba(17, 20, 32, .88), rgba(12, 16, 27, .96)) !important;
  color: #f1d5dc !important;
  padding: .72rem .82rem !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .36) !important;
}

html[data-site-theme="dark"] .hero-brand-panel .tagline {
  background: rgba(255, 79, 102, .1) !important;
  border-color: rgba(255, 79, 102, .32) !important;
  color: #ffd9df !important;
}

/* 2026-05 promo carousel dark red accents. */
html[data-site-theme="dark"] .top-banner .news-chip,
html[data-site-theme="dark"] .promo-chip,
html[data-site-theme="dark"] .home-offer-kicker,
html[data-site-theme="dark"] .promo-carousel-modal .promo-chip {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 218, 132, .26), transparent 38%),
    linear-gradient(135deg, #ff5b6f, #b9152d) !important;
  border-color: rgba(255, 178, 126, .58) !important;
  color: #fff8e8 !important;
  box-shadow: 0 0 22px rgba(255, 79, 102, .28) !important;
}

html[data-site-theme="dark"] .home-offer-modal,
html[data-site-theme="dark"] .promo-carousel-modal {
  background:
    radial-gradient(circle at 18% 6%, rgba(255, 79, 102, .18), transparent 22rem),
    linear-gradient(155deg, rgba(18, 20, 32, .98), rgba(10, 12, 20, .99)) !important;
  border-color: rgba(255, 79, 102, .3) !important;
}

/* 2026-05-03 final night polish: remove remaining pale strips and red-tune chat/promo. */
html[data-site-theme="dark"] header .nav {
  grid-template-columns: clamp(250px, 21vw, 330px) minmax(650px, 1.28fr) clamp(390px, 27vw, 500px) !important;
  gap: clamp(1.35rem, 2.5vw, 2.25rem) !important;
}

html[data-site-theme="dark"] header .menu {
  width: 100% !important;
  min-width: 650px !important;
  justify-content: center !important;
  gap: .46rem !important;
  padding: 6px 8px !important;
}

html[data-site-theme="dark"] header .menu > a.menu-hermes-link,
html[data-site-theme="dark"] header .menu > a.menu-hermes-link.active {
  border-color: rgba(255, 166, 82, .76) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 222, 143, .86), transparent 38%),
    linear-gradient(132deg, #ff9b35 0%, #e86f22 48%, #7b3112 100%) !important;
  color: #fff8e6 !important;
  box-shadow:
    0 18px 36px rgba(232, 111, 34, .34),
    0 0 0 1px rgba(255, 232, 174, .36) inset,
    0 0 0 4px rgba(255, 139, 45, .18) !important;
}

html[data-site-theme="dark"] #deploy .deploy-head-subtitle,
html[data-site-theme="dark"] #resources .head p,
html[data-site-theme="dark"] #cases .head p,
html[data-site-theme="dark"] #about .head p,
html[data-site-theme="dark"] #support .head p,
html[data-site-theme="dark"] #more .head p,
html[data-site-theme="dark"] .resource-meta li,
html[data-site-theme="dark"] .case-meta li,
html[data-site-theme="dark"] .more-list li,
html[data-site-theme="dark"] .support-table td,
html[data-site-theme="dark"] .catalog td,
html[data-site-theme="dark"] .feedback-hub-tools select,
html[data-site-theme="dark"] .feedback-hub-cta,
html[data-site-theme="dark"] .feedback-hub-empty,
html[data-site-theme="dark"] .feedback-hub-tag,
html[data-site-theme="dark"] .support-doc-body,
html[data-site-theme="dark"] .wechat-contact,
html[data-site-theme="dark"] .contact,
html[data-site-theme="dark"] .contact-wrap,
html[data-site-theme="dark"] .auth-note,
html[data-site-theme="dark"] .auth-result,
html[data-site-theme="dark"] .auth-btn.secondary,
html[data-site-theme="dark"] .pay-copy,
html[data-site-theme="dark"] .pay-channel,
html[data-site-theme="dark"] .invite-offer-tags span {
  background:
    radial-gradient(circle at 9% 0%, rgba(255, 79, 102, .14), transparent 18rem),
    linear-gradient(180deg, rgba(20, 28, 46, .98), rgba(9, 14, 25, .99)) !important;
  border-color: rgba(255, 79, 102, .28) !important;
  color: #f1d5dc !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 226, 231, .06) !important;
}

html[data-site-theme="dark"] .standard li,
html[data-site-theme="dark"] .deploy-body li,
html[data-site-theme="dark"] .resource-card li,
html[data-site-theme="dark"] .case-card li,
html[data-site-theme="dark"] .support-card li,
html[data-site-theme="dark"] .kpis article,
html[data-site-theme="dark"] .resource-card,
html[data-site-theme="dark"] .case-card,
html[data-site-theme="dark"] .support-card,
html[data-site-theme="dark"] .more-card,
html[data-site-theme="dark"] .brand-card,
html[data-site-theme="dark"] .feedback-hub-stat,
html[data-site-theme="dark"] .feedback-hub-item {
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 79, 102, .1), transparent 18rem),
    linear-gradient(180deg, rgba(17, 25, 42, .98), rgba(8, 13, 23, .99)) !important;
  border-color: rgba(255, 79, 102, .24) !important;
  color: #f2d8de !important;
}

html[data-site-theme="dark"] .hero-brand-panel {
  display: grid !important;
  grid-template-rows: minmax(330px, 1fr) auto auto !important;
  min-height: 510px !important;
  gap: .82rem !important;
}

html[data-site-theme="dark"] .brand-stack.brand-stack-image {
  min-height: 330px !important;
  align-self: stretch !important;
}

html[data-site-theme="dark"] .brand-stack.brand-stack-image .stack-mark {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 66% !important;
}

html[data-site-theme="dark"] .hero-brand-panel > p {
  align-self: end !important;
  margin-top: auto !important;
  padding: .82rem .9rem !important;
  border-radius: 18px !important;
  color: #fff1f4 !important;
  font-weight: 760 !important;
  line-height: 1.68 !important;
  background:
    radial-gradient(circle at 90% 18%, rgba(255, 79, 102, .18), transparent 13rem),
    linear-gradient(135deg, rgba(29, 18, 28, .94), rgba(10, 15, 27, .98)) !important;
  border-color: rgba(255, 116, 134, .34) !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .3) !important;
}

html[data-site-theme="dark"] .hero-brand-panel .tagline {
  align-self: end !important;
  background: linear-gradient(135deg, rgba(255, 79, 102, .16), rgba(255, 152, 61, .08)) !important;
  border-color: rgba(255, 116, 134, .34) !important;
  color: #ffdbe1 !important;
}

html[data-site-theme="dark"] .promo-carousel-overlay {
  background: rgba(1, 3, 8, .82) !important;
  backdrop-filter: blur(8px) saturate(1.1) !important;
}

html[data-site-theme="dark"] .promo-carousel-modal {
  background:
    radial-gradient(circle at 18% 8%, rgba(255, 79, 102, .2), transparent 23rem),
    radial-gradient(circle at 92% 86%, rgba(142, 16, 34, .18), transparent 18rem),
    linear-gradient(155deg, rgba(19, 24, 39, .98), rgba(8, 11, 19, .99)) !important;
  border-color: rgba(255, 89, 108, .36) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .68), 0 0 0 1px rgba(255, 210, 218, .06) inset !important;
}

html[data-site-theme="dark"] .promo-slide-media {
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 79, 102, .14), transparent 14rem),
    linear-gradient(180deg, rgba(19, 27, 45, .98), rgba(9, 14, 24, .99)) !important;
  border-color: rgba(255, 79, 102, .28) !important;
}

html[data-site-theme="dark"] .promo-slide-media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: fill !important;
  filter: brightness(.9) contrast(1.08) saturate(1.06) drop-shadow(0 16px 28px rgba(255, 79, 102, .24)) !important;
}

html[data-site-theme="dark"] .promo-carousel-arrow {
  background: rgba(16, 24, 40, .92) !important;
  border-color: rgba(255, 79, 102, .36) !important;
  color: #ffb4bf !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .32) !important;
}

html[data-site-theme="dark"] .promo-carousel-arrow:hover {
  background: rgba(30, 43, 68, .96) !important;
  border-color: rgba(255, 132, 148, .64) !important;
  color: #fff0f3 !important;
}

html[data-site-theme="dark"] .promo-slide-content h3 {
  color: #fff4f6 !important;
  text-shadow: 0 1px 20px rgba(255, 79, 102, .18) !important;
}

html[data-site-theme="dark"] .promo-slide-content p,
html[data-site-theme="dark"] .promo-highlights li {
  color: #f0d8de !important;
}

html[data-site-theme="dark"] .promo-slide[data-slide="1"] .promo-chip,
html[data-site-theme="dark"] .promo-slide[data-slide="2"] .promo-chip,
html[data-site-theme="dark"] .promo-carousel-modal .promo-chip {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 239, 168, .42), transparent 38%),
    linear-gradient(135deg, #ffb13f, #e86f22 48%, #a8172c) !important;
  border-color: rgba(255, 218, 128, .72) !important;
  color: #fff9e8 !important;
  box-shadow: 0 0 26px rgba(255, 177, 63, .22) !important;
}

html[data-site-theme="dark"] .promo-btn-primary {
  background: linear-gradient(135deg, #ff4f66, #b9152d 58%, #7f0d1e) !important;
  border-color: rgba(255, 132, 148, .64) !important;
}

html[data-site-theme="dark"] .promo-btn-secondary {
  background: linear-gradient(180deg, rgba(24, 31, 50, .98), rgba(11, 16, 27, .99)) !important;
  border-color: rgba(255, 79, 102, .3) !important;
  color: #ffe0e5 !important;
}

html[data-site-theme="dark"] {
  --chat-accent: #ff4f66;
  --chat-accent-strong: #b31329;
  --chat-accent-soft: rgba(255, 79, 102, .18);
}

html[data-site-theme="dark"] body.chat-console-embed .chat-app,
html[data-site-theme="dark"] .chat-app,
html[data-site-theme="dark"] .chat-main,
html[data-site-theme="dark"] .chat-main-view,
html[data-site-theme="dark"] .chat-view-chat,
html[data-site-theme="dark"] .chat-stage,
html[data-site-theme="dark"] .chat-input-area {
  background:
    radial-gradient(circle at 18% 8%, rgba(255, 79, 102, .16), transparent 24rem),
    radial-gradient(circle at 92% 86%, rgba(142, 16, 34, .18), transparent 26rem),
    linear-gradient(180deg, #080b13, #0b111e 48%, #070910) !important;
}

html[data-site-theme="dark"] .chat-rail-brand,
html[data-site-theme="dark"] .chat-module-btn.active,
html[data-site-theme="dark"] .chat-sidebar-icon.active,
html[data-site-theme="dark"] .chat-send-btn,
html[data-site-theme="dark"] .chat-welcome-icon,
html[data-site-theme="dark"] .chat-msg-user .chat-msg-bubble {
  background: linear-gradient(135deg, #ff4f66, #b31329) !important;
  border-color: rgba(255, 132, 148, .58) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(255, 79, 102, .22) !important;
}

html[data-site-theme="dark"] .chat-module-btn,
html[data-site-theme="dark"] .chat-sidebar-icon,
html[data-site-theme="dark"] .chat-history-btn,
html[data-site-theme="dark"] .chat-action-btn,
html[data-site-theme="dark"] .chat-shortcut-chip,
html[data-site-theme="dark"] .composer-box,
html[data-site-theme="dark"] .chat-input,
html[data-site-theme="dark"] .chat-conv-item,
html[data-site-theme="dark"] .chat-msg-assistant .chat-msg-bubble,
html[data-site-theme="dark"] .chat-intent-card {
  background: linear-gradient(180deg, rgba(18, 25, 41, .98), rgba(9, 14, 24, .99)) !important;
  border-color: rgba(255, 79, 102, .25) !important;
  color: #f4e3e7 !important;
}

html[data-site-theme="dark"] .chat-module-btn:hover,
html[data-site-theme="dark"] .chat-sidebar-icon:hover,
html[data-site-theme="dark"] .chat-history-btn:hover,
html[data-site-theme="dark"] .chat-action-btn:hover,
html[data-site-theme="dark"] .chat-shortcut-chip:hover,
html[data-site-theme="dark"] .chat-conv-item:hover,
html[data-site-theme="dark"] .chat-conv-item.active {
  background: linear-gradient(135deg, rgba(255, 79, 102, .24), rgba(142, 16, 34, .18)) !important;
  border-color: rgba(255, 132, 148, .45) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .chat-header-title,
html[data-site-theme="dark"] .chat-header h1,
html[data-site-theme="dark"] .chat-welcome h2,
html[data-site-theme="dark"] .chat-conv-title {
  color: #fff4f6 !important;
}

html[data-site-theme="dark"] .chat-status-pill,
html[data-site-theme="dark"] .chat-status-dot.connected,
html[data-site-theme="dark"] .chat-status-dot {
  border-color: rgba(255, 79, 102, .26) !important;
}

@media (max-width: 1240px) {
  html[data-site-theme="dark"] header .nav {
    grid-template-columns: 1fr !important;
  }
  html[data-site-theme="dark"] header .menu {
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
}

/* 2026-05-03 red-blue-orange design system unification. */
:root {
  --brand-blue: #1f5fff;
  --brand-blue-deep: #1748c8;
  --brand-blue-soft: #e8efff;
  --brand-pink: #e21d38;
  --brand-pink-deep: #b31329;
  --brand-pink-soft: #fff0f2;
  --lobster-orange: #ff8a1f;
  --site-red: #e21d38;
  --site-red-strong: #ff4058;
  --site-blue: #1f5fff;
  --site-blue-strong: #4f86ff;
  --site-orange: #ff8a1f;
}

.top-banner {
  background: linear-gradient(90deg, #071127 0%, #102c78 42%, #4c0713 100%) !important;
  border-bottom-color: var(--brand-pink) !important;
}

.news-chip,
.top-banner a,
.top-banner .top-theme-toggle {
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(135deg, var(--brand-pink), var(--brand-pink-deep)) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(226, 29, 56, .24), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.top-banner .top-theme-toggle {
  flex: 0 0 auto;
  font-size: .74rem;
  padding: .14rem .62rem;
  min-height: 24px;
}

header .menu > .menu-dropdown:first-of-type > .menu-trigger,
header .menu > .menu-dropdown:first-of-type > .menu-trigger.active,
html[data-site-theme="dark"] header .menu > .menu-dropdown:first-of-type > .menu-trigger,
html[data-site-theme="dark"] header .menu > .menu-dropdown:first-of-type > .menu-trigger.active {
  border-color: rgba(255, 64, 88, .76) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 168, 103, .42), transparent 36%),
    linear-gradient(135deg, #ff4058 0%, #e21d38 48%, #9b1022 100%) !important;
  color: #fff !important;
  box-shadow:
    0 18px 34px rgba(226, 29, 56, .26),
    0 0 0 1px rgba(255, 255, 255, .2) inset,
    0 0 0 4px rgba(226, 29, 56, .12) !important;
}

header .menu > .menu-dropdown:nth-of-type(2) > .menu-trigger,
header .menu > .menu-dropdown:nth-of-type(2) > .menu-trigger.active,
html[data-site-theme="dark"] header .menu > .menu-dropdown:nth-of-type(2) > .menu-trigger,
html[data-site-theme="dark"] header .menu > .menu-dropdown:nth-of-type(2) > .menu-trigger.active,
header .menu > a:not(.menu-hermes-link),
html[data-site-theme="dark"] header .menu > a:not(.menu-hermes-link) {
  border-color: rgba(31, 95, 255, .44) !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .18), transparent 36%),
    linear-gradient(135deg, #1f5fff 0%, #1748c8 62%, #0c2b82 100%) !important;
  color: #f7fbff !important;
}

header .menu > a.menu-hermes-link,
header .menu > a.menu-hermes-link.active,
html[data-site-theme="dark"] header .menu > a.menu-hermes-link,
html[data-site-theme="dark"] header .menu > a.menu-hermes-link.active {
  border-color: rgba(255, 183, 86, .76) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 236, 167, .62), transparent 38%),
    linear-gradient(135deg, #ff9d2e 0%, #ff8a1f 48%, #b54f0e 100%) !important;
  color: #fffaf0 !important;
}

html[data-site-theme="dark"] {
  --brand-blue: #1f5fff;
  --brand-blue-deep: #4f86ff;
  --brand-blue-soft: #0d1a3a;
  --brand-pink: #e21d38;
  --brand-pink-deep: #ff4058;
  --brand-pink-soft: #2a0b13;
  --lobster-orange: #ff8a1f;
  --site-red: #e21d38;
  --site-red-strong: #ff4058;
  --site-blue: #1f5fff;
  --site-blue-strong: #4f86ff;
  --site-orange: #ff8a1f;
  --site-link: #4f86ff;
  --site-theme-toggle-bg: #e21d38;
  --site-theme-toggle-text: #ffffff;
  --site-theme-toggle-border: rgba(255, 64, 88, .72);
}

html[data-site-theme="dark"] .top-banner,
html[data-site-theme="dark"] .ticker {
  background: linear-gradient(90deg, #080c18 0%, #0f2c7d 44%, #3d0710 100%) !important;
  border-bottom-color: var(--site-red) !important;
}

html[data-site-theme="dark"] header,
html[data-site-theme="dark"] .site-header {
  border-bottom-color: rgba(31, 95, 255, .74) !important;
}

html[data-site-theme="dark"] .section,
html[data-site-theme="dark"] .section-green,
html[data-site-theme="dark"] .section-red,
html[data-site-theme="dark"] .console-card,
html[data-site-theme="dark"] .hero-slider,
html[data-site-theme="dark"] .hero-brand-panel,
html[data-site-theme="dark"] .deploy-card,
html[data-site-theme="dark"] .resource-card,
html[data-site-theme="dark"] .case-card,
html[data-site-theme="dark"] .support-card,
html[data-site-theme="dark"] .more-card,
html[data-site-theme="dark"] .brand-card,
html[data-site-theme="dark"] .product,
html[data-site-theme="dark"] .standard {
  background:
    radial-gradient(circle at 10% 0%, rgba(31, 95, 255, .12), transparent 24rem),
    radial-gradient(circle at 92% 18%, rgba(226, 29, 56, .12), transparent 24rem),
    linear-gradient(180deg, #0e1526 0%, #080d18 100%) !important;
  border-color: rgba(31, 95, 255, .28) !important;
  border-top-color: rgba(226, 29, 56, .76) !important;
}

html[data-site-theme="dark"] .meta span,
html[data-site-theme="dark"] .hero-slide .meta span,
html[data-site-theme="dark"] .visual-tags span,
html[data-site-theme="dark"] .tagline,
html[data-site-theme="dark"] .lobster-badge,
html[data-site-theme="dark"] .cloud-badge,
html[data-site-theme="dark"] .promo-chip,
html[data-site-theme="dark"] .tags span,
html[data-site-theme="dark"] .sku,
html[data-site-theme="dark"] .pill,
html[data-site-theme="dark"] .badge,
html[data-site-theme="dark"] .resource-meta li,
html[data-site-theme="dark"] .case-meta li,
html[data-site-theme="dark"] .standard li,
html[data-site-theme="dark"] .deploy-body li {
  background: linear-gradient(135deg, rgba(31, 95, 255, .16), rgba(226, 29, 56, .12)) !important;
  border-color: rgba(31, 95, 255, .34) !important;
  color: #e9f0ff !important;
}

html[data-site-theme="dark"] .cta.primary,
html[data-site-theme="dark"] .btn.primary,
html[data-site-theme="dark"] .deploy-action.primary,
html[data-site-theme="dark"] .promo-btn-primary,
html[data-site-theme="dark"] .product .ops a:last-child {
  background: linear-gradient(135deg, #ff4058, #e21d38 58%, #9b1022) !important;
  border-color: rgba(255, 64, 88, .68) !important;
}

html[data-site-theme="dark"] .cta.secondary,
html[data-site-theme="dark"] .btn.secondary,
html[data-site-theme="dark"] .deploy-action.secondary,
html[data-site-theme="dark"] .promo-btn-secondary,
html[data-site-theme="dark"] .product .ops a:first-child {
  background: linear-gradient(135deg, rgba(31, 95, 255, .16), rgba(10, 19, 39, .96)) !important;
  border-color: rgba(31, 95, 255, .4) !important;
  color: #e8efff !important;
}

html[data-site-theme="dark"] .site-theme-toggle {
  background: linear-gradient(135deg, #ff4058, #e21d38 58%, #9b1022) !important;
  border-color: rgba(255, 64, 88, .7) !important;
  color: #ffffff !important;
}

/* Chat iframe/site-theme bridge: keep red-blue-orange skin after site overrides. */
html[data-site-theme="dark"] body.chat-console-embed .chat-app,
html[data-site-theme="dark"] body.chat-admin-embed .chat-app,
html[data-site-theme="dark"] .chat-app,
html[data-site-theme="dark"] .chat-main,
html[data-site-theme="dark"] .chat-main-view,
html[data-site-theme="dark"] .chat-view-chat,
html[data-site-theme="dark"] .chat-stage,
html[data-site-theme="dark"] .chat-input-area {
  background:
    radial-gradient(circle at 14% 6%, rgba(31, 95, 255, .18), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(226, 29, 56, .18), transparent 30rem),
    radial-gradient(circle at 50% 100%, rgba(255, 138, 31, .08), transparent 28rem),
    linear-gradient(180deg, #070b14 0%, #0a101f 48%, #05070d 100%) !important;
}

html[data-site-theme="dark"] .chat-rail,
html[data-site-theme="dark"] .chat-sidebar,
html[data-site-theme="dark"] body.chat-nav-hidden .chat-sidebar,
html[data-site-theme="dark"] .chat-history-drawer {
  background:
    radial-gradient(circle at 18% 0%, rgba(31, 95, 255, .13), transparent 16rem),
    radial-gradient(circle at 100% 12%, rgba(226, 29, 56, .12), transparent 14rem),
    linear-gradient(180deg, rgba(13, 20, 36, .98), rgba(6, 10, 19, .99)) !important;
  border-color: rgba(31, 95, 255, .28) !important;
}

html[data-site-theme="dark"] .chat-conv-item,
html[data-site-theme="dark"] .chat-empty-list,
html[data-site-theme="dark"] .chat-msg-assistant .chat-msg-bubble,
html[data-site-theme="dark"] .chat-msg-act,
html[data-site-theme="dark"] .chat-action-btn,
html[data-site-theme="dark"] .chat-shortcut-chip,
html[data-site-theme="dark"] .chat-intent-card,
html[data-site-theme="dark"] .chat-input,
html[data-site-theme="dark"] .composer-box,
html[data-site-theme="dark"] .placeholder-panel,
html[data-site-theme="dark"] .chat-welcome {
  background:
    radial-gradient(circle at 12% 0%, rgba(31, 95, 255, .14), transparent 16rem),
    linear-gradient(180deg, rgba(16, 25, 44, .98), rgba(8, 13, 24, .99)) !important;
  border-color: rgba(31, 95, 255, .3) !important;
  color: #eef4ff !important;
}

html[data-site-theme="dark"] .chat-conv-item {
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html[data-site-theme="dark"] .chat-conv-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #1f5fff, #e21d38 58%, #ff8a1f) !important;
  opacity: .95 !important;
}

html[data-site-theme="dark"] .chat-conv-item::after {
  content: "" !important;
  position: absolute !important;
  right: -36px !important;
  top: -42px !important;
  width: 96px !important;
  height: 96px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(226, 29, 56, .2), transparent 65%) !important;
  pointer-events: none !important;
}

html[data-site-theme="dark"] .chat-conv-item:hover,
html[data-site-theme="dark"] .chat-conv-item.active,
html[data-site-theme="dark"] .chat-module-btn:hover,
html[data-site-theme="dark"] .chat-module-btn.active,
html[data-site-theme="dark"] .chat-sidebar-icon:hover,
html[data-site-theme="dark"] .chat-sidebar-icon.active {
  background:
    radial-gradient(circle at 92% 0%, rgba(226, 29, 56, .22), transparent 9rem),
    linear-gradient(135deg, rgba(31, 95, 255, .24), rgba(12, 18, 32, .98)) !important;
  border-color: rgba(255, 64, 88, .48) !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .chat-rail-brand,
html[data-site-theme="dark"] .hermes-brand-mark,
html[data-site-theme="dark"] .chat-send-btn,
html[data-site-theme="dark"] .chat-welcome-icon,
html[data-site-theme="dark"] .chat-msg-user .chat-msg-bubble {
  background: linear-gradient(135deg, #ff4058, #e21d38 56%, #9b1022) !important;
  border-color: rgba(255, 64, 88, .62) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(226, 29, 56, .26), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html[data-site-theme="dark"] .chat-conv-copy strong,
html[data-site-theme="dark"] .chat-header h1,
html[data-site-theme="dark"] .chat-welcome h2 {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .chat-conv-copy span,
html[data-site-theme="dark"] .chat-sidebar-section-title,
html[data-site-theme="dark"] .hermes-brand-copy strong,
html[data-site-theme="dark"] .hermes-brand-eyebrow,
html[data-site-theme="dark"] .chat-welcome p {
  color: #a9b9df !important;
}

@media (max-width: 640px) {
  .top-banner .top-theme-toggle {
    display: inline-flex !important;
    padding-inline: .52rem;
  }
}

/* 2026-05-03 alignment, hero imagery and console side-panel fixes. */
header .nav,
html[data-site-theme="dark"] header .nav {
  grid-template-columns: clamp(248px, 22vw, 330px) minmax(640px, 1fr) clamp(330px, 22vw, 430px) !important;
  gap: clamp(.28rem, .7vw, .72rem) !important;
}

header .menu,
html[data-site-theme="dark"] header .menu {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  min-width: 0 !important;
}

header .nav-right,
html[data-site-theme="dark"] header .nav-right {
  justify-content: flex-start !important;
  padding-left: 0 !important;
  gap: .5rem !important;
}

header .quick-links,
html[data-site-theme="dark"] header .quick-links {
  margin-right: .24rem !important;
  gap: .34rem !important;
}

html[data-site-theme="dark"] .hero-slide {
  background-color: #070b14 !important;
  background-size: cover !important;
  background-position: center !important;
}

html[data-site-theme="dark"] .hero-slide::before,
html[data-site-theme="dark"] .hero-slide::after {
  opacity: 0 !important;
  display: none !important;
}

html[data-site-theme="dark"] .hero-slide h1,
html[data-site-theme="dark"] .hero-slide p,
html[data-site-theme="dark"] .hero-slide .meta,
html[data-site-theme="dark"] .hero-slide .cta-group {
  text-shadow: 0 2px 14px rgba(0, 0, 0, .72) !important;
}

html[data-site-theme="dark"] .deploy-visual::after,
html[data-site-theme="dark"] .cloud-visual::after,
html[data-site-theme="dark"] .enterprise-visual::after {
  display: none !important;
  opacity: 0 !important;
}

html[data-site-theme="dark"] .deploy-visual > img,
html[data-site-theme="dark"] .enterprise-visual > img,
html[data-site-theme="dark"] .cloud-visual > img,
html[data-site-theme="dark"] .personal-visual > img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

html[data-site-theme="dark"] .console-subpanel,
html[data-site-theme="dark"] .console-subpanel-body,
html[data-site-theme="dark"] .console-subpanel-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(31, 95, 255, .12), transparent 14rem),
    linear-gradient(180deg, rgba(10, 16, 29, .98), rgba(5, 9, 17, .99)) !important;
  border-color: rgba(31, 95, 255, .3) !important;
}

html[data-site-theme="dark"] .console-side-item,
html[data-site-theme="dark"] .console-side-empty,
html[data-site-theme="dark"] .console-side-note,
html[data-site-theme="dark"] .console-side-input,
html[data-site-theme="dark"] .console-context-copy,
html[data-site-theme="dark"] .console-side-kv div {
  background:
    linear-gradient(135deg, rgba(31, 95, 255, .16), rgba(12, 18, 32, .98)) !important;
  border-color: rgba(31, 95, 255, .36) !important;
  color: #dce7ff !important;
  box-shadow: inset 3px 0 0 rgba(31, 95, 255, .36), 0 10px 24px rgba(0, 0, 0, .2) !important;
}

html[data-site-theme="dark"] .console-side-item.active,
html[data-site-theme="dark"] .console-side-item:hover {
  background:
    linear-gradient(135deg, rgba(31, 95, 255, .22), rgba(226, 29, 56, .14)) !important;
  border-color: rgba(255, 64, 88, .48) !important;
}

html[data-site-theme="dark"] .console-side-item strong,
html[data-site-theme="dark"] .console-side-kv strong,
html[data-site-theme="dark"] .console-context-copy strong {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .console-side-item span,
html[data-site-theme="dark"] .console-context-copy span,
html[data-site-theme="dark"] .console-side-kv span {
  color: #a9b9df !important;
}

@media (max-width: 1240px) {
  header .nav,
  html[data-site-theme="dark"] header .nav {
    grid-template-columns: 1fr !important;
  }
}


/* 2026-05-03 theme-aware hero brand image. */
html[data-site-theme="dark"] .brand-stack.brand-stack-image .stack-mark[data-dark-src] {
  opacity: 1 !important;
  filter: none !important;
}


/* 2026-05-03 final homepage/header and console theme parity. */
header .nav,
html[data-site-theme="dark"] header .nav {
  transform: translateX(-28px) !important;
}

.hero-brand-panel > p {
  font-size: clamp(.82rem, .9vw, .96rem) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

.hero-brand-panel .tagline {
  font-size: clamp(.7rem, .78vw, .84rem) !important;
  line-height: 1.25 !important;
}

.console-rail-primary {
  min-height: 0;
}

.console-theme-dock {
  width: 100%;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #e2eaf6;
}

.console-theme-toggle {
  min-height: 36px !important;
  padding: 0 !important;
  font-size: 0 !important;
  border-color: rgba(226, 29, 56, .34) !important;
  background: linear-gradient(135deg, rgba(226, 29, 56, .12), rgba(31, 95, 255, .1)) !important;
}

.console-theme-toggle::before {
  content: "☾";
  font-size: 16px;
  line-height: 1;
  color: #e21d38;
}

html[data-site-theme="dark"] .console-theme-dock {
  border-color: rgba(31, 95, 255, .24) !important;
}

html[data-site-theme="dark"] .console-theme-toggle {
  background: linear-gradient(135deg, #e21d38, #1f5fff) !important;
  box-shadow: 0 12px 26px rgba(226, 29, 56, .2) !important;
}

html[data-site-theme="dark"] .console-theme-toggle::before {
  content: "☀";
  color: #fff;
}

html[data-site-theme="light"] .console-pane,
html[data-site-theme="light"] .module-panel,
html[data-site-theme="light"] .module-row,
html[data-site-theme="light"] .module-card,
html[data-site-theme="light"] .module-loading {
  background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
  color: #172033 !important;
  border-color: #d9e3f1 !important;
}

html[data-site-theme="light"] .module-muted,
html[data-site-theme="light"] .module-row-main span,
html[data-site-theme="light"] .console-pane p {
  color: #62708c !important;
}

html[data-site-theme="dark"] .console-pane,
html[data-site-theme="dark"] .module-panel,
html[data-site-theme="dark"] .module-row,
html[data-site-theme="dark"] .module-card,
html[data-site-theme="dark"] .module-loading {
  background: radial-gradient(circle at 12% 0%, rgba(31, 95, 255, .12), transparent 18rem), linear-gradient(180deg, #080d18, #050913) !important;
  color: #eef4ff !important;
  border-color: rgba(31, 95, 255, .3) !important;
}

html[data-site-theme="dark"] .module-muted,
html[data-site-theme="dark"] .module-row-main span,
html[data-site-theme="dark"] .console-pane p {
  color: #9fb3dc !important;
}

.console-rail-list {
  flex: 1;
  min-height: 0;
  align-content: start;
}


/* 2026-05-03 rbo5 iframe and light-mode readability fixes. */
html[data-site-theme="light"] body.chat-console-embed,
html[data-site-theme="light"] body.chat-console-embed .chat-app,
html[data-site-theme="light"] body.chat-console-embed .chat-main,
html[data-site-theme="light"] body.chat-console-embed .chat-main-view,
html[data-site-theme="light"] body.chat-console-embed .chat-view-chat,
html[data-site-theme="light"] body.chat-console-embed .chat-stage,
html[data-site-theme="light"] body.chat-console-embed .chat-input-area {
  background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
  color: #172033 !important;
}

html[data-site-theme="light"] .chat-msg-assistant .chat-msg-bubble,
html[data-site-theme="light"] .chat-msg-bubble {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: #d9e3f1 !important;
}

html[data-site-theme="light"] .chat-msg-bubble .md-paragraph,
html[data-site-theme="light"] .chat-msg-bubble .md-list,
html[data-site-theme="light"] .chat-msg-bubble .md-list li,
html[data-site-theme="light"] .chat-msg-bubble .md-heading,
html[data-site-theme="light"] .chat-msg-bubble strong,
html[data-site-theme="light"] .chat-msg-bubble b {
  color: #172033 !important;
}

html[data-site-theme="light"] body.cloud-package-embed {
  background: #f5f8ff !important;
  color: #172033 !important;
}

html[data-site-theme="light"] body.cloud-package-embed .hero,
html[data-site-theme="light"] body.cloud-package-embed .section,
html[data-site-theme="light"] body.cloud-package-embed .pack-card,
html[data-site-theme="light"] body.cloud-package-embed .cloud-card {
  background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
  color: #172033 !important;
  border-color: #d9e3f1 !important;
}

html[data-site-theme="light"] body.cloud-package-embed .hero h1,
html[data-site-theme="light"] body.cloud-package-embed .hero h2,
html[data-site-theme="light"] body.cloud-package-embed .section h2,
html[data-site-theme="light"] body.cloud-package-embed .pack-card h3 {
  color: #172033 !important;
}

html[data-site-theme="light"] body.cloud-package-embed .hero p,
html[data-site-theme="light"] body.cloud-package-embed .section p,
html[data-site-theme="light"] body.cloud-package-embed .pack-card p {
  color: #62708c !important;
}


/* 2026-05-03 rbo6 history readability and Hermes compact palette. */
.history-detail .history-message,
html[data-site-theme="dark"] .history-detail .history-message {
  background: #1a2232 !important;
  border: 1px solid rgba(111, 130, 165, .42) !important;
  color: #dce7ff !important;
  box-shadow: inset 3px 0 0 rgba(31, 95, 255, .35) !important;
}

.history-detail .history-message strong,
html[data-site-theme="dark"] .history-detail .history-message strong {
  color: #ffffff !important;
}

.history-detail .history-message p,
html[data-site-theme="dark"] .history-detail .history-message p {
  color: #c3d2f4 !important;
  line-height: 1.72 !important;
}

html[data-site-theme="light"] .history-detail .history-message {
  background: #eef2f7 !important;
  border-color: #d2dbe8 !important;
  color: #1f2a3d !important;
  box-shadow: inset 3px 0 0 rgba(31, 95, 255, .24) !important;
}

html[data-site-theme="light"] .history-detail .history-message p {
  color: #40506b !important;
}

.plan.plan-small {
  border-color: rgba(34, 197, 94, .54) !important;
  background: linear-gradient(180deg, rgba(8, 31, 24, .88), rgba(8, 18, 28, .96)) !important;
}

.plan.plan-small .price,
.plan.plan-small h3 {
  color: #55e88f !important;
}

.plan.plan-flagship {
  border-color: rgba(226, 29, 56, .62) !important;
  background: linear-gradient(180deg, rgba(48, 13, 22, .9), rgba(10, 15, 26, .98)) !important;
}

.plan.plan-flagship .price,
.plan.plan-flagship h3 {
  color: #ff4058 !important;
}

html[data-site-theme="dark"] .rebate-hero,
html[data-site-theme="dark"] .invite-module-hero {
  background:
    radial-gradient(circle at 10% 0%, rgba(220, 38, 38, .26), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(37, 99, 235, .24), transparent 34%),
    linear-gradient(135deg, rgba(20, 24, 38, .98), rgba(9, 14, 27, .98)) !important;
  border-color: rgba(255, 79, 102, .48) !important;
  color: var(--site-text) !important;
}
html[data-site-theme="dark"] .rebate-stat-card,
html[data-site-theme="dark"] .rebate-rule-card,
html[data-site-theme="dark"] .rebate-example-card,
html[data-site-theme="dark"] .rebate-tree-card,
html[data-site-theme="dark"] .invite-stat,
html[data-site-theme="dark"] .invite-tree-card {
  background: linear-gradient(160deg, rgba(18, 26, 43, .96), rgba(10, 15, 27, .98)) !important;
  border-color: rgba(126, 160, 255, .28) !important;
  color: var(--site-text) !important;
}
html[data-site-theme="dark"] .rebate-node,
html[data-site-theme="dark"] .invite-node {
  background: linear-gradient(160deg, rgba(53, 16, 25, .95), rgba(14, 20, 35, .98)) !important;
  border-color: rgba(255, 79, 102, .42) !important;
}
html[data-site-theme="dark"] .rebate-node.blue,
html[data-site-theme="dark"] .invite-node.blue {
  background: linear-gradient(160deg, rgba(20, 42, 88, .96), rgba(10, 17, 32, .98)) !important;
  border-color: rgba(126, 160, 255, .44) !important;
}
html[data-site-theme="dark"] .rebate-node.orange,
html[data-site-theme="dark"] .invite-node.orange {
  background: linear-gradient(160deg, rgba(70, 34, 14, .96), rgba(10, 17, 32, .98)) !important;
  border-color: rgba(255, 138, 77, .42) !important;
}
html[data-site-theme="dark"] .rebate-node strong,
html[data-site-theme="dark"] .invite-node strong,
html[data-site-theme="dark"] .rebate-tree-head strong,
html[data-site-theme="dark"] .invite-tree-head strong,
html[data-site-theme="dark"] .rebate-hero h2,
html[data-site-theme="dark"] .invite-module-hero h3 {
  color: #fff !important;
}
html[data-site-theme="dark"] .rebate-node span,
html[data-site-theme="dark"] .invite-node span,
html[data-site-theme="dark"] .rebate-stat-card span,
html[data-site-theme="dark"] .rebate-rule-card span,
html[data-site-theme="dark"] .rebate-example-card span,
html[data-site-theme="dark"] .invite-stat span,
html[data-site-theme="dark"] .rebate-hero p,
html[data-site-theme="dark"] .invite-module-hero p {
  color: #b5c0d6 !important;
}
html[data-site-theme="dark"] .rebate-child,
html[data-site-theme="dark"] .invite-child {
  background: rgba(126, 160, 255, .1) !important;
  color: #dfe8ff !important;
}
html[data-site-theme="dark"] .promo-rebate-card,
html[data-site-theme="dark"] .promo-mini-map span {
  background: linear-gradient(135deg, rgba(38, 16, 24, .98), rgba(12, 22, 42, .98)) !important;
  border-color: rgba(255, 79, 102, .36) !important;
  color: var(--site-text) !important;
}
html[data-site-theme="dark"] .promo-rebate-card span { color: #b5c0d6 !important; }

html[data-site-theme="light"] .calendar-chip,
html[data-site-theme="light"] .calendar-day,
html[data-site-theme="light"] .calendar-event {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: #d9e3f1 !important;
}

html[data-site-theme="light"] .calendar-event.past,
html[data-site-theme="light"] .calendar-day.muted {
  background: #eef2f7 !important;
  color: #6b7280 !important;
}

html[data-site-theme="dark"] .calendar-chip,
html[data-site-theme="dark"] .calendar-day,
html[data-site-theme="dark"] .calendar-event {
  background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 13, 24, .98)) !important;
  color: #eef4ff !important;
  border-color: rgba(126, 160, 255, .28) !important;
}

html[data-site-theme="dark"] .calendar-chip.active {
  background: #3b6cff !important;
  color: #ffffff !important;
}

html[data-site-theme="dark"] .calendar-today-card {
  background: radial-gradient(circle at 12% 10%, rgba(245, 158, 11, .2), transparent 38%), linear-gradient(135deg, #111827, #071021) !important;
  color: #dbeafe !important;
  border-color: rgba(126, 160, 255, .32) !important;
}

html[data-site-theme="dark"] .calendar-today-card strong,
html[data-site-theme="dark"] .calendar-day strong,
html[data-site-theme="dark"] .calendar-event-title,
html[data-site-theme="dark"] .calendar-event-time {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .calendar-weekday,
html[data-site-theme="dark"] .calendar-event-meta,
html[data-site-theme="dark"] .calendar-event-meta span {
  color: #a9bce5 !important;
}

html[data-site-theme="dark"] .calendar-event-meta span,
html[data-site-theme="dark"] .calendar-day em {
  background: rgba(126, 160, 255, .14) !important;
}

html[data-site-theme="dark"] .calendar-event.past,
html[data-site-theme="dark"] .calendar-day.muted {
  background: #111827 !important;
  color: #7f8da8 !important;
  opacity: .52;
}

/* 20260511 semantic navigation colors, independent of item order */
:root {
  --tools-green: #0c8f49;
  --skills-blue: #1d4ed8;
  --openclaw-red: #e11212;
  --hermes-orange: #f37021;
}

header .menu > .menu-dropdown.menu-api-dropdown > .menu-trigger,
header .menu > .menu-dropdown.menu-api-dropdown > .menu-trigger.active,
html[data-site-theme="dark"] header .menu > .menu-dropdown.menu-api-dropdown > .menu-trigger,
html[data-site-theme="dark"] header .menu > .menu-dropdown.menu-api-dropdown > .menu-trigger.active,
html[data-site-theme="light"] header .menu > .menu-dropdown.menu-api-dropdown > .menu-trigger,
html[data-site-theme="light"] header .menu > .menu-dropdown.menu-api-dropdown > .menu-trigger.active {
  border-color: rgba(83, 196, 131, .76) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(141, 255, 198, .42), transparent 36%),
    linear-gradient(135deg, #12a257 0%, var(--tools-green) 52%, #05633d 100%) !important;
  color: #effff5 !important;
  box-shadow:
    0 18px 34px rgba(12, 143, 73, .22),
    0 0 0 1px rgba(255, 255, 255, .18) inset,
    0 0 0 4px rgba(12, 143, 73, .11) !important;
}

header .menu > a.menu-skills-link,
header .menu > a.menu-skills-link.active,
html[data-site-theme="dark"] header .menu > a.menu-skills-link,
html[data-site-theme="dark"] header .menu > a.menu-skills-link.active,
html[data-site-theme="light"] header .menu > a.menu-skills-link,
html[data-site-theme="light"] header .menu > a.menu-skills-link.active {
  border-color: rgba(122, 166, 255, .7) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(191, 219, 254, .36), transparent 36%),
    linear-gradient(135deg, #285fe8 0%, var(--skills-blue) 56%, #123b9f 100%) !important;
  color: #f3f8ff !important;
}

header .menu > .menu-dropdown.menu-openclaw-dropdown > .menu-trigger,
header .menu > .menu-dropdown.menu-openclaw-dropdown > .menu-trigger.active,
html[data-site-theme="dark"] header .menu > .menu-dropdown.menu-openclaw-dropdown > .menu-trigger,
html[data-site-theme="dark"] header .menu > .menu-dropdown.menu-openclaw-dropdown > .menu-trigger.active,
html[data-site-theme="light"] header .menu > .menu-dropdown.menu-openclaw-dropdown > .menu-trigger,
html[data-site-theme="light"] header .menu > .menu-dropdown.menu-openclaw-dropdown > .menu-trigger.active {
  border-color: rgba(255, 118, 118, .76) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 166, 166, .42), transparent 36%),
    linear-gradient(135deg, #f52626 0%, var(--openclaw-red) 52%, #8f1f2d 100%) !important;
  color: #fff7f7 !important;
  box-shadow:
    0 18px 34px rgba(225, 18, 18, .24),
    0 0 0 1px rgba(255, 255, 255, .18) inset,
    0 0 0 4px rgba(225, 18, 18, .11) !important;
}

header .menu > a.menu-hermes-link,
header .menu > a.menu-hermes-link.active,
html[data-site-theme="dark"] header .menu > a.menu-hermes-link,
html[data-site-theme="dark"] header .menu > a.menu-hermes-link.active,
html[data-site-theme="light"] header .menu > a.menu-hermes-link,
html[data-site-theme="light"] header .menu > a.menu-hermes-link.active {
  border-color: rgba(255, 183, 86, .76) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 236, 167, .62), transparent 38%),
    linear-gradient(135deg, #ff9d2e 0%, var(--hermes-orange) 48%, #b54f0e 100%) !important;
  color: #fffaf0 !important;
}

/* 20260511 final header geometry: fixed right edge, left-tight navigation */
header .nav,
html[data-site-theme="dark"] header .nav,
html[data-site-theme="light"] header .nav {
  width: min(1280px, calc(100vw - 32px)) !important;
  grid-template-columns: clamp(130px, 11.4vw, 166px) minmax(0, 1fr) minmax(236px, 330px) !important;
  gap: clamp(.18rem, .42vw, .42rem) !important;
  transform: none !important;
  overflow: visible !important;
}

header .brand,
html[data-site-theme="dark"] header .brand,
html[data-site-theme="light"] header .brand {
  min-width: 0 !important;
  justify-self: start !important;
}

header .brand img,
header .brand .brand-mark,
html[data-site-theme="dark"] header .brand img,
html[data-site-theme="dark"] header .brand .brand-mark {
  width: clamp(118px, 10.6vw, 154px) !important;
  max-width: clamp(118px, 10.6vw, 154px) !important;
}

header .menu,
html[data-site-theme="dark"] header .menu,
html[data-site-theme="light"] header .menu {
  justify-self: start !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 3px !important;
  gap: clamp(.1rem, .22vw, .24rem) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

header .nav-right,
html[data-site-theme="dark"] header .nav-right,
html[data-site-theme="light"] header .nav-right {
  justify-self: end !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  max-width: 330px !important;
  width: 100% !important;
  gap: .32rem !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

header .quick-links,
html[data-site-theme="dark"] header .quick-links,
html[data-site-theme="light"] header .quick-links {
  justify-content: flex-end !important;
  min-width: 0 !important;
  max-width: 210px !important;
  margin-right: 0 !important;
  overflow: visible !important;
}


/* 2026-05-16: global homepage scrollbar and subpage shell dark parity. */
html {
  scrollbar-color: #2a57b0 #dce8fb;
  scrollbar-width: thin;
}
html::-webkit-scrollbar { width: 12px; height: 12px; }
html::-webkit-scrollbar-track { background: #dce8fb; }
html::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2f66df, #8e1022);
  border: 3px solid #dce8fb;
  border-radius: 999px;
}
html[data-site-theme="dark"] {
  scrollbar-color: #7ea0ff #080d18;
}
html[data-site-theme="dark"]::-webkit-scrollbar-track { background: #080d18; }
html[data-site-theme="dark"]::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7ea0ff, #ff4f66);
  border-color: #080d18;
}
html[data-site-theme="dark"] .download-card,
html[data-site-theme="dark"] .shot-card,
html[data-site-theme="dark"] .notice,
html[data-site-theme="dark"] .hero-copy {
  background: linear-gradient(180deg, rgba(18, 26, 43, .96), rgba(10, 15, 27, .98)) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}
html[data-site-theme="dark"] .device-frame,
html[data-site-theme="dark"] .shot-media {
  background: linear-gradient(180deg, rgba(5, 9, 18, .98), rgba(15, 24, 45, .96)) !important;
  border-color: rgba(126, 160, 255, .32) !important;
}