:root{--contact-brand:#0dc8a5;--contact-brand-dark:#079f85;--contact-brand-soft:#e7faf5;--contact-heading:#1d2129;--contact-text:#4e5969;--contact-muted:#86909c;--contact-border:#e5eaea;--contact-surface:#fff}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;color:var(--contact-text);-webkit-font-smoothing:antialiased;background:linear-gradient(#effbf8 0,#f8fbfa 420px 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit}.contact-hero{color:#fff;background:url(/images/contact/semicircle.png) right -44px top -24px/264px 248px no-repeat,url(/images/contact/round.png) 73% 82%/64px 64px no-repeat,linear-gradient(115deg,#08b997 0%,#10cdaa 52%,#4eeece 100%);justify-content:center;min-height:292px;padding:72px 24px 104px;display:flex;position:relative;overflow:hidden}.contact-hero:before,.contact-hero:after{content:"";border:1px solid #ffffff38;border-radius:50%;position:absolute}.contact-hero:before{width:300px;height:300px;bottom:-238px;left:-112px}.contact-hero:after{width:170px;height:170px;top:-128px;right:18%}.brand-link{z-index:1;color:#fff;border-radius:10px;align-items:center;gap:9px;font-size:17px;font-weight:600;line-height:36px;text-decoration:none;display:inline-flex;position:absolute;top:24px;left:max(24px,50% - 520px)}.brand-link img{border-radius:8px;width:36px;height:36px;box-shadow:0 5px 16px #00705b2e}.hero-content{z-index:1;text-align:center;max-width:680px;position:relative}.hero-eyebrow{letter-spacing:.16em;color:#ffffffc2;margin-bottom:10px;font-size:12px;font-weight:700}.hero-content h1{letter-spacing:.04em;font-size:clamp(34px,4vw,46px);line-height:1.25}.hero-content>p:last-child{color:#ffffffdb;margin-top:14px;font-size:16px;line-height:1.75}.contact-main{z-index:2;width:min(1040px,100% - 48px);margin:-72px auto 0;position:relative}.contact-panel{background:#fffffffa;border:1px solid #dae7e3cc;border-radius:24px;padding:42px;box-shadow:0 20px 52px #2a5b511c}.panel-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.panel-heading h2{color:var(--contact-heading);font-size:26px;line-height:1.35}.panel-description{color:var(--contact-muted);text-align:right;flex-direction:column;align-items:flex-end;font-size:14px;line-height:1.7;display:flex}.panel-description-label{color:var(--contact-heading);font-weight:600}.info-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;list-style:none;display:grid}.info-list--single{grid-template-columns:minmax(250px,469px);justify-content:start}.info-item{border:1px solid var(--contact-border);background:var(--contact-surface);min-width:0;min-height:154px;transition:border-color var(--site-motion-duration-base) var(--site-motion-ease-standard), box-shadow var(--site-motion-duration-base) var(--site-motion-ease-standard), transform var(--site-motion-duration-base) var(--site-motion-ease-emphasized);border-radius:16px;align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.info-item:hover{border-color:#0dc8a57a;transform:translateY(-2px);box-shadow:0 12px 30px #2a5b5114}.info-item--recommended{background:linear-gradient(145deg,#fff 55%,#f0fcf8 100%);border-color:#0dc8a557}.icon{background-color:var(--contact-brand-soft);background-position:50%;background-repeat:no-repeat;background-size:26px;border-radius:15px;flex:none;width:52px;height:52px}.icon.wechat{background-image:url(/images/contact/wechat.png)}.icon.email{background-image:url(/images/contact/sms.png)}.info-copy{flex:1;min-width:0}.label-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.label{color:var(--contact-heading);font-size:17px;font-weight:650;line-height:1.5}.recommended-badge{color:var(--contact-brand-dark);background:var(--contact-brand-soft);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;line-height:18px}.item-description{color:var(--contact-muted);margin-top:5px;font-size:13px;line-height:1.55}.content{overflow-wrap:anywhere;color:var(--contact-brand-dark);margin-top:13px;font-size:14px;font-weight:600;line-height:22px;display:inline-block}a.content{text-decoration:none}a.content:hover{color:var(--contact-brand);text-underline-offset:3px;text-decoration:underline}.with-arrow{background:url(/images/contact/arrow-right.png) 100%/16px 16px no-repeat;padding-right:19px}.remark{color:var(--contact-muted);text-align:center;margin-top:20px;font-size:12px;line-height:20px}.contact-footer{min-height:104px;color:var(--contact-muted);justify-content:center;align-items:center;gap:10px;padding:28px 24px;font-size:13px;line-height:1.5;display:flex}.contact-footer a{color:var(--contact-text);text-decoration:none}.contact-footer a:hover{color:var(--contact-brand-dark)}@media (width<=680px){.contact-hero{background-position:right -98px top -48px,82% 86%,50%;background-size:230px,48px 48px,auto;min-height:232px;padding:75px 20px 70px}.brand-link{font-size:15px;top:18px;left:20px}.brand-link img{width:32px;height:32px}.hero-content h1{font-size:32px}.hero-content>p:last-child{max-width:300px;margin:10px auto 0;font-size:14px}.contact-main{width:min(100% - 28px,520px);margin-top:-38px}.contact-panel{border-radius:19px;padding:26px 18px 22px}.panel-heading{margin-bottom:20px;display:block}.panel-heading h2{font-size:22px}.panel-description{text-align:left;align-items:flex-start;margin-top:6px}.info-list{grid-template-columns:1fr;gap:12px}.info-list--single{grid-template-columns:1fr}.info-item{border-radius:14px;gap:13px;min-height:0;padding:18px 16px}.info-item:hover{transform:none}.icon{background-size:24px;border-radius:13px;width:46px;height:46px}.content{margin-top:9px}.contact-footer{min-height:88px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.info-item{transition:none}.info-item:hover{transform:none}}
