.page-haixi{--hx-night:#0b1d31;--hx-blue:#173d61;--hx-cyan:#8dd6e7;--hx-ice:#e7f3f5;--hx-mineral:#dbe1df;--hx-amber:#d99a48;--hx-stone:#555e62;--hx-line:rgba(12,38,60,.18);background:#f3f7f7;color:#142b3d}.page-haixi .city-main{overflow:hidden}.page-haixi h1,.page-haixi h2,.page-haixi h3{font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif}.page-haixi h2{font-size:46px;line-height:1.16;letter-spacing:-.035em;margin:0}.page-haixi p{line-height:1.8}.page-haixi .city-crumb{padding:26px 0 18px}.hx-overline{font-size:11px;letter-spacing:.2em;font-weight:900;text-transform:uppercase;color:#b86b1f;margin:0 0 16px}
.hx-hero{min-height:720px;position:relative;display:flex;align-items:center;background:var(--hx-night);color:#fff}.hx-hero-picture,.hx-hero-shade{position:absolute;inset:0}.hx-hero-picture img{width:100%;height:100%;object-fit:cover}.hx-hero-shade{background:linear-gradient(90deg,rgba(3,16,28,.88) 0%,rgba(3,16,28,.72) 47%,rgba(3,16,28,.08) 73%)}.hx-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.68fr);gap:70px;align-items:center;padding:76px 0}.hx-hero-copy h1{font-size:60px;line-height:1.06;letter-spacing:-.055em;margin:0 0 24px;max-width:780px}.hx-hero-copy>p:not(.hx-overline){font-size:18px;color:rgba(255,255,255,.74);max-width:690px}.hx-hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.hx-solid{display:inline-flex;min-height:48px;padding:0 24px;align-items:center;justify-content:center;background:var(--hx-amber);color:#102333;text-decoration:none;font-weight:900;border:1px solid var(--hx-amber);transition:transform .2s,background .2s}.hx-solid:hover{transform:translateY(-2px)}.hx-solid.is-light{background:var(--hx-ice);border-color:var(--hx-ice)}.hx-text-link{color:inherit;text-decoration:none;font-weight:850;border-bottom:1px solid currentColor;padding-bottom:3px}.hx-workbench{align-self:center;padding:10px;background:rgba(11,29,49,.54);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}.hx-bench-head{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hx-bench-head span{padding:14px 16px;background:rgba(255,255,255,.09);font-size:12px;letter-spacing:.12em;color:#c6e5ec}.hx-bench-route{list-style:none;padding:18px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative}.hx-bench-route:before{content:"";position:absolute;inset:38px 45px;background:linear-gradient(135deg,transparent 20%,rgba(141,214,231,.42) 21% 22%,transparent 23% 46%,rgba(217,154,72,.55) 47% 48%,transparent 49% 72%,rgba(141,214,231,.42) 73% 74%,transparent 75%)}.hx-bench-route li{position:relative;z-index:1;min-height:118px;background:rgba(7,26,43,.94);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.hx-bench-route li:nth-child(2),.hx-bench-route li:nth-child(4){transform:translateY(18px)}.hx-bench-route i{position:absolute;top:18px;right:18px;width:15px;height:15px;background:var(--hx-cyan);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 22px var(--hx-cyan)}.hx-bench-route li:nth-child(even) i{background:var(--hx-amber)}.hx-bench-route b{font-size:17px}.hx-bench-route small{margin-top:6px;color:rgba(255,255,255,.58)}.hx-banner{padding:42px 0;background:#e2ebeb}.hx-banner.is-dark{background:#0d263d}.hx-banner .city-ad-inner{max-width:1200px;margin:auto;padding:0 22px}.hx-banner picture,.hx-banner img{display:block;width:100%}.hx-banner img{aspect-ratio:3/1;object-fit:contain}
.hx-route-overview{padding:110px 0 125px;background:#f3f7f7}.hx-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);gap:70px;align-items:end;margin-bottom:58px}.hx-section-intro .hx-overline{grid-column:1/-1;margin-bottom:-46px}.hx-section-intro>p:last-child{margin:0;color:#5f707b}.hx-zigzag{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.hx-zigzag:before{content:"";position:absolute;left:6%;right:6%;top:65px;height:88px;background:linear-gradient(165deg,transparent 0 47%,var(--hx-amber) 48% 49%,transparent 50%),linear-gradient(15deg,transparent 0 47%,var(--hx-cyan) 48% 49%,transparent 50%);background-size:33.333% 100%;opacity:.75}.hx-zigzag li{position:relative;z-index:1;min-height:245px;padding:26px 18px;border-left:1px solid var(--hx-line);display:flex;flex-direction:column}.hx-zigzag li:nth-child(even){transform:translateY(70px)}.hx-zigzag li:last-child{border-right:1px solid var(--hx-line)}.hx-zigzag span{width:46px;height:46px;display:grid;place-items:center;background:var(--hx-night);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-size:11px;font-weight:900}.hx-zigzag li:nth-child(even) span{background:var(--hx-amber);color:#15283a}.hx-zigzag b{font-size:18px;margin-top:28px}.hx-zigzag p{font-size:13px;color:#60717b;margin:9px 0 0}
.hx-platform{padding:115px 0;background:var(--hx-night);color:#fff}.hx-platform-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);gap:72px;align-items:center}.hx-platform-copy>p:not(.hx-overline,.hx-boundary){font-size:17px;color:rgba(255,255,255,.69)}.hx-workspaces{margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14)}.hx-workspaces div{padding:20px;background:#102c47;position:relative}.hx-workspaces div:before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;background:var(--hx-cyan);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.hx-workspaces div:nth-child(2),.hx-workspaces div:nth-child(3){transform:translateY(8px)}.hx-workspaces dt{font-weight:900;font-size:17px}.hx-workspaces dd{margin:7px 0 0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.6}.hx-boundary{font-size:13px;color:#61737e;border-left:2px solid var(--hx-amber);padding-left:14px}.hx-platform .hx-boundary{color:rgba(255,255,255,.58)}.hx-platform-figure{margin:0}.hx-platform-figure img{width:100%;display:block;box-shadow:24px 24px 0 rgba(141,214,231,.11)}.hx-platform-figure figcaption,.hx-stop-image figcaption{font-size:12px;color:#647680;margin-top:13px}.hx-platform-figure figcaption{color:rgba(255,255,255,.55)}
.hx-route-stop{padding:116px 0;background:#fff;position:relative}.hx-route-stop:before{content:"";position:absolute;left:50%;top:-1px;height:68px;width:2px;background:linear-gradient(var(--hx-amber),transparent)}.hx-route-stop.is-dark{background:#122c42;color:#fff}.hx-route-stop.is-pale{background:#e8f1f2}.hx-stop-grid{display:grid;grid-template-columns:minmax(540px,1.08fr) minmax(0,.92fr);gap:78px;align-items:center}.hx-stop-grid.is-flipped{grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr)}.hx-stop-image{margin:0;position:relative}.hx-stop-image:before{content:"";position:absolute;z-index:1;right:-12px;top:-12px;width:52px;height:52px;border:2px solid var(--hx-amber);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hx-stop-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.hx-route-index{display:inline-block;font-size:11px;letter-spacing:.16em;padding:8px 12px;background:var(--hx-night);color:#fff;margin-bottom:28px}.is-dark .hx-route-index{background:var(--hx-cyan);color:#10283b}.hx-stop-copy>p:not(.hx-overline,.hx-boundary){font-size:17px;color:#586b76}.is-dark .hx-stop-copy>p:not(.hx-overline,.hx-boundary){color:rgba(255,255,255,.68)}.hx-checklist{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hx-checklist li{padding:15px 16px;background:#edf3f4;border-left:3px solid var(--hx-cyan)}.hx-checklist li:nth-child(2),.hx-checklist li:nth-child(3){transform:translateY(7px)}.hx-evidence-line{list-style:none;padding:0;margin:28px 0;display:grid}.hx-evidence-line li{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14)}.hx-evidence-line span{color:rgba(255,255,255,.58)}.is-dark .hx-text-link{color:var(--hx-cyan)}.hx-handoff{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;position:relative}.hx-handoff:before{content:"";position:absolute;top:17px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--hx-cyan),var(--hx-amber))}.hx-handoff div{position:relative;padding:45px 12px 14px;border-right:1px solid var(--hx-line)}.hx-handoff div:before{content:"";position:absolute;top:9px;left:12px;width:16px;height:16px;background:var(--hx-night);transform:rotate(45deg)}.hx-handoff div:nth-child(2):before{background:var(--hx-amber)}.hx-handoff b,.hx-handoff span{display:block}.hx-handoff span{font-size:12px;color:#60717b;margin-top:6px}
.hx-reading{padding:115px 0;background:#dfe8e8}.hx-reading-layout{display:grid;grid-template-columns:minmax(300px,.35fr) minmax(0,.65fr);gap:80px}.hx-reading-head{position:sticky;top:120px;align-self:start}.hx-reading-head>p:last-child{color:#5b6e79}.hx-article-trail{display:grid;gap:0;position:relative}.hx-article-trail:before{content:"";position:absolute;left:38px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--hx-cyan),var(--hx-amber))}.hx-article-trail a{position:relative;margin-left:78px;padding:24px 28px;background:#fff;color:inherit;text-decoration:none;border-bottom:1px solid var(--hx-line);transition:transform .2s,background .2s}.hx-article-trail a:nth-child(even){margin-left:118px}.hx-article-trail a:before{content:"";position:absolute;left:-50px;top:31px;width:18px;height:18px;background:var(--hx-night);transform:rotate(45deg);box-shadow:0 0 0 7px #dfe8e8}.hx-article-trail a:nth-child(even):before{left:-90px;background:var(--hx-amber)}.hx-article-trail a:hover{transform:translateX(8px);background:#f5fbfb}.hx-article-trail span{font-size:11px;color:#a85e1b;font-weight:900;letter-spacing:.1em}.hx-article-trail h3{font-size:20px;line-height:1.5;margin:9px 0}
.hx-faq{padding:115px 0;background:#fff}.hx-faq-layout{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:86px}.hx-faq-head{position:relative}.hx-imprint-stack{display:flex;gap:12px;margin-top:42px}.hx-imprint-stack i{width:58px;height:58px;background:var(--hx-night);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hx-imprint-stack i:nth-child(2){background:var(--hx-cyan);transform:translateY(22px)}.hx-imprint-stack i:nth-child(3){background:var(--hx-amber);transform:translateY(44px)}.hx-faq-list summary{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:850}.hx-faq-list details{border-color:var(--hx-line)}.hx-faq-list details p{color:#596d78}
.hx-finish{padding:105px 0;background:var(--hx-blue);color:#fff}.hx-finish-layout{display:grid;grid-template-columns:1fr minmax(460px,.78fr);gap:80px}.hx-finish-route{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hx-finish-route span{padding:16px;background:rgba(255,255,255,.09);border-left:2px solid var(--hx-cyan)}.hx-finish-route p,.hx-finish-route a{grid-column:1/-1}.hx-finish-route p{color:rgba(255,255,255,.66);font-size:14px}.hx-finish-route a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px;width:max-content;font-weight:850}
.page-haixi .hx-rise{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.page-haixi .hx-rise.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.hx-hero-layout{grid-template-columns:1fr .7fr;gap:38px}.hx-hero-copy h1{font-size:52px}.hx-platform-layout,.hx-stop-grid,.hx-stop-grid.is-flipped{grid-template-columns:1fr 1fr;gap:42px}.hx-zigzag{grid-template-columns:repeat(3,1fr)}.hx-zigzag:before{display:none}.hx-zigzag li:nth-child(even){transform:none}.hx-reading-layout{grid-template-columns:.4fr .6fr;gap:45px}}
@media(max-width:760px){.page-haixi h2{font-size:32px}.page-haixi .city-crumb{padding:18px 0 12px}.hx-hero{min-height:790px;align-items:flex-end}.hx-hero-shade{background:linear-gradient(180deg,rgba(3,16,28,.16),rgba(3,16,28,.63) 43%,rgba(3,16,28,.98) 74%)}.hx-hero-layout{grid-template-columns:1fr;padding:195px 0 42px;gap:24px}.hx-hero-copy h1{font-size:39px;line-height:1.09}.hx-hero-copy>p:not(.hx-overline){font-size:16px}.hx-hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hx-workbench{padding:7px}.hx-bench-route{padding:10px}.hx-bench-route li{min-height:100px;padding:14px}.hx-bench-route li:nth-child(2),.hx-bench-route li:nth-child(4){transform:translateY(9px)}.hx-banner{padding:24px 0}.hx-banner .city-ad-inner{padding:0 15px}.hx-banner img{aspect-ratio:750/920;object-fit:contain}.hx-route-overview,.hx-platform,.hx-route-stop,.hx-reading,.hx-faq,.hx-finish{padding:76px 0}.hx-section-intro,.hx-platform-layout,.hx-stop-grid,.hx-stop-grid.is-flipped,.hx-reading-layout,.hx-faq-layout,.hx-finish-layout{grid-template-columns:1fr;gap:38px}.hx-section-intro .hx-overline{grid-column:auto;margin-bottom:-20px}.hx-zigzag{grid-template-columns:1fr 1fr}.hx-zigzag li{min-height:185px;padding:22px 14px}.hx-workspaces{grid-template-columns:1fr}.hx-workspaces div:nth-child(2),.hx-workspaces div:nth-child(3){transform:none}.hx-platform-figure{order:-1}.hx-checklist{grid-template-columns:1fr}.hx-checklist li:nth-child(2),.hx-checklist li:nth-child(3){transform:none}.hx-evidence-line li{grid-template-columns:1fr;gap:4px}.hx-handoff{grid-template-columns:1fr}.hx-handoff:before{display:none}.hx-handoff div{padding:20px 12px 20px 45px;border-bottom:1px solid var(--hx-line)}.hx-handoff div:before{top:23px}.hx-reading-head{position:static}.hx-article-trail a,.hx-article-trail a:nth-child(even){margin-left:55px;padding:20px}.hx-article-trail a:before,.hx-article-trail a:nth-child(even):before{left:-34px}.hx-article-trail:before{left:28px}.hx-faq-list summary{font-size:18px}.hx-imprint-stack{display:none}.hx-finish-route{grid-template-columns:1fr}.hx-finish-route p,.hx-finish-route a{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.page-haixi{scroll-behavior:auto}.page-haixi .hx-rise,.page-haixi .hx-solid,.page-haixi .hx-article-trail a{opacity:1;transform:none;transition:none}}