<!-- pages/kaoheguan/kaoheguan.wxml -->
<view class="universe-root">
  <!-- 全屏弱化背景图 -->
  <image class="full-bg" src="{{icons.bgImage}}" mode="aspectFill" />

  <!-- 动态星空与极光 -->
  <canvas type="2d" id="starfield" class="starfield-canvas"></canvas>
  <view class="aurora-ribbon"></view>

  <!-- 未注册状态 -->
  <view class="unreg-floating" wx:if="{{!isKaoheguan}}">
    <view class="unreg-core">
      <image class="unreg-icon" src="/images/kaoheguan.png" mode="aspectFit" />
      <text class="unreg-title">考核官</text>
      <text class="unreg-desc">{{statusText}}</text>
      <input class="unreg-input" type="text" placeholder="输入邀请码" value="{{inviteCode}}" bindinput="onInviteCodeInput" placeholder-class="unreg-placeholder" maxlength="100" />
      <view class="unreg-btn" bindtap="onRegister">
        <text class="unreg-btn-text">即刻入驻</text>
      </view>
    </view>
  </view>

  <!-- 已注册状态 · 行星系统 -->
  <view class="orbit-zone" wx:else>
    <!-- 身份条 -->
    <view class="top-identity">
      <image class="identity-avatar" src="{{avatarUrl}}" mode="aspectFill" />
      <view class="identity-info">
        <text class="identity-name">考核官</text>
        <view class="identity-uid">
          <text class="uid-txt">{{uid}}</text>
          <view class="status-indicator {{kaoheData.shenheZhuangtai == 1 ? 'active' : ''}}"></view>
        </view>
        <!-- 🆕 添加认证状态，这是唯一新增的行 -->
        <text class="renzheng-tag {{kaoheData.isRenzheng ? 'authed' : 'unauth'}}">
          {{kaoheData.isRenzheng ? '已认证' : '未认证'}}
        </text>
      </view>
      <view class="refresh-touch" bindtap="refreshKaoheInfo">
        <image class="refresh-icon" src="{{icons.refresh}}" mode="aspectFit" />
      </view>
    </view>

    <!-- 板块标签云 -->
    <view class="plate-cloud" wx:if="{{kaoheData.bankuaiList.length > 0}}">
      <scroll-view class="plate-cloud-scroll" scroll-x="true" enhanced show-scrollbar="{{false}}">
        <view class="plate-chip" wx:for="{{kaoheData.bankuaiList}}" wx:key="bankuai_id">{{item.mingcheng}}</view>
      </scroll-view>
    </view>

    <!-- 中央余额星球 -->
    <view class="balance-planet">
      <view class="planet-ring"></view>
      <view class="planet-body">
        <text class="planet-num">{{kaoheData.yue}}元</text>
        <text class="planet-label">可提现余额</text>
      </view>
      <view class="planet-glow"></view>
    </view>

    <!-- 流星数据条 -->
    <view class="meteor-stats">
      <view class="meteor-item">
        <text class="meteor-num">{{kaoheData.shenheZongshu}}</text>
        <text class="meteor-label">审核总数</text>
      </view>
      <view class="meteor-divider"></view>
      <view class="meteor-item">
        <text class="meteor-num">{{kaoheData.tongguoZongshu}}</text>
        <text class="meteor-label">通过总数</text>
      </view>
      <view class="meteor-divider"></view>
      <view class="meteor-item">
        <text class="meteor-num">{{kaoheData.zonge}}元</text>
        <text class="meteor-label">累计赚取</text>
      </view>
    </view>

    <!-- 十字星阵功能区 -->
    <view class="star-cross">
      <!-- 上方：考核中心 -->
      <view class="cross-item cross-top {{planetPaused.top ? 'pause-spin' : ''}}" 
            bindtap="goToZhongxin" 
            bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="top">
        <view class="orbit-ring"></view>
        <image class="cross-icon" src="{{icons.zhongxin}}" mode="aspectFit" />
        <text class="cross-text">考核中心</text>
      </view>
      <!-- 下方：考核打分 -->
      <view class="cross-item cross-bottom {{planetPaused.bottom ? 'pause-spin' : ''}}" 
            bindtap="goToDafen"
            bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="bottom">
        <view class="orbit-ring"></view>
        <image class="cross-icon" src="{{icons.daofen}}" mode="aspectFit" />
        <text class="cross-text">考核打分</text>
        <!-- 🆕 添加红色角标，这是唯一新增的行 -->
        <view class="badge" wx:if="{{kaoheData.pendingShenheCount > 0}}">{{kaoheData.pendingShenheCount}}</view>
      </view>
      <!-- 左侧：考核记录 -->
      <view class="cross-item cross-left {{planetPaused.left ? 'pause-spin' : ''}}" 
            bindtap="goToJilu"
            bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="left">
        <view class="orbit-ring"></view>
        <image class="cross-icon" src="{{icons.jilu}}" mode="aspectFit" />
        <text class="cross-text">考核记录</text>
      </view>
      <!-- 右侧：立即提现 -->
      <view class="cross-item cross-right {{planetPaused.right ? 'pause-spin' : ''}}" 
            bindtap="goToWithdraw"
            bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="right">
        <view class="orbit-ring"></view>
        <image class="cross-icon" src="{{icons.tixian}}" mode="aspectFit" />
        <text class="cross-text">立即提现</text>
      </view>
      <!-- 中央五角星 -->
      <view class="pentagram"></view>
    </view>
  </view>

  <!-- 加载星门 -->
  <view class="loading-portal" wx:if="{{isLoading}}">
    <view class="portal-ring"></view>
    <text class="portal-text">加载中...</text>
  </view>
</view>

<global-notification id="global-notification" />
<custom-tab-bar />