<template>
    <div class="relative">
        <img class="" src="@/assets/images/vip_bg.png" alt="代理会员">
        <div @click="toService" class="absolute left-[50%] translate-x-[-50%] bottom-80
             bg-gradient-to-r from-gray-900 via-black to-gray-900  <!-- 按钮自身渐变 -->
             py-2 px-4 rounded-lg text-white text-[24px] font-bold
             shadow-[0_0_15px_rgba(255,255,255,0.3)]  <!-- 发光效果 -->
             hover:scale-105 transition-transform"> <!-- 悬停动画 -->
            点击马上报名
        </div>
    </div>
</template>

<script setup>
function toService() {
    // window.location.href = '/service' // 跳转到客服页面
    window.location.href = 'https://work.weixin.qq.com/kfid/kfc5c19b2b93a5e73b9' // 跳转到客服页面
}
</script>

<style lang="scss" scoped></style>