/*
 * AMAP Platform visual convergence — v2.0 light theme
 * Applied after each page's local stylesheet. The product stories, maps and
 * photography remain intact; the reading surfaces share one white / blue
 * system from the official overseas-platform design guideline.
 */
:root {
  --blue: #1a66ff;
  --blue-dark: #0045cf;
  --blue-soft: #eef3ff;
  --blue-muted: #c8d8fe;
  --navy: #0b1a3b;
  --text-1: #0b1a3b;
  --text-2: #4a5b7a;
  --text-3: #8a9abb;
  --border: #dde5f7;
  --white: #ffffff;
  --bg-soft: #f4f7ff;
  --nav-h: 72px;
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-card: 16px;
  --container: 1160px;
  --section-spacing: 96px 0;
  --shadow-sm: 0 1px 4px rgba(26, 102, 255, .08), 0 2px 12px rgba(11, 26, 59, .06);
  --shadow-card: 0 8px 32px rgba(26, 102, 255, .10);
}
html,
body {
  color: var(--text-1);
  background: var(--bg-soft);
}

/* The shared layout owns the header, so secondary-page wrappers no longer
   reserve a second header-height offset. */
body[data-site-version="v2"] .with-unified-header,
body[data-site-version="v2"] .pricing-page,
body[data-site-version="v2"].page-oversea-v2-pricing {
  padding-top: 0;
}

/* Header and globally repeated controls */
.site-header,
.unified-site-header {
  height: var(--nav-h);
  min-height: var(--nav-h);
  border-bottom: 1px solid var(--border);
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--shadow-sm);
}

.site-header .contact-link,
.unified-site-header .contact-link,
.unified-site-header .contact-current,
.unified-site-header .header-login {
  border-color: var(--blue);
  background: var(--blue);
}

.site-header .contact-link:hover,
.unified-site-header .contact-link:hover,
.unified-site-header .contact-current:hover,
.unified-site-header .header-login:hover {
  border-color: var(--blue-dark);
  background: var(--blue-dark);
}

.platform-footer {
  color: var(--text-2);
  border-top-color: rgba(11, 26, 59, .10);
  background: #c5d5fa;
}

.platform-footer__brand-mono,
.platform-footer__brand-symbol {
  filter: none;
}

.platform-footer__identity p,
.platform-footer__links a,
.platform-footer__links > span {
  color: var(--text-2);
}

.platform-footer__links a:hover,
.platform-footer__links a:focus-visible {
  color: var(--blue);
}

/* Homepage: a pale cartographic canvas instead of a dark marketing panel. */
.first-screen,
.hero,
.hero-stage,
.hero-copy {
  background: var(--bg-soft);
}

.hero-stage::before {
  inset: 0;
  background: none;
}

.hero-copy::before {
  opacity: .13;
  filter: grayscale(1) saturate(.45) contrast(.9);
}

.hero-copy::after {
  background:
    radial-gradient(circle at 15% 11%, rgba(26, 102, 255, .15), transparent 31%),
    linear-gradient(104deg, rgba(244, 247, 255, .99) 0%, rgba(244, 247, 255, .94) 52%, rgba(238, 243, 255, .78) 100%);
}

#hero-title,
#hero-title span:first-child {
  color: var(--navy);
}

#hero-title span:last-child {
  color: var(--blue);
}

.hero-summary {
  color: var(--text-2);
}

.coverage-block > p,
.coverage-block p {
  color: var(--blue);
}

.hero-copy .coverage-keywords strong {
  color: var(--text-1);
  border-color: var(--blue-muted);
  border-left-color: var(--blue);
  background: rgba(255, 255, 255, .82);
  box-shadow: none;
}

.hero-benefit-strip {
  border-color: var(--blue-muted);
  color: var(--text-1);
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--shadow-card);
}

.hero-benefit-strip::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(238, 243, 255, .88));
}

.hero-benefit-strip > img {
  opacity: .10;
  filter: saturate(.7);
}

.hero-benefit-label {
  color: var(--blue);
}

.hero-benefit-action {
  border-color: var(--blue);
  color: #fff;
  background: var(--blue);
}

.hero-benefit-action--secondary {
  color: var(--blue);
  background: var(--blue-soft);
}

.hero-benefit-action--secondary:hover,
.hero-benefit-action--secondary:focus-visible {
  color: var(--blue-dark);
  background: #dfe9ff;
}

.hero-news {
  border-top-color: var(--border);
  color: var(--text-1);
  background: #fff;
}

.hero-news-intro span,
.hero-news-list strong {
  color: var(--navy);
}

.hero-news-intro small,
.hero-news-list span,
.hero-news-list i {
  color: var(--text-2);
}

.hero-news-list a {
  border-color: var(--border);
  background: var(--white);
  box-shadow: var(--shadow-sm);
}

.hero-news-list figure {
  background: var(--blue-soft);
}

.hero-news-list a:hover,
.hero-news-list a:focus-visible {
  border-color: var(--blue-muted);
  background: var(--blue-soft);
}

.value-screen,
.agent-screen,
.scenario-screen,
.capability-story,
.local-depth-screen {
  color: var(--text-1);
  background: var(--bg-soft);
}

.value-header,
.advantage-summary,
.stack-matrix,
.agent-console,
.agent-output-panel,
.scenario-visual,
.scenario-insight,
.sku-inspector,
.depth-question-list,
.depth-result-panel {
  border-color: var(--border);
  background: var(--white);
  box-shadow: var(--shadow-card);
}

.value-heading h2,
.stack-matrix h3,
.agent-heading h2,
.scenario-heading h2,
.capability-heading h2,
.local-depth-heading h2,
.solutions-heading h2,
.closing-copy h2 {
  color: var(--navy);
}

