<!--components/badge/index.wxml-->
<t-overlay visible="{{visible}}" bind:click="handleOverlayClick">
    <view class="full-width flex flex-center flex-col" style="height: 100vh; ">
      <view class="badge-scene" style="margin-top: -180rpx;">
        <view class="badge-bg-rays"></view>
        <view class="badge-3d-wrapper">
          <view class="badge-content-container">
            <image src="https://res.catter.cn/pub/2025/12/02/20251202140711605.png" class="badge-img-inner"></image>
          </view>
        </view>
      </view>
      <view class="font-16 bold white mt-32">新手园丁</view>
      <view class="font-14 mt-16  white">徽章获取条件：2025年12月15日，添加第一颗植物</view>
      <button theme="primary" style="background-color: #E8D7B4;width: 80%;border-radius: 50rpx; margin-top: 32rpx; color: #7B6946;" shape="round" bind:tap="tap">佩戴徽章</button>
    </view>

  </t-overlay>