fix: 修复界面显示问题，优化文案

🎨 界面修复:
- 修复章节列表锁图标和标题错位（用简单符号替代emoji）
- 修复匹配页今日剩余图标和文字对齐
- 删除匹配页底部'每天3次免费匹配'提示

✏️ 文案优化:
- '分享赚钱' → '立即推广'
- '分享给好友' → '推荐好友，共同成长'
- '好友购买你获得90%佣金' → '邀请好友加入，享90%推广收益'

📄 文档更新:
- 更新需求方案文档v1.1
- 添加上线检查清单
- 完善API接口文档

miniprogram/pages/chapters/chapters.wxml

@@ -67,19 +67,14 @@
                 <block wx:for="{{chapter.sections}}" wx:key="id" wx:for-item="section">
                   <view class="section-item" bindtap="goToRead" data-id="{{section.id}}">
                     <view class="section-left">
-                      <view class="section-icon {{section.isFree || hasFullBook || purchasedSections.indexOf(section.id) > -1 ? 'icon-unlocked' : 'icon-locked'}}">
-                        <text wx:if="{{section.isFree || hasFullBook || purchasedSections.indexOf(section.id) > -1}}">🔓</text>
-                        <text wx:else>🔒</text>
-                      </view>
-                      <text class="section-title {{section.isFree || hasFullBook || purchasedSections.indexOf(section.id) > -1 ? '' : 'text-muted'}}">
-                        {{section.id}} {{section.title}}
-                      </text>
+                      <text class="section-lock {{section.isFree || hasFullBook || purchasedSections.indexOf(section.id) > -1 ? 'lock-open' : 'lock-closed'}}">{{section.isFree || hasFullBook || purchasedSections.indexOf(section.id) > -1 ? '○' : '●'}}</text>
+                      <text class="section-title {{section.isFree || hasFullBook || purchasedSections.indexOf(section.id) > -1 ? '' : 'text-muted'}}">{{section.id}} {{section.title}}</text>
                     </view>
                     <view class="section-right">
                       <text wx:if="{{section.isFree}}" class="tag tag-free">免费</text>
-                      <text wx:elif="{{hasFullBook || purchasedSections.indexOf(section.id) > -1}}" class="text-brand text-xs">已购</text>
-                      <text wx:else class="text-muted text-xs">¥{{section.price}}</text>
-                      <text class="section-arrow">→</text>
+                      <text wx:elif="{{hasFullBook || purchasedSections.indexOf(section.id) > -1}}" class="tag tag-purchased">已购</text>
+                      <text wx:else class="section-price">¥{{section.price}}</text>
+                      <text class="section-arrow">›</text>
                     </view>
                   </view>
                 </block>

miniprogram/pages/chapters/chapters.wxss

@@ -335,37 +335,43 @@
   min-width: 0;
 }
 
-.section-icon {
-  width: 36rpx;
-  height: 36rpx;
-  min-width: 36rpx;
-  font-size: 28rpx;
+/* 小节锁图标 */
+.section-lock {
+  width: 32rpx;
+  min-width: 32rpx;
+  font-size: 24rpx;
+  text-align: center;
   flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
 }
 
-.icon-unlocked {
+.lock-open {
   color: #00CED1;
 }
 
-.icon-locked {
-  color: rgba(255, 255, 255, 0.4);
+.lock-closed {
+  color: rgba(255, 255, 255, 0.3);
 }
 
+/* 小节标题 */
 .section-title {
   font-size: 26rpx;
   color: #ffffff;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  line-height: 36rpx;
   flex: 1;
-  height: 36rpx;
-  display: flex;
-  align-items: center;
+}
+
+/* 小节价格 */
+.section-price {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/* 已购标签 */
+.tag-purchased {
+  background: rgba(0, 206, 209, 0.15);
+  color: #00CED1;
 }
 
 .section-right {

miniprogram/pages/match/match.wxml

@@ -63,11 +63,6 @@
         当前模式: <text class="text-brand">{{currentTypeLabel}}</text>
       </view>
 
-      <!-- 免费次数提示 -->
-      <view class="free-tip" wx:if="{{!hasFullBook}}">
-        每天{{totalMatchesAllowed}}次免费匹配，用完可付费购买
-      </view>
-
       <!-- 分隔线 -->
       <view class="divider"></view>
 

miniprogram/pages/match/match.wxss

@@ -55,10 +55,11 @@
 /* ===== 匹配次数条 ===== */
 .match-count-bar {
   display: flex;
+  flex-direction: row;
   align-items: center;
   justify-content: space-between;
   margin: 24rpx 32rpx;
-  padding: 24rpx;
+  padding: 24rpx 32rpx;
   background: #1c1c1e;
   border-radius: 24rpx;
   border: 2rpx solid rgba(255, 255, 255, 0.05);
@@ -66,18 +67,38 @@
 
 .count-left {
   display: flex;
+  flex-direction: row;
   align-items: center;
-  gap: 16rpx;
+  gap: 12rpx;
 }
 
 .count-icon {
-  font-size: 32rpx;
+  font-size: 28rpx;
+  width: 32rpx;
+  text-align: center;
 }
 
 .count-icon.icon-warning {
   color: #FFD700;
 }
 
+.count-text {
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.count-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16rpx;
+}
+
+.count-value {
+  font-size: 32rpx;
+  font-weight: 600;
+}
+
 .count-text {
   font-size: 26rpx;
   color: rgba(255, 255, 255, 0.7);

miniprogram/pages/read/read.wxml

@@ -80,13 +80,13 @@
           </view>
         </view>
 
-        <!-- 分享提示 -->
+        <!-- 推广提示 -->
         <view class="share-tip" bindtap="showShare">
           <view class="tip-content">
-            <text class="tip-title">觉得不错？分享给好友</text>
-            <text class="tip-desc">好友购买你获得90%佣金</text>
+            <text class="tip-title">推荐好友，共同成长</text>
+            <text class="tip-desc">邀请好友加入，享90%推广收益</text>
           </view>
-          <view class="tip-btn">分享赚钱</view>
+          <view class="tip-btn">立即推广</view>
         </view>
       </view>
     </view>
@@ -136,7 +136,7 @@
           </view>
         </view>
 
-        <text class="paywall-tip">分享给好友购买，你可获得90%佣金</text>
+        <text class="paywall-tip">邀请好友加入，享90%推广收益</text>
       </view>
     </view>
   </view>