<!-- 极简认证卡片 - 居中模态 -->
<view class="mask">
  <view class="card">
    <!-- 图标 -->
    <view class="icon-box">
      <image class="icon" src="/images/auth-shield.png" mode="aspectFit" />
    </view>

    <!-- 标题 -->
    <view class="title">完善资料</view>
    <view class="subtitle">仅需两步，即可开始</view>

    <!-- 步骤1: 头像 -->
    <view class="step">
      <view class="step-number">1</view>
      <view class="step-text">设置你的头像(一定要选哦)</view>
    </view>
    <button class="avatar-btn" open-type="chooseAvatar" bindchooseavatar="onAvatar">
      <image class="avatar-img" src="{{avatar || '/images/default-avatar.png'}}" mode="aspectFill" />
      <text class="avatar-tip">{{avatar ? '点击更换' : '点击选择(必选)'}}</text>
    </button>

    <!-- 步骤2: 手机号 -->
    <view class="step">
      <view class="step-number">2</view>
      <view class="step-text">绑定微信手机号</view>
    </view>
    <button class="phone-btn" open-type="getPhoneNumber" bindgetphonenumber="onPhone">
      <text class="phone-icon"></text>
      <text>{{phoneGot ? '已获取' : '一键获取'}}</text>
    </button>

    <!-- 提交 -->
    <button class="submit-btn" bindtap="submit" disabled="{{!phoneGot || submitting}}">
      {{submitting ? '认证中...' : '完成认证'}}
    </button>

    <!-- 退出 -->
    <view class="exit" bindtap="exit">暂不认证，退出</view>
  </view>
</view>