.site-theme-button {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(184,227,224,.13);
  border-radius: 5px;
  cursor: pointer;
  transition: color 140ms var(--ease-out), background 140ms var(--ease-out), border-color 140ms var(--ease-out);
}
.site-theme-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.site-theme-button__sun { display: block; }
.site-theme-button__moon { display: none; }
html[data-theme="light"] .site-theme-button__sun { display: none; }
html[data-theme="light"] .site-theme-button__moon { display: block; }

html[data-theme="light"] {
  color-scheme: light;
  --paper: #F4F7FB;
  --paper-deep: #EEF3F9;
  --surface: #ffffff;
  --ink: #172033;
  --muted: #526174;
  --quiet: #7A8798;
  --line: #E1E8F2;
  --line-strong: #CBD7E7;
  --cobalt: #2563EB;
  --cobalt-dark: #1D4ED8;
  --cobalt-soft: #EAF2FF;
  --success: #16A34A;
  background: #F4F7FB;
}
html[data-theme="light"] body { color: var(--ink); background: var(--paper); }
html[data-theme="light"] body::before { opacity: .030; mask-image: linear-gradient(to bottom,#000 0,transparent 90vh); }
html[data-theme="light"] .site-header { background: rgba(255,255,255,.94); border-bottom-color: #E1E8F2; }
html[data-theme="light"] .brand { color: #172033; }
html[data-theme="light"] .desktop-nav { color: #526174; }
html[data-theme="light"] .desktop-nav a[aria-current="page"] { color: #2563EB; }
html[data-theme="light"] .nav-cta { color: #ffffff; background: #2563EB; }
html[data-theme="light"] .site-theme-button { color: rgba(26,26,26,.72); background: rgba(255,255,255,.72); border-color: rgba(15,76,129,.14); }

html[data-theme="light"] .hero { background: linear-gradient(135deg, #FFFFFF 0%, #F4F7FB 58%, #EAF2FF 100%); }
html[data-theme="light"] .hero::before { opacity: .05; filter: saturate(.45) contrast(.82); }
html[data-theme="light"] .hero::after { background: linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.98) 31%,rgba(244,247,251,.80) 58%,rgba(234,242,255,.24) 100%); }
html[data-theme="light"] .status-line { color: rgba(26,26,26,.62); }
html[data-theme="light"] .hero h1,
html[data-theme="light"] .capability-intro h2,
html[data-theme="light"] .story-copy h3,
html[data-theme="light"] .section-heading h2 { color: #172033; }
html[data-theme="light"] .hero-lead,
html[data-theme="light"] .capability-intro > p,
html[data-theme="light"] .story-copy > p:last-child,
html[data-theme="light"] .faq-heading-action p { color: rgba(26,26,26,.68); }
html[data-theme="light"] .button-primary { color: #ffffff; background: #2563EB; box-shadow: 0 2px 6px rgba(37,99,235,.18),0 12px 28px rgba(37,99,235,.14); }
html[data-theme="light"] .button-secondary { color: #172033; background: #FFFFFF; border-color: #CBD7E7; }
html[data-theme="light"] .hero-proof { border-color: rgba(15,76,129,.12); }
html[data-theme="light"] .hero-proof div + div { border-left-color: rgba(15,76,129,.12); }
html[data-theme="light"] .hero-proof dt { color: #1a1a1a; }
html[data-theme="light"] .hero-proof dd { color: rgba(26,26,26,.50); }

html[data-theme="light"] .routing-art,
html[data-theme="light"] .filter-sheet,
html[data-theme="light"] .delivery-sheet,
html[data-theme="light"] .operations-sheet { background: rgba(255,255,255,.86); border-color: rgba(15,76,129,.12); box-shadow: 0 2px 4px rgba(15,76,129,.04), 0 12px 36px rgba(15,76,129,.08), 0 24px 64px rgba(15,76,129,.06), inset 0 1px rgba(255,255,255,.90); }
html[data-theme="light"] .routing-art {
  background: linear-gradient(145deg, #FFFFFF 0%, #F4F7FB 100%);
  border-color: #CBD7E7;
  box-shadow: 0 0 0 1px rgba(37,99,235,.04),0 18px 48px rgba(31,65,114,.12),inset 0 1px #FFFFFF;
}
html[data-theme="light"] .routing-art::before {
  opacity: .08;
  filter: saturate(.58) contrast(.80);
  mix-blend-mode: multiply;
}
html[data-theme="light"] .routing-art::after {
  border-color: rgba(255,255,255,.68);
  background-image: linear-gradient(rgba(30,58,138,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.035) 1px,transparent 1px);
}
html[data-theme="light"] .art-toolbar,
html[data-theme="light"] .route-status,
html[data-theme="light"] .sheet-head,
html[data-theme="light"] .source-row,
html[data-theme="light"] .delivery-head,
html[data-theme="light"] .delivery-grid span,
html[data-theme="light"] .operations-sheet dl div { border-color: rgba(15,76,129,.10); }
html[data-theme="light"] .art-toolbar {
  background: rgba(255,255,255,.97);
  border-bottom-color: rgba(30,58,138,.12);
}
html[data-theme="light"] .routing-art figcaption { color: rgba(26,26,26,.52); }
html[data-theme="light"] .routing-art figcaption span { color: #2563EB; }
html[data-theme="light"] .art-health {
  color: rgba(26,26,26,.66);
  background: rgba(255,255,255,.64);
  border-color: rgba(30,58,138,.13);
}
html[data-theme="light"] .art-health strong { color: #187448; }
html[data-theme="light"] .route-board {
  background-color: rgba(244,247,251,.92);
  background-image: linear-gradient(rgba(30,58,138,.030) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.030) 1px,transparent 1px);
}
html[data-theme="light"] .art-toolbar,
html[data-theme="light"] .route-status,
html[data-theme="light"] .platform-token,
html[data-theme="light"] .target-token,
html[data-theme="light"] .source-row,
html[data-theme="light"] .delivery-grid span { color: rgba(26,26,26,.70); }
html[data-theme="light"] .platform-token,
html[data-theme="light"] .target-token,
html[data-theme="light"] .source-row,
html[data-theme="light"] .delivery-grid span { background: rgba(255,255,255,.80); border-color: rgba(15,76,129,.11); }
html[data-theme="light"] .platform-token,
html[data-theme="light"] .target-token {
  box-shadow: 0 2px 4px rgba(15,76,129,.05), 0 8px 24px rgba(15,76,129,.08);
  backdrop-filter: blur(6px);
}
html[data-theme="light"] .platform-token::after { border-color: #F4F7FB; }
html[data-theme="light"] .route-bus i {
  background: linear-gradient(90deg,rgba(30,58,138,.12),rgba(30,58,138,.62),rgba(30,58,138,.12));
}
html[data-theme="light"] .route-bus span::after {
  background: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
html[data-theme="light"] .engine-orbit { border-color: rgba(30,58,138,.36); }
html[data-theme="light"] .engine-orbit::before,
html[data-theme="light"] .engine-orbit::after { border-color: rgba(30,58,138,.18); }
html[data-theme="light"] .engine-orbit > i { background: #3B82F6; }
html[data-theme="light"] .engine-label .engine-orbit span {
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(15,76,129,.08), 0 12px 32px rgba(15,76,129,.14);
}
html[data-theme="light"] .route-status {
  color: rgba(26,26,26,.46);
  background: rgba(240,238,233,.98);
  border-top-color: rgba(30,58,138,.12);
}
html[data-theme="light"] .route-status span + span::before { color: rgba(30,58,138,.58); }
html[data-theme="light"] .route-status b { color: #2563EB; }
html[data-theme="light"] .route-column > p,
html[data-theme="light"] .engine-label small,
html[data-theme="light"] .platform-token small,
html[data-theme="light"] .sheet-head,
html[data-theme="light"] .source-row small,
html[data-theme="light"] .delivery-head small,
html[data-theme="light"] .operations-sheet dd { color: rgba(26,26,26,.46); }
html[data-theme="light"] .engine-label strong,
html[data-theme="light"] .platform-token b,
html[data-theme="light"] .target-token b,
html[data-theme="light"] .sheet-head strong,
html[data-theme="light"] .source-row > span,
html[data-theme="light"] .delivery-head strong,
html[data-theme="light"] .operations-sheet dt { color: #1a1a1a; }

/* Enterprise routing diagram */
html[data-theme="light"] .routing-art {
  min-height: clamp(500px, 62vh, 620px);
  background: #FFFFFF;
  border-color: #CBD7E7;
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(31,65,114,.04), 0 2px 2px rgba(31,65,114,.04), 0 18px 48px rgba(31,65,114,.08);
}
html[data-theme="light"] .routing-art::before { display: none; }
html[data-theme="light"] .routing-art::after {
  border-color: rgba(255,255,255,.84);
  background-image: linear-gradient(rgba(30,58,138,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.025) 1px,transparent 1px);
  background-size: 32px 32px;
}
html[data-theme="light"] .art-toolbar {
  min-height: 64px;
  padding: 0 24px;
  background: #FFFFFF;
  border-bottom-color: #E1E8F2;
}
html[data-theme="light"] .routing-art figcaption { gap: 16px; font-family: inherit; }
html[data-theme="light"] .routing-art figcaption span {
  color: #172033;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
}
html[data-theme="light"] .routing-art figcaption b {
  color: #7A8798;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
}
html[data-theme="light"] .art-health {
  min-height: 32px;
  padding: 0 11px;
  color: #526174;
  background: #F7FAFE;
  border-color: #E1E8F2;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
}
html[data-theme="light"] .art-health i { background: #16A34A; }
html[data-theme="light"] .route-board {
  min-height: calc(clamp(500px, 62vh, 620px) - 122px);
  grid-template-columns: minmax(168px,.98fr) 68px minmax(190px,1.04fr) 68px minmax(250px,1.38fr);
  gap: 18px;
  padding: 36px clamp(24px,3vw,42px) 34px;
  background-color: #F7FAFE;
  background-image: none;
}
html[data-theme="light"] .route-column p {
  margin-bottom: 12px;
  color: #7A8798;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}
html[data-theme="light"] .route-column p span { color: #2563EB; font-variant-numeric: tabular-nums; }
html[data-theme="light"] .source-labels { gap: 8px; }
html[data-theme="light"] .platform-token,
html[data-theme="light"] .target-token {
  min-height: 56px;
  padding: 8px 12px 8px 8px;
  color: #172033;
  background: #FFFFFF;
  border-color: #E1E8F2;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(31,65,114,.04), 0 2px 2px rgba(31,65,114,.04);
  backdrop-filter: none;
}
html[data-theme="light"] .platform-token b,
html[data-theme="light"] .target-token b { color: #172033; font-size: 12px; font-weight: 500; }
html[data-theme="light"] .platform-token small {
  margin-right: 14px;
  color: #7A8798;
  flex: 0 0 auto;
  font-family: inherit;
  font-size: 9px;
  white-space: nowrap;
}
html[data-theme="light"] .platform-token::after {
  right: 10px;
  width: 6px;
  height: 6px;
  background: #22C55E;
  border: 0;
}
html[data-theme="light"] .platform-token i { width: 32px; height: 32px; border-radius: 7px; }
html[data-theme="light"] .target-grid { gap: 8px; }
html[data-theme="light"] .target-token { min-height: 56px; }
html[data-theme="light"] .target-token i { width: 30px; height: 30px; border-radius: 7px; }
html[data-theme="light"] .route-bus {
  position: relative;
  width: 100%;
  height: 2px;
  align-self: center;
  background: #CBD7E7;
}
html[data-theme="light"] .route-bus::after {
  position: absolute;
  top: 50%;
  right: -1px;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #2563EB;
  border-right: 1.5px solid #2563EB;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
html[data-theme="light"] .route-bus span {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background: #2563EB;
  animation: signal-forward 3.4s linear infinite;
}
html[data-theme="light"] .route-bus span::after { display: none; }
html[data-theme="light"] .route-bus small {
  position: absolute;
  bottom: 10px;
  left: 50%;
  color: #7A8798;
  font-size: 9px;
  font-weight: 500;
  transform: translateX(-50%);
}
html[data-theme="light"] .route-bus-out span { animation-delay: .72s; }
html[data-theme="light"] .engine-label {
  display: block;
  width: 100%;
  justify-items: stretch;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #D6E5FF;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(31,65,114,.04), 0 2px 2px rgba(31,65,114,.04);
}
html[data-theme="light"] .engine-head {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 14px;
  background: #FFFFFF;
  border-bottom: 1px solid #EDF2F8;
}
html[data-theme="light"] .engine-head > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  padding: 0;
  background: transparent;
  border-radius: 7px;
  box-shadow: none;
}
html[data-theme="light"] .engine-head img { width: 32px; height: 32px; }
html[data-theme="light"] .engine-head div { min-width: 0; }
html[data-theme="light"] .engine-head strong {
  display: block;
  margin: 0;
  color: #172033;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}
html[data-theme="light"] .engine-head small {
  display: block;
  margin: 2px 0 0;
  color: #526174;
  font-family: inherit;
  font-size: 9px;
  letter-spacing: 0;
}
html[data-theme="light"] .engine-label ol {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 14px 8px;
  list-style: none;
}
html[data-theme="light"] .engine-label li {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  min-height: 34px;
  grid-template-columns: 22px minmax(0,1fr) auto;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #EDF2F8;
}
html[data-theme="light"] .engine-label li:last-child { border-bottom: 0; }
html[data-theme="light"] .engine-label li i {
  color: #2563EB;
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 9px;
  font-style: normal;
}
html[data-theme="light"] .engine-label li span { min-width: 0; color: #526174; font-size: 10px; white-space: nowrap; }
html[data-theme="light"] .engine-label li b { color: #187448; font-size: 9px; font-weight: 500; white-space: nowrap; }
html[data-theme="light"] .engine-label ol li span {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  color: #526174;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  font-size: 10px;
  font-weight: 400;
}
html[data-theme="light"] .route-status {
  min-height: 58px;
  grid-template-columns: repeat(3,1fr) minmax(100px,.72fr);
  gap: 0;
  padding: 0;
  color: #526174;
  background: #F9FBFF;
  border-top-color: #E1E8F2;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0;
}
html[data-theme="light"] .route-status span,
html[data-theme="light"] .route-status b {
  min-height: 58px;
  justify-content: center;
  padding: 0 14px;
}
html[data-theme="light"] .route-status span + span { border-left: 1px solid #E1E8F2; }
html[data-theme="light"] .route-status span + span::before { display: none; }
html[data-theme="light"] .route-status i { width: 6px; height: 6px; background: #16A34A; }
html[data-theme="light"] .route-status b {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-left: 1px solid #E1E8F2;
  color: #2563EB;
  font-size: 15px;
  font-weight: 600;
}
html[data-theme="light"] .route-status b small { color: #7A8798; font-size: 8px; font-weight: 400; }

@media (hover: hover) and (pointer: fine) {
  html[data-theme="light"] .platform-token:hover,
  html[data-theme="light"] .target-token:hover {
    background: #F9FBFF;
    border-color: #CBD7E7;
    transform: none;
  }
}

@media (max-width: 1280px) {
  html[data-theme="light"] .route-board {
    grid-template-columns: minmax(126px,.86fr) 48px minmax(170px,1fr) 48px minmax(220px,1.4fr);
    gap: 12px;
    padding-inline: 20px;
  }
}

@media (max-width: 760px) {
  html[data-theme="light"] .routing-art { min-height: auto; }
  html[data-theme="light"] .art-toolbar { min-height: 56px; padding: 0 14px; }
  html[data-theme="light"] .routing-art figcaption span { font-size: 12px; }
  html[data-theme="light"] .route-board { grid-template-columns: 1fr; gap: 16px; padding: 24px 14px 76px; }
  html[data-theme="light"] .route-bus { width: 2px; height: 28px; justify-self: center; }
  html[data-theme="light"] .route-bus::after { top: auto; right: 50%; bottom: -1px; transform: translateX(50%) rotate(135deg); }
  html[data-theme="light"] .route-bus span,
  html[data-theme="light"] .route-bus small { display: none; }
  html[data-theme="light"] .engine-label { width: min(100%,280px); justify-self: center; }
  html[data-theme="light"] .target-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme="light"] .route-status { grid-template-columns: 1fr auto; }
  html[data-theme="light"] .route-status span { justify-content: flex-start; }
  html[data-theme="light"] .route-status b { align-items: flex-end; }
}

html[data-theme="light"] .capabilities { background: #F4F7FB; }
html[data-theme="light"] .process { color: rgba(26,26,26,.56); border-color: rgba(15,76,129,.11); }
html[data-theme="light"] .story-marker,
html[data-theme="light"] .mono-label { color: #2563EB; }
html[data-theme="light"] .rule-tags span { color: #1D4ED8; background: #EAF2FF; border-color: #D6E5FF; }
html[data-theme="light"] .socialdata-config { background: rgba(15,76,129,.11); border-color: rgba(15,76,129,.11); }
html[data-theme="light"] .socialdata-config span { background: rgba(255,255,255,.88); }
html[data-theme="light"] .socialdata-config small { color: rgba(26,26,26,.46); }
html[data-theme="light"] .socialdata-config b { color: #1a1a1a; }
html[data-theme="light"] .delivery-sheet > p { color: rgba(26,26,26,.58); }
html[data-theme="light"] .node-map { color: #172033; background: #EEF3F9; }
html[data-theme="light"] .capability-overview { background: rgba(255,255,255,.88); border-color: rgba(15,76,129,.13); box-shadow: 0 2px 4px rgba(15,76,129,.04),0 16px 42px rgba(15,76,129,.08),inset 0 1px rgba(255,255,255,.94); }
html[data-theme="light"] .overview-stage + .overview-stage,
html[data-theme="light"] .overview-targets,
html[data-theme="light"] .overview-operations,
html[data-theme="light"] .overview-health,
html[data-theme="light"] .overview-operations dl div { border-color: rgba(15,76,129,.10); }
html[data-theme="light"] .overview-processor,
html[data-theme="light"] .overview-health { background: rgba(15,76,129,.025); }
html[data-theme="light"] .overview-stage header small,
html[data-theme="light"] .overview-source-list small,
html[data-theme="light"] .overview-source-meta span,
html[data-theme="light"] .overview-process-list small,
html[data-theme="light"] .overview-message small,
html[data-theme="light"] .overview-health strong,
html[data-theme="light"] .overview-operations dd { color: rgba(26,26,26,.44); }
html[data-theme="light"] .overview-stage header h3,
html[data-theme="light"] .overview-source-list b,
html[data-theme="light"] .overview-source-meta b,
html[data-theme="light"] .overview-process-list b,
html[data-theme="light"] .overview-message b,
html[data-theme="light"] .overview-target-grid b,
html[data-theme="light"] .overview-health span,
html[data-theme="light"] .overview-operations dt { color: #1a1a1a; }
html[data-theme="light"] .overview-source-list > div,
html[data-theme="light"] .overview-process-list li,
html[data-theme="light"] .overview-message,
html[data-theme="light"] .overview-target-grid > span { background: #F8FAFC; border-color: rgba(15,76,129,.10); }
html[data-theme="light"] .overview-process-list li > span { color: #2563EB; }
html[data-theme="light"] .overview-latency { color: #1D4ED8 !important; background: #EAF2FF; border-color: #D6E5FF; }
html[data-theme="light"] .overview-process-list em { color: #1D4ED8; background: #EAF2FF; border-color: #D6E5FF; }
html[data-theme="light"] .overview-target-grid small { color: #526174; }

html[data-theme="light"] .faq { background: #EEF3F9; border-color: #E1E8F2; }
html[data-theme="light"] .faq-list,
html[data-theme="light"] .faq-list details { border-color: rgba(15,76,129,.14); }
html[data-theme="light"] .faq-list summary { color: #172033; }
html[data-theme="light"] .faq-list summary span { color: #2563EB; }
html[data-theme="light"] .faq-list details p { color: rgba(26,26,26,.66); }
html[data-theme="light"] .site-footer { color: #526174; background: #E5ECF5; border-color: #CBD7E7; }
html[data-theme="light"] .site-footer .footer-brand { color: #172033; }
html[data-theme="light"] .site-footer .footer-wrap > p { color: rgba(26,26,26,.58); }
html[data-theme="light"] .site-footer .footer-wrap nav { color: rgba(26,26,26,.64); }
html[data-theme="light"] .site-footer .footer-wrap small { color: rgba(26,26,26,.46); border-top-color: rgba(15,76,129,.11); }

html[data-theme="light"] .pricing-main,
html[data-theme="light"] .pricing-hero { background: #F4F7FB; }
html[data-theme="light"] .pricing-hero::before { opacity: .06; }
html[data-theme="light"] .pricing-hero::after { border-color: rgba(30,58,138,.09); }
html[data-theme="light"] .pricing-intro h1 { color: #1a1a1a; }
html[data-theme="light"] .pricing-intro > p:not(.status-line) { color: rgba(26,26,26,.66); }
html[data-theme="light"] .hosting-price { border-color: rgba(15,76,129,.13); }
html[data-theme="light"] .hosting-price span,
html[data-theme="light"] .hosting-price p { color: rgba(26,26,26,.56); }
html[data-theme="light"] .hosting-price strong { color: #1a1a1a; }
html[data-theme="light"] .hosting-price strong small { color: rgba(26,26,26,.46); }
html[data-theme="light"] .wechat-contact > summary { color: #1a1a1a; background: rgba(24,116,72,.055); border-color: rgba(24,116,72,.18); box-shadow: inset 0 1px rgba(255,255,255,.78); }
html[data-theme="light"] .wechat-contact[open] > summary { background: rgba(24,116,72,.085); border-color: rgba(24,116,72,.30); }
html[data-theme="light"] .wechat-contact__identity > i { background: #27825c; border-color: rgba(24,116,72,.22); }
html[data-theme="light"] .wechat-contact__identity > i::after { background: #27825c; }
html[data-theme="light"] .wechat-contact__identity small { color: rgba(26,26,26,.46); }
html[data-theme="light"] .wechat-contact > summary > b { color: #ffffff; background: #2563EB; border-color: #2563EB; }
html[data-theme="light"] .wechat-contact__popover { background: #FFFFFF; border-color: #CBD7E7; box-shadow: 0 16px 48px rgba(31,65,114,.14),inset 0 1px #FFFFFF; }
html[data-theme="light"] .wechat-contact__head { color: rgba(26,26,26,.44); }
html[data-theme="light"] .wechat-contact__head b { color: #187448; }
html[data-theme="light"] .wechat-contact__popover > strong { color: #1a1a1a; }
html[data-theme="light"] .wechat-contact__popover > p { color: rgba(26,26,26,.52); }
html[data-theme="light"] .price-plan { background: rgba(255,255,255,.88); border-color: rgba(15,76,129,.12); box-shadow: 0 2px 4px rgba(15,76,129,.04), 0 12px 36px rgba(15,76,129,.08), inset 0 1px rgba(255,255,255,.92); }
html[data-theme="light"] .price-plan-lifetime { background: #E8F0F8; border-color: rgba(30,58,138,.26); }
html[data-theme="light"] .plan-heading span,
html[data-theme="light"] .plan-price { color: #1a1a1a; }
html[data-theme="light"] .plan-heading small,
html[data-theme="light"] .plan-price small,
html[data-theme="light"] .plan-summary,
html[data-theme="light"] .price-plan ul { color: rgba(26,26,26,.56); }
html[data-theme="light"] .plan-heading span b { color: rgba(30,58,138,.64); }
html[data-theme="light"] .plan-value { color: #2563EB; }
html[data-theme="light"] .plan-value strong { color: #1D4ED8; }
html[data-theme="light"] .plan-payback { border-color: rgba(15,76,129,.11); }
html[data-theme="light"] .plan-payback strong { color: #1D4ED8; }
html[data-theme="light"] .plan-payback span { color: rgba(26,26,26,.52); }
html[data-theme="light"] .price-plan-lifetime .plan-heading small { color: #187448; background: rgba(24,116,72,.07); border-color: rgba(24,116,72,.16); }
html[data-theme="light"] .lifetime-route { color: rgba(26,26,26,.42); }
html[data-theme="light"] .pricing-note { color: rgba(26,26,26,.48); }
html[data-theme="light"] .pricing-footer { border-top-color: rgba(15,76,129,.10); }
html[data-theme="light"] .pricing-footer .footer-wrap nav { color: rgba(26,26,26,.62); }
html[data-theme="light"] .pricing-footer .footer-wrap small { color: rgba(26,26,26,.44); }

@media (hover:hover) and (pointer:fine) {
  .site-theme-button:hover { color: #aaf2ed; background: rgba(56,201,192,.07); border-color: rgba(101,220,212,.28); }
  html[data-theme="light"] .site-theme-button:hover { color: #0F4C81; background: #fff; border-color: rgba(30,58,138,.28); }
  html[data-theme="light"] .nav-cta:hover,
  html[data-theme="light"] .button-primary:hover { color: #ffffff; background: #1D4ED8; }
  html[data-theme="light"] .button-secondary:hover { color: #1D4ED8; border-color: #93B4EA; }
  .wechat-contact > summary:hover { background: rgba(69,215,154,.10); border-color: rgba(69,215,154,.34); transform: translateY(-1px); }
  html[data-theme="light"] .wechat-contact > summary:hover { background: rgba(24,116,72,.085); border-color: rgba(24,116,72,.30); }
}

@media (max-width:760px) {
  .site-header .nav-wrap { gap: 10px; }
  .site-theme-button { width: 40px; height: 40px; }
}