.page-huhehaote {
  --hh-blue: #123f92;
  --hh-blue-dark: #08275e;
  --hh-green: #416b5a;
  --hh-green-soft: #dce8df;
  --hh-brass: #d0a14b;
  --hh-brass-soft: #f0ddb2;
  --hh-ink: #142a35;
  --hh-cloud: #f7f9f7;
  --hh-line: rgba(20,42,53,.14);
  --hh-shadow: 0 24px 70px rgba(8,39,94,.14);
  background: var(--hh-cloud);
  color: var(--hh-ink);
}
.page-huhehaote .city-main { overflow: clip; }
.page-huhehaote .city-eyebrow { margin: 0 0 14px; color: #a87422; font-size: 12px; font-weight: 850; letter-spacing: .18em; }
.page-huhehaote .city-crumb { padding-top: 22px; padding-bottom: 22px; color: #60717b; }
.page-huhehaote .city-crumb i { margin: 0 10px; font-style: normal; }

.page-huhehaote .hh-hero { position: relative; min-height: 680px; isolation: isolate; background: var(--hh-blue-dark); }
.page-huhehaote .hh-hero-media,
.page-huhehaote .hh-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.page-huhehaote .hh-hero-media img { display: block; object-fit: cover; object-position: center; }
.page-huhehaote .hh-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,29,73,.96), rgba(5,29,73,.76) 38%, rgba(5,29,73,.06) 72%); }
.page-huhehaote .hh-hero-copy { position: relative; z-index: 1; display: flex; min-height: 680px; max-width: 690px; margin-left: max(calc((100% - 1200px) / 2), 24px); flex-direction: column; justify-content: center; color: #fff; }
.page-huhehaote .hh-hero-copy .city-eyebrow { color: #f0c46e; }
.page-huhehaote .hh-hero h1 { max-width: 660px; margin: 0; font-size: clamp(51px,4.5vw,60px); line-height: 1.08; letter-spacing: -.045em; }
.page-huhehaote .hh-hero-copy > p:not(.city-eyebrow) { max-width: 620px; margin: 24px 0 0; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.85; }
.page-huhehaote .hh-hero-actions { display: flex; gap: 12px; margin-top: 30px; }
.page-huhehaote .hh-btn { display: inline-flex; min-height: 48px; padding: 0 22px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.3); color: #fff; font-weight: 800; transition: transform .2s ease, background .2s ease; }
.page-huhehaote .hh-btn:hover { transform: translateY(-2px); }
.page-huhehaote .hh-btn.is-brass { border-color: var(--hh-brass); background: var(--hh-brass); color: #132b35; }
.page-huhehaote .hh-hero-track { display: flex; width: min(630px,100%); margin-top: 42px; padding-top: 16px; align-items: center; border-top: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.7); font-size: 13px; font-weight: 750; }
.page-huhehaote .hh-hero-track i { flex: 1; height: 1px; margin: 0 12px; background: linear-gradient(90deg,var(--hh-brass),rgba(255,255,255,.18)); }

.page-huhehaote .city-ad { padding: 42px 20px; background: #e6efea; }
.page-huhehaote .city-ad.is-dark { background: var(--hh-blue-dark); }
.page-huhehaote .city-ad-inner { width: min(1200px,100%); margin: 0 auto; }
.page-huhehaote .city-ad picture,
.page-huhehaote .city-ad img { display: block; width: 100%; }
.page-huhehaote .city-ad img { height: auto; border-radius: 6px; object-fit: contain; box-shadow: var(--hh-shadow); }

.page-huhehaote .hh-chain { padding: 118px 0; background: #fff; }
.page-huhehaote .hh-section-head { display: grid; grid-template-columns: 1fr .78fr; gap: 70px; align-items: end; }
.page-huhehaote .hh-section-head h2,
.page-huhehaote .hh-register h2,
.page-huhehaote .hh-signal h2,
.page-huhehaote .hh-platform h2,
.page-huhehaote .hh-growth h2,
.page-huhehaote .hh-faq h2,
.page-huhehaote .hh-final h2 { margin: 0; font-size: clamp(43px,3.8vw,47px); line-height: 1.13; letter-spacing: -.045em; }
.page-huhehaote .hh-section-head > p { margin: 0; color: #61707a; font-size: 16px; line-height: 1.85; }
.page-huhehaote .hh-chain-tabs { position: relative; display: grid; margin-top: 52px; grid-template-columns: repeat(4,1fr); }
.page-huhehaote .hh-chain-tabs::before { content: ""; position: absolute; left: 8%; right: 8%; top: 34px; height: 4px; background: #dbe4e2; }
.page-huhehaote .hh-chain-tabs button { position: relative; z-index: 1; display: grid; min-height: 116px; padding: 0 16px 16px; grid-template-columns: 68px 1fr; gap: 12px; align-items: start; border: 0; background: transparent; color: var(--hh-ink); font: inherit; text-align: left; cursor: pointer; }
.page-huhehaote .hh-chain-tabs button b { display: grid; width: 68px; height: 68px; place-items: center; border: 8px solid #fff; border-radius: 50%; color: #fff; background: var(--hh-green); box-shadow: 0 0 0 1px var(--hh-line); font: 800 13px/1 ui-monospace,Consolas,monospace; transition: background .2s ease,transform .2s ease; }
.page-huhehaote .hh-chain-tabs button span { padding-top: 76px; margin-left: -80px; font-weight: 850; text-align: center; }
.page-huhehaote .hh-chain-tabs button small { display: block; margin-top: 5px; color: #78858d; font-weight: 600; }
.page-huhehaote .hh-chain-tabs button[aria-selected="true"] b { background: var(--hh-blue); transform: scale(1.08); }
.page-huhehaote .hh-chain-tabs button[aria-selected="true"] span { color: var(--hh-blue); }
.page-huhehaote .hh-chain-panels { min-height: 205px; margin-top: 18px; border: 1px solid var(--hh-line); background: linear-gradient(100deg,#edf4f0,#eef2fb); }
.page-huhehaote .hh-chain-panels article { padding: 38px 42px; }
.page-huhehaote .hh-chain-panels strong { font-size: 28px; }
.page-huhehaote .hh-chain-panels p { max-width: 840px; margin: 16px 0 20px; color: #5e6d76; line-height: 1.85; }
.page-huhehaote .hh-chain-panels a { display: inline-flex; padding-bottom: 4px; border-bottom: 2px solid var(--hh-brass); color: #805619; font-weight: 850; }

.page-huhehaote .hh-signal { padding: 110px 0; color: #fff; background: var(--hh-blue-dark); }
.page-huhehaote .hh-signal-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }
.page-huhehaote .hh-signal .city-eyebrow { color: #f0c46e; }
.page-huhehaote .hh-signal-copy > p:not(.city-eyebrow) { margin: 22px 0 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.9; }
.page-huhehaote .hh-signal-copy small { display: block; margin-top: 18px; color: rgba(255,255,255,.48); line-height: 1.7; }
.page-huhehaote .hh-stat-matrix { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.page-huhehaote .hh-stat-matrix div { min-height: 168px; padding: 28px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.page-huhehaote .hh-stat-matrix strong { display: block; color: #f0c46e; font-size: 38px; }
.page-huhehaote .hh-stat-matrix span { display: block; margin-top: 12px; color: rgba(255,255,255,.66); line-height: 1.7; }

.page-huhehaote .hh-register { padding: 118px 0; background: #eef3ef; }
.page-huhehaote .hh-register-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.page-huhehaote .hh-register figure,
.page-huhehaote .hh-monthly figure,
.page-huhehaote .hh-platform figure,
.page-huhehaote .hh-growth figure { margin: 0; }
.page-huhehaote .hh-register figure img,
.page-huhehaote .hh-monthly figure img,
.page-huhehaote .hh-platform figure img,
.page-huhehaote .hh-growth figure img { display: block; width: 100%; height: auto; }
.page-huhehaote figcaption { padding-top: 10px; color: #74818a; font-size: 13px; }
.page-huhehaote .hh-register-grid > div > p:not(.city-eyebrow) { margin: 20px 0 0; color: #5d6a73; font-size: 17px; line-height: 1.9; }
.page-huhehaote .hh-mini-matrix { display: grid; margin-top: 28px; grid-template-columns: repeat(2,1fr); gap: 8px; }
.page-huhehaote .hh-mini-matrix article { min-height: 112px; padding: 18px; border: 1px solid var(--hh-line); background: rgba(255,255,255,.75); }
.page-huhehaote .hh-mini-matrix b,
.page-huhehaote .hh-mini-matrix span { display: block; }
.page-huhehaote .hh-mini-matrix b { color: var(--hh-blue); font-size: 18px; }
.page-huhehaote .hh-mini-matrix span { margin-top: 8px; color: #697780; font-size: 14px; line-height: 1.6; }
.page-huhehaote .hh-inline-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.page-huhehaote .hh-inline-links a { padding: 11px 14px; border: 1px solid var(--hh-blue); color: var(--hh-blue); font-weight: 800; }

.page-huhehaote .hh-monthly { padding: 118px 0; background: #fff; }
.page-huhehaote .hh-monthly-layout { display: grid; margin-top: 50px; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: start; }
.page-huhehaote .hh-evidence-table { border: 1px solid var(--hh-line); }
.page-huhehaote .hh-evidence-table > div { display: grid; grid-template-columns: .8fr 1.1fr 1fr; }
.page-huhehaote .hh-evidence-table > div > * { padding: 17px 14px; border-right: 1px solid var(--hh-line); border-bottom: 1px solid var(--hh-line); }
.page-huhehaote .hh-evidence-table > div > *:last-child { border-right: 0; }
.page-huhehaote .hh-evidence-table > div:first-child { color: #fff; background: var(--hh-blue); }
.page-huhehaote .hh-evidence-table span { color: #5f6c75; font-size: 14px; line-height: 1.6; }
.page-huhehaote .hh-evidence-table > a { display: block; margin: 22px; padding: 14px; border: 1px solid var(--hh-brass); color: #765219; font-weight: 850; text-align: center; }

.page-huhehaote .hh-platform { padding: 118px 0; background: var(--hh-green-soft); }
.page-huhehaote .hh-platform-head { display: grid; grid-template-columns: 1fr .85fr; gap: 70px; align-items: end; }
.page-huhehaote .hh-platform-head > p { margin: 0; color: #53666b; line-height: 1.85; }
.page-huhehaote .hh-platform-head code { color: #7c5619; overflow-wrap: anywhere; }
.page-huhehaote .hh-platform-body { display: grid; margin-top: 50px; padding: 34px; grid-template-columns: 1.08fr .92fr; gap: 34px; background: #fff; box-shadow: var(--hh-shadow); }
.page-huhehaote .hh-platform figure img { border: 1px solid var(--hh-line); }
.page-huhehaote .hh-workspace-matrix { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.page-huhehaote .hh-workspace-matrix article { min-height: 132px; padding: 18px; border: 1px solid var(--hh-line); }
.page-huhehaote .hh-workspace-matrix article > span { color: #a87422; font: 750 11px/1 ui-monospace,Consolas,monospace; }
.page-huhehaote .hh-workspace-matrix b { display: block; margin-top: 10px; color: var(--hh-blue); }
.page-huhehaote .hh-workspace-matrix p { margin: 7px 0 0; color: #6c7981; font-size: 14px; line-height: 1.6; }
.page-huhehaote .hh-workspace-matrix > div { display: grid; grid-column: 1 / -1; padding: 18px; grid-template-columns: auto 1fr auto 1fr; gap: 8px; align-items: end; color: #fff; background: var(--hh-blue-dark); }
.page-huhehaote .hh-workspace-matrix > div strong { color: #f0c46e; font-size: 28px; }
.page-huhehaote .hh-workspace-matrix > div span { padding-bottom: 4px; color: rgba(255,255,255,.65); font-size: 13px; }
.page-huhehaote .hh-workspace-matrix > a { grid-column: 1 / -1; padding: 14px; border: 1px solid var(--hh-blue); color: var(--hh-blue); font-weight: 850; text-align: center; }

.page-huhehaote .hh-growth { padding: 118px 0; color: #fff; background: var(--hh-blue-dark); }
.page-huhehaote .hh-growth-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; }
.page-huhehaote .hh-growth .city-eyebrow { color: #f0c46e; }
.page-huhehaote .hh-growth-grid > div > p:not(.city-eyebrow) { margin: 22px 0 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.9; }
.page-huhehaote .hh-growth ol { margin: 26px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.page-huhehaote .hh-growth li { display: grid; padding: 14px 0; grid-template-columns: 76px 1fr; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.18); }
.page-huhehaote .hh-growth li b { color: #f0c46e; }
.page-huhehaote .hh-growth li span { color: rgba(255,255,255,.7); }
.page-huhehaote .hh-growth nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.page-huhehaote .hh-growth nav a { padding: 11px 14px; border: 1px solid rgba(255,255,255,.26); color: #fff; font-weight: 750; }
.page-huhehaote .hh-growth figure img { border: 1px solid rgba(255,255,255,.18); box-shadow: 0 28px 70px rgba(0,0,0,.24); }
.page-huhehaote .hh-growth figcaption { color: rgba(255,255,255,.5); }

.page-huhehaote .hh-articles { padding: 118px 0; background: #eef3ef; }
.page-huhehaote .hh-article-track { display: grid; margin-top: 48px; grid-template-columns: repeat(5,minmax(235px,1fr)); gap: 10px; overflow-x: auto; scrollbar-color: var(--hh-brass) #dbe5df; }
.page-huhehaote .hh-article { display: flex; min-height: 330px; padding: 28px; flex-direction: column; border-top: 5px solid var(--hh-green); background: #fff; color: var(--hh-ink); transition: transform .2s ease; }
.page-huhehaote .hh-article:hover { transform: translateY(-4px); }
.page-huhehaote .hh-article:nth-child(even) { border-color: var(--hh-blue); }
.page-huhehaote .hh-article > span { color: #a26e20; font-size: 12px; font-weight: 850; }
.page-huhehaote .hh-article h3 { margin: 16px 0 0; font-size: 21px; line-height: 1.5; }
.page-huhehaote .hh-article p { margin: 14px 0 0; color: #6b7880; line-height: 1.75; }
.page-huhehaote .hh-article i { margin-top: auto; padding-top: 22px; color: var(--hh-blue); font-style: normal; font-weight: 850; }

.page-huhehaote .hh-faq { padding: 118px 0; background: #fff; }
.page-huhehaote .hh-faq-grid { display: grid; grid-template-columns: .74fr 1.26fr; gap: 80px; align-items: start; }
.page-huhehaote .hh-faq-grid > div:first-child > p:not(.city-eyebrow) { margin: 20px 0 0; color: #627079; line-height: 1.8; }
.page-huhehaote .hh-faq-list { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--hh-line); border-left: 1px solid var(--hh-line); }
.page-huhehaote .hh-faq-list details { min-height: 210px; border-right: 1px solid var(--hh-line); border-bottom: 1px solid var(--hh-line); }
.page-huhehaote .hh-faq-list summary { display: grid; width: 100%; padding: 22px; grid-template-columns: 1fr 24px; gap: 15px; color: var(--hh-ink); font-size: 17px; font-weight: 850; text-align: left; cursor: pointer; list-style: none; }
.page-huhehaote .hh-faq-list summary::-webkit-details-marker { display: none; }
.page-huhehaote .hh-faq-list summary i { position: relative; width: 24px; height: 24px; border: 1px solid var(--hh-line); border-radius: 50%; }
.page-huhehaote .hh-faq-list summary i::before,
.page-huhehaote .hh-faq-list summary i::after { content: ""; position: absolute; left: 6px; right: 6px; top: 11px; height: 2px; background: #a87422; transition: transform .2s ease; }
.page-huhehaote .hh-faq-list summary i::after { transform: rotate(90deg); }
.page-huhehaote .hh-faq-list details[open] summary i::after { transform: rotate(0); }
.page-huhehaote .hh-faq-answer { padding: 0 22px 22px; }
.page-huhehaote .hh-faq-answer p { margin: 0; color: #65727a; line-height: 1.85; }

.page-huhehaote .hh-final { padding: 84px 0; background: var(--hh-brass-soft); }
.page-huhehaote .hh-final .city-shell { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.page-huhehaote .hh-final p { margin: 0 0 10px; color: #795317; font-weight: 850; }
.page-huhehaote .hh-final a { display: inline-flex; min-height: 50px; padding: 0 22px; align-items: center; background: var(--hh-blue-dark); color: #fff; font-weight: 850; }

@media (max-width: 1020px) {
  .page-huhehaote .hh-register-grid,
  .page-huhehaote .hh-monthly-layout,
  .page-huhehaote .hh-platform-body { grid-template-columns: 1fr; }
  .page-huhehaote .hh-growth-grid { gap: 38px; }
}

@media (max-width: 760px) {
  .page-huhehaote .city-crumb { padding-top: 14px; padding-bottom: 14px; font-size: 13px; }
  .page-huhehaote .hh-hero,
  .page-huhehaote .hh-hero-copy { min-height: 700px; }
  .page-huhehaote .hh-hero-overlay { background: linear-gradient(180deg,rgba(5,29,73,.88),rgba(5,29,73,.64) 53%,rgba(5,29,73,.1)); }
  .page-huhehaote .hh-hero-copy { max-width: none; margin: 0; padding: 58px 22px 38px; justify-content: flex-start; }
  .page-huhehaote .hh-hero h1 { max-width: 345px; font-size: 38px; line-height: 1.12; }
  .page-huhehaote .hh-hero-copy > p:not(.city-eyebrow) { max-width: 345px; margin-top: 18px; font-size: 15px; line-height: 1.75; }
  .page-huhehaote .hh-hero-actions { margin-top: 22px; }
  .page-huhehaote .hh-btn { min-height: 44px; padding: 0 15px; font-size: 14px; }
  .page-huhehaote .hh-hero-track { display: grid; margin-top: 24px; grid-template-columns: repeat(4,1fr); gap: 7px; font-size: 11px; text-align: center; }
  .page-huhehaote .hh-hero-track i { display: none; }
  .page-huhehaote .city-ad { padding: 24px 14px; }
  .page-huhehaote .hh-chain,
  .page-huhehaote .hh-signal,
  .page-huhehaote .hh-register,
  .page-huhehaote .hh-monthly,
  .page-huhehaote .hh-platform,
  .page-huhehaote .hh-growth,
  .page-huhehaote .hh-articles,
  .page-huhehaote .hh-faq { padding: 82px 0; }
  .page-huhehaote .hh-section-head,
  .page-huhehaote .hh-signal-grid,
  .page-huhehaote .hh-register-grid,
  .page-huhehaote .hh-platform-head,
  .page-huhehaote .hh-growth-grid,
  .page-huhehaote .hh-faq-grid { grid-template-columns: 1fr; gap: 34px; }
  .page-huhehaote .hh-section-head h2,
  .page-huhehaote .hh-register h2,
  .page-huhehaote .hh-signal h2,
  .page-huhehaote .hh-platform h2,
  .page-huhehaote .hh-growth h2,
  .page-huhehaote .hh-faq h2,
  .page-huhehaote .hh-final h2 { font-size: 31px; line-height: 1.18; }
  .page-huhehaote .hh-chain-tabs { grid-template-columns: repeat(4,150px); overflow-x: auto; scroll-snap-type: x mandatory; }
  .page-huhehaote .hh-chain-tabs button { scroll-snap-align: start; }
  .page-huhehaote .hh-chain-panels article { padding: 28px 22px; }
  .page-huhehaote .hh-chain-panels strong { font-size: 23px; }
  .page-huhehaote .hh-stat-matrix { grid-template-columns: 1fr; }
  .page-huhehaote .hh-stat-matrix div { min-height: 130px; }
  .page-huhehaote .hh-mini-matrix,
  .page-huhehaote .hh-workspace-matrix { grid-template-columns: 1fr; }
  .page-huhehaote .hh-workspace-matrix > div,
  .page-huhehaote .hh-workspace-matrix > a { grid-column: 1; }
  .page-huhehaote .hh-platform-body { margin-top: 36px; padding: 20px; }
  .page-huhehaote .hh-evidence-table { overflow-x: auto; }
  .page-huhehaote .hh-evidence-table > div { min-width: 560px; }
  .page-huhehaote .hh-article-track { grid-template-columns: repeat(5,270px); }
  .page-huhehaote .hh-faq-list { grid-template-columns: 1fr; }
  .page-huhehaote .hh-faq-list details { min-height: 0; }
  .page-huhehaote .hh-final { padding: 64px 0; }
  .page-huhehaote .hh-final .city-shell { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .page-huhehaote *,
  .page-huhehaote *::before,
  .page-huhehaote *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .page-huhehaote [data-chain-panel] { opacity: 1 !important; transform: none !important; }
}