:root{--red:#ed263e;--ink:#232323;--muted:#727272;--line:#dedede;--paper:#f6f6f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.7;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;object-fit:cover}p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}.container{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:90px;padding:0 48px;display:flex;align-items:center;gap:40px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}.header.scrolled{box-shadow:0 4px 24px #00000008;border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:25px;line-height:1.1;font-weight:800;white-space:nowrap}.brand img{width:43px;height:43px;object-fit:contain;filter:grayscale(1) brightness(.65) sepia(1) saturate(8) hue-rotate(315deg)}.brand-ai{color:var(--red);font-family:Arial,sans-serif;font-size:29px;margin-left:2px}.brand small{display:block;font-size:8px;line-height:1.8;font-weight:500;color:#888}.header nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.header nav a{position:relative;padding:8px 0}.header nav a:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--red);width:0;transition:width .25s}.header nav a:hover:after,.header nav a.active:after{width:100%}.nav-contact{display:flex;gap:22px;align-items:center;border:1px solid var(--ink);padding:10px 18px;font-size:13px}.nav-contact:hover{background:var(--ink);color:white}.menu{display:none}.hero{position:relative;background:#f0f1ef;min-height:630px;height:min(750px,calc(100svh - 90px));overflow:hidden}.hero-background{position:absolute;inset:0;height:100%;object-position:center}.hero-inner{position:relative;width:min(1240px,calc(100% - 96px));margin:auto;padding-top:90px;height:100%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:600;color:var(--red);line-height:1.5;display:flex;align-items:center;gap:10px}.signal{height:7px;width:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #ed263e15}.hero h1{font-size:60px;line-height:1.3;font-weight:800;margin-top:28px}.hero h1 span,h2 span{color:var(--red)}.hero-desc{color:#606060;font-size:15px;margin:24px 0 30px;line-height:1.9}.button{display:inline-flex;align-items:center;gap:35px;padding:14px 24px;font-size:14px;transition:transform .25s,background .25s}.red{color:white;background:var(--red)}.button:hover{transform:translateY(-3px);background:#d71b33}.hero-bottom{width:100%;display:flex;justify-content:space-between;margin-top:auto;padding:32px 0;font-family:Arial,sans-serif;font-size:10px;color:#6a6a6a}.hero-bottom a{font-size:12px}.business-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:32px 0;gap:28px}.business-index>a{display:flex;align-items:center;gap:20px;padding:8px 0;position:relative}.business-index>a+a{border-left:1px solid var(--line);padding-left:28px}.number{font-family:Arial;font-size:12px;color:var(--red)}.business-index h2{font-size:20px;line-height:1.5}.business-index p{font-size:12px;color:var(--muted)}.arrow{margin-left:auto;color:var(--red);font-size:21px;transition:transform .25s}.business-index a:hover .arrow{transform:translate(3px,-3px)}.section{padding:88px 0}.xhs{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading h2,.geo h2{font-size:40px;line-height:1.4;margin-top:16px}.section-heading>p{font-size:13px;color:var(--muted);max-width:430px;padding-bottom:5px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.story-image{aspect-ratio:4/5;overflow:hidden;position:relative}.story-image img{height:100%;transition:transform .7s}.story:hover img{transform:scale(1.045)}.story-image>span{position:absolute;left:16px;bottom:16px;background:white;padding:6px 10px;font:10px Arial;color:#555}.story-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px}.story-title h3{font-size:18px}.story-title>span{font:12px Arial;color:#aaa}.story>p{font-size:13px;color:#717171}.xhs-services{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;margin-top:54px;padding-top:36px;border-top:1px solid #d5d5d5}.xhs-services h3{font-size:25px;margin-top:12px;line-height:1.5}.service-lines p{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #dedede;font-size:12px}.service-lines b{font-size:13px}.service-lines span{color:#777}.image-note{font-size:10px;color:#8a8a8a;margin-top:24px}.contact-strip{background:var(--red);color:white;padding:46px 0}.contact-strip-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.contact-strip .eyebrow{color:#ffffffb0}.contact-strip h2{font-size:25px;margin:8px 0}.contact-strip p:last-child{font-size:12px;color:#ffffffb5}.contact-methods{display:flex;gap:36px}.contact-methods a{flex:1;min-width:0}.contact-methods small{display:block;font:9px Arial;color:#ffffffb5;margin-bottom:8px}.contact-methods strong{display:flex;justify-content:space-between;gap:12px;font:17px Arial;overflow-wrap:anywhere}.contact-methods a:hover strong{text-decoration:underline}.design-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.design-board{position:relative;overflow:hidden;background:var(--paper)}.design-board img{aspect-ratio:5/4;object-position:76% center;transform:scale(1.12)}.design-caption{position:absolute;bottom:0;left:0;right:0;padding:22px;background:rgba(255,255,255,.91)}.design-caption span{display:block;font:9px Arial;color:#888;margin-bottom:7px}.design-caption strong{font-size:18px}.design-services article{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.design-services article:first-child{border-top:1px solid var(--line)}.design-services article>span{font:12px Arial;color:var(--red);padding-top:6px}.design-services h3{font-size:19px;margin-bottom:6px}.design-services p{font-size:13px;color:#777}.geo{background:#252627;color:white}.geo-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.geo .eyebrow{color:#ff6477}.geo h2 span{color:#ff6477}.geo-copy>p:not(.eyebrow){font-size:13px;color:#aaa;margin-top:20px;max-width:440px}.geo ul{list-style:none;padding:0;margin:24px 0}.geo li{display:flex;gap:22px;border-bottom:1px solid #ffffff19;padding:12px 0;font-size:14px}.geo li span{color:#ff6477;font:11px Arial;padding-top:6px}.geo-copy>p.geo-note{font-size:10px;color:#777}.search-demo{background:#f5f5f4;color:#333;padding:28px;border-radius:8px;box-shadow:18px 18px 0 #ffffff07;transform:rotate(-2deg);transition:transform .5s}.search-demo:hover{transform:rotate(0)}.demo-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#999;border-bottom:1px solid #ddd;padding-bottom:18px}.demo-status{color:var(--red)}.question{font-size:17px;font-weight:600;background:#fff;padding:22px 18px;margin:24px 0}.answer{display:flex;gap:16px}.answer-mark{color:var(--red);font:bold 19px Arial}.answer h3{font-size:17px;margin-bottom:12px}.answer p{font-size:13px;color:#777}.knowledge-tags{display:flex;gap:8px;margin:25px 0}.knowledge-tags span{border:1px solid #ddd;padding:5px 9px;font-size:10px}.demo-footer{padding-top:20px;border-top:1px solid #ddd;color:#aaa;font:8px Arial}.process{background:var(--paper)}.process-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.process-grid li{border-top:2px solid #ddd;padding-top:22px}.process-grid li:hover{border-color:var(--red)}.process-grid li>span{font:10px Arial;color:#999}.process-grid h3{font-size:20px;margin:17px 0 8px}.process-grid p{font-size:13px;color:#777}footer{background:white;padding:52px 0 20px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer-top>div>p{font-size:12px;color:#777;margin-top:20px}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:12px;color:#666}.footer-nav h3{color:#333;font-size:13px;margin-bottom:8px}.footer-nav a:hover{color:var(--red)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:38px;display:flex;justify-content:space-between;gap:16px;color:#999;font-size:10px}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.motion .reveal.visible{opacity:1;transform:none}.skip-link{position:fixed;top:-60px;left:20px;z-index:99;background:white;padding:10px}.skip-link:focus{top:10px}
.brand-mark{display:block;flex:none;width:43px;height:43px;background:var(--red);mask:url('assets/images/zhonghe-logo-red.png') center/contain no-repeat;-webkit-mask:url('assets/images/zhonghe-logo-red.png') center/contain no-repeat}.hero{min-height:560px;height:min(690px,calc(100svh - 150px))}
.brand img{filter:brightness(0) saturate(100%) invert(29%) sepia(81%) saturate(3921%) hue-rotate(337deg) brightness(97%) contrast(96%)}.hero-background{animation:hero-drift 18s ease-in-out infinite alternate;transform-origin:70% 60%}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(min-width:1600px){.hero-inner{padding-top:90px}}
@media(max-width:1100px){.container,.hero-inner{width:calc(100% - 64px)}.header{padding:0 32px;gap:24px}.header nav{gap:22px}.nav-contact{display:none}.hero h1{font-size:50px}.hero{min-height:580px}.section-heading h2,.geo h2{font-size:34px}.contact-strip-inner{gap:30px}.contact-methods{flex-direction:column;gap:20px}.geo-layout,.design-layout{gap:40px}.section-heading>p{max-width:320px}}
@media(max-width:760px){html{scroll-padding-top:80px}.container,.hero-inner{width:calc(100% - 40px)}.header{height:74px;padding:0 20px;justify-content:space-between}.brand{font-size:22px}.brand img{width:36px;height:36px}.brand-ai{font-size:25px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;margin:0;padding:16px 24px;border-bottom:1px solid var(--line)}.header.open nav{display:flex;flex-direction:column;gap:9px}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;background:none;border:1px solid #ddd;padding:10px}.menu span{height:1px;width:100%;background:#333}.hero{height:auto;min-height:700px}.hero-background{object-position:70% bottom;height:55%;top:auto;bottom:0}.hero:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#f0f1ef}.hero-inner{padding-top:36px;min-height:700px;z-index:1}.hero h1{font-size:36px;margin-top:19px}.hero-desc{font-size:12px;margin:15px 0 20px}.hero .eyebrow{font-size:10px}.hero-bottom{padding:18px 0}.hero-bottom>span{background:#ffffffac;padding:5px}.business-index{grid-template-columns:1fr;gap:0;padding:15px 0}.business-index>a{padding:17px 0}.business-index>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.business-index h2{font-size:18px}.business-index p{font-size:11px}.section{padding:54px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:27px}.section-heading h2,.geo h2{font-size:29px}.section-heading>p{font-size:12px;max-width:none}.story-grid{grid-template-columns:1fr;gap:28px}.story-image{aspect-ratio:5/4}.story-title{margin-top:16px}.story>p{font-size:12px}.xhs-services{grid-template-columns:1fr;gap:18px;margin-top:32px;padding-top:26px}.xhs-services h3{font-size:21px}.service-lines p{flex-direction:column;gap:3px}.contact-strip{padding:33px 0}.contact-strip-inner{grid-template-columns:1fr;gap:22px}.contact-strip h2{font-size:22px}.contact-methods{flex-direction:column;gap:20px}.contact-methods strong{font-size:18px}.design-layout,.geo-layout{grid-template-columns:1fr;gap:28px}.design-services article{padding:19px 0}.design-services h3{font-size:18px}.design-services p{font-size:12px}.geo-copy>p:not(.eyebrow){font-size:12px}.search-demo{padding:22px;transform:none;box-shadow:8px 8px 0 #ffffff07}.question{font-size:15px;padding:18px 12px}.answer h3{font-size:15px}.answer p{font-size:12px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.process-grid h3{font-size:18px}.process-grid p{font-size:12px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.footer-nav{overflow-wrap:anywhere}.footer-nav a{max-width:100%}}
.brand.brand-zhonghe{min-width:190px}.brand.brand-zhonghe img{width:190px;height:62px;object-fit:contain;filter:none}.hero h1{font-size:54px}.xhs-hub{margin:0 0 60px}.xhs-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #d8d8d8;margin-bottom:34px}.xhs-tabs button{display:flex;gap:13px;align-items:center;justify-content:center;padding:20px 10px;min-height:66px;color:#777;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:15px;transition:color .2s,border-color .2s}.xhs-tabs button span{font:10px Arial;color:#aaa}.xhs-tabs button[aria-selected="true"]{color:var(--red);border-bottom-color:var(--red)}.xhs-tabs button[aria-selected="true"] span{color:var(--red)}.xhs-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;min-height:470px}.xhs-panel[hidden]{display:none}.xhs-panel-copy h3{font-size:29px;line-height:1.5;max-width:520px;margin:15px 0}.xhs-panel-copy>p:not(.eyebrow){font-size:13px;color:#777;max-width:520px}.xhs-checks{list-style:none;padding:0;margin:22px 0}.xhs-checks li{display:flex;gap:12px;align-items:center;font-size:13px;padding:8px 0}.xhs-checks li:before{content:"";height:4px;width:4px;flex:none;background:var(--red)}.delivery-line{padding:16px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.delivery-line span{font-size:10px;color:#999}.delivery-line p{font-size:12px;color:#555;margin-top:4px}.text-link{display:inline-flex;gap:30px;color:var(--red);font-size:13px;margin-top:20px;padding-bottom:3px;border-bottom:1px solid #ed263e44}.xhs-panel-visual{position:relative;margin:0;overflow:hidden;height:460px;background:#ddd}.xhs-panel-visual img{height:100%;transition:transform .8s}.xhs-panel-visual:hover img{transform:scale(1.035)}.xhs-panel-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(transparent,#000b);color:white;padding-top:60px}.xhs-panel-visual figcaption span{display:block;font-size:9px;color:#ffffffba;margin-bottom:9px}.xhs-panel-visual figcaption strong{font-size:22px;line-height:1.5}.content-showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:34px;border-top:1px solid #ddd;margin-bottom:24px}.content-showcase-heading h3{font-size:22px}.content-showcase-heading span{font:9px Arial;color:#999}.story-image{aspect-ratio:5/4}.xhs-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-top:48px;padding-top:38px;border-top:1px solid #ddd}.xhs-faq h3{font-size:24px;margin-top:13px}.xhs-faq>div>p:last-child{font-size:12px;color:#888;margin-top:12px}.xhs-faq details{border-bottom:1px solid #ddd;padding:18px 0}.xhs-faq details:first-child{padding-top:0}.xhs-faq summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}.xhs-faq summary:after{content:"+";font:18px Arial;color:var(--red)}.xhs-faq details[open] summary:after{content:"−"}.xhs-faq summary::-webkit-details-marker{display:none}.xhs-faq details p{font-size:12px;line-height:1.9;color:#777;margin-top:14px}.xhs-faq summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(max-width:1100px){.brand.brand-zhonghe{min-width:170px}.brand.brand-zhonghe img{width:170px;height:56px}.xhs-panel,.xhs-faq{gap:36px}.hero h1{font-size:46px}}
@media(max-width:760px){.brand.brand-zhonghe{min-width:150px}.brand.brand-zhonghe img{width:150px;height:52px}.hero h1{font-size:32px}.xhs-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:24px}.xhs-tabs button{font-size:12px;padding:14px 6px;min-height:52px;gap:8px}.xhs-panel{grid-template-columns:1fr;min-height:0;gap:25px}.xhs-panel-copy h3{font-size:23px;margin-top:12px}.xhs-panel-visual{height:320px}.xhs-panel-visual figcaption strong{font-size:20px}.xhs-hub{margin-bottom:36px}.content-showcase-heading{align-items:flex-start;flex-direction:column;gap:8px}.content-showcase-heading h3{font-size:19px}.xhs-faq{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:28px}.xhs-faq h3{font-size:21px}.xhs-faq summary{font-size:13px}.xhs-checks li{font-size:12px}.delivery-line p{line-height:1.9}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}
@media(max-width:760px){.brand-mark{width:36px;height:36px}.hero{height:auto;min-height:700px}}