.discovery-main,
.discovery-nav,
.discovery-footer {
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

html[lang="zh-CN"] body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
}

html[lang="zh-CN"] .discovery-main,
html[lang="zh-CN"] .discovery-nav,
html[lang="zh-CN"] .discovery-footer {
  --font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-display: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
}

.discovery-nav {
  width: min(100% - var(--space-40), var(--max-width));
  min-height: 92px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-24);
  border-bottom: 1px solid var(--border);
}

.discovery-brand { display: inline-flex; align-items: center; gap: var(--space-12); font-weight: 600; }
.discovery-brand img { width: 116px; height: auto; }
.discovery-brand span { padding-left: var(--space-12); border-left: 1px solid var(--border); }
.discovery-nav nav { display: flex; flex-wrap: wrap; gap: var(--space-20); color: var(--text-body); font-size: 14px; }
.discovery-nav nav a:hover, .discovery-footer a:hover { color: var(--text-dark); }

.discovery-main { width: min(100% - var(--space-40), var(--max-width)); margin: 0 auto; }
.discovery-hero { max-width: 1040px; padding: var(--space-96) 0 var(--space-80); }
.compact-hero, .dataset-hero, .article-hero { max-width: 940px; }
.discovery-kicker {
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.discovery-hero h1 {
  margin-top: var(--space-16);
  font-family: var(--font-display);
  font-size: clamp(48px, 8vw, 96px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.04em;
}
.discovery-lead { max-width: 820px; margin-top: var(--space-32); color: var(--text-body); font-size: clamp(19px, 2vw, 25px); line-height: 1.5; }
.endpoint-card {
  max-width: 720px;
  margin-top: var(--space-40);
  padding: var(--space-20) var(--space-24);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-20);
  background: var(--bg-dark);
  color: var(--text-on-dark);
  border-radius: var(--radius-sm);
}
.endpoint-card span { color: var(--text-on-dark-muted); font-size: 13px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; overflow-wrap: anywhere; }
.hero-actions { margin-top: var(--space-32); display: flex; flex-wrap: wrap; gap: var(--space-12); }
.primary-action, .secondary-action {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: var(--space-12) var(--space-24);
  border-radius: var(--radius-pill);
  font-weight: 600;
}
.primary-action { background: var(--green); color: var(--text-dark); }
.secondary-action { border: 1px solid var(--border); }
.primary-action:hover { background: var(--green-bright); }
.secondary-action:hover { border-color: var(--text-dark); }

.content-section { padding: var(--space-80) 0; border-top: 1px solid var(--border); }
.section-heading { max-width: 760px; margin-bottom: var(--space-40); }
.content-section h2 { margin-top: var(--space-12); font-family: var(--font-display); font-size: clamp(34px, 4vw, 58px); line-height: 1.05; letter-spacing: -.03em; }
.content-section h3 { font-size: 18px; line-height: 1.3; }
.content-section p, .content-section li { color: var(--text-body); line-height: 1.75; }
.content-section p + p { margin-top: var(--space-16); }
.content-section a:not(.dataset-card) { text-decoration: underline; text-underline-offset: 3px; }

.step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-16); list-style: none; counter-reset: steps; }
.step-grid li { min-height: 210px; padding: var(--space-24); display: flex; flex-direction: column; gap: var(--space-20); background: var(--bg-gray); border-radius: var(--radius-sm); counter-increment: steps; }
.step-grid li::before { content: "0" counter(steps); color: var(--green); font-weight: 700; }
.step-grid strong { color: var(--text-dark); font-size: 20px; }
.step-grid span { color: var(--text-body); line-height: 1.65; }

.split-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: var(--space-64); align-items: start; }
.compact-list { display: grid; gap: var(--space-8); }
.compact-list a, .link-grid a { padding: var(--space-20); display: flex; justify-content: space-between; gap: var(--space-16); border: 1px solid var(--border); border-radius: var(--radius-sm); text-decoration: none !important; }
.compact-list a:hover, .link-grid a:hover { border-color: var(--text-dark); }
.compact-list span, .link-grid span { color: var(--text-tertiary); font-size: 13px; text-align: right; }
.link-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-12); }

