<view class="age-page">
    <view class="age-hero">
        <text class="age-hero__title">分龄推荐</text>
        <text class="age-hero__subtitle">按年龄段挑选适合的练习单，循序渐进更省心</text>
    </view>

    <view class="age-grid">
        <view
            wx:for="{{ageGroups}}"
            wx:key="label"
            class="age-card"
            bindtap="onAgeCardTap"
            data-min-age="{{item.minAge}}"
            data-max-age="{{item.maxAge}}"
        >
            <view class="age-card__art" style="background: {{item.gradient}}">
                <text class="age-card__emoji">{{item.emoji}}</text>
            </view>
            <view class="age-card__body">
                <text class="age-card__label">{{item.label}}</text>
                <text class="age-card__desc">{{item.desc}}</text>
                <text class="age-card__count">{{item.count}} 个练习</text>
            </view>
        </view>
    </view>

    <view class="age-tip">
        <text class="age-tip__duck">🦆</text>
        <text class="age-tip__text">建议家长根据孩子当前能力微调难度，不必严格按年龄划分哦～</text>
    </view>
</view>
