/* ==========================================================================
   NEXUS Guestbook — guestbook.css
   询盘弹窗（产品详情页 .inquiry-pop-bd 结构）
   ========================================================================== */

.inquiry-pop-bd {
  display: none;
  position: fixed;
  inset: 0;
  z-index: var(--nx-z-modal);
  background: rgba(20, 22, 26, .62);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: var(--nx-gutter);
  overflow-y: auto;
}

.inquiry-pop {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 8vh auto 0;
  background: var(--nx-white);
  border-radius: var(--nx-radius-lg);
  box-shadow: var(--nx-shadow-lg);
  padding: var(--nx-sp-7) var(--nx-sp-6) var(--nx-sp-6);
  animation: nx-pop-in .35s var(--nx-ease-out);
}

@keyframes nx-pop-in {
  from {
    opacity: 0;
    transform: translateY(26px) scale(.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ico-close-pop {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--nx-line);
  cursor: pointer;
  transition: all var(--nx-dur) var(--nx-ease);
}

.ico-close-pop::before,
.ico-close-pop::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  background: var(--nx-ink);
  transition: background-color var(--nx-dur-fast) var(--nx-ease);
}

.ico-close-pop::before { transform: rotate(45deg); }
.ico-close-pop::after { transform: rotate(-45deg); }

.ico-close-pop:hover {
  background: var(--nx-amber);
  border-color: var(--nx-amber);
  transform: rotate(90deg);
}

.ico-close-pop:hover::before,
.ico-close-pop:hover::after { background: #fff; }

.ch_form_wrap .title {
  font-size: clamp(22px, 4vw, 28px);
  margin-bottom: var(--nx-sp-5);
  padding-bottom: var(--nx-sp-3);
  border-bottom: 1px solid var(--nx-line);
  position: relative;
}

.ch_form_wrap .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 52px;
  height: 2px;
  background: var(--nx-amber);
}

.ch_form ul {
  display: grid;
  gap: var(--nx-sp-4);
  margin-bottom: var(--nx-sp-5);
}

.ch_form li { list-style: none; }

.ch_form input[type="text"],
.ch_form textarea {
  width: 100%;
  padding: 12px 2px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--nx-line);
  border-radius: 0;
  font-size: 14.5px;
  color: var(--nx-ink);
  transition: border-color var(--nx-dur) var(--nx-ease);
}

.ch_form textarea {
  min-height: 110px;
  resize: vertical;
  line-height: 1.75;
}

.ch_form input:focus,
.ch_form textarea:focus {
  outline: none;
  border-bottom-color: var(--nx-amber);
}

.ch_form input::placeholder,
.ch_form textarea::placeholder { color: var(--nx-ink-45); }

.ch_form .item_submit { margin-top: var(--nx-sp-2); }

.ch_form .submit_btn {
  width: 100%;
  padding: 15px 24px;
  background: var(--nx-amber);
  border: 1px solid var(--nx-amber);
  border-radius: var(--nx-radius);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: var(--nx-ls-caps);
  text-transform: uppercase;
  cursor: pointer;
  transition: all var(--nx-dur) var(--nx-ease);
}

.ch_form .submit_btn:hover {
  background: var(--nx-graphite);
  border-color: var(--nx-graphite);
  transform: translateY(-2px);
  box-shadow: var(--nx-shadow-sm);
}