.dataset-group { scroll-margin-top: var(--space-24); }
.dataset-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16); }
.dataset-card { padding: var(--space-24); border: 1px solid var(--border); border-radius: var(--radius); transition: border-color .2s ease, transform .2s ease; }
.dataset-card:hover { border-color: var(--text-dark); transform: translateY(-2px); }
.dataset-card > div { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); }
.dataset-card code, .dataset-id-row code { color: var(--c-green-900); font-size: 13px; }
.dataset-card h3 { margin-top: var(--space-24); font-size: 24px; }
.dataset-card p { margin-top: var(--space-12); }
.dataset-card dl { margin-top: var(--space-24); display: flex; flex-wrap: wrap; gap: var(--space-20); }
.dataset-card dl div { display: grid; gap: var(--space-4); }
.dataset-card dt, .fact-strip dt, .tool-row dt { color: var(--text-tertiary); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.dataset-card dd, .fact-strip dd, .tool-row dd { font-size: 13px; }
.status-pill { padding: var(--space-6) var(--space-10); background: var(--green-soft); color: var(--c-green-950); border-radius: var(--radius-pill); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.roadmap-panel { max-width: 900px; }
.roadmap-panel ul { margin-top: var(--space-24); list-style: none; display: grid; gap: var(--space-12); }

.breadcrumbs { padding-top: var(--space-32); display: flex; flex-wrap: wrap; gap: var(--space-8); color: var(--text-tertiary); font-size: 13px; }
.breadcrumbs a { color: var(--text-body); }
.dataset-id-row { display: flex; align-items: center; gap: var(--space-12); }
.fact-strip { margin-top: var(--space-40); display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; }
.fact-strip div { padding: var(--space-20); display: grid; gap: var(--space-8); border-right: 1px solid var(--border); }
.fact-strip div:last-child { border-right: 0; }
.fact-strip dd { font-weight: 600; }
.code-list { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-8); }
.code-list li { padding: var(--space-8) var(--space-12); background: var(--bg-gray); border-radius: var(--radius-xs); }
.contract-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-16); }
.contract-grid > div { padding: var(--space-24); background: var(--bg-gray); border-radius: var(--radius-sm); }
.contract-grid h3 { margin-bottom: var(--space-16); }
.schema-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-sm); }
.schema-table { width: 100%; border-collapse: collapse; }
.schema-table th, .schema-table td { padding: var(--space-14) var(--space-16); text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; }
.schema-table th { background: var(--bg-gray); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.schema-table td { color: var(--text-body); font-size: 14px; line-height: 1.5; }
.schema-table tbody tr:last-child td { border-bottom: 0; }

.caution-panel { margin: var(--space-48) 0; padding: var(--space-48); background: var(--bg-green-tint); border: 0; border-radius: var(--radius); }
.caution-panel p { max-width: 820px; }
.caution-panel a { display: inline-block; margin-top: var(--space-20); font-weight: 600; }

.tool-list { display: grid; border-top: 1px solid var(--border); }
.tool-row { padding: var(--space-24) 0; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--space-40); border-bottom: 1px solid var(--border); scroll-margin-top: var(--space-24); }
.tool-row h3 { margin-top: var(--space-10); font-size: 23px; }
.tool-row p { margin-top: var(--space-8); max-width: 760px; }
.tool-row dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-12); align-content: start; }
.tool-row dl div { display: grid; gap: var(--space-6); }

.article-section { max-width: 860px; }
.article-section h2 { margin-bottom: var(--space-24); }
.article-section ul, .article-section ol { margin: var(--space-20) 0 0 var(--space-24); display: grid; gap: var(--space-10); }
.article-section li strong { color: var(--text-dark); }

.pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-12); }
.price-card { min-height: 340px; padding: var(--space-24); display: flex; flex-direction: column; gap: var(--space-20); border: 1px solid var(--border); border-radius: var(--radius); }
.price-card.featured { background: var(--bg-dark); color: var(--text-on-dark); border-color: var(--bg-dark); }
.price-card.featured p { color: var(--text-on-dark-muted); }
.price-card h2 { margin-top: 0; font-size: 42px; }
.price-card h2 small { font-family: var(--font-body); font-size: 13px; letter-spacing: 0; }
.price-card > a { margin-top: auto; align-self: flex-start; font-weight: 600; }

.timeline { display: grid; gap: 0; }
.timeline article { padding: var(--space-32) 0; display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--space-40); border-bottom: 1px solid var(--border); }
.timeline article > div:first-child { display: flex; flex-direction: column; gap: var(--space-8); }
.timeline time { color: var(--text-tertiary); font-size: 13px; }
.timeline h2 { margin-top: 0; font-size: 28px; }

.discovery-footer { width: min(100% - var(--space-40), var(--max-width)); margin: var(--space-64) auto 0; padding: var(--space-40) 0; display: flex; justify-content: space-between; gap: var(--space-40); border-top: 1px solid var(--border); color: var(--text-tertiary); font-size: 13px; }
.discovery-footer p { margin-top: var(--space-6); }
.discovery-footer nav { max-width: 660px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-16); }
.discovery-footer button { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }

@media (max-width: 900px) {
  .step-grid, .pricing-grid { grid-template-columns: repeat(2, 1fr); }
  .dataset-grid { grid-template-columns: 1fr; }
  .fact-strip { grid-template-columns: repeat(2, 1fr); }
  .fact-strip div:nth-child(2) { border-right: 0; }
  .fact-strip div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .tool-row { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .discovery-nav { min-height: 76px; padding: var(--space-16) 0; flex-wrap: wrap; }
  .discovery-brand img { width: 96px; }
  .discovery-nav nav { width: 100%; flex: 0 0 100%; justify-content: space-between; gap: var(--space-8); font-size: 13px; }
  .discovery-nav nav a { min-height: 44px; display: inline-flex; align-items: center; padding: var(--space-8) var(--space-4); }
  .discovery-hero { padding: var(--space-64) 0; }
  .endpoint-card { align-items: flex-start; flex-direction: column; }
  .step-grid, .link-grid, .split-section, .contract-grid, .pricing-grid { grid-template-columns: 1fr; }
  .fact-strip { grid-template-columns: 1fr; }
  .fact-strip div, .fact-strip div:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--border); }
  .fact-strip div:last-child { border-bottom: 0; }
  .tool-row dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .timeline article { grid-template-columns: 1fr; gap: var(--space-16); }
  .caution-panel { padding: var(--space-32) var(--space-24); }
  .discovery-footer { flex-direction: column; }
  .discovery-footer nav { justify-content: flex-start; }
}