<view class="page">
  <view class="page-header page-header-blue" style="padding-top: {{statusBarHeight + 24}}px;">
    <view class="nav-back nav-back-light" bindtap="onBack">‹ 返回</view>
    <view class="page-header-title">护理中</view>
    <view class="page-header-subtitle">正在护理...</view>
  </view>

  <view class="page-content">
    <view class="countdown-area">
      <text class="countdown-time">{{remainingText}}</text>
      <view class="countdown-label">剩余时间</view>
    </view>

    <view class="progress-bar">
      <view class="progress-fill" style="width: {{progress}}%;"></view>
    </view>

    <view class="mode-tag-area">
      <text class="mode-tag">{{mode === 1 ? '✨ 智能模式' : '🔄 普通模式'}} · {{regionText}}</text>
    </view>

    <view class="relax-card">
      <text class="relax-icon">💆</text>
      <view class="relax-text">
        <text>请放松心情</text>
        <text>享受护理时光</text>
      </view>
    </view>

    <view class="debug-actions" wx:if="{{devMode}}">
      <view class="debug-label">🔧 调试工具</view>
      <button class="btn-secondary btn-sm" bindtap="onMockComplete">模拟护理完成</button>
    </view>

    <button class="btn-primary btn-primary-red" bindtap="onStop">停止护理</button>
  </view>
</view>
