.contact-section.site-page{padding:155px 7% 65px;min-height:calc(100svh - 90px);overflow:hidden;background:radial-gradient(ellipse at 78% 31%,#102a3a88,transparent 48%),#050b14}
.contact-inner{max-width:1548px;position:relative;isolation:isolate}
.contact-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;align-items:center}
.contact-intro{position:relative;z-index:1;min-width:0}.contact-section h2{font:500 clamp(36px,3.4vw,54px)/1.4 var(--heading);letter-spacing:.035em;margin:0 0 23px;color:#e7f1f6}
.contact-lead{font-size:clamp(21px,2vw,30px);line-height:1.8;letter-spacing:.04em;color:#c2d8e3;margin:0 0 20px}.contact-topics{display:flex;flex-wrap:wrap;gap:0 12px;margin:0;color:#a9c4d4;font-size:16px;line-height:1.9}.contact-topics>span{white-space:nowrap}.contact-topics>i{color:#557589;font-style:normal}
.contact-email{margin:35px 0 0;padding-top:24px;border-top:1px solid #9bc6da26}.contact-email>p{font-size:15px;letter-spacing:.08em;color:#a8c4d3;margin-bottom:8px}
.contact-email>a{font-size:clamp(28px,3vw,44px);gap:22px;letter-spacing:-.025em;line-height:1.6}.contact-email>a>span{font-size:.65em}
.contact-email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:15px;min-height:40px}.contact-email-actions button{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #8db5ca40;border-radius:5px;background:#9ac8df08;color:#c6dce7;font:400 15px/1.6 var(--body);transition:background .2s,border-color .2s;cursor:pointer}.contact-email-actions button:hover{background:#9ac8df14;border-color:#a8cfe06e}.contact-email-actions button:focus-visible{outline:2px solid #b9e1ee;outline-offset:4px}.contact-email-actions svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4}.contact-email-actions [role="status"]{font-size:14px;color:#bcdbe7}
.contact-connection{position:relative;margin:0 -4% 0 0;min-width:0;align-self:center}.contact-connection>svg{display:block;width:100%;height:auto;overflow:visible}.contact-skyline{stroke-opacity:.36;fill:#0c1c2980}.contact-signal{stroke-dasharray:1 99;animation:contact-flow 8s linear infinite;filter:drop-shadow(0 0 5px #d4f1ff)}
.contact-city{position:absolute;display:flex;align-items:baseline;gap:10px;white-space:nowrap}.contact-city>span{font-size:19px;letter-spacing:.08em;color:#dcecf4}.contact-city>small{font-size:12px;letter-spacing:.12em;color:#91b8ce}.contact-city-hefei{left:12%;top:48%}.contact-city-hongkong{left:68%;top:32%}.contact-connection figcaption{text-align:center;font-size:15px;letter-spacing:.06em;color:#9fbdce;margin-top:-24px;position:relative}
.contact-offices{grid-template-columns:1fr 1fr;gap:6%;padding-top:0;border:0;margin-top:55px}
.contact-office{position:relative;padding:27px 26px 30px 0;border-top:1px solid #92b6cb38;background:linear-gradient(105deg,#96bacc07,transparent 75%);transition:border-color .25s,background .25s}.contact-office:before{content:"";position:absolute;top:-1px;left:0;width:56px;height:1px;background:#b7d7e7;opacity:.7;transition:width .3s}.contact-office:hover:before{width:95px}.contact-office:hover{border-color:#92b6cb75}
.contact-office-heading{display:flex;align-items:center;gap:12px;margin:0 0 17px}.contact-office-heading>svg{width:24px;height:24px;stroke:#a8ccde;stroke-width:1.3;flex:none}.contact-office-heading h3{font-size:23px;font-weight:500;line-height:1.6;letter-spacing:.08em;margin:0}.contact-office-heading>span{margin-left:auto;color:#8dadbf;font-size:13px;letter-spacing:.14em}.contact-office address{font-size:18px;line-height:1.95;letter-spacing:.02em;color:#bfd3df;padding-left:36px}
@keyframes contact-flow{to{stroke-dashoffset:-100}}
.motion-paused .contact-signal{animation-play-state:paused}
@media(min-width:1700px){.contact-section.site-page{padding-top:175px;padding-bottom:85px}.contact-offices{margin-top:65px}}
@media(max-width:1100px){.contact-hero{grid-template-columns:1.2fr 1fr;gap:2%}.contact-email>a{font-size:clamp(28px,3.5vw,36px);gap:14px}.contact-city{flex-direction:column;gap:0}.contact-city>span{font-size:18px}.contact-city>small{font-size:11px}.contact-city-hefei{top:48%}.contact-connection figcaption{font-size:14px;letter-spacing:.02em}}
@media(max-width:760px){
 .contact-section.site-page{padding:120px 7% 42px;min-height:calc(100svh - 90px)}.contact-hero{grid-template-columns:1fr;gap:12px}.contact-section h2{font-size:36px;margin-bottom:20px}.contact-lead{font-size:23px;margin-bottom:18px}.contact-topics{font-size:14px;gap:0 8px}.contact-email{margin-top:27px;padding-top:20px}.contact-email>p{font-size:14px}.contact-email>a{font-size:clamp(27px,7.5vw,37px);gap:14px}.contact-email-actions{margin-top:12px}.contact-email-actions button{font-size:14px}
 .contact-connection{width:100%;max-width:530px;margin:8px auto 0}.contact-city{flex-direction:row;gap:6px}.contact-city>span{font-size:17px}.contact-city>small{font-size:10px;letter-spacing:.06em}.contact-city-hefei{left:10%;top:48%}.contact-city-hongkong{left:65%;top:31%}.contact-connection figcaption{font-size:14px;margin-top:-15px}
 .contact-offices{grid-template-columns:1fr;gap:17px;margin-top:32px}.contact-office{padding:23px 0}.contact-office-heading{gap:10px;margin-bottom:13px}.contact-office-heading h3{font-size:22px}.contact-office-heading>span{font-size:12px}.contact-office address{font-size:16px;line-height:2;padding-left:34px}
}
@media(prefers-reduced-motion:reduce){.contact-signal{animation:none;stroke-dasharray:none;stroke-opacity:.1}.contact-office,.contact-office:before{transition:none}}
