<view class="badges-page">
    <scroll-view scroll-y class="badges-scroll" enhanced show-scrollbar="{{false}}">
       <!-- Level Card -->
       <view class="level-card-large" bindtap="showLevelList">
           <view class="level-card-bg"></view>
           <view class="level-header">
               <view class="level-info-large">
                   <text class="level-label">当前等级</text>
                   <text class="level-value">{{userLevelTag}}</text>
               </view>
               <t-icon name="trophy" size="80rpx" color="#FFD700" />
           </view>
           <view class="level-progress-section">
               <view class="progress-text">
                   <text>阳光值</text>
                   <text>{{currentExp}} / {{maxExp}}</text>
               </view>
               <view class="level-progress-bar-bg">
                   <view class="level-progress-bar-fill" style="width: {{currentExp * 100 / maxExp}}%;"></view>
               </view>
               <text class="next-level-tip">距离下一级还需要 {{nextLevelExp}} 阳光</text>
               <text class="next-level-perk" wx:if="{{nextPerk}}">下一级奖励: {{nextPerk}}</text>
           </view>
           <view class="click-hint">点击查看等级详情 ></view>
       </view>

       <view class="section-title-badges">我的徽章</view>

       <view class="badge-wall-entry" bindtap="openBadgeWall">
           <view class="entry-bg-bloom"></view>
           <view class="wall-entry-left">
               <view class="entry-icon-box">
                   <t-icon name="achievement" size="56rpx" color="#FFD700" />
               </view>
               <view class="wall-entry-text">
                   <text class="entry-title">徽章墙</text>
                   <text class="entry-desc">查看所有徽章与收集进度</text>
               </view>
           </view>
           <view class="wall-entry-right">
               <text class="entry-action">去查看</text>
               <t-icon name="chevron-right" size="40rpx" color="rgba(255,255,255,0.8)" />
           </view>
       </view>
       
       <view style="height: 60rpx;"></view>
    </scroll-view>


</view>