.value-cta,
.value-cta--bridge {
  color: var(--text-1);
  border-top: 1px solid var(--blue-muted);
  background: #c5d5fa;
}

.value-cta > div:first-child p,
.value-cta > div:first-child strong,
.value-cta-secondary {
  color: var(--text-1);
}

.value-cta-secondary {
  border-color: var(--border);
  background: rgba(255, 255, 255, .76);
}

/* Homepage solutions and closing surfaces. Images can stay dark inside their
   own media windows; page surfaces and readable copy stay in the light system. */
.solutions-screen,
.solutions-screen.sku-screen--dark {
  color: var(--text-1);
  background:
    radial-gradient(circle at 88% 8%, rgba(26, 102, 255, .14), transparent 29%),
    linear-gradient(180deg, #eef3ff 0%, #f4f7ff 100%);
}

.solutions-screen::before {
  opacity: .34;
  background-image:
    linear-gradient(rgba(26, 102, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26, 102, 255, .08) 1px, transparent 1px);
}

.solutions-heading-copy > p,
.solutions-value-proof dd,
.solution-card-media figcaption span {
  color: var(--blue);
}

.solutions-heading-copy > span,
.solution-card-body > p,
.solution-capabilities li,
.solutions-proof-bar p {
  color: var(--text-2);
}

.solutions-value-proof,
.solutions-value-proof > div + div {
  border-color: var(--blue-muted);
}

.solutions-value-proof dt,
.solution-card h3 a,
.solution-card-action {
  color: var(--navy);
}

.solution-card-grid {
  border-color: var(--border);
  background: var(--white);
  box-shadow: var(--shadow-card);
}

.solution-card,
.solution-card:hover {
  color: var(--text-1);
  background: var(--white);
}

.solution-card + .solution-card {
  border-left-color: var(--border);
}

.solution-card-media::after {
  background: linear-gradient(to top, rgba(11, 26, 59, .68), rgba(11, 26, 59, .04) 70%);
}

.solution-card-action i {
  color: #fff;
  background: var(--blue);
}

.solution-capabilities li {
  border-color: var(--blue-muted);
  background: var(--blue-soft);
}

.solutions-proof-bar {
  border-color: var(--blue-muted);
  background: var(--blue-soft);
}

.solutions-proof-bar p strong,
.solutions-proof-bar a {
  color: var(--blue);
}

.closing-screen {
  color: var(--text-1);
  background:
    radial-gradient(circle at 50% 0, rgba(26, 102, 255, .14), transparent 39%),
    #c5d5fa;
}

.closing-copy > p,
.closing-proof dt {
  color: var(--blue);
}

.closing-copy > span,
.closing-proof dd {
  color: var(--text-2);
}

.closing-secondary,
.closing-tertiary {
  border-color: var(--border);
  color: var(--text-1);
  background: rgba(255, 255, 255, .72);
}

.homepage-partners {
  border-color: rgba(11, 26, 59, .12);
  background: #c5d5fa;
}

/* Solution landing pages use the same light canvas. */
.solution-hero {
  color: var(--text-1);
  background:
    radial-gradient(circle at 84% 18%, rgba(26, 102, 255, .18), transparent 29%),
    linear-gradient(135deg, #f4f7ff 0%, #eef3ff 55%, #e4eefe 100%);
}

.solution-eyebrow,
.section-eyebrow {
  color: var(--blue);
}

.solution-hero h1,
.section-heading h2,
.story-copy h2,
.stack-heading h2,
.solution-cta h2,
.partner-head h2 {
  color: var(--navy);
}

.solution-lede,
.section-heading > p:last-child,
.story-copy > p:last-of-type,
.stack-heading > p:last-child,
.partner-head p,
.solution-cta p {
  color: var(--text-2);
}

.solution-actions a:first-child,
.cta-actions a:first-child {
  border-color: var(--blue);
  color: #fff;
  background: var(--blue);
}

.solution-actions a:not(:first-child),
.cta-actions a:not(:first-child) {
  border-color: var(--border);
  color: var(--text-1);
  background: rgba(255, 255, 255, .72);
}

.hero-proof {
  border-color: var(--blue-muted);
}

.hero-proof div + div {
  border-left-color: var(--blue-muted);
}

.hero-proof dt,
.hero-proof dd {
  color: var(--text-1);
}

.solution-hero-visual {
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: var(--shadow-card);
}

.visual-caption,
.story-visual-caption {
  border-color: var(--border);
  color: var(--text-1);
  background: rgba(255, 255, 255, .92);
}

.visual-caption span,
.story-visual-caption span {
  color: var(--blue);
}

.visual-caption strong,
.story-visual-caption strong {
  color: var(--navy);
}

.workflow-section,
.partner-section {
  color: var(--text-1);
  background: var(--blue-soft);
}

.workflow li,
.workflow li + li,
.partner-placeholders > div {
  border-color: var(--blue-muted);
}

.workflow p,
.workflow h3,
.partner-placeholders > div {
  color: var(--text-2);
}

.workflow h3 {
  color: var(--navy);
}

.story-section {
  background: #f4f7ff;
}

.stack-section,
.outcome-section,
.scenario-section {
  background: #fff;
}

.solution-cta {
  color: var(--text-1);
  background: #c5d5fa;
}

@media (max-width: 660px) {
  .hero-benefit-strip {
    border-radius: var(--radius-card);
  }

  .hero-news,
  .value-screen,
  .agent-screen,
  .scenario-screen,
  .capability-story,
  .local-depth-screen,
  .solutions-screen,
  .solution-hero {
    background-color: var(--bg-soft);
  }
}