.zh4{color:#182331;background:#fff;font-size:17px;line-height:1.8}.zh4 *{box-sizing:border-box}.zh4 a{text-decoration:none;transition:.2s}.zh4 h1,.zh4 h2,.zh4 h3,.zh4 p,.zh4 figure{margin:0}.zh4 h2{font-size:32px;line-height:1.45;font-weight:650;letter-spacing:-.5px}.zh4 h3{font-size:23px;line-height:1.5;font-weight:650}.zh4 p{color:#273848}.zh4-eyebrow,.zh4-kicker{display:block;color:#b32343;font-size:14px;font-weight:600;margin-bottom:14px;letter-spacing:1px}.zh4-hero{position:relative;overflow:hidden;background:#eef4f7}.zh4-hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}.zh4-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eef4f9 10%,rgba(244,248,251,.96) 38%,rgba(240,246,250,.62) 65%,rgba(16,43,57,.12))}.zh4-hero>.container{position:relative;z-index:1}.zh4-crumb{display:flex;gap:14px;font-size:14px;padding:22px 0;color:#425970}.zh4-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:center;padding:30px 0 45px}.zh4 h1{font-size:49px;line-height:1.35;letter-spacing:-1.5px;font-weight:750;margin-bottom:22px}.zh4-hero-grid>div>p{font-size:19px;line-height:1.9}.zh4-hero-actions{display:flex;gap:12px;margin-top:24px}.zh4-hero-actions a{background:#b32343;color:white;padding:11px 22px;border-radius:4px;font-size:16px}.zh4-hero-actions a+a{background:#fff;color:#203c54;border:1px solid #c4d4e1}.zh4-hero-actions a:hover{background:#8e1935;color:#fff}.zh4-contacts{display:flex;gap:26px;align-items:center;margin-top:22px;flex-wrap:wrap}.zh4-contacts>a,.zh4-contacts>button{display:flex;flex-direction:column;background:transparent;border:0;padding:0;color:#223d54;font:inherit;line-height:1.5;text-align:left;cursor:pointer}.zh4-contacts span{font-size:13px}.zh4-contacts strong{font-size:23px;font-weight:700}.zh4-contacts>a strong{color:#ae2443}.zh4-contacts button:hover strong{color:#b32343}.zh4-status{color:#286347}.zh4-hero aside{background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:10px;box-shadow:0 14px 40px #18344b16;padding:25px 28px}.zh4-hero aside>span{font-size:13px;color:#667c8c}.zh4-hero aside h3{margin:5px 0 14px;font-size:22px}.zh4-hero aside>a{display:flex;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #e1e9ef;color:#1e3449;font-size:17px}.zh4-hero aside b{font-size:13px;color:#b32343}.zh4-hero aside small{display:block;font-size:13px;color:#526577}.zh4-hero aside i{margin-left:auto;font-style:normal}.zh4-hero aside a:hover{color:#b32343}.zh4-photo-label{text-align:right;font-size:12px;color:#29445a;padding-bottom:12px}.zh4-local{padding:56px 0}.zh4-local>.container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.zh4-local p{margin:20px 0 16px;max-width:600px}.zh4-local a{font-size:14px;color:#b32343}.zh4-local figure{position:relative;border-radius:8px;overflow:hidden}.zh4-local figure img{width:100%;height:250px;object-fit:cover;display:block}.zh4-local figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 22px 15px;background:linear-gradient(transparent,#102b3de6);color:white;display:flex;justify-content:space-between;align-items:end}.zh4-local figcaption span{font-size:12px}.zh4-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.zh4-heading p,.zh4-heading>a{font-size:15px}.zh4-services{padding:48px 0 56px;background:#eef3f7}.zh4-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zh4-service-grid>a{position:relative;background:#fff;border:1px solid #d7e2eb;border-radius:8px;padding:24px 26px;box-shadow:0 5px 15px #173a5310;color:#172c3f}.zh4-service-icon{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:10px;background:#edf3f9;color:#51748f;float:right}.zh4-service-icon svg{width:26px;height:26px}.zh4-service-grid h3{padding:4px 0 12px}.zh4-service-grid p{font-size:16px;min-height:58px;padding-right:14px}.zh4-service-cta{border-top:1px solid #e5ebef;display:flex;justify-content:space-between;margin-top:20px;padding-top:12px;font-size:14px;color:#aa2944}.zh4-service-grid>a:hover{transform:translateY(-3px);border-color:#a3b9cd;box-shadow:0 12px 24px #173a5318}.zh4-scenes{padding:54px 0}.zh4-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.zh4-scene-grid article{padding:26px 28px;background:#eaf1f7;border-radius:7px;border-top:3px solid #7292aa}.zh4-scene-grid article:nth-child(2){background:#f3efe8;border-color:#ad9374}.zh4-scene-grid article:nth-child(3){background:#ebf2ee;border-color:#7b9c89}.zh4-scene-grid article>span{font-size:13px;color:#546e83}.zh4-scene-grid h3{margin:21px 0 8px}.zh4-scene-grid strong{font-size:15px;font-weight:500}.zh4-scene-grid p{font-size:16px;margin:16px 0 25px}.zh4-scene-grid a{font-size:14px;color:#244660}.zh4-scope-note{font-size:12px;margin-top:18px!important;color:#5c6d7b!important}.zh4-tools{padding:45px 0 50px;background:#f4f7fa}.zh4-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.zh4-tool-grid>a{display:flex;gap:18px;align-items:center;background:white;border:1px solid #cfdde8;border-radius:9px;padding:22px;color:#20394e;box-shadow:0 4px 0 #dfe8ef;position:relative;overflow:hidden}.zh4-tool-grid>a>b{font-size:27px;background:#edf3f7;border-radius:8px;width:49px;height:49px;display:grid;place-items:center;color:#577b97;font-weight:500}.zh4-tool-grid strong{font-size:19px;display:block;font-weight:600}.zh4-tool-grid small{display:block;font-size:14px;color:#4d6476}.zh4-tool-grid i{font-size:12px;font-style:normal;margin-left:auto;color:#687f90}.zh4-tool-grid a:hover{border-color:#6e91ac;transform:translateY(-2px)}.zh4-guide{background:#213e55;color:#fff;padding:48px 0}.zh4-guide>.container{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center}.zh4-guide .zh4-eyebrow{color:#c1d5e4}.zh4-guide p{color:#e1eaf1;font-size:16px;margin-top:16px}.zh4-guide a{color:#fff;font-size:14px;display:inline-block;margin-top:20px;border-bottom:1px solid #6b8699}.zh4-guide ol{list-style:none;margin:0;padding:0}.zh4-guide li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff24}.zh4-guide li:last-child{border:0}.zh4-guide li>b{color:#b9cfdd;font-size:25px;font-weight:400}.zh4-guide strong{font-size:20px;font-weight:600}.zh4-guide li p{margin-top:4px;font-size:15px}.zh4-brand{padding:52px 0 32px}.zh4-brand>.container{display:grid;grid-template-columns:.9fr 1.2fr;gap:45px;align-items:center}.zh4-brand img{width:100%;height:300px;object-fit:cover;border-radius:8px}.zh4-brand h2{font-size:29px}.zh4-brand p{font-size:16px;margin-top:15px}.zh4-brand small{display:block;font-size:12px;color:#5d6c78;margin-top:16px}.zh4-credits{padding:0 0 25px;font-size:12px;color:#637584}.zh4-credits summary{cursor:pointer}.zh4-credits p{margin-top:12px;font-size:12px}.zh4-reading{background:#e7eff5!important;border-top:1px solid #cfdeea}.zh4-reading .nx-article-list{gap:14px}.zh4-reading .nx-article-list>a{background:#fff;border:1px solid #cedce8;border-radius:6px;padding:18px}.zh4-reading h2{font-size:28px;color:#172c3f}.zh4-reading+.site-footer{margin-top:0}.zh4 a:focus-visible,.zh4 button:focus-visible{outline:3px solid #b32343;outline-offset:4px}@media(min-width:1500px){.zh4-hero-grid{padding:40px 0 50px}.zh4 h1{font-size:56px}}@media(max-width:1000px){.zh4-hero-grid{gap:30px;grid-template-columns:1.2fr 1fr}.zh4 h1{font-size:38px}.zh4-hero-grid>div>p{font-size:17px}.zh4-hero aside{padding:20px}.zh4-service-grid{grid-template-columns:repeat(2,1fr)}.zh4-local>.container,.zh4-guide>.container{gap:35px}.zh4-tool-grid{grid-template-columns:repeat(2,1fr)}.zh4-scene-grid{gap:12px}.zh4-scene-grid article{padding:22px}.zh4-brand>.container{gap:25px}.zh4-brand img{height:320px}}@media(max-width:650px){.zh4{font-size:16px}.zh4 .container{width:calc(100% - 36px)}.zh4 h2{font-size:27px}.zh4 h1{font-size:36px;letter-spacing:-1px}.zh4-hero-grid{display:block;padding:22px 0}.zh4-hero:after{background:linear-gradient(110deg,#f0f5fa 10%,#f0f5faed 65%,#eef5faba)}.zh4-hero-image{object-position:60% center}.zh4-hero-grid>div>p{font-size:16px}.zh4-kicker{font-size:12px}.zh4-hero aside{margin-top:28px;padding:17px 20px}.zh4-hero aside>a{padding:10px 0}.zh4-hero-actions{gap:8px}.zh4-hero-actions a{font-size:14px;padding:10px 14px}.zh4-contacts{gap:23px}.zh4-contacts strong{font-size:21px}.zh4-local{padding:34px 0}.zh4-local>.container,.zh4-brand>.container,.zh4-guide>.container{grid-template-columns:1fr;gap:24px}.zh4-local figure img{height:210px}.zh4-local figcaption{display:block}.zh4-local figcaption span{display:block}.zh4-heading{display:block}.zh4-heading p,.zh4-heading>a{margin-top:12px;display:block}.zh4-services,.zh4-scenes,.zh4-tools{padding:34px 0}.zh4-service-grid{grid-template-columns:1fr;gap:12px}.zh4-service-grid>a{padding:20px}.zh4-service-grid p{min-height:0;padding-right:45px}.zh4-service-grid h3{font-size:22px}.zh4-service-cta{margin-top:14px}.zh4-scene-grid{grid-template-columns:1fr}.zh4-scene-grid h3{margin-top:12px}.zh4-scene-grid p{margin-bottom:16px}.zh4-tool-grid{gap:12px}.zh4-tool-grid>a{display:block;padding:17px 13px}.zh4-tool-grid>a>b{width:35px;height:35px;font-size:22px;margin-bottom:10px}.zh4-tool-grid strong{font-size:17px}.zh4-tool-grid small{font-size:12px}.zh4-tool-grid i{position:absolute;top:24px;right:14px;font-size:11px}.zh4-guide{padding:35px 0}.zh4-guide h2 br{display:none}.zh4-brand{padding:34px 0 24px}.zh4-brand img{height:210px}.zh4-brand h2{font-size:26px}.zh4-credits{font-size:12px}.zh4-reading h2{font-size:25px}.zh4-reading .nx-article-list>a{padding:14px}}
@media(max-width:650px){.zh4 h1{font-size:32px;letter-spacing:-1px}}
/* Local character labels and service-specific decorative watermarks. */
.zh4-local-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.zh4-local-tags span{font-size:13px;line-height:1.6;padding:5px 12px;border-radius:3px;background:#edf2f6;color:#3e5a70;border-left:2px solid #92a9bc}.zh4-local-tags span:nth-child(2){background:#f3efe8;color:#746044;border-color:#b09a78}.zh4-local-tags span:nth-child(3){background:#edf3ef;color:#456451;border-color:#8da894}.zh4-service-grid>a{overflow:hidden;isolation:isolate}.zh4-service-grid>a>:not(.zh4-service-watermark){position:relative;z-index:1}.zh4-service-watermark{position:absolute;right:34px;bottom:43px;width:132px;height:132px;color:#51748f;opacity:.075;pointer-events:none;transform:rotate(-9deg);z-index:0}.zh4-service-watermark:before{content:'';position:absolute;inset:-12px;border-radius:50%;background:currentColor;opacity:.25}.zh4-service-watermark svg{width:100%;height:100%;stroke-width:1.05}.zh4-service-grid>a:nth-child(2) .zh4-service-watermark{color:#517f70;transform:rotate(9deg)}.zh4-service-grid>a:nth-child(3) .zh4-service-watermark{color:#5e7599;transform:rotate(-8deg)}.zh4-service-grid>a:nth-child(4) .zh4-service-watermark{color:#8b6273;transform:rotate(9deg)}.zh4-service-grid>a:nth-child(5) .zh4-service-watermark{color:#99794e;transform:rotate(-6deg)}.zh4-service-grid>a:nth-child(6) .zh4-service-watermark{color:#64866b;transform:rotate(8deg)}.zh4-service-grid>a:hover .zh4-service-watermark{opacity:.11}.zh4-service-cta{background:linear-gradient(90deg,#fff 25%,#ffffffc9)}@media(max-width:650px){.zh4-service-watermark{width:105px;height:105px;right:30px;bottom:34px;opacity:.065}.zh4-local-tags{gap:8px}.zh4-local-tags span{font-size:12px;padding:5px 10px}}
/* Zhenhai: harbour night-scene cover and practical operating routes. */
.zh4-hero{background:linear-gradient(120deg,#f2f6f9,#eaf1f5)}.zh4-hero:after{display:none}.zh4-harbour-cover{display:grid;grid-template-columns:.95fr 1.1fr;gap:55px;align-items:center;padding:20px 0 35px}.zh4-harbour-copy{padding:10px 0}.zh4 h1{font-size:50px;line-height:1.35;letter-spacing:-1px}.zh4-harbour-copy>p{font-size:19px;line-height:1.9}.zh4-harbour-image{position:relative;overflow:hidden;height:380px;border-radius:7px;box-shadow:14px 14px 0 #dce6ee}.zh4-harbour-image img{width:100%;height:100%;object-fit:cover;object-position:62% 65%;display:block}.zh4-harbour-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0f233bd9)}.zh4-harbour-image figcaption{position:absolute;left:25px;right:25px;bottom:22px;z-index:1;color:#fff}.zh4-harbour-image figcaption>span{display:block;font-size:13px;letter-spacing:1px;color:#dde9f2;margin-bottom:5px}.zh4-harbour-image figcaption strong{display:block;font-size:22px;font-weight:600}.zh4-harbour-image figcaption small{font-size:11px;color:#c9d9e5}.zh4-photo-index{position:absolute;top:22px;left:25px;border-left:2px solid #c4a77c;padding-left:10px;font-size:10px;color:#e9eff4;line-height:1.5;letter-spacing:2px;z-index:1}.zh4-photo-index b{font-size:20px;font-weight:500;letter-spacing:4px}.zh4-quick-route{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;background:#213e55;color:#fff;border-radius:5px;margin:8px 0 28px;padding:18px 22px;gap:0}.zh4-quick-route>span{font-size:15px;color:#e0eaf2;padding-right:14px}.zh4-quick-route>a{display:flex;justify-content:space-between;color:#fff;padding:4px 20px;border-left:1px solid #ffffff30;font-size:17px}.zh4-quick-route>a b{font-weight:400;color:#b3c9d9}.zh4-quick-route>a:hover{color:#edd7ba}.zh4-local{padding:48px 0}.zh4-local>.container{grid-template-columns:1fr 1.1fr;gap:60px}.zh4-local figure img{height:265px;object-position:center 62%}.zh4-local p{font-size:17px;line-height:1.9}.zh4-service-grid>a{border-bottom:3px solid #c8d7e3}.zh4-service-grid>a:nth-child(2),.zh4-service-grid>a:nth-child(6){border-bottom-color:#c4d9cc}.zh4-service-grid>a:nth-child(4),.zh4-service-grid>a:nth-child(5){border-bottom-color:#dbcdbb}.zh4-service-grid>a:nth-child(2) .zh4-service-icon{background:#edf4ef;color:#5d8170}.zh4-service-grid>a:nth-child(5) .zh4-service-icon{background:#f5f0e9;color:#947750}.zh4-service-grid>a:nth-child(6) .zh4-service-icon{background:#edf4ef;color:#5d8170}.zh4-service-cta{background:transparent}.zh4-scenes{padding:50px 0}.zh4-operation-list{border:1px solid #d0dfe9;border-radius:8px;overflow:hidden;box-shadow:0 7px 20px #203d5108}.zh4-operation-list article{display:grid;grid-template-columns:.95fr 1.4fr .65fr;align-items:center;gap:30px;background:#f5f8fb;padding:27px 30px;border-bottom:1px solid #d9e5ed}.zh4-operation-list article:nth-child(2){background:#fff}.zh4-operation-list article:last-child{border-bottom:0;background:#f1f6f3}.zh4-operation-title{position:relative}.zh4-operation-title>b{font-size:13px;color:#9d3048;display:block;margin-bottom:6px;font-weight:500}.zh4-operation-title h3{font-size:23px}.zh4-operation-title p{font-size:15px;margin-top:10px}.zh4-mini-label{font-size:12px;color:#587083}.zh4-operation-tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 12px}.zh4-operation-tags span{font-size:13px;color:#31536c;background:#e8f0f6;border:1px solid #d4e1eb;padding:5px 10px;border-radius:4px}.zh4-operation-body>p{font-size:13px;line-height:1.9;color:#3f5668}.zh4-operation-list article>a{border:1px solid #c6d7e5;background:#fff;box-shadow:0 3px 0 #dbe6ef;border-radius:4px;font-size:14px;padding:12px 15px;color:#264a64;display:flex;justify-content:space-between;gap:12px;align-items:center}.zh4-operation-list article>a i{font-style:normal;color:#a32d47}.zh4-operation-list article>a:hover{background:#24465f;color:#fff;border-color:#24465f;box-shadow:0 3px 0 #15354c}.zh4-operation-list article>a:hover i{color:#fff}.zh4-extra{display:flex;gap:22px;align-items:center;margin-top:20px;font-size:14px;flex-wrap:wrap}.zh4-extra>span{color:#576e80}.zh4-extra>a{color:#264b65}.zh4-tools{background:#edf3f7;padding:45px 0}.zh4-tool-grid>a{box-shadow:0 4px 0 #d8e3ec}.zh4-tool-grid>a:after{content:'+';position:absolute;right:15px;bottom:-32px;color:#55778f;font-size:110px;line-height:1;opacity:.04;font-weight:300;pointer-events:none}.zh4-guide{background:#fff;color:#1b3043;border-bottom:1px solid #dbe5ed;padding:38px 0}.zh4-guide .zh4-eyebrow{color:#a92c46}.zh4-guide p{color:#2c4356}.zh4-guide a{color:#2a4e68;border-color:#a8bac7}.zh4-guide li{border-bottom-color:#dbe5ec}.zh4-guide li>b{color:#6888a0}.zh4-guide ol{background:#edf3f7;border-radius:7px;padding:7px 24px;border:1px solid #d2e0ea}.zh4-brand{background:#f7f9fb;padding:43px 0 28px}.zh4-brand img{height:280px}.zh4-credits{background:#f7f9fb}.zh4-reading{border-top:1px solid #cfdde8}
@media(min-width:1500px){.zh4-harbour-cover{gap:75px;padding:30px 0 40px}.zh4 h1{font-size:56px}.zh4-harbour-image{height:400px}}
@media(max-width:1000px){.zh4-harbour-cover{gap:30px;grid-template-columns:1fr 1fr}.zh4 h1{font-size:40px}.zh4-harbour-copy>p{font-size:17px}.zh4-harbour-image{height:360px;box-shadow:9px 9px 0 #dce6ee}.zh4-harbour-image figcaption{left:20px;right:20px}.zh4-harbour-image figcaption strong{font-size:20px}.zh4-quick-route{padding:17px 16px;grid-template-columns:1fr repeat(4,1fr)}.zh4-quick-route>span{font-size:13px}.zh4-quick-route>a{font-size:15px;padding:4px 12px}.zh4-local>.container{gap:30px}.zh4-operation-list article{grid-template-columns:1fr 1.4fr;gap:20px;padding:24px}.zh4-operation-list article>a{grid-column:2;justify-self:start}.zh4-operation-body>p{font-size:14px}.zh4-operation-title h3{font-size:22px}}
@media(max-width:650px){.zh4-harbour-cover{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding:14px 0 25px}.zh4 h1{font-size:36px;letter-spacing:-1px}.zh4-harbour-copy>p{font-size:16px}.zh4-harbour-image{height:240px;box-shadow:7px 7px 0 #dce6ee;margin-right:7px}.zh4-harbour-image img{object-position:62% 67%}.zh4-harbour-image figcaption{left:17px;right:17px;bottom:15px}.zh4-harbour-image figcaption strong{font-size:18px}.zh4-harbour-image figcaption>span{font-size:12px}.zh4-harbour-image figcaption small{font-size:10px}.zh4-photo-index{top:15px;left:17px;font-size:8px}.zh4-photo-index b{font-size:16px}.zh4-quick-route{grid-template-columns:repeat(2,1fr);padding:15px;margin:7px 0 22px;gap:0}.zh4-quick-route>span{grid-column:1/-1;font-size:14px;padding:0 0 12px;border-bottom:1px solid #ffffff24;margin-bottom:5px}.zh4-quick-route>a{padding:10px 8px;font-size:16px}.zh4-quick-route>a:nth-child(even){border-left:0;padding-left:0}.zh4-local{padding:34px 0}.zh4-local>.container{display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch}.zh4-local p{font-size:16px}.zh4-local figure img{height:215px}.zh4-scenes{padding:34px 0}.zh4-operation-list article{display:block;padding:24px 20px}.zh4-operation-title h3{font-size:23px}.zh4-operation-title p{font-size:16px}.zh4-operation-body{margin-top:20px}.zh4-operation-tags{gap:7px}.zh4-operation-tags span{font-size:12px;padding:5px 9px}.zh4-operation-list article>a{margin-top:20px;font-size:14px}.zh4-extra{gap:10px 17px;font-size:13px}.zh4-extra>span{width:100%}.zh4-tools{padding:34px 0}.zh4-guide ol{padding:5px 18px}.zh4-brand{padding:34px 0 25px}.zh4-brand img{height:210px}}