/*
 * 极智观澜 · White Editorial
 * Visual-only override. No page content or functionality is changed.
 */

:root {
  --jz-paper: #ffffff;
  --jz-paper-soft: #f7f8fa;
  --jz-ink: #16191f;
  --jz-muted: #68707d;
  --jz-line: #e5e7eb;
  --jz-brand: #0d766e;
  --jz-brand-dark: #095c56;
}

html,
body {
  background: var(--jz-paper) !important;
  color: var(--jz-ink) !important;
}

body {
  font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* Header */
.nav {
  height: 72px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  border-bottom: 1px solid var(--jz-line) !important;
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02) !important;
}

.nav-in {
  height: 72px !important;
}

.wrap {
  padding-top: 72px !important;
}

.nav-logo,
.nav-logo:visited {
  color: var(--jz-ink) !important;
  letter-spacing: 0.02em;
}

.nav-logo em {
  color: var(--jz-brand) !important;
}

.nav-links > li > a {
  color: #4b5563 !important;
  border-radius: 4px !important;
}

.nav-links > li > a:hover {
  color: var(--jz-ink) !important;
  background: var(--jz-paper-soft) !important;
}

.nav-links > li > .drop {
  background: var(--jz-paper) !important;
  border: 1px solid var(--jz-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.1) !important;
}

.drop > li > a {
  color: #4b5563 !important;
  border-radius: 4px !important;
}

.drop > li > a:hover {
  color: var(--jz-brand-dark) !important;
  background: #f1f7f6 !important;
}

.nav-cta,
.mobile-menu .cta-link,
.btn-p {
  background: var(--jz-brand) !important;
  color: #fff !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.nav-cta:hover,
.btn-p:hover {
  background: var(--jz-brand-dark) !important;
  opacity: 1 !important;
}

.hamburger span {
  background: var(--jz-ink) !important;
}

.mobile-menu {
  top: 72px !important;
  background: var(--jz-paper) !important;
}

.mobile-menu a {
  color: var(--jz-ink) !important;
  border-bottom-color: var(--jz-line) !important;
}

.mobile-menu .sub-link {
  color: var(--jz-muted) !important;
}

/* Replace dark section surfaces and decorative gradients */
.s-dark,
.s-mid,
.section,
.section-pad,
.page-hero,
.cta-box,
div[style*="background:#030810"],
div[style*="background: #030810"],
div[style*="background:#050d1a"],
div[style*="background: #050d1a"],
div[style*="background:#060e1c"],
div[style*="background:#070f1e"],
div[style*="background:#0d1e35"],
div[style*="background:#0a1628"],
div[style*="background:linear-gradient(160deg,#030810"],
div[style*="background:linear-gradient(180deg,#030810"],
div[style*="background:linear-gradient(135deg,#050d1a"],
div[style*="background:linear-gradient(135deg,#070f1e"] {
  background: var(--jz-paper) !important;
  background-image: none !important;
}

.section-pad:nth-of-type(even) {
  background: var(--jz-paper-soft) !important;
}

/* Remove the synthetic grid/glow treatment while retaining layout nodes */
div[style*="background-image:linear-gradient"],
div[style*="background:radial-gradient"] {
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  animation: none !important;
}

/* Typography */
.hero-h1,
.page-hero h1,
.section-title,
.cta-box h2,
.card h3,
h1,
h2,
h3 {
  color: var(--jz-ink) !important;
}

.hero-h1 {
  letter-spacing: -0.045em !important;
}

.hero-h1 span,
.section-title span,
.grad {
  color: var(--jz-brand) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  background-clip: initial !important;
}

.hero-p,
.page-hero p,
.card p,
.cta-box p,
.ft-desc,
p[style*="color:#64748b"],
p[style*="color:#94a3b8"],
div[style*="color:#64748b"],
div[style*="color:#94a3b8"],
span[style*="color:#64748b"],
span[style*="color:#94a3b8"] {
  color: var(--jz-muted) !important;
}

div[style*="color:#00C4A7"],
span[style*="color:#00C4A7"] {
  color: var(--jz-brand) !important;
}

div[style*="color:#fff"],
span[style*="color:#fff"] {
  color: var(--jz-ink) !important;
}

/* Buttons and quiet badges */
.hero-btns a,
.cta-btns a,
.btn-g {
  border-radius: 5px !important;
  box-shadow: none !important;
}

.hero-btns a:first-of-type,
.cta-btns a:first-of-type {
  background: var(--jz-brand) !important;
  color: #fff !important;
  border: 1px solid var(--jz-brand) !important;
}

.hero-btns a:last-of-type,
.cta-btns a:last-of-type,
.btn-g {
  background: var(--jz-paper) !important;
  color: var(--jz-ink) !important;
  border: 1px solid #cfd4dc !important;
}

span[style*="border-radius:20px"],
div[style*="border-radius:30px"] {
  background: var(--jz-paper-soft) !important;
  color: #515967 !important;
  border-color: var(--jz-line) !important;
  border-radius: 4px !important;
}

/* Cards */
.card,
.swipe-card,
.market-card,
.process-item {
  background: var(--jz-paper) !important;
  border: 1px solid var(--jz-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.card:hover,
.swipe-card:hover,
.market-card:hover {
  border-color: #b8c0cb !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06) !important;
}

.process-num {
  background: #e8f3f1 !important;
  color: var(--jz-brand-dark) !important;
  border-color: #cce5e1 !important;
  box-shadow: none !important;
}

.process-line {
  background: var(--jz-line) !important;
}

.hero-stats {
  border-top-color: var(--jz-line) !important;
}

.hero-stats > div {
  border-color: var(--jz-line) !important;
}

.hero-stats > div > div:first-child {
  color: var(--jz-ink) !important;
}

/* Footer */
footer,
.site-footer {
  background: #f4f5f6 !important;
  border-top: 1px solid var(--jz-line) !important;
}

.ft-logo,
.ft-col h4,
.ft-accordion-btn {
  color: var(--jz-ink) !important;
}

.ft-col a,
.ft-bottom span,
.ft-bottom-links a,
.ft-accordion-body a {
  color: var(--jz-muted) !important;
}

.ft-bottom,
.ft-accordion-item,
.ft-accordion-body a {
  border-color: #dde1e6 !important;
}

::-webkit-scrollbar-thumb {
  background: #c8cdd4 !important;
}

::selection {
  background: #d9eeeb !important;
  color: var(--jz-ink) !important;
}

@media (max-width: 768px) {
  .nav,
  .nav-in {
    height: 64px !important;
  }

  .wrap {
    padding-top: 64px !important;
  }

  .mobile-menu {
    top: 64px !important;
  }

  .process-item {
    background: var(--jz-paper) !important;
    border-color: var(--jz-line) !important;
    border-radius: 7px !important;
  }
}