/* ================================
   Imlauer 官网 — 自定义样式
   ================================ */

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* 留出导航栏高度 */
}

/* 导航栏滚动后的阴影效果 */
#navbar.scrolled {
  background-color: #1A2744 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* 服务卡片 hover 效果 */
.service-card:hover {
  border-color: #E8722A !important;
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(232, 114, 42, 0.15);
}

/* 淡入动画 */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* 动画延迟 - 用于网格内卡片依次入场 */
.fade-in:nth-child(1) { transition-delay: 0ms; }
.fade-in:nth-child(2) { transition-delay: 80ms; }
.fade-in:nth-child(3) { transition-delay: 160ms; }
.fade-in:nth-child(4) { transition-delay: 240ms; }
.fade-in:nth-child(5) { transition-delay: 320ms; }
.fade-in:nth-child(6) { transition-delay: 400ms; }

/* 回到顶部按钮显示状态 */
#scrollTopBtn.show {
  opacity: 1;
  pointer-events: auto;
}

/* 语言下拉菜单动画 */
#langMenu {
  animation: fadeDown 0.15s ease-out;
}

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 当前激活的语言选项 */
.lang-option.text-brand-orange {
  color: #E8722A !important;
}

/* ========== 咨询弹窗 ========== */

/* 弹窗显示状态 */
#contactModal.show {
  display: flex !important;
}

/* 遮罩淡入 */
#contactModal.show #modalOverlay {
  animation: fadeIn 0.25s ease-out;
}

/* 弹窗内容弹入 */
#contactModal.show .modal-content {
  animation: scaleIn 0.3s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.95) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

/* 弹窗打开时禁止背景滚动 */
body.modal-open {
  overflow: hidden;
}

/* 提交按钮加载状态 */
#submitBtn.loading {
  opacity: 0.7;
  pointer-events: none;
}

/* 选择文字时的高亮颜色 */
::selection {
  background-color: rgba(232, 114, 42, 0.3);
  color: inherit;
}