JianSu-Naming/miniprogram/pages/profile/profile.wxml

<view class="container">
  <!-- 顶部标题 -->
  <view class="header">
    <view class="back-btn" bindtap="onBack">←</view>
    <view class="header-title">心动名单</view>
    <view class="header-spacer"></view>
  </view>

  <!-- 积分信息 - 克制地放在角落 -->
  <view class="credits-bar" bindtap="onCreditsTap">
    <view class="credits-item">
      <text class="credits-icon">✦</text>
      <text class="credits-text">今日灵感 {{creditsInfo.dailyCredits || 0}}/5</text>
    </view>
    <view class="credits-item watch-ad" wx:if="{{(creditsInfo.dailyCredits || 0) === 0 && (creditsInfo.watchedAdCount || 0) < 5}}">
      <text class="credits-icon">📖</text>
      <text class="credits-text">静心阅读 +3</text>
    </view>
  </view>

  <!-- 收藏列表 -->
  <scroll-view scroll-y class="favorites-scroll" wx:if="{{favorites.length > 0}}">
    <view class="favorites-grid">
      <view 
        class="favorite-item" 
        wx:for="{{favorites}}" 
        wx:key="name"
        bindtap="onItemTap"
        data-index="{{index}}"
      >
        <view class="name">{{item.name}}</view>
        <view class="origin">{{item.origin}}</view>
      </view>
    </view>
  </scroll-view>

  <!-- 空状态 -->
  <view class="empty-state" wx:if="{{favorites.length === 0}}">
    <view class="empty-icon">素</view>
    <text class="empty-text">锦囊空空，静待灵感</text>
    <text class="empty-subtext">在见素中右滑收藏心动的名字</text>
  </view>

  <!-- 半屏弹窗 - 详情展示 -->
  <view class="detail-modal {{showDetail ? 'visible' : ''}}" bindtap="closeDetail">
    <view class="detail-content" catchtap="preventBubble">
      <view class="detail-close" bindtap="closeDetail">×</view>
      <view class="detail-name">{{selectedItem.name}}</view>
      <view class="detail-origin">{{selectedItem.origin}}</view>
      <view class="detail-desc">{{selectedItem.description}}</view>
      <view class="detail-meta">
        <text class="detail-tone">声韵：{{selectedItem.tone}}</text>
        <text class="detail-score">见素评分：{{selectedItem.score}}</text>
      </view>
      <view class="detail-actions">
        <view class="detail-btn share-btn" bindtap="onShare">分享</view>
        <view class="detail-btn remove-btn" bindtap="onRemove">移除</view>
      </view>
    </view>
  </view>

  <!-- 静心阅读全屏页 -->
  <view class="meditation-page {{showMeditation ? 'visible' : ''}}">
    <view class="meditation-close" bindtap="closeMeditation">×</view>
    <view class="meditation-content">
      <view class="meditation-title">静心阅读</view>
      <view class="meditation-poem" wx:if="{{meditationPoem}}">
        <text class="poem-text">{{meditationPoem.text}}</text>
        <text class="poem-author">——{{meditationPoem.author}}</text>
      </view>
      <view class="meditation-hint">静观 15 秒，心随诗远</view>
    </view>
    <view class="meditation-progress">
      <view class="progress-bar">
        <view class="progress-fill" style="width: {{meditationProgress}}%"></view>
      </view>
      <text class="progress-text">{{meditationProgress}}%</text>
    </view>
  </view>
</view>