.zh-site{--zh-navy:#061a33;--zh-ink:#051f3b;--zh-muted:#4d6b8f;--zh-green:#38c73b;--zh-pale:#f0f7fc;background:#fff;color:var(--zh-ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.zh-site *{box-sizing:border-box}.zh-container{width:1296px;margin:0 auto}.zh-header{height:80px;background:#fff;border-bottom:2px solid #33b833;position:relative;z-index:20}.zh-header-inner{height:78px;display:flex;align-items:center}.zh-brand{width:426px;display:flex;align-items:center;gap:16px;color:var(--zh-ink)}.zh-brand img{width:78px;height:59px;object-fit:contain}.zh-brand b{display:block;font-size:25px;line-height:30px}.zh-brand small{display:block;margin-top:3px;color:#526175;font-size:12px;font-weight:600;letter-spacing:.4px}.zh-nav{height:78px;display:flex;align-items:stretch;gap:26px}.zh-nav-item{position:relative;display:flex;align-items:stretch;font-size:14px;white-space:nowrap}.zh-nav-item>a{display:flex;align-items:center;color:#1a3354}.zh-nav-item.is-current>a{font-weight:700;color:var(--zh-ink)}.zh-nav-item.is-current:after{content:"";position:absolute;bottom:0;height:4px;width:56px;background:var(--zh-green);left:50%;transform:translateX(-50%)}.zh-hotline{margin-left:auto;font-weight:600;font-size:14px;white-space:nowrap}.zh-language{display:flex;align-items:center;gap:9px;width:82px;height:30px;margin-left:20px;padding:2px;border:1px solid #c7d6e8;border-radius:15px;background:#fff;color:#1a3354;font:500 11px inherit;cursor:pointer}.zh-language b{display:grid;place-items:center;width:38px;height:26px;border-radius:13px;background:#33d440;color:#051a2e;font-weight:600}.zh-language.zh-en-preview b{order:2}.zh-mega{display:none;position:absolute;top:78px;left:-30px;width:500px;min-height:244px;background:rgba(5,31,59,.97);box-shadow:0 18px 32px rgba(0,0,0,.24);padding:20px 0;color:#fff}.zh-nav-item:hover .zh-mega,.zh-mega:hover{display:grid;grid-template-columns:200px 1fr}.zh-mega>div:first-child{padding:6px 30px;border-right:1px solid rgba(255,255,255,.18)}.zh-mega b{display:block;margin:0 0 9px;color:#65e87d;font-size:13px}.zh-mega a{display:block;padding:7px 0;color:#fff;font-size:14px}.zh-mega a:hover{color:#65e87d}.zh-mega-feature{padding:24px 24px;background:linear-gradient(135deg,rgba(5,31,59,.44),rgba(5,31,59,.8)),url('assets/figma-home/hero.png') center/cover}.zh-mega-feature p{margin:0;color:#63e87f;font-size:11px}.zh-mega-feature strong{display:block;margin:11px 0 25px;font-size:17px;line-height:1.55}.zh-hero{height:538px;position:relative;overflow:hidden;background:#020f22;color:#fff}.zh-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zh-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,31,.82) 0%,rgba(3,13,31,.46) 52%,rgba(3,13,31,.08) 100%)}.zh-hero-inner{height:100%;position:relative}.zh-hero-copy{position:absolute;top:90px;left:22px;width:720px}.zh-hero-copy>i{position:absolute;top:0;left:-22px;width:6px;height:48px;border-radius:3px;background:var(--zh-green)}.zh-eyebrow,.zh-kicker{margin:0;color:#80eb8f;font-weight:600;font-size:12px}.zh-hero-copy h1{margin:12px 0 12px;font-size:44px;line-height:56px;letter-spacing:-1px}.zh-hero-desc{width:610px;margin:0;color:#d9e8f7;font-size:16px;line-height:24px}.zh-primary{display:inline-block;margin-top:35px;padding:16px 18px;border-radius:10px;background:var(--zh-green);color:#03170a;font-size:14px;font-weight:600}.zh-steps{margin-top:45px;color:#c7dbf0;font-size:13px;font-weight:600}.zh-inquiry{position:absolute;top:48px;right:0;width:360px;height:442px;padding:22px 24px;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(0,8,26,.32);color:#081a36}.zh-inquiry:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;border-radius:16px;background:var(--zh-green)}.zh-inquiry>p{margin:0;color:#1a8c29;font-size:10px;font-weight:600}.zh-inquiry h2{margin:7px 0 10px;font-size:22px;line-height:30px}.zh-inquiry input{display:block;width:100%;height:40px;margin-bottom:13px;padding:0 11px;border:1px solid #a8bfd6;border-radius:8px;color:var(--zh-ink);font:12px inherit}.zh-inquiry>div{display:flex;gap:24px}.zh-inquiry>div input{width:144px}.zh-inquiry button{width:100%;height:46px;border:0;border-radius:9px;background:#082e6e;color:#fff;font:600 13px inherit;cursor:pointer}.zh-inquiry-feedback{display:block;margin-top:7px;color:#188b30;font-size:11px;line-height:16px}.zh-products{height:832px;padding:58px 0 60px;background:var(--zh-pale)}.zh-section-head{display:flex;justify-content:space-between;gap:30px}.zh-section-head h2{margin:9px 0 4px;font-size:38px;line-height:52px;letter-spacing:-1px}.zh-section-head p:not(.zh-kicker){margin:0;color:#546b85;font-size:16px;line-height:26px}.zh-section-head>a{padding-top:10px;color:#086b29;font-size:14px;font-weight:600;white-space:nowrap}.zh-product-mosaic{display:grid;grid-template-columns:590px 1fr;gap:36px;margin-top:55px}.zh-feature-product,.zh-small-product{position:relative;overflow:hidden;border:1px solid #c7dbed;border-radius:18px}.zh-feature-product{height:560px}.zh-feature-product>img,.zh-small-product>img{width:100%;height:100%;object-fit:cover;display:block}.zh-feature-product>span,.zh-small-product>span{position:absolute;bottom:0;left:0;width:100%;background:rgba(54,56,59,.86);color:#fff}.zh-feature-product>span{height:148px;padding:19px 35px}.zh-feature-product em{display:block;color:#a8ffb2;font-style:normal;font-size:12px}.zh-feature-product b{display:block;margin-top:11px;font-size:24px;line-height:38px}.zh-feature-product i,.zh-small-product i{position:absolute;right:20px;bottom:27px;color:#73e591;font-size:15px;font-style:normal;font-weight:600}.zh-small-products{display:grid;grid-template-columns:repeat(2,323px);grid-template-rows:264px 264px;gap:32px 24px}.zh-small-product{height:264px;border-radius:18px}.zh-small-product>span{height:62px;padding:19px 16px}.zh-small-product b{font-size:18px}.zh-small-product i{right:15px;bottom:21px;font-size:15px}.zh-cases{height:550px;padding:55px 0;background:#fff}.zh-cases .zh-section-head h2{font-size:34px;line-height:46px}.zh-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.zh-case{position:relative;height:282px;padding:23px;border:1px solid #d1e3f2;border-radius:16px}.zh-case>img{position:absolute;left:23px;top:23px;width:164px;height:164px;border:1px solid #c2dbf2;border-radius:12px;object-fit:cover}.zh-case-mark{position:absolute;left:0;top:23px;width:5px;height:58px;border-radius:3px;background:#1abf45}.zh-case>div{margin-left:188px}.zh-case em{color:#1abf45;font-size:12px;font-style:normal;font-weight:600}.zh-case h3{margin:7px 0 9px;font-size:20px;line-height:28px}.zh-case p{margin:0;color:#476e9c;font-size:14px;line-height:22px}.zh-case footer{position:absolute;right:23px;bottom:18px;left:23px;display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #d4e5f5;font-size:11px}.zh-case footer b{color:#268a44}.zh-case footer a{color:#086b29;font-weight:600}.zh-process{height:712px;padding:56px 0;background:#eff8fd}.zh-process .zh-section-head h2{font-size:34px;line-height:46px}.zh-process-layout{display:grid;grid-template-columns:580px 688px;gap:28px;margin-top:56px}.zh-process-main{position:relative;height:360px;overflow:hidden;border-radius:16px}.zh-process-main img{width:100%;height:100%;object-fit:cover}.zh-process-main b,.zh-process-pics article b{position:absolute;right:0;bottom:0;left:0;padding:23px 18px;background:rgba(3,15,36,.86);color:#fff;font-size:15px}.zh-process-side{position:relative;padding-top:72px}.zh-process-stat{position:absolute;top:-96px;right:0;width:238px;height:122px;padding:20px;border-radius:12px;background:#14335c;color:#fff}.zh-process-stat b{display:block;color:#54f07a;font-size:22px}.zh-process-stat span{display:block;margin:5px 0 15px;color:#c4d9f2;font-size:11px}.zh-process-stat small{font-size:11px}.zh-process-pics{display:grid;grid-template-columns:1fr 1fr;gap:24px}.zh-process-pics article{position:relative;height:264px;overflow:hidden;border-radius:16px}.zh-process-pics img{width:100%;height:100%;object-fit:cover}.zh-process-pics article b{padding:21px 18px;font-size:15px}.zh-process-flow{display:flex;height:72px;margin-top:24px;border:1px solid rgba(61,99,150,.5);border-radius:18px;background:#14335c;color:#fff}.zh-process-flow span{position:relative;flex:1;padding:12px 18px 8px 49px}.zh-process-flow span+span{border-left:1px solid rgba(87,125,173,.72)}.zh-process-flow b{position:absolute;left:19px;color:#54f07a;font-size:16px}.zh-process-flow strong,.zh-process-flow small{display:block}.zh-process-flow strong{font-size:14px}.zh-process-flow small{margin-top:9px;color:#c4d9f2;font-size:11px}.zh-about{height:712px;padding:56px 0 60px;background:#fff}.zh-about .zh-section-head h2{font-size:32px;line-height:42px}.zh-certificates{display:flex;gap:16px;margin-top:38px}.zh-certificates span{padding:8px 14px;border-radius:15px;background:#e5f5e8;color:#0d6e2e;font-size:11px}.zh-about-grid{display:grid;grid-template-columns:560px 312px 376px;gap:24px;margin-top:34px}.zh-profile,.zh-updates,.zh-location{height:386px;border:1px solid #d6e5f2;border-radius:22px}.zh-profile{padding:28px 24px;background:#061a33;color:#fff;border:0}.zh-profile>p:first-child{margin:0;color:#54f07a;font-size:11px;font-weight:600}.zh-profile h3{margin:8px 0 22px;font-size:24px}.zh-profile>div{display:flex;align-items:center;gap:24px}.zh-profile img{width:104px;height:79px;object-fit:contain}.zh-profile span{color:#99b5d1;font-size:11px}.zh-profile span b,.zh-profile span small{display:block}.zh-profile span b{margin:5px 0;color:#54f07a;font-size:38px}.zh-profile span small{color:#c7dbf2;font-size:12px}.zh-profile hr{border:0;border-top:1px solid rgba(64,97,135,.75);margin:19px 0 14px}.zh-profile strong,.zh-profile>p:nth-of-type(2),.zh-profile em{display:block;font-size:12px;line-height:18px}.zh-profile>p:nth-of-type(2){margin:13px 0;color:#c7dbf2}.zh-profile em{color:#54f07a;font-style:normal;font-weight:600}.zh-updates{padding:27px 23px}.zh-updates h3{margin:0 0 20px;font-size:18px}.zh-updates>div{padding:9px 0;border-bottom:1px solid #d6e5f2}.zh-updates em{color:#08752b;font-size:12px;font-style:normal}.zh-updates p{margin:5px 0 0;color:#476385;font-size:13px;line-height:19px}.zh-updates a{display:block;margin-top:15px;color:#086b29;font-size:13px;font-weight:600}.zh-location{padding:23px;position:relative}.zh-location>p{margin:0;color:#0a8c36;font-size:11px;font-weight:600}.zh-location h3{margin:8px 0 12px;font-size:19px}.zh-location img{width:336px;height:225px;display:block}.zh-location small{display:block;margin-top:9px;color:#4d6b8f;font-size:12px}.zh-location>b{display:block;margin-top:6px;font-size:14px;line-height:22px}.zh-footer{height:170px;padding:30px 0;background:#030a1a;color:#fff}.zh-footer>.zh-container{display:grid;grid-template-columns:334px 1fr}.zh-footer h3{margin:0 0 8px;font-size:22px}.zh-footer p,.zh-footer small{margin:0;color:#8aa8cc;font-size:12px;line-height:21px}.zh-footer p b{color:#54f07a}.zh-footer>div>div:nth-child(2){padding-top:12px}.zh-footer>div>div:nth-child(2) p+ p{margin-top:8px;color:#fff}.zh-footer hr{grid-column:1/-1;width:100%;margin:13px 0 8px;border:0;border-top:1px solid rgba(59,89,130,.55)}.zh-footer>div>p{grid-column:1/-1;color:#96b0cf}.zh-footer>div>p span{color:#5ce07a;margin-left:14px}
@media(min-width:1101px) and (max-width:1328px){.zh-container{width:calc(100% - 48px)}}
@media(max-width:1100px){.zh-container{width:calc(100% - 48px)}.zh-brand{width:310px}.zh-nav{gap:16px}.zh-hotline{display:none}.zh-inquiry{right:0}.zh-product-mosaic{grid-template-columns:45% 1fr;gap:20px}.zh-small-products{grid-template-columns:repeat(2,1fr)}.zh-about-grid{grid-template-columns:1.4fr .8fr 1fr}.zh-location img{width:100%}}
@media(max-width:760px){.zh-container{width:calc(100% - 32px)}.zh-header{height:66px}.zh-header-inner{height:64px}.zh-brand{width:auto}.zh-brand img{width:48px;height:45px}.zh-brand b{font-size:17px}.zh-brand small,.zh-hotline{display:none}.zh-nav{margin-left:auto;gap:13px;height:64px;overflow-x:auto}.zh-nav-item{font-size:12px}.zh-nav-item:nth-child(1),.zh-nav-item:nth-child(3),.zh-nav-item:nth-child(5){display:none}.zh-language{margin-left:12px;width:72px;flex:none}.zh-hero{height:auto;min-height:670px}.zh-hero-inner{height:670px}.zh-hero-copy{top:58px;left:22px;width:calc(100% - 44px)}.zh-hero-copy h1{font-size:29px;line-height:41px}.zh-hero-desc{width:auto;font-size:14px}.zh-inquiry{top:330px;left:0;right:auto;width:100%;transform:scale(.94);transform-origin:top left}.zh-products,.zh-cases,.zh-process,.zh-about{height:auto;padding:48px 0}.zh-section-head{display:block}.zh-section-head h2,.zh-cases .zh-section-head h2,.zh-process .zh-section-head h2,.zh-about .zh-section-head h2{font-size:25px;line-height:36px}.zh-section-head>a{display:inline-block;margin-top:16px}.zh-product-mosaic,.zh-process-layout,.zh-about-grid{grid-template-columns:1fr;margin-top:30px}.zh-feature-product{height:400px}.zh-small-products{grid-template-columns:1fr;grid-template-rows:none}.zh-small-product{height:220px}.zh-case-grid{grid-template-columns:1fr;margin-top:30px}.zh-process-main{height:270px}.zh-process-side{padding-top:0}.zh-process-stat{position:static;width:100%;margin-bottom:16px}.zh-process-pics{grid-template-columns:1fr}.zh-process-pics article{height:230px}.zh-process-flow{height:auto;display:block}.zh-process-flow span{display:block;padding:13px 16px 13px 48px}.zh-process-flow span+span{border-left:0;border-top:1px solid rgba(87,125,173,.72)}.zh-certificates{flex-wrap:wrap;margin-top:25px}.zh-about-grid{gap:16px}.zh-profile,.zh-updates,.zh-location{height:auto;min-height:330px}.zh-footer{height:auto}.zh-footer>.zh-container{grid-template-columns:1fr;gap:8px}.zh-footer hr,.zh-footer>div>p{grid-column:auto}.zh-footer>div>p span{display:block;margin:7px 0 0}.zh-mega{left:auto;right:0;width:360px}.zh-nav-item:hover .zh-mega{display:none}}

/* Screenshot-aligned desktop adjustments (1440px design canvas). */
.zh-mega{width:200px;min-height:0;padding:14px 0}.zh-nav-item:hover .zh-mega,.zh-mega:hover{display:block}.zh-mega>div:first-child{padding:4px 30px;border-right:0}.zh-mega-feature{display:none}
.zh-inquiry{top:40px;width:432px;height:527px;padding:27px 28px;border-radius:18px}.zh-inquiry:before{height:5px;border-radius:18px}.zh-inquiry>p{font-size:11px}.zh-inquiry h2{margin:8px 0 13px;font-size:27px;line-height:34px}.zh-inquiry input{height:48px;margin-bottom:16px;padding:0 14px;border-radius:9px;font-size:14px}.zh-inquiry>div{gap:29px}.zh-inquiry>div input{width:177px}.zh-inquiry button{height:55px;border-radius:10px;font-size:16px}.zh-inquiry-feedback{margin-top:8px}
.zh-hero,.zh-hero-inner{height:595px}
.zh-case-grid{gap:36px}.zh-case{padding:23px}.zh-case>img{width:164px;height:164px}.zh-case>div{margin-left:188px}.zh-case h3{font-size:20px;line-height:28px}.zh-case p{font-size:14px;line-height:22px}
.zh-updates{padding:26px 23px}.zh-updates h3{margin-bottom:15px}.zh-updates>div{padding:6px 0}.zh-updates p{margin-top:3px;font-size:12px;line-height:17px}.zh-updates a{margin-top:10px}
.zh-footer{height:170px;padding:30px 0}.zh-footer>.zh-container{grid-template-columns:366px 1fr}.zh-footer h3{font-size:22px}.zh-footer hr{margin:13px 0 8px}
@media(max-width:760px){.zh-hero,.zh-hero-inner{height:900px;min-height:900px}.zh-inquiry{top:330px;left:50%;right:auto;width:calc(100% - 64px);height:527px;transform:translateX(-50%)}.zh-inquiry>div{gap:16px}.zh-inquiry>div input{width:100%}}

/* Round and clip the quote-card top rule so it stays inside the card edge. */
.zh-inquiry{overflow:hidden}.zh-inquiry:before{right:0;width:auto}

/* The second case is the blue variation; the other two retain the bright green CTA. */
.zh-case footer a{color:#16bf46;font-weight:800}.zh-case:nth-child(2) .zh-case-mark{background:#1679d3}.zh-case:nth-child(2) em,.zh-case:nth-child(2) footer a{color:#126fc8}

/* Align the main production image and both supporting images on one shared top edge. */
.zh-process-side{padding-top:0}.zh-process-stat{top:-168px}

/* Use the remaining update-card space for one additional, real status item. */
.zh-updates{padding:24px 23px}.zh-updates h3{margin-bottom:11px}.zh-updates>div{padding:4px 0}.zh-updates p{margin-top:2px;font-size:12px;line-height:16px}.zh-updates a{margin-top:8px}

/* Contact values in the footer are intentionally white, like the reference. */
.zh-footer>div>div:nth-child(2) p+p b{color:#fff}

/* Section labels use the same green as their matching “more” action. */
.zh-kicker{color:#086b29}

/* Case CTAs are deliberately one step larger and visually stronger. */
.zh-case footer a{font-size:12px;font-weight:800}

/* Reserve the “more production scenes” line, then lower the complete image block by 56px. */
.zh-process-layout{margin-top:139px}

/* Five updates follow the original card’s readable type scale and vertical rhythm. */
.zh-updates{display:flex;flex-direction:column;padding:26px 23px}.zh-updates h3{margin:0 0 16px;font-size:19px}.zh-updates>div{padding:6px 0}.zh-updates p{margin-top:3px;font-size:12px;line-height:18px}.zh-updates a{margin-top:auto;padding-top:12px}

/* Homepage section rhythm and persistent navigation. */
.zh-header,.site-header{position:sticky;top:0;z-index:100}.zh-products{padding:60px 0}.zh-cases{height:560px;padding:60px 0}.zh-process{padding:60px 0}.zh-about{padding:60px 0}

/* Keep the visible “more” text 20px above the status card and the card 20px above the images. */
.zh-product-mosaic small{display:none}.zh-feature-product b{max-width:calc(470px - 4ch);font-size:24px;line-height:36px}.zh-small-product b{font-size:16px}.zh-feature-product b,.zh-small-product b,.zh-case h3,.zh-case p,.zh-updates p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.zh-about .zh-location[role="link"]{cursor:pointer}.zh-about .zh-location[role="link"]:focus{outline:3px solid #38c73b;outline-offset:3px}
.zh-process{height:671px}.zh-process-layout{margin-top:90px}.zh-process-stat{top:-142px}

/* Subtle breathing highlight for the supplied product, case and process imagery. */
.zh-feature-product>img,.zh-small-product>img,.zh-case>img,.zh-process-main img,.zh-process-pics img{will-change:transform,filter;transform-origin:center;transition:transform .45s ease,filter .45s ease}.zh-feature-product:hover>img,.zh-small-product:hover>img,.zh-case:hover>img,.zh-process-main:hover img,.zh-process-pics article:hover img{animation:zh-breathe 1.8s ease-in-out infinite}@keyframes zh-breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.08)}}

/* A persistent, brand-aligned WeChat consultation QR card. */
.zh-qr-float{position:fixed;right:24px;bottom:24px;z-index:90;width:142px;margin:0;padding:10px 10px 8px;border:1px solid #bcd5eb;border-radius:16px;background:#fff;box-shadow:0 14px 32px rgba(4,29,56,.2);text-align:center}.zh-qr-float img{display:block;width:120px;height:120px;margin:0 auto;border-radius:8px}.zh-qr-float span{display:block;margin-top:7px;color:#08752b;font-size:13px;font-weight:700}@media(max-width:760px){.zh-qr-float{right:14px;bottom:14px;width:108px;padding:7px}.zh-qr-float img{width:92px;height:92px}.zh-qr-float span{font-size:11px}}

/* Step-two inquiry dialog, matching the contact-information reference. */
.zh-contact-dialog{position:fixed;inset:0;z-index:320;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(4,20,42,.38)}.zh-contact-dialog.is-open{display:flex}.zh-contact-dialog-box{position:relative;width:min(100%,456px);padding:26px 28px 38px;border-radius:20px;background:#fff;box-shadow:0 22px 48px rgba(0,21,48,.28);color:#082448}.zh-contact-dialog-box>p{margin:0;color:#148d32;font-size:11px;font-weight:700}.zh-contact-dialog-box h2{margin:8px 0 15px;font-size:26px;line-height:34px}.zh-contact-dialog-note{margin-bottom:16px;padding:11px 12px;border-radius:8px;background:#f2f6fa;color:#647b97;font-size:13px}.zh-contact-dialog-close{position:absolute;top:19px;right:22px;border:0;background:transparent;color:#526a84;font-size:26px;line-height:1;cursor:pointer}.zh-contact-dialog form{display:grid;gap:14px}.zh-contact-dialog label{display:block;color:#183b61;font-size:13px;font-weight:700}.zh-contact-dialog input{display:block;width:100%;height:42px;margin-top:7px;padding:0 12px;border:1px solid #9ebadd;border-radius:8px;color:#173b61;font:13px "Microsoft YaHei",sans-serif}.zh-contact-dialog input:focus{outline:2px solid #8fe3a0;border-color:#36c84c}.zh-contact-dialog form small{margin-top:2px;color:#61758c;font-size:11px;line-height:18px}.zh-contact-dialog form button{height:52px;margin-top:0;border:0;border-radius:9px;background:#1b438f;color:#fff;font:700 15px "Microsoft YaHei",sans-serif;cursor:pointer}@media(max-width:560px){.zh-contact-dialog{padding:18px}.zh-contact-dialog-box{padding:24px 20px 28px}.zh-contact-dialog-box h2{font-size:23px}}

/* Footer content defines its own height: links may wrap, but copyright stays on one line. */
.zh-contact-dialog-box{max-height:calc(100vh - 32px);overflow:auto}.zh-inquiry-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}.zh-inquiry-submit-feedback{min-height:18px;color:#a12626;font-size:12px;line-height:18px}.zh-contact-dialog form button:disabled{cursor:wait;opacity:.72}
.zh-footer{height:auto;min-height:170px}.zh-footer>.zh-container{grid-template-columns:minmax(510px,1fr) minmax(0,1fr)}.zh-footer small{white-space:nowrap}.zh-footer small a{color:#5ce07a}.zh-footer>div>p{overflow-wrap:anywhere}@media(max-width:760px){.zh-footer>.zh-container{grid-template-columns:1fr}.zh-footer small{white-space:normal}}

/* The active channel keeps the same tab underline in both languages. */
.zh-nav-item[aria-current="page"]>a{font-weight:700;color:var(--zh-ink)}.zh-nav-item[aria-current="page"]:after{content:"";position:absolute;z-index:1;bottom:0;left:50%;width:56px;height:4px;background:var(--zh-green);transform:translateX(-50%)}
.zh-nav-item[aria-current="page"]:after{box-shadow:0 2px 0 var(--zh-green)}

/* Product-detail purchasing opens this direct contact card in either language. */
.zh-product-contact-dialog{position:fixed;inset:0;z-index:340;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,17,37,.5)}.zh-product-contact-dialog.is-open{display:flex}.zh-product-contact-card{position:relative;width:min(100%,420px);padding:30px;border-radius:20px;background:#fff;box-shadow:0 22px 48px rgba(0,18,43,.3);color:#082448;text-align:center}.zh-product-contact-close{position:absolute;top:15px;right:18px;border:0;background:transparent;color:#526a84;font-size:27px;line-height:1;cursor:pointer}.zh-product-contact-kicker{margin:0;color:#118b33;font-size:11px;font-weight:700}.zh-product-contact-card h2{margin:8px 32px 8px;font-size:25px;line-height:34px}.zh-product-contact-copy{margin:0 auto 18px;color:#5c7492;font-size:14px;line-height:22px}.zh-product-contact-qr{display:block;width:168px;height:168px;margin:0 auto 18px;padding:8px;border:1px solid #d5e5f3;border-radius:12px;background:#fff}.zh-product-contact-details{display:grid;gap:9px}.zh-product-contact-details a{display:block;padding:12px;border-radius:9px;background:#eff7f1;color:#086b29;font-size:15px;font-weight:700}.zh-product-contact-details a+ a{background:#f1f6fb;color:#16477c}@media(max-width:480px){.zh-product-contact-dialog{padding:16px}.zh-product-contact-card{padding:28px 20px}.zh-product-contact-card h2{font-size:22px;line-height:30px}.zh-product-contact-qr{width:150px;height:150px}}

/* Category and lead time are structured choices; other enquiry fields remain free text. */
.zh-inquiry select{display:block;width:100%;height:48px;margin-bottom:16px;padding:0 14px;border:1px solid #a8bfd6;border-radius:9px;background:#fff;color:var(--zh-ink);font:14px inherit;cursor:pointer}.zh-inquiry>div select{flex:1;min-width:0;width:auto}
.zh-inquiry.has-product-choice{height:auto;min-height:500px}.zh-inquiry select:disabled{cursor:not-allowed;color:#7c92a8;background:#f3f7fa}
.zh-inquiry.has-product-choice{padding-bottom:22px}
.zh-inquiry-product-row{display:flex;gap:16px;margin-bottom:16px}.zh-inquiry-product-row select{flex:1;min-width:0;width:auto;margin-bottom:0}.zh-inquiry-product-row select:first-child{font-size:12px}
@media(max-width:760px){.zh-inquiry.has-product-choice{width:100%}.zh-hero.has-product-choice{height:900px;min-height:900px}.zh-hero.has-product-choice .zh-hero-inner{height:900px;min-height:900px}.zh-inquiry-product-row{gap:12px}.zh-inquiry-product-row select{padding:0 10px;font-size:12px}}

/* Update metadata stays green; story titles use the primary navy for hierarchy. */
.zh-updates p a{color:#05214a;text-decoration:none}.zh-updates p a:hover{color:#164f82}
.zh-updates h3{font-weight:400;font-size:18px}.zh-case h3{font-size:19px}.en-cases .zh-case h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.zh-header .zh-nav-item.is-current:after,.zh-header .zh-nav-item[aria-current=page]:after{background:#38c73b;box-shadow:0 2px 0 #38c73b}

/* Later desktop refinements must not constrain stacked mobile sections. */
@media(max-width:760px){
  .zh-cases,.zh-process,.zh-about{height:auto;min-height:0;padding:48px 0}
  .zh-process-layout{grid-template-columns:minmax(0,1fr);margin-top:30px}
  .zh-process-stat{position:static;width:100%;height:auto;min-height:122px;margin-bottom:24px}
  .zh-case{height:auto;min-height:282px}
  .zh-case>img{position:static;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
  .zh-case>div{margin:16px 0}
  .zh-case footer{position:static;gap:12px;align-items:center}
  .zh-home-main .zh-section-head h2{white-space:normal}
}