/* acquire-widget.css — 五大官网获客悬浮组件（PDDUN-WEB-REFACTOR）
   功能：右侧固定悬浮咨询按钮 + 居中留资弹窗（3字段）。全站复用，站点无关。
   配色沿用集团设计系统变量（在引入页 :root 定义则自动继承，此处给回退值）。 */
:root {
  --pd-primary: #0A1628;
  --pd-action: #81C784;
  --pd-accent: #4a9eff;
  --pd-radius: 14px;
}

/* ===== 悬浮按钮 ===== */
#acquire-fab {
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9998;
  max-width: 46px;
  padding: 14px 10px;
  background: linear-gradient(135deg, var(--pd-action), #5fae6a);
  color: #06281a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  border-radius: var(--pd-radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  writing-mode: vertical-rl;
  letter-spacing: 1px;
  user-select: none;
  transition: transform .15s ease, box-shadow .15s ease;
}
#acquire-fab:hover {
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34);
}

/* ===== 弹窗 ===== */
#acquire-modal.acquire-hidden { display: none; }
#acquire-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.acquire-mask {
  position: absolute;
  inset: 0;
  background: rgba(10, 22, 40, 0.55);
}
.acquire-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border-radius: var(--pd-radius);
  padding: 26px 24px 22px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}
.acquire-dialog h3 {
  margin: 0 0 16px;
  font-size: 18px;
  color: var(--pd-primary);
  text-align: center;
}
.acquire-close {
  position: absolute;
  right: 12px;
  top: 10px;
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  color: #97a3b6;
  cursor: pointer;
}
#acquire-form { display: flex; flex-direction: column; gap: 12px; }
#acquire-form input,
#acquire-form select {
  height: 44px;
  padding: 0 14px;
  font-size: 15px;
  border: 1px solid #d8dee8;
  border-radius: 10px;
  outline: none;
  transition: border-color .15s;
}
#acquire-form input:focus,
#acquire-form select:focus { border-color: var(--pd-accent); }
#acquire-form button[type="submit"] {
  height: 46px;
  margin-top: 4px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--pd-action), #5fae6a);
  color: #06281a;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
#acquire-form button[type="submit"]:hover { filter: brightness(1.04); }
.acquire-msg { margin: 2px 0 0; font-size: 13px; min-height: 18px; text-align: center; }
.acquire-msg.acquire-ok { color: #2e7d32; }
.acquire-msg.acquire-err { color: #d32f2f; }

/* ===== 响应式：移动端折叠 ===== */
@media (max-width: 768px) {
  #acquire-fab {
    right: 10px;
    bottom: 14px;
    top: auto;
    transform: none;
    writing-mode: horizontal-tb;
    max-width: none;
    padding: 10px 14px;
    font-size: 14px;
    border-radius: 22px;
  }
  #acquire-fab:hover { transform: none; }
  .acquire-dialog { width: auto; }
}