/* Contact Us 页面内容区样式 */

.section_2 > .section_4 {
  width: 1650px;
  height: auto;
  justify-content: space-between;
  margin: 80px 0 0 135px;
}

.section_2 > .section_4 .section_5 {
  width: 700px;
  height: auto;
  margin-top: 64px;
}

.section_2 > .section_4 .section_5 .field-input {
  width: 700px;
  height: 32px;
  border: 0;
  border-bottom: 2px solid #999999;
  border-radius: 0;
  background-color: transparent;
  outline: none;
  padding: 0;
  font-size: 22px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  color: rgba(72, 72, 72, 1);
}

.section_2 > .section_4 .section_5 .field-input:focus {
  border-bottom-color: #48B887;
}

/* Phone 行：区号 + 号码 两个输入框并排，各自有独立下划线，中间间隔 16px */
.section_2 > .section_4 .section_5 .phone-input {
  width: 700px;
  height: 32px;
  align-items: stretch;
}

.section_2 > .section_4 .section_5 .phone-input .field-input-code {
  width: 90px;
  flex: none;
}

.section_2 > .section_4 .section_5 .phone-input .field-input-number {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 16px;
}

.section_2 > .section_4 .section_5 .field-input::placeholder {
  color: rgba(153, 153, 153, 1);
}

/* ---------- 国家区号下拉框 ---------- */
/* 弹出缓动：下拉框由 display:none 切到 block，transition 对 display 不生效，
   故用 animation —— 每次加上 .is-open 都会重新播放。
   缓动曲线与全站进场动效一致 */
@keyframes country-code-dropdown-in {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 置于区号输入框正下方；宽度由最长一行（国名 + 区号）撑开，
   天然覆盖所有文本、不截断，也不受页面 zoom 影响。
   高度由 JS 按「距窗口底部 100px」动态设置 */
.section_2 > .section_4 .country-code-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: max-content;
  margin-top: 24px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(227, 227, 227, 1);
  border-radius: 32px;
  overflow: hidden;
  z-index: 60;
  transform-origin: top center;
  display: none;
}

.section_2 > .section_4 .country-code-dropdown.is-open {
  display: block;
  animation: country-code-dropdown-in 0.24s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.section_2 > .section_4 .country-code-list {
  max-height: inherit;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 滚动条：去掉上下两个箭头按钮。滑块默认灰色，悬停或拖动时高亮为主题绿。
   注意：不能同时声明 scrollbar-width / scrollbar-color（标准属性），
   在 Chromium 下它们会让整套 ::-webkit-scrollbar-* 失效，箭头就又出现了 */
.section_2 > .section_4 .country-code-list::-webkit-scrollbar {
  width: 18px;
}

.section_2 > .section_4 .country-code-list::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* 轨道上下各内缩 32px（与下拉框圆角等大），滑块不会滑进圆角覆盖的区域 */
.section_2 > .section_4 .country-code-list::-webkit-scrollbar-track {
  background-color: transparent;
  margin-top: 32px;
  margin-bottom: 32px;
}

.section_2 > .section_4 .country-code-list::-webkit-scrollbar-thumb {
  background-color: #666666;
  border-radius: 9px;
}

.section_2 > .section_4 .country-code-list::-webkit-scrollbar-thumb:hover,
.section_2 > .section_4 .country-code-list::-webkit-scrollbar-thumb:active {
  background-color: #188F5B;
}

.section_2 > .section_4 .country-code-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(72, 72, 72, 1);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.section_2 > .section_4 .country-code-item:hover,
.section_2 > .section_4 .country-code-item.is-active {
  background-color: rgba(24, 143, 91, 0.08);
  color: var(--theme-color);
}

.section_2 > .section_4 .country-code-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section_2 > .section_4 .country-code-dial {
  flex: none;
  color: rgba(140, 140, 140, 1);
}

.section_2 > .section_4 .country-code-empty {
  display: none;
  padding: 16px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(140, 140, 140, 1);
}

.section_2 > .section_4 .country-code-dropdown.is-empty .country-code-empty {
  display: block;
}

.section_2 > .section_4 .section_5 .name-group {
  width: auto;
  gap: 0;
}

/* Last Name 行：与上一行的间距和其他表单行保持一致 */
.section_2 > .section_4 .section_5 .name-group + .name-group {
  margin-top: 64px;
}

.section_2 > .section_4 .section_5 .name-label {
  width: 134px;
  height: 33px;
  gap: 8px;
}

.section_2 > .section_4 .section_5 .text_30 {
  /* 宽度随文案自适应：原 115px 是按 "First Name" 定的，
     改为 "Name" 后固定宽度会把右侧星号推远 */
  width: auto;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  letter-spacing: -1px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_2 > .section_4 .section_5 .text_31 {
  width: 11px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(242, 107, 107, 1);
  font-size: 22px;
  letter-spacing: -1px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_2 > .section_4 .text-wrapper_12 {
  width: auto;
  height: auto;
  margin-top: 64px;
  gap: 0;
}

.section_2 > .section_4 .field-label {
  width: auto;
  height: 33px;
  gap: 8px;
}

.section_2 > .section_4 .text-wrapper_12 .field-label {
  width: 78px;
}

.section_2 > .section_4 .text-wrapper_13 .field-label {
  width: 87px;
}

.section_2 > .section_4 .text_34 {
  width: 59px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  letter-spacing: -1px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_2 > .section_4 .text_35 {
  width: 11px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(242, 107, 107, 1);
  font-size: 22px;
  letter-spacing: -1px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_2 > .section_4 .text-wrapper_13 {
  position: relative;
  width: auto;
  height: auto;
  margin-top: 64px;
  gap: 0;
}

.section_2 > .section_4 .text_36 {
  width: 68px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  letter-spacing: -1px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_2 > .section_4 .text_37 {
  width: 11px;
  height: 33px;
  overflow-wrap: break-word;
  color: rgba(242, 107, 107, 1);
  font-size: 22px;
  letter-spacing: -1px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_2 > .section_4 .text-wrapper_16 {
  background-color: var(--theme-color);
  border-radius: 16px;
  height: 64px;
  margin-top: 64px;
  margin-bottom: 64px;
  width: 244px;
  align-self: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.section_2 > .section_4 .text-wrapper_16:hover {
  background-color: #48B887;
}

.section_2 > .section_4 .text_42 {
  width: 88px;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: Poppins-SemiBold, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: normal;
  text-align: left;
  line-height: 48px;
  margin: 8px 0 0 79px;
}

/* Email 信息块：标题 + 图标/邮箱链接，与右侧表单顶端对齐 */
.section_2 > .section_4 .email-group {
  width: auto;
  height: auto;
  margin-top: 120px;
  margin-bottom: 120px;
  align-self: flex-start;
}

/* “Our Email” 标题：左对齐于下方图标 */
.section_2 > .section_4 .text_47 {
  width: auto;
  height: auto;
  color: var(--theme-color);
  font-size: 64px;
  font-family: Poppins-SemiBold, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 64px;
}

.section_2 > .section_4 .box_4 {
  width: auto;
  height: auto;
  margin-top: 48px;
  margin-bottom: 48px;
  gap: 24px;
  align-items: center;
}

.section_2 > .section_4 .image_7 {
  width: 64px;
  height: 64px;
}

.section_2 > .section_4 .text_46 {
  width: auto;
  height: 39px;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 36px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
}

/* 说明文字：与左栏同宽，上下间距由 .box_4 的 margin-bottom 承担 */
.section_2 > .section_4 .text_48 {
  width: 700px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 26px;
  letter-spacing: -0.5px;
  font-family: Poppins-Regular, Poppins, "Source Han Sans SC", sans-serif;
  font-weight: 300;
  text-align: left;
  text-justify: inter-word;
  white-space: normal;
  line-height: 38px;
}

/* 全球分布地图：表单区下方，水平居中。
   宽度取原 1650px 的 80%（1320px） */
.section_2 > .map-image {
  display: block;
  width: 1320px;
  height: auto;
  margin: 80px auto;
}