/* 电话、微信与邮件 */
.contact-overview-wrap{width:100%;padding:76px 0 68px;background:#fff}
.contact-overview__channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.contact-channel{display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:25px;padding:36px 38px;background:var(--color-light);color:var(--color-main)}
.contact-channel--primary{background:var(--color-main);color:#fff}
.contact-channel__title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;line-height:1.5}
.contact-channel__title .site-icon{width:21px;height:21px;color:var(--color-deput)}
.contact-channel__phone{display:inline-block;margin-top:14px;color:inherit;font-family:Arial,sans-serif;font-size:36px;font-weight:600;line-height:1.3;white-space:nowrap}
.contact-channel__phone:hover{color:var(--color-deput-hover)}
.contact-channel__description{max-width:25em;margin-top:13px;color:#61717c;font-size:13px;line-height:1.9}
.contact-channel--primary .contact-channel__description{color:#cedbe3}
.contact-channel--primary .contact-channel__title .site-icon{color:#d8b38b}
.contact-channel--primary .contact-channel__phone:hover{color:#e9c298}
.contact-channel__wechat{width:124px;text-align:center}
.contact-channel__qr-link{display:block;padding:7px;background:#fff}
.contact-channel__qr{width:110px;height:110px;object-fit:contain}
.contact-channel__qr-caption{margin-top:9px;font-size:12px;line-height:1.7}
.contact-email{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:22px 0;border-bottom:1px solid var(--color-line)}
.contact-email__address{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;min-width:0}
.contact-email__address .site-icon{width:22px;height:22px;color:var(--color-deput)}
.contact-email__label{color:var(--color-muted);font-size:14px}
.contact-email__link{color:var(--color-main);font-size:20px;overflow-wrap:anywhere}
.contact-email__link:hover{color:var(--color-deput-hover)}
.contact-email__description{color:var(--color-muted);font-size:13px}

/* 留言表单及需求指引 */
.contact-message-wrap{width:100%;padding:76px 0 80px;background:var(--color-light)}
.contact-message{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);align-items:start;gap:76px}
.contact-message__text{max-width:28em;margin-top:19px;color:#596a76;font-size:15px;line-height:2}
.contact-message__image{width:100%;height:auto;aspect-ratio:1.75;margin-top:30px;object-fit:cover}
.contact-message__guide-title{margin-top:26px;color:var(--color-main);font-size:17px;font-weight:500;line-height:1.7}
.contact-message__tips{display:grid;gap:11px;margin-top:17px}
.contact-message__tip{position:relative;padding-left:15px;color:#596a76;font-size:14px;line-height:1.8}
.contact-message__tip::before{position:absolute;top:10px;left:0;width:5px;height:5px;background:var(--color-sage);content:""}
.contact-message__panel{min-width:0;padding:38px 40px 40px;background:#fff;border-top:3px solid var(--color-sage)}
.contact-form__title{color:var(--color-main);font-size:26px;font-weight:500;line-height:1.5}
.contact-form__description{margin-top:10px;color:var(--color-muted);font-size:13px;line-height:1.9}
.contact-form{margin-top:28px;scroll-margin-top:100px}
.contact-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 24px;min-width:0;margin:0;padding:0;border:0}
.contact-form__field{min-width:0}
.contact-form__field--full{grid-column:1/-1}
.contact-form__label{display:block;margin-bottom:9px;color:var(--color-ink);font-size:14px}
.contact-form__required{color:var(--color-deput-hover)}
.contact-form__input{display:block;width:100%;min-width:0;min-height:49px;margin:0;padding:12px 15px;border:1px solid #d7e0e5;border-radius:0;background:#fff;color:var(--color-ink);font:inherit;font-size:14px;line-height:1.7;box-shadow:none}
.contact-form__input::placeholder{color:#7c8891;opacity:1}
.contact-form__input:hover{border-color:#9eb2bf}
.contact-form__input:focus{outline:2px solid var(--color-sage);outline-offset:1px;border-color:var(--color-sage)}
.contact-form__input:disabled{background:var(--color-light);color:var(--color-muted);cursor:wait}
.contact-form__select{cursor:pointer}
.contact-form__textarea{min-height:148px;resize:vertical}
.contact-form__actions{display:flex;align-items:center;gap:24px;margin-top:26px}
.contact-form__submit{min-width:158px;flex-shrink:0}
.contact-form__submit:disabled{border-color:#7c8e9c;background:#7c8e9c;color:#fff;cursor:wait}
.contact-form__hint{max-width:23em;color:var(--color-muted);font-size:12px;line-height:1.8}
.contact-form__status{margin-top:20px;padding:13px 16px;border-left:3px solid var(--color-sage);background:#edf4f0;color:#365c4b;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.contact-form__status--error{border-left-color:#b36b42;background:#fff4ed;color:#884f30}
.contact-form__fallback{margin-top:18px;color:var(--color-muted);font-size:13px;line-height:1.9}
.contact-form__fallback a{color:var(--color-main);text-decoration:underline}

/* 来访地址 */
.contact-visit-wrap{width:100%;padding:82px 0 88px;background:#fff}
.contact-visit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:78px}
.contact-visit__visual{min-width:0}
.contact-visit__image-link{display:block}
.contact-visit__image{width:100%;height:365px;object-fit:cover;object-position:47% 50%}
.contact-visit__caption{padding:17px 24px;background:#edf3f0;color:#506b60;font-size:14px;line-height:1.8}
.contact-visit__company{margin-top:14px;color:var(--color-deput-hover);font-size:20px;font-weight:500;line-height:1.6}
.contact-visit__location{display:grid;grid-template-columns:23px minmax(0,1fr);gap:13px;margin-top:28px}
.contact-visit__location > .site-icon{width:23px;height:23px;margin-top:3px;color:var(--color-sage)}
.contact-visit__label{color:var(--color-muted);font-size:13px;font-weight:400;line-height:1.8}
.contact-visit__address{margin-top:8px;color:var(--color-main);font-size:21px;font-style:normal;line-height:1.8}
.contact-visit__text{max-width:31em;margin-top:23px;color:#596a76;font-size:14px;line-height:2}
.contact-visit__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px;margin-top:27px}
.contact-visit__phone{display:inline-flex;align-items:center;gap:8px;color:var(--color-main);font-size:14px}
.contact-visit__phone:hover{color:var(--color-deput-hover)}
.contact-visit__phone .site-icon{width:20px;height:20px}

@media(max-width:1440px){
  .contact-channel{padding:32px;gap:22px}
  .contact-channel__phone{font-size:33px}
  .contact-message{gap:50px}
  .contact-visit{gap:56px}
}
@media(max-width:1280px){
  .contact-overview-wrap,.contact-message-wrap,.contact-visit-wrap{padding-top:64px;padding-bottom:68px}
  .contact-overview__channels{gap:24px}
  .contact-channel{grid-template-columns:minmax(0,1fr) 110px;padding:28px;gap:20px}
  .contact-channel__phone{font-size:29px}
  .contact-channel__wechat{width:110px}
  .contact-channel__qr{width:96px;height:96px}
  .contact-channel__qr-caption{font-size:11px}
  .contact-message{grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:38px}
  .contact-message__guide .section-heading__title{font-size:30px}
  .contact-message__panel{padding:30px}
  .contact-form__fields{gap:20px}
  .contact-form__actions{gap:18px}
  .contact-visit{gap:38px}
  .contact-visit__image{height:350px}
}
@media(max-width:1024px){
  .contact-channel{grid-template-columns:minmax(0,1fr) 96px;padding:25px 22px;gap:15px}
  .contact-channel__title{font-size:15px;gap:8px}
  .contact-channel__phone{font-size:25px}
  .contact-channel__description{font-size:12px}
  .contact-channel__wechat{width:96px}
  .contact-channel__qr-link{padding:5px}
  .contact-channel__qr{width:86px;height:86px}
  .contact-email{align-items:flex-start;flex-direction:column;gap:10px;margin-top:20px}
  .contact-email__description{padding-left:37px}
  .contact-message{grid-template-columns:1fr;gap:32px}
  .contact-message__guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);column-gap:38px}
  .contact-message__text{grid-column:1;max-width:34em;font-size:14px}
  .contact-message__image{grid-column:2;grid-row:1/5;align-self:center;margin-top:0;aspect-ratio:1.4}
  .contact-message__guide-title{grid-column:1;margin-top:21px}
  .contact-message__tips{grid-column:1;margin-top:13px}
  .contact-message__panel{padding:34px}
  .contact-visit{grid-template-columns:1fr;gap:32px}
  .contact-visit__image{height:auto;aspect-ratio:2.2}
  .contact-visit__text{max-width:42em}
}
@media(max-width:768px){
  .contact-overview-wrap,.contact-message-wrap,.contact-visit-wrap{padding-top:44px;padding-bottom:48px}
  .contact-overview .section-heading{flex-direction:column;gap:18px}
  .contact-overview__channels{grid-template-columns:1fr;gap:18px}
  .contact-channel{grid-template-columns:minmax(0,1fr) 105px;padding:25px;gap:20px}
  .contact-channel__title{font-size:15px}
  .contact-channel__phone{font-size:28px;margin-top:12px}
  .contact-channel__description{margin-top:10px}
  .contact-channel__wechat{width:105px}
  .contact-channel__qr{width:95px;height:95px}
  .contact-email{padding:18px 0;margin-top:14px}
  .contact-email__address{gap:7px 10px}
  .contact-email__label{font-size:13px}
  .contact-email__link{width:100%;margin-left:32px;font-size:18px}
  .contact-email__description{padding-left:32px;font-size:12px}
  .contact-message{gap:26px}
  .contact-message__guide{display:block}
  .contact-message__guide .section-heading__title{font-size:27px}
  .contact-message__text{margin-top:16px}
  .contact-message__image{margin-top:22px;aspect-ratio:1.9}
  .contact-message__guide-title{margin-top:22px;font-size:16px}
  .contact-message__tips{gap:9px;margin-top:13px}
  .contact-message__tip{font-size:13px}
  .contact-message__panel{padding:25px 22px 27px}
  .contact-form__title{font-size:24px}
  .contact-form__description{font-size:12px}
  .contact-form{margin-top:23px}
  .contact-form__fields{grid-template-columns:1fr;gap:19px}
  .contact-form__input{font-size:16px;padding:11px 13px}
  .contact-form__label{margin-bottom:8px;font-size:13px}
  .contact-form__textarea{min-height:155px}
  .contact-form__actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:22px}
  .contact-form__submit{width:100%;min-height:46px}
  .contact-form__hint{max-width:none}
  .contact-form__status{font-size:13px;padding:12px}
  .contact-visit{gap:27px}
  .contact-visit__image{aspect-ratio:1.65}
  .contact-visit__caption{padding:14px 17px;font-size:12px}
  .contact-visit__company{margin-top:12px;font-size:19px}
  .contact-visit__location{gap:10px;margin-top:23px}
  .contact-visit__address{font-size:20px}
  .contact-visit__text{margin-top:18px;font-size:13px}
  .contact-visit__actions{gap:20px;margin-top:23px}
  .contact-visit__actions .site-button{gap:9px;padding-right:17px;padding-left:17px}
  .contact-visit__phone{font-size:13px}
}
@media(max-width:400px){
  .contact-channel{grid-template-columns:minmax(0,1fr) 90px;padding:22px 18px;gap:13px}
  .contact-channel__phone{font-size:24px}
  .contact-channel__title{font-size:14px;gap:6px}
  .contact-channel__title .site-icon{width:18px;height:18px}
  .contact-channel__wechat{width:90px}
  .contact-channel__qr{width:80px;height:80px}
  .contact-channel__qr-caption{font-size:10px}
  .contact-message__panel{padding-right:18px;padding-left:18px}
}