Update mini program development documentation and enhance user interface elements

- Added a new entry for the latest mini program development rules and APIs in the evolution index.
- Updated the skill documentation to include guidelines on privacy authorization and capability detection.
- Modified the read and settings pages to improve user experience with new input styles and layout adjustments.
- Implemented user-select functionality for text elements in the read page to enhance interactivity.
- Refined CSS styles for better responsiveness and visual consistency across various components.

miniprogram/pages/chapters/chapters.wxml

@@ -76,7 +76,6 @@
                       <text class="section-lock {{section.isFree || isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1 ? 'lock-open' : 'lock-closed'}}">{{section.isFree || isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1 ? '○' : '●'}}</text>
                       <text class="section-title {{section.isFree || isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1 ? '' : 'text-muted'}}">{{section.id}} {{section.title}}</text>
                       <text wx:if="{{section.isNew}}" class="tag tag-new">NEW</text>
-                      <text wx:if="{{section.isPremium}}" class="tag tag-vip">增值</text>
                     </view>
                     <view class="section-right">
                       <text wx:if="{{section.isFree}}" class="tag tag-free">免费</text>

miniprogram/pages/read/read.wxml

@@ -30,7 +30,7 @@
         <text class="chapter-id">{{section.id}}</text>
         <text class="tag tag-free" wx:if="{{section.isFree}}">免费</text>
       </view>
-      <text class="chapter-title">{{section.title}}</text>
+      <text class="chapter-title" user-select>{{section.title}}</text>
     </view>
 
     <!-- 加载状态 -->
@@ -46,9 +46,9 @@
     <view class="article" wx:if="{{accessState === 'free' || accessState === 'unlocked_purchased'}}">
       <view class="paragraph" wx:for="{{contentSegments}}" wx:key="index">
         <block wx:for="{{item}}" wx:key="index" wx:for-item="seg">
-          <text wx:if="{{seg.type === 'text'}}">{{seg.text}}</text>
-          <text wx:elif="{{seg.type === 'mention'}}" class="mention" bindtap="onMentionTap" data-user-id="{{seg.userId}}" data-nickname="{{seg.nickname}}">@{{seg.nickname}}</text>
-          <text wx:elif="{{seg.type === 'linkTag'}}" class="link-tag" bindtap="onLinkTagTap" data-url="{{seg.url}}" data-label="{{seg.label}}" data-tag-type="{{seg.tagType}}" data-page-path="{{seg.pagePath}}" data-tag-id="{{seg.tagId}}" data-app-id="{{seg.appId}}" data-mp-key="{{seg.mpKey}}">#{{seg.label}}</text>
+          <text wx:if="{{seg.type === 'text'}}" user-select>{{seg.text}}</text>
+          <text wx:elif="{{seg.type === 'mention'}}" class="mention" user-select bindtap="onMentionTap" data-user-id="{{seg.userId}}" data-nickname="{{seg.nickname}}">@{{seg.nickname}}</text>
+          <text wx:elif="{{seg.type === 'linkTag'}}" class="link-tag" user-select bindtap="onLinkTagTap" data-url="{{seg.url}}" data-label="{{seg.label}}" data-tag-type="{{seg.tagType}}" data-page-path="{{seg.pagePath}}" data-tag-id="{{seg.tagId}}" data-app-id="{{seg.appId}}" data-mp-key="{{seg.mpKey}}">#{{seg.label}}</text>
           <image wx:elif="{{seg.type === 'image'}}" class="content-image" src="{{seg.src}}" mode="widthFix" show-menu-by-longpress bindtap="onImageTap" data-src="{{seg.src}}"></image>
         </block>
       </view>
@@ -102,7 +102,7 @@
     <!-- 预览内容 + 付费墙 - 未登录 -->
     <view class="article preview" wx:if="{{accessState === 'locked_not_login'}}">
       <view class="paragraph" wx:for="{{previewParagraphs}}" wx:key="index" wx:if="{{item}}">
-        {{item}}
+        <text user-select>{{item}}</text>
       </view>
 
       <!-- 渐变遮罩 -->
@@ -153,7 +153,7 @@
     <!-- 预览内容 + 付费墙 - 已登录未购买 -->
     <view class="article preview" wx:if="{{accessState === 'locked_not_purchased'}}">
       <view class="paragraph" wx:for="{{previewParagraphs}}" wx:key="index" wx:if="{{item}}">
-        {{item}}
+        <text user-select>{{item}}</text>
       </view>
 
       <!-- 渐变遮罩 -->
@@ -223,7 +223,7 @@
     <!-- 错误状态 - 网络异常 -->
     <view class="article preview" wx:if="{{accessState === 'error'}}">
       <view class="paragraph" wx:for="{{previewParagraphs}}" wx:key="index" wx:if="{{item}}">
-        {{item}}
+        <text user-select>{{item}}</text>
       </view>
 
       <!-- 渐变遮罩 -->

miniprogram/pages/read/read.wxss

@@ -348,18 +348,20 @@
   display: flex;
   gap: 24rpx;
   margin-bottom: 48rpx;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .nav-btn {
-  flex: 1;
+  flex: 1 1 0;
+  min-width: 0;
   padding: 24rpx;
   border-radius: 24rpx;
-  max-width: 48%;
 }
 
 .nav-btn-placeholder {
-  flex: 1;
-  max-width: 48%;
+  flex: 1 1 0;
+  min-width: 0;
 }
 
 .nav-prev {
@@ -400,12 +402,16 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex: 1;
+  min-width: 0;
 }
 
 .btn-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .btn-arrow {

miniprogram/pages/settings/settings.wxml

@@ -130,10 +130,10 @@
       </view>
       
       <view class="modal-body">
-        <view class="input-wrapper">
+        <view class="form-input-wrap">
           <input 
+            class="form-input-inner"
             type="{{bindType === 'phone' ? 'number' : 'text'}}"
-            class="form-input"
             placeholder="{{bindType === 'phone' ? '请输入11位手机号' : bindType === 'wechat' ? '请输入微信号' : '请输入支付宝账号'}}"
             placeholder-class="input-placeholder"
             value="{{bindValue}}"
@@ -161,9 +161,9 @@
         <view class="modal-close" bindtap="closeSwitchAccountModal">✕</view>
       </view>
       <view class="modal-body">
-        <view class="input-wrapper">
+        <view class="form-input-wrap">
           <input
-            class="form-input"
+            class="form-input-inner"
             placeholder="请输入目标用户的 userId（如 ogpTW5fmXRGNpoUbXB3UEqnVe5Tg）"
             placeholder-class="input-placeholder"
             value="{{switchAccountUserId}}"

miniprogram/pages/settings/settings.wxss

@@ -112,9 +112,9 @@
 .modal-title { font-size: 36rpx; font-weight: 700; color: #fff; }
 .modal-close { width: 64rpx; height: 64rpx; background: rgba(255,255,255,0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32rpx; color: rgba(255,255,255,0.5); }
 .modal-body { padding: 16rpx 40rpx 48rpx; }
-.input-wrapper { margin-bottom: 32rpx; }
-.form-input { width: 100%; padding: 32rpx 24rpx; background: rgba(255,255,255,0.05); border: 2rpx solid rgba(255,255,255,0.1); border-radius: 24rpx; font-size: 32rpx; color: #fff; box-sizing: border-box; transition: all 0.2s; }
-.form-input:focus { border-color: rgba(0,206,209,0.5); background: rgba(0,206,209,0.05); }
+/* 弹窗 input：外边包 view，padding 写在 view 上，避免光标截断 */
+.form-input-wrap { padding: 16rpx 24rpx; background: #1F2937; border: 2rpx solid rgba(255,255,255,0.1); border-radius: 24rpx; margin-bottom: 32rpx; }
+.form-input-inner { width: 100%; font-size: 28rpx; background: transparent; color: #fff; }
 .input-placeholder { color: rgba(255,255,255,0.25); }
 .bind-tip { font-size: 24rpx; color: rgba(255,255,255,0.4); margin-bottom: 40rpx; display: block; line-height: 1.6; text-align: center; }
 .btn-primary { padding: 32rpx; background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); color: #000; font-size: 32rpx; font-weight: 600; text-align: center; border-radius: 28rpx; }