.page-huangnan{--hn-ink:#111a26;--hn-blue:#18324b;--hn-paper:#e9e1cf;--hn-saffron:#e7ad48;--hn-cyan:#76e0d3;--hn-line:rgba(26,51,71,.18);color:var(--hn-ink);background:#e4dcc9}.page-huangnan .hn-main{overflow:hidden}.page-huangnan .city-shell{width:min(1180px,calc(100% - 48px))}.page-huangnan .city-section{padding:112px 0}.page-huangnan h1,.page-huangnan h2,.page-huangnan h3{margin-top:0}.page-huangnan .hn-step-label{margin:0;color:#3f786f;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}
.page-huangnan .hn-hero{position:relative;min-height:790px;color:#f8f3e7;background:#0c1620;isolation:isolate}.page-huangnan .hn-hero-media,.page-huangnan .hn-hero-media img,.page-huangnan .hn-hero-filter{position:absolute;inset:0;width:100%;height:100%}.page-huangnan .hn-hero-media img{object-fit:cover}.page-huangnan .hn-hero-filter{z-index:1;background:linear-gradient(90deg,rgba(8,15,24,.96),rgba(10,20,30,.73) 52%,rgba(10,20,30,.38)),linear-gradient(180deg,rgba(5,12,19,.12),rgba(5,12,19,.68))}.page-huangnan .hn-hero-shell{position:relative;z-index:2;padding-top:32px}.page-huangnan .hn-crumb{margin-bottom:72px;color:rgba(255,255,255,.62)}.page-huangnan .hn-crumb a{color:#fff}.page-huangnan .hn-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.page-huangnan .hn-coordinate{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--hn-cyan);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.19em}.page-huangnan .hn-coordinate i{width:34px;height:1px;background:var(--hn-cyan);box-shadow:0 0 13px var(--hn-cyan)}.page-huangnan .hn-hero h1{max-width:630px;margin-bottom:25px;font-size:clamp(51px,4.5vw,60px);line-height:1.05;letter-spacing:-.055em}.page-huangnan .hn-hero h1 em{color:#f2c875;font-style:normal}.page-huangnan .hn-hero-copy>p:not(.hn-coordinate){max-width:620px;margin:0;color:rgba(248,243,231,.74);font-size:17px;line-height:1.85}.page-huangnan .hn-hero-actions{display:flex;gap:12px;margin-top:31px}.page-huangnan .hn-hero-actions a{display:flex;justify-content:space-between;min-width:185px;padding:15px 17px;color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(9,20,31,.54);backdrop-filter:blur(10px)}.page-huangnan .hn-hero-actions a:first-child{color:#15222d;border-color:var(--hn-paper);background:var(--hn-paper)}.page-huangnan .hn-hero-actions span{color:var(--hn-saffron)}
.page-huangnan .hn-workbench{position:relative;padding:20px;color:#162432;border:1px solid rgba(255,255,255,.25);background:rgba(231,225,208,.93);box-shadow:0 35px 90px rgba(0,0,0,.36);backdrop-filter:blur(14px)}.page-huangnan .hn-workbench::before{content:"";position:absolute;top:20px;bottom:67px;left:50%;width:1px;background:linear-gradient(transparent,var(--hn-cyan),var(--hn-saffron),transparent);box-shadow:0 0 18px rgba(118,224,211,.35)}.page-huangnan .hn-workbench>header{display:flex;justify-content:space-between;padding:4px 4px 17px;border-bottom:1px solid rgba(18,37,51,.2);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.14em}.page-huangnan .hn-workbench>header span{color:#39796f}.page-huangnan .hn-workbench>header b{color:#7c5521}.page-huangnan .hn-desk-columns{display:grid;grid-template-columns:1fr 1fr}.page-huangnan .hn-desk-columns section{min-height:310px;padding:31px 25px 26px}.page-huangnan .hn-desk-columns section+section{padding-left:32px}.page-huangnan .hn-desk-columns p{margin:0 0 35px;color:#4f7e77;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.13em}.page-huangnan .hn-desk-columns h2{min-height:75px;margin-bottom:23px;font-size:26px;line-height:1.25;letter-spacing:-.035em}.page-huangnan .hn-desk-columns ul{display:grid;gap:12px;margin:0;padding:0;list-style:none;color:#59676c;font-size:13px}.page-huangnan .hn-desk-columns li::before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 2px 0;border-radius:50%;background:#4b9a8c;box-shadow:0 0 10px rgba(75,154,140,.45)}.page-huangnan .hn-desk-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:15px;border-top:1px solid rgba(18,37,51,.18)}.page-huangnan .hn-desk-tabs button{padding:10px;color:#40545c;border:1px solid rgba(18,37,51,.14);background:transparent;cursor:pointer}.page-huangnan .hn-desk-tabs button.is-active{color:#fff;border-color:#173852;background:#173852}.page-huangnan .hn-first-ad{background:#e4dcc9}
.page-huangnan .hn-timeline{position:relative;background:#e4dcc9}.page-huangnan .hn-timeline::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,51,71,.11) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.page-huangnan .hn-section-head{display:grid;grid-template-columns:.38fr 1fr 1fr;gap:46px;align-items:end;margin-bottom:72px}.page-huangnan .hn-section-head h2{margin:0;font-size:clamp(43px,3.8vw,47px);line-height:1.1;letter-spacing:-.05em}.page-huangnan .hn-section-head>p:last-child{margin:0;color:#56676d;line-height:1.85}.page-huangnan .hn-track{position:relative}.page-huangnan .hn-track::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);background:linear-gradient(#315d6e,#4e9d91 42%,#d6a249 74%,#315d6e)}.page-huangnan .hn-checkpoint{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center;padding:42px 0 118px}.page-huangnan .hn-checkpoint:last-child{padding-bottom:20px}.page-huangnan .hn-node{position:absolute;z-index:3;top:24px;left:50%;display:grid;place-items:center;width:48px;height:48px;transform:translateX(-50%);color:#fff;border:7px solid #e4dcc9;border-radius:50%;background:#16344a;box-shadow:0 0 0 1px rgba(22,52,74,.22),0 0 28px rgba(75,154,140,.3);font:700 11px/1 ui-monospace,monospace;font-style:normal}.page-huangnan .hn-card,.page-huangnan .hn-status{position:relative;padding:36px;border:1px solid var(--hn-line);background:rgba(244,239,225,.92);box-shadow:0 24px 58px rgba(17,32,43,.1)}.page-huangnan .hn-card>p:first-child,.page-huangnan .hn-status>p{margin:0 0 18px;color:#3d7e73;font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.15em}.page-huangnan .hn-card h3{margin-bottom:18px;font-size:31px;line-height:1.2;letter-spacing:-.04em}.page-huangnan .hn-card>p:not(:first-child){color:#586a6f;line-height:1.85}.page-huangnan .hn-card dl{display:grid;gap:9px;margin:26px 0 0}.page-huangnan .hn-card dl div{display:grid;grid-template-columns:58px 1fr;padding-top:11px;border-top:1px solid rgba(24,50,71,.12)}.page-huangnan .hn-card dt{color:#2d665d;font-weight:700}.page-huangnan .hn-card dd{margin:0;color:#617074}.page-huangnan .hn-card nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.page-huangnan .hn-card nav a,.page-huangnan .hn-read{padding:8px 11px;color:#255f56;border:1px solid rgba(37,95,86,.22);font-size:13px}.page-huangnan .hn-figure{position:relative;height:525px;margin:0;overflow:hidden;border:10px solid rgba(240,235,221,.85);box-shadow:0 28px 66px rgba(11,29,42,.18)}.page-huangnan .hn-figure img{display:block;width:100%;height:100%;object-fit:cover}.page-huangnan .hn-figure figcaption{position:absolute;right:13px;bottom:13px;left:13px;padding:13px 14px;color:#fff;background:rgba(9,24,35,.74);backdrop-filter:blur(9px);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.13em}.page-huangnan .hn-checkpoint.is-right .hn-figure,.page-huangnan .hn-public .hn-figure{order:1}.page-huangnan .hn-checkpoint.is-right .hn-card{order:2}.page-huangnan .hn-card ol{display:grid;gap:10px;margin:26px 0;padding:0;list-style:none}.page-huangnan .hn-card ol li{display:grid;grid-template-columns:65px 1fr;gap:14px;padding-top:10px;color:#617075;border-top:1px solid rgba(24,50,71,.12)}.page-huangnan .hn-card ol span{color:#2f7167;font-weight:700}.page-huangnan .hn-change-board{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:26px}.page-huangnan .hn-change-board span{display:grid;gap:7px;padding:15px;color:#617075;border:1px solid rgba(24,50,71,.12);font-size:12px}.page-huangnan .hn-change-board b{color:#2a635b;font-size:13px}.page-huangnan .hn-status{color:#edf4ed;background:#132b3d}.page-huangnan .hn-status>p{color:var(--hn-cyan)}.page-huangnan .hn-status div{display:grid;grid-template-columns:12px 1fr auto;gap:13px;align-items:center;padding:17px 0;border-top:1px solid rgba(255,255,255,.1)}.page-huangnan .hn-status div i{width:8px;height:8px;border-radius:50%;background:var(--hn-cyan);box-shadow:0 0 12px var(--hn-cyan)}.page-huangnan .hn-status div span{color:rgba(255,255,255,.72)}.page-huangnan .hn-status div b{color:#f0c979;font-size:12px}.page-huangnan .hn-public-list{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none}.page-huangnan .hn-public-list li{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 0;color:#617075;border-top:1px solid rgba(24,50,71,.12)}.page-huangnan .hn-public-list b{color:#2d695f}
.page-huangnan .hn-pricing{color:#f4efe3;background:#132b3d}.page-huangnan .hn-section-head.is-light .hn-step-label{color:var(--hn-cyan)}.page-huangnan .hn-section-head.is-light>p:last-child{color:rgba(244,239,227,.62)}.page-huangnan .hn-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-huangnan .hn-price-grid article{display:flex;flex-direction:column;min-height:365px;padding:31px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.page-huangnan .hn-price-grid article.is-main{color:#142633;background:#e9e1cf;transform:translateY(-18px);box-shadow:0 26px 60px rgba(0,0,0,.25)}.page-huangnan .hn-price-grid span{color:var(--hn-cyan);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.15em}.page-huangnan .hn-price-grid .is-main span{color:#8c6428}.page-huangnan .hn-price-grid h3{margin:18px 0 31px;font-size:24px}.page-huangnan .hn-price-grid strong{margin-bottom:23px;color:#fff;font-size:49px}.page-huangnan .hn-price-grid .is-main strong{color:#17344a}.page-huangnan .hn-price-grid strong small{margin-left:4px;font-size:13px;font-weight:500}.page-huangnan .hn-price-grid p{color:rgba(244,239,227,.58);line-height:1.75}.page-huangnan .hn-price-grid .is-main p{color:#5d6b6e}.page-huangnan .hn-price-grid footer{margin-top:auto;padding-top:18px;color:#efc66e;border-top:1px solid rgba(255,255,255,.12);font-size:13px}.page-huangnan .hn-price-grid .is-main footer{color:#765726;border-color:rgba(20,38,51,.14)}
.page-huangnan .hn-articles{background:#ded5c1}.page-huangnan .hn-note-list{display:grid;gap:10px}.page-huangnan .hn-note-list a{position:relative;display:grid;grid-template-columns:145px 1fr 1fr 35px;gap:22px;align-items:center;min-height:104px;padding:21px 25px;color:#152936;border:1px solid rgba(24,50,71,.14);background:rgba(246,241,227,.64)}.page-huangnan .hn-note-list span{color:#3e786f;font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.12em}.page-huangnan .hn-note-list h3{margin:0;font-size:20px}.page-huangnan .hn-note-list p{margin:0;color:#647277}.page-huangnan .hn-note-list i{color:#3f8277;font-size:22px;font-style:normal}
.page-huangnan .hn-platform{color:#f3eee3;background:#0e1d29}.page-huangnan .hn-section-head.is-dark .hn-step-label{color:var(--hn-cyan)}.page-huangnan .hn-section-head.is-dark>p:last-child{color:rgba(243,238,227,.6)}.page-huangnan .hn-platform-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:26px}.page-huangnan .hn-platform figure{margin:0;padding:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.page-huangnan .hn-platform figure img{display:block;width:100%;height:auto}.page-huangnan .hn-platform figure figcaption{padding:13px 2px 0;color:rgba(243,238,227,.48);font-size:12px}.page-huangnan .hn-workspaces{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-huangnan .hn-workspaces article{padding:21px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035)}.page-huangnan .hn-workspaces i{display:grid;place-items:center;width:35px;height:35px;margin-bottom:25px;color:var(--hn-cyan);border:1px solid rgba(118,224,211,.28);border-radius:50%;font:700 10px/1 ui-monospace,monospace;font-style:normal}.page-huangnan .hn-workspaces h3{margin-bottom:8px;color:#fff;font-size:18px}.page-huangnan .hn-workspaces p{margin:0;color:rgba(243,238,227,.52);font-size:12px;line-height:1.65}
.page-huangnan .hn-faq{background:#e7dfcd}.page-huangnan .hn-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:82px}.page-huangnan .hn-faq-layout>header{position:sticky;top:110px;align-self:start}.page-huangnan .hn-faq-layout h2{margin:20px 0;font-size:clamp(43px,3.8vw,47px);line-height:1.1;letter-spacing:-.05em}.page-huangnan .hn-faq-layout header>p:last-of-type{color:#5d6d71;line-height:1.8}.page-huangnan .hn-final-dots{display:flex;gap:12px;margin-top:31px}.page-huangnan .hn-final-dots i{width:7px;height:7px;border-radius:50%;background:#4f9387;box-shadow:0 0 12px rgba(79,147,135,.5)}.page-huangnan .hn-faq-list{border-top:1px solid rgba(24,50,71,.18)}.page-huangnan .hn-faq-list details{border-bottom:1px solid rgba(24,50,71,.18)}.page-huangnan .hn-faq-list summary{display:flex;justify-content:space-between;gap:24px;padding:27px 3px;color:#142633;list-style:none;cursor:pointer;font-size:18px;font-weight:700}.page-huangnan .hn-faq-list summary::-webkit-details-marker{display:none}.page-huangnan .hn-faq-list summary i{color:#3f796f;font-style:normal}.page-huangnan .hn-faq-list .city-faq-answer{padding:0 36px 27px 3px}.page-huangnan .hn-faq-list .city-faq-answer p{margin:0;color:#5b6c70;line-height:1.9}.page-huangnan .hn-final-ad{background:#0e1d29}.page-huangnan .hn-final{color:#f3eee3;background:#0e1d29}.page-huangnan .hn-final .city-shell{padding-top:66px;padding-bottom:72px}.page-huangnan .hn-final span{color:var(--hn-cyan);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.16em}.page-huangnan .hn-final h2{max-width:870px;margin:20px 0 17px;color:#fff;font-size:clamp(43px,3.8vw,47px);line-height:1.12;letter-spacing:-.05em}.page-huangnan .hn-final p{max-width:720px;margin:0;color:rgba(243,238,227,.58);line-height:1.8}
.page-huangnan .reveal{transition:opacity .65s ease,transform .65s ease}.page-huangnan.js .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
@media(hover:hover){.page-huangnan .hn-hero-actions a,.page-huangnan .hn-note-list a{transition:transform .25s ease,border-color .25s ease,background .25s ease}.page-huangnan .hn-hero-actions a:hover{transform:translateY(-2px);border-color:var(--hn-cyan)}.page-huangnan .hn-note-list a:hover{transform:translateX(5px);border-color:rgba(63,121,111,.45);background:#f1ead8}}
@media(max-width:960px){.page-huangnan .hn-hero{min-height:980px}.page-huangnan .hn-hero-layout{grid-template-columns:1fr;gap:42px}.page-huangnan .hn-workbench{max-width:620px}.page-huangnan .hn-section-head{grid-template-columns:1fr;gap:20px}.page-huangnan .hn-track::before{left:30px}.page-huangnan .hn-checkpoint{grid-template-columns:1fr;gap:25px;padding-left:78px}.page-huangnan .hn-node{left:30px}.page-huangnan .hn-checkpoint.is-right .hn-figure,.page-huangnan .hn-public .hn-figure{order:2}.page-huangnan .hn-checkpoint.is-right .hn-card{order:1}.page-huangnan .hn-price-grid{grid-template-columns:1fr}.page-huangnan .hn-price-grid article.is-main{transform:none}.page-huangnan .hn-note-list a{grid-template-columns:120px 1.2fr 1fr 30px}.page-huangnan .hn-platform-layout{grid-template-columns:1fr}.page-huangnan .hn-faq-layout{grid-template-columns:1fr;gap:35px}.page-huangnan .hn-faq-layout>header{position:static}}
@media(max-width:680px){.page-huangnan .city-shell{width:min(100% - 32px,1180px)}.page-huangnan .city-section{padding:76px 0}.page-huangnan .hn-hero{min-height:1050px}.page-huangnan .hn-hero-filter{background:linear-gradient(180deg,rgba(7,15,24,.92),rgba(7,15,24,.65) 53%,rgba(7,15,24,.93))}.page-huangnan .hn-hero-shell{padding-top:19px}.page-huangnan .hn-crumb{margin-bottom:42px}.page-huangnan .hn-hero h1{font-size:clamp(36px,10vw,40px);line-height:1.08}.page-huangnan .hn-hero-copy>p:not(.hn-coordinate){font-size:15px;line-height:1.75}.page-huangnan .hn-hero-actions{display:grid;grid-template-columns:1fr 1fr}.page-huangnan .hn-hero-actions a{min-width:0;padding:13px;font-size:12px}.page-huangnan .hn-workbench{padding:14px}.page-huangnan .hn-workbench::before{top:63px;bottom:60px}.page-huangnan .hn-desk-columns section{min-height:270px;padding:24px 16px}.page-huangnan .hn-desk-columns section+section{padding-left:21px}.page-huangnan .hn-desk-columns p{margin-bottom:25px;font-size:9px}.page-huangnan .hn-desk-columns h2{min-height:68px;font-size:21px}.page-huangnan .hn-desk-columns ul{font-size:11px}.page-huangnan .hn-section-head h2,.page-huangnan .hn-faq-layout h2,.page-huangnan .hn-final h2{font-size:clamp(29px,8.2vw,33px)}.page-huangnan .hn-track::before{left:16px}.page-huangnan .hn-checkpoint{gap:17px;padding:34px 0 78px 45px}.page-huangnan .hn-node{top:17px;left:16px;width:40px;height:40px;border-width:6px}.page-huangnan .hn-card,.page-huangnan .hn-status{padding:25px}.page-huangnan .hn-card h3{font-size:25px}.page-huangnan .hn-figure{height:390px;border-width:7px}.page-huangnan .hn-change-board{grid-template-columns:1fr}.page-huangnan .hn-price-grid article{min-height:310px}.page-huangnan .hn-note-list a{grid-template-columns:1fr 26px;gap:10px;min-height:190px;padding:24px}.page-huangnan .hn-note-list span,.page-huangnan .hn-note-list h3,.page-huangnan .hn-note-list p{grid-column:1}.page-huangnan .hn-note-list i{grid-column:2;grid-row:1 / span 3}.page-huangnan .hn-workspaces{grid-template-columns:1fr}.page-huangnan .hn-faq-list summary{padding:22px 2px;font-size:16px}.page-huangnan .hn-faq-list .city-faq-answer{padding-right:8px}.page-huangnan .hn-final .city-shell{padding-top:52px;padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){.page-huangnan *,.page-huangnan *::before,.page-huangnan *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}.page-huangnan.js .reveal:not(.is-visible){opacity:1;transform:none}}