@charset "utf-8";



.ydContact20260602 { padding: calc(80px * var(--gw-transform-scale, 1)) 0; background: linear-gradient(135deg, rgb(240, 255, 254) 0%, rgb(232, 255, 253) 100%); }



.ydContact20260602 .yd-contact-container { max-width: calc(1200px * var(--gw-transform-scale, 1)); margin: 0px auto; padding: 0 calc(20px * var(--gw-transform-scale, 1)); display: grid; grid-template-columns: 1fr 1fr; gap: calc(60px * var(--gw-transform-scale, 1)); align-items: center; }



.ydContact20260602 .yd-contact-info { padding-right: calc(40px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-label { display: inline-block; padding: calc(6px * var(--gw-transform-scale, 1)) calc(16px * var(--gw-transform-scale, 1)); background: rgba(13, 191, 191, 0.1); color: rgb(13, 191, 191); font-size: calc(14px * var(--gw-transform-scale, 1)); border-radius: calc(20px * var(--gw-transform-scale, 1)); margin-bottom: calc(16px * var(--gw-transform-scale, 1)); font-weight: 600; }



.ydContact20260602 .yd-contact-title { font-size: calc(36px * var(--gw-transform-scale, 1)); font-weight: 700; color: rgb(26, 26, 26); margin-bottom: calc(24px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-item { display: flex; align-items: flex-start; gap: calc(16px * var(--gw-transform-scale, 1)); margin-bottom: calc(24px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-icon { width: calc(48px * var(--gw-transform-scale, 1)); height: calc(48px * var(--gw-transform-scale, 1)); background: rgb(13, 191, 191); border-radius: calc(12px * var(--gw-transform-scale, 1)); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); flex-shrink: 0; }



.ydContact20260602 .yd-contact-icon svg { width: calc(24px * var(--gw-transform-scale, 1)); height: calc(24px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-detail h4 { font-size: calc(18px * var(--gw-transform-scale, 1)); font-weight: 700; color: rgb(26, 26, 26); margin-bottom: calc(4px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-detail p { font-size: calc(15px * var(--gw-transform-scale, 1)); color: rgb(102, 102, 102); line-height: 1.5; }



.ydContact20260602 .yd-contact-qrcode { display: flex; gap: calc(30px * var(--gw-transform-scale, 1)); margin-top: calc(30px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-qrcode-item { text-align: center; }



.ydContact20260602 .yd-contact-qrcode-item img { width: calc(120px * var(--gw-transform-scale, 1)); height: calc(120px * var(--gw-transform-scale, 1)); border-radius: calc(8px * var(--gw-transform-scale, 1)); box-shadow: 0 calc(4px * var(--gw-transform-scale, 1)) calc(15px * var(--gw-transform-scale, 1)) rgba(0,0,0,0.08); display: block; margin-bottom: calc(10px * var(--gw-transform-scale, 1)); }



.ydContact20260602 .yd-contact-qrcode-item span { font-size: calc(14px * var(--gw-transform-scale, 1)); color: rgb(136, 136, 136); }



.ydContact20260602 .yd-contact-map-wrap { position: relative; border-radius: calc(16px * var(--gw-transform-scale, 1)); overflow: hidden; box-shadow: 0 calc(10px * var(--gw-transform-scale, 1)) calc(40px * var(--gw-transform-scale, 1)) rgba(13,191,191,0.1); height: calc(450px * var(--gw-transform-scale, 1)); display: block; text-decoration: none; }



.ydContact20260602 .yd-contact-map-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; }



.ydContact20260602 .yd-contact-map-wrap:hover img { transform: scale(1.03); }



.ydContact20260602 .yd-contact-map-mask { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: calc(10px * var(--gw-transform-scale, 1)); transition: background 0.3s; }



.ydContact20260602 .yd-contact-map-wrap:hover .yd-contact-map-mask { background: rgba(0, 0, 0, 0.15); }



.ydContact20260602 .yd-contact-map-mask svg { width: calc(48px * var(--gw-transform-scale, 1)); height: calc(48px * var(--gw-transform-scale, 1)); color: rgb(255, 255, 255); filter: drop-shadow(0 calc(2px * var(--gw-transform-scale, 1)) calc(6px * var(--gw-transform-scale, 1)) rgba(0,0,0,0.3)); }



.ydContact20260602 .yd-contact-map-mask span { font-size: calc(15px * var(--gw-transform-scale, 1)); color: rgb(255, 255, 255); font-weight: 600; text-shadow: 0 calc(2px * var(--gw-transform-scale, 1)) calc(6px * var(--gw-transform-scale, 1)) rgba(0,0,0,0.4); letter-spacing: 1px; }



@media (max-width: 1024px) {

  .ydContact20260602 .yd-contact-container { grid-template-columns: 1fr; gap: calc(40px * var(--gw-transform-scale, 1)); }

  .ydContact20260602 .yd-contact-info { padding-right: 0px; }

  .ydContact20260602 .yd-contact-map-wrap { height: calc(320px * var(--gw-transform-scale, 1)); }

}



@media (max-width: 576px) {

  .ydContact20260602 .yd-contact-title { font-size: calc(28px * var(--gw-transform-scale, 1)); }

  .ydContact20260602 .yd-contact-qrcode { justify-content: center; }

}