#contact-content{font-family:var(--font-aeonik),"PingFang SC","Microsoft YaHei",sans-serif;color:var(--color-alpha-hao-gray-10,#171717);line-break:strict;word-break:normal}
#contact-content [hidden]{display:none!important}
#contact-content .contact-section{padding:96px 0 72px;background:var(--color-white,#fff)}
#contact-content .contact-container{max-width:1472px;width:100%;margin:0 auto;padding:0 24px}
#contact-content .contact-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}
#contact-content .contact-intro{display:flex;min-width:0;flex-direction:column;gap:40px;padding:8px}
#contact-content .contact-heading{display:flex;flex-direction:column;gap:12px}
#contact-content .contact-heading h1{font-size:40px;line-height:1.25;font-weight:400;text-wrap:balance}
#contact-content .contact-heading>p{max-width:42em;line-height:1.6}
#contact-content .contact-fields{display:grid;grid-template-columns:minmax(0,1fr);column-gap:16px}
#contact-content .contact-field{position:relative;min-width:0;grid-column:1/-1;margin:0;padding:0;border:0}
#contact-content .contact-field>legend{display:block;margin-bottom:12px;font-weight:500;font-size:15px;line-height:1.5}
#contact-content :is(input:not([type=checkbox],[type=radio]),select,textarea){box-sizing:border-box;width:100%;max-width:100%;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#171717;font:inherit;font-size:14px;line-height:1.5;padding:12px 16px;transition:border-color .15s,box-shadow .15s}
#contact-content input::placeholder,#contact-content textarea::placeholder{color:#686868;opacity:1}
#contact-content select{appearance:none;min-height:47px;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#171717 50%),linear-gradient(135deg,#171717 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
#contact-content select:has(option:checked[value=""]){color:#686868}
#contact-content :is(input,select,textarea):focus-visible{outline:2px solid #8da48a;outline-offset:3px;border-color:#171717;box-shadow:0 0 0 3px #17171714}
#contact-content :is(input,select,textarea)[aria-invalid=true]{border-color:#a02f2f}
#contact-content textarea{resize:none;min-height:128px}
#contact-content .contact-choices{display:grid;gap:8px}
#contact-content .contact-choice{display:flex;align-items:flex-start;gap:8px;min-height:28px;font-size:15px;line-height:1.5;cursor:pointer}
#contact-content .contact-choice input{flex:none;width:16px;height:16px;margin-top:3px;accent-color:#171717;cursor:pointer}
#contact-content .contact-choice span{min-width:0;overflow-wrap:anywhere}
#contact-content .contact-field-error{min-height:28px;padding-top:4px;color:#a02f2f;font-size:12px;line-height:18px}
#contact-content .contact-privacy{margin:0;color:#575757;font-size:14px;line-height:1.6}
#contact-content .contact-feedback{min-height:28px;margin:0 0 8px;font-size:13px;line-height:1.6;color:#a02f2f}
#contact-content #contact-submit{width:max-content;min-height:40px}
#contact-content #contact-submit>.FlatCta{width:112.58px}
#contact-content #contact-submit>.FlatCta:disabled{opacity:.6;cursor:wait}
#contact-content .contact-success{display:flex;flex-direction:column;align-items:start;gap:16px;min-height:240px;padding:24px 0}
#contact-content .contact-success>p{color:#575757;line-height:1.7}
#contact-content .contact-again{min-height:44px;margin-top:8px;padding:10px 16px;border:1px solid #171717;border-radius:8px;background:#fff;color:#171717;font-size:14px;transition:background-color .2s}
#contact-content .contact-again:hover{background:#f2f2f2}
#contact-content .contact-again:active{background:#eaeaea}
#contact-content .contact-evidence{min-width:0}
#contact-content #contact-quote>div{gap:32px}
#contact-content #contact-quote blockquote p{line-height:1.5}
#contact-content #contact-quote .text-black\/50{color:#424242}
#contact-content #contact-quote .detail-mono{font-family:inherit;letter-spacing:normal;font-size:13px;line-height:1.6}
.contact-visually-hidden,.contact-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-skip:focus{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 16px;border-radius:8px;background:#fff;color:#171717}
@media(min-width:768px){#contact-content .contact-section{padding-bottom:120px}#contact-content .contact-intro{padding:16px}#contact-content textarea{min-height:152px}}
@media(min-width:1024px){
  #contact-content .contact-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch}
  #contact-content .contact-intro{grid-column:1;grid-row:1;padding-bottom:0}
  #contact-content #contact-form{display:flex;flex:1;flex-direction:column;min-width:0}
  #contact-content #contact-submit{margin-top:auto}
  #contact-content .contact-evidence{display:flex;grid-column:2;grid-row:1;align-self:end}
  #contact-content #contact-quote{display:flex;flex:1;min-width:0}
  #contact-content #contact-quote>div{flex:1;min-width:0}
  #contact-content .contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  #contact-content .contact-field-half{grid-column:auto}
}
@media(max-width:767px){#contact-content .contact-heading h1{font-size:30px;line-height:1.4}#contact-content .contact-evidence{margin-top:24px}#contact-content .contact-heading>p{font-size:16px}#contact-content #contact-quote>div{padding:32px}#contact-content #contact-quote blockquote p{font-size:20px}}
@media(prefers-reduced-motion:reduce){#contact-content .AnimatedText,#contact-content .AnimatedText *,#contact-quote [role=img]{opacity:1!important;visibility:visible!important;transform:none!important}}
@media(forced-colors:active){#contact-content :is(input,select,textarea):focus-visible{outline-color:Highlight}#contact-content #contact-quote [role=img]{forced-color-adjust:none}}
