/* 博答科技 BotForge 落地页 · 自定义样式
   说明：Tailwind 工具类由 CDN 提供，本文件只放无法用工具类表达的渐变 / 动画 / 伪元素。 */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Hero 背景渐变 */
.grad-hero {
  background:
    radial-gradient(900px 500px at 80% -10%, rgba(34, 158, 217, .28), transparent 60%),
    radial-gradient(700px 500px at 0% 10%, rgba(13, 108, 168, .22), transparent 55%),
    linear-gradient(180deg, #0b1220 0%, #0d1626 100%);
}

/* 渐变文字 */
.grad-text {
  background: linear-gradient(120deg, #7cd4ff 0%, #229ED9 55%, #5eead4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 卡片悬浮发光 */
.card-glow { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card-glow:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px -20px rgba(34, 158, 217, .35);
  border-color: rgba(34, 158, 217, .5);
}

/* 滚动渐入 */
.fade-up { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.fade-up.in { opacity: 1; transform: translateY(0); }

/* 网格背景 */
.grid-bg {
  background-image:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* 聊天气泡小尾巴 */
.chat-tail-l::after {
  content: ''; position: absolute; left: -6px; bottom: 8px;
  width: 0; height: 0; border: 7px solid transparent; border-right-color: #1f2937; border-left: 0;
}
.chat-tail-r::after {
  content: ''; position: absolute; right: -6px; bottom: 8px;
  width: 0; height: 0; border: 7px solid transparent; border-left-color: #229ED9; border-right: 0;
}

/* 备用：横向滚动跑马灯 */
.marquee { animation: slide 28s linear infinite; }
@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }