<view class="page">
  <!-- 顶部导航栏 -->
  <view class="unified-header">
    <view class="unified-header-left" bindtap="onBack">
      <image src="/images/icon-back.png" class="unified-back-icon" mode="aspectFit"></image>
      <text class="unified-back-text">返回</text>
    </view>
    <text class="unified-header-title">{{info.title}}</text>
    <view class="unified-header-right"></view>
  </view>

  <scroll-view scroll-y class="content" style="padding-top: 194rpx" enhanced show-scrollbar="{{false}}">
    <!-- 加载中 -->
    <view class="loading-tip" wx:if="{{loading}}">
      <text>加载中...</text>
    </view>

    <!-- 错误提示 -->
    <view class="error-tip" wx:if="{{error}}">
      <text>{{error}}</text>
      <text class="retry-btn" bindtap="loadElderCareInfo">点击重试</text>
    </view>

    <!-- 内容区域 -->
    <view class="eldercare-content" wx:if="{{!loading && info && !error}}">
      <!-- 介绍内容 -->
      <view class="intro-section" wx:if="{{info.content}}">
        <rich-text nodes="{{info.content}}"></rich-text>
      </view>
    </view>

    <!-- 空状态 -->
    <view class="empty-tip" wx:if="{{!loading && !info && !error}}">
      <image src="/images/icon-empty.png" mode="aspectFit"></image>
      <text>暂无内容</text>
    </view>
  </scroll-view>
</view>
