<template>
  <view class="ai-float" @tap="go">
    <view class="dot"></view>
    <view class="t">AI</view>
  </view>
</template>

<script>
export default {
  name: 'AiFloat',
  methods: {
    go() {
      uni.navigateTo({ url: '/pages/ai/chat' })
    }
  }
}
</script>

<style lang="scss" scoped>
.ai-float {
  position: fixed;
  right: 24rpx;
  bottom: 170rpx;
  width: 112rpx;
  height: 112rpx;
  border-radius: 999rpx;
  background: linear-gradient(135deg, #111827 0%, #3b82f6 100%);
  box-shadow: 0 16rpx 40rpx rgba(17, 24, 39, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.t {
  color: #fff;
  font-size: 32rpx;
  font-weight: 800;
  letter-spacing: 2rpx;
}
.dot {
  position: absolute;
  top: 14rpx;
  right: 14rpx;
  width: 16rpx;
  height: 16rpx;
  border-radius: 999rpx;
  background: #10b981;
  border: 4rpx solid rgba(255, 255, 255, 0.8);
}
</style>

