<view wx:if="{{visible}}" class="vip-overlay" catchtap="handleOverlayTap">
  <view class="vip-popup" catchtap="noop">
    <image class="vip-bg" src="/static/images/my/vip_bg.png" mode="widthFix"></image>

    <view class="close-hotspot" bindtap="handleClose"></view>

    <view class="vip-content">
      <view class="gift-list">
        <view class="gift-copy">
          <text>立即赠送</text>
          <text class="highlight">300</text>
          <text>金币</text>
        </view>

        <view class="gift-copy daily-copy">
          <text>平台每天赠送</text>
          <text class="highlight">30</text>
          <text>金币</text>
          <text class="orange-note">（仅当天有效）</text>
        </view>
      </view>

      <view class="plan-section">
        <scroll-view class="plan-scroll" scroll-x enhanced show-scrollbar="false">
          <view class="plan-track">
            <view
              wx:for="{{plans}}"
              wx:key="id"
              class="plan-card {{(selectedPackage && item.id == selectedPackage.id) || (!selectedPackage && item.selected) ? 'selected' : ''}}"
              data-id="{{item.id}}"
              bindtap="handlePlanTap"
            >
              <image wx:if="{{(selectedPackage && item.id == selectedPackage.id) || (!selectedPackage && item.selected)}}" class="plan-selected-bg" src="/static/images/my/vip_selected.png" mode="scaleToFill"></image>
              <view wx:if="{{item.recommend}}" class="recommend-ribbon">推荐</view>
              <text class="plan-name">{{item.title}}</text>
              <view class="price-row">
                <text class="currency">¥</text>
                <text class="price">{{item.price}}</text>
              </view>
              <text class="plan-desc">{{item.price}}/月</text>
            </view>
          </view>
        </scroll-view>

        <view class="dots">
          <text
            wx:for="{{plans}}"
            wx:key="id"
            class="dot {{(selectedPackage && item.id == selectedPackage.id) || (!selectedPackage && item.selected) ? 'active' : ''}}"
          ></text>
        </view>
      </view>

      <view class="action-section">
        <image class="vip-btn" src="/static/images/my/vip_btn.png" mode="widthFix" bindtap="handleConfirm"></image>
        <view class="skip-btn" bindtap="handleClose">暂不需要</view>
      </view>
    </view>
  </view>
</view>